/*------------------------------------------------------------------------------------
 * {bedrijfsnaam} Website Screen Presentation Layer
 * Author:	{naam}
 * Created:	{datum} 
 * Notes:	{notities, bugs, etc.}
-------------------------------------------------------------------------------------*/

/* ################################################################################# */
/*                                                                                   */
/*                                		BODY	                                     */
/*                                                                                   */
/* ################################################################################# */


/*------------------------------------------------------------------------------------
 * 
 * Alleen gebruiken wanneer de footer van de website altijd 
 * tegen de onderkant van de browser aan moet staan of onderaan de content

html, body {
	height: 			100%;
}

html {
	font-size: 			100%;
	overflow-y:			scroll;
}

-------------------------------------------------------------------------------------*/

html, body {
	height: 			100%;
}

html {
	font-size: 			100%;
	overflow-y:			scroll;
}

body {
	background:			#000;
	color: 				#CCC;
	font-family:		arial;
	font-size: 			62.5%;  /*standaard font grootte is nu 10px, dus 1.2em = 12px */
	line-height: 		140%;
}

/* ################################################################################# */
/*                                                                                   */
/*                                VLAKVERDELING                                      */
/*                                                                                   */
/* ################################################################################# */

#wrapper {
	clear:				both;
	min-height: 		100%;
	height: 			auto !important;
	height: 			100%;
	margin: 			0 auto -360px auto; /* the bottom margin is the negative value of the footer's height */
}

#header {
}

#footer {
	margin:				0 auto;
	text-align:			center;
}

#footerclearer, #footer {
	clear:				both;
	height:				360px;
	margin:				0 auto;
}

#footerclearer {
}

/*------------------------------------------------------------------------------------
 * 
 * Alleen gebruiken wanneer de footer van de website altijd 
 * tegen de onderkant van de browser aan moet staan of onderaan de content

#wrapper {
	min-height: 		100%;
	height: 			auto !important;
	height: 			100%;
	margin: 			0 auto -30px auto; /* the bottom margin is the negative value of the footer's height *//*
	width:				960px;
}

#footer, #footerclearer {
	background:			#00FF00;
	height: 			30px; /* .footerclearer must be the same height as .footer *//*
	margin:				0 auto;
	width:				960px;
}

-------------------------------------------------------------------------------------*/

/* ################################################################################# */
/*                                                                                   */
/*                                   DEFAULT                                         */
/*                                                                                   */
/* ################################################################################# */

/*------------------------------------------------------------------------------------
 * 
 * Gebruik font-size alleen bij html tags en niet bij classes en id's,
 * dit mag slechts bij uitzondering.
 *
 * Deze eigenschap zal altijd blijven ondanks verdere classes
 * 		!important
 * IE 6 and below
 *     	* html {}
 * IE 7 and below
 *     	*:first-child+html {} * html {}
 * IE 7 only
 *     	*:first-child+html {}
 * IE 7 and modern browsers only
 *     	html>body {}
 * Modern browsers only (not IE 7)
 *     	html>/**body {}
 /*
 * Recent Opera versions 9 and below
 *     html:first-child {}
 *
-------------------------------------------------------------------------------------*/


h1, h2, h3, h4, h5, h6 {
	font-family: 			Arial,"Trebuchet MS", Verdana, Helvetica, sans-serif !important;
	margin: 					0;
	padding: 					0;
	text-transform:				uppercase;
	letter-spacing: 	0;
	border-bottom: 		0 !important;
}

button, input, option, select, textarea {
	font-family: 			Arial,"Trebuchet MS", Verdana, Helvetica, sans-serif !important;
	letter-spacing: 	0;
	margin: 					0;
	padding: 					0;
}

a {
	color: 						#FF0000;
	cursor:						pointer;
	text-decoration:	none;
}

a:active {
	color:						#FF0000;
	text-decoration:	underline;
}

a:hover {
	color:						#FF0000;
	text-decoration:	underline;
}

a:visited {
	color:				#FF0000;
	text-decoration:	underline;
}



/* Custom tags */

#content p, table, ul, button, input, select, textarea {
	font-size:			1.2em;
}

h1 {
	color:				#0050A9;
	font-size:			1.6em;
	font-weight:		normal;
}

h2 {
	color:				#0050A9;
	font-size:			1.5em;
	font-weight:		normal;
	margin:				0 0 0.5em 0;
}

h4 {
	font-size:			1.0em;
}

#content p {
	line-height:		1.6em;
	margin:				0.5em 0 1.5em 0;
}

table {
	border:				0;
}

td {
	padding:			5px;
	vertical-align:		top;
}

button {
	border:				1px solid #161616;
	background-color:	#333;
	color:				#FFF;
	font-size:			1em;
	padding:			1px;
}
	
input, select {
	border:				1px solid #161616;
	background-color:	#333;
	color:				#FFF;
	font-size:			1em;
	padding:			2px;
	width:				250px;
}

textarea {
	border:				1px solid #161616;
	background-color:	#333;
	color:				#FFF;
	font-size:			1em;
	padding:			4px;
	width:				350px;
}

.button {
	border:				0;
	height:				25px;
	padding:			0;
	width:				150px;
}

li {
	padding:			0;
	margin:				0;
}
/* ################################################################################# */
/*                                                                                   */
/*                                 HEADER				                             */
/*                                                                                   */
/* ################################################################################# */

#headerbox {
	margin:				0 auto;
	height:				110px;
	width:				980px;
}

#logobox {
		float:			left;
		width:			220px;
}

#topmenu {
		float:			right;
		margin:			0 20px 0 0;
}


img.logo {
		margin:			20px 0 0 20px;
}

.home {
	background:			url(../images/image_sprite.jpg) 0 -310px no-repeat;
	height:				32px;
	width:				86px;
}

.home_over, .home:hover {
	background:			url(../images/image_sprite.jpg) 0 -277px no-repeat;
	height:				32px;
	width:				86px;
}

.overons {
	background:			url(../images/image_sprite.jpg) -86px -310px no-repeat;
	height:				32px;
	width:				121px;
}

.overons_over, .overons:hover {
	background:			url(../images/image_sprite.jpg) -86px -277px no-repeat;
	height:				32px;
	width:				121px;
}

.diensten {
	background:			url(../images/image_sprite.jpg) -207px -310px no-repeat;
	height:				32px;
	width:				118px;
}

.diensten_over, .diensten:hover {
	background:			url(../images/image_sprite.jpg) -207px -277px no-repeat;
	height:				32px;
	width:				118px;
}

.portfolio {
	background:			url(../images/image_sprite.jpg) -325px -310px no-repeat;
	height:				32px;
	width:				130px;
}

.portfolio_over,.portfolio:hover {
	background:			url(../images/image_sprite.jpg) -325px -277px no-repeat;
	height:				32px;
	width:				130px;
}

.contact {
	background:			url(../images/image_sprite.jpg) -455px -310px no-repeat;
	height:				32px;
	width:				100px;
}

.contact_over, .contact:hover {
	background:			url(../images/image_sprite.jpg) -455px -277px no-repeat;
	height:				32px;
	width:				100px;
}

a.but_leesmeer,
a.but_reageer,
a.but_reacties,
a.but_share {
	float:				left;
	cursor:				pointer;
}

a.but_leesmeer span,
a.but_reageer span,
a.but_share span {
	display:			none;
}

a.but_leesmeer {
	background:			url(../images/image_sprite.jpg) -158px -57px no-repeat;
	display:			block;
	height:				25px;
	margin:				0 0 0 8px;
	width:				75px;
}

a.but_leesmeer:hover {
	background:			url(../images/image_sprite.jpg) -158px -82px no-repeat;
}

a.but_reageer {
	background:			url(../images/image_sprite.jpg) -233px -57px no-repeat;
	display:			block;
	height:				25px;
	width:				75px;
}

a.but_reageer:hover {
	background:			url(../images/image_sprite.jpg) -233px -82px no-repeat;
}

a.but_share {
	background:			url(../images/image_sprite.jpg) -461px -57px no-repeat;
	display:			block;
	margin:				0 0 0 10px;
	height:				25px;
	width:				75px;
}

a.but_share:hover {
	background:			url(../images/image_sprite.jpg) -461px -82px no-repeat;
}

a.but_reacties {
	background:			url(../images/image_sprite.jpg) -308px -57px no-repeat;
	display:			block;
	height:				25px;
	width:				100px;
}

a.but_reacties:hover {
	color:				#F00;
	text-decoration:	none;
}

a.but_reacties:visited {
	text-decoration:	none;
}

a.but_reacties {
	color:				#999;
}

a.but_reacties span {
	margin:				5px 0 0 35px;
	display:			block;
	float:				left;
	font-size:			1.1em;
}


/* ################################################################################# */
/*                                                                                   */
/*                                 PARALLAX				                             */
/*                                                                                   */
/* ################################################################################# */

#parallax {
	position:relative; 
	overflow:hidden; 
	width:100%; 
	height:280px;
}

p.topinfo {
	line-height:		0;
	margin:				0;
	padding:			0;
}

.topinfo_text {
	float:				right;
	font-size:			1.32em;
	line-height:		1.6em;
	padding:			0 15px;
	text-transform:		uppercase;
	width:				300px;
}


/* ################################################################################# */
/*                                                                                   */
/*                                 CONTENT				                             */
/*                                                                                   */
/* ################################################################################# */

#content {
	min-height:			500px;
	margin:				25px 0 50px 0;
}

#contentbox {
	margin:				0 auto;
	width:				940px;
}

#box-breed {
	padding:				30px 0 0 0;
	width:					940px;
}

#box-breed h1 {
	font-size:				0.1em;
}

.hier {
	float:					left;
	margin:					0 20px 0 0;
	width:					620px;
}

.zoeken {
	float:					left;
	width:					300px;
}

.hier, .zoeken {
	margin-bottom:			20px;
}

.zoeken img {
	border:					1px solid #111;
	margin-bottom:			-9px;
	margin-left:			15px;
}

input.zoek {
	background:				url(../images/image_sprite.jpg);
	background-position:	-223px -33px;
	font-size:				1.2em;
	padding:				4px;
	margin:					0;
	width:					220px;
}

#box-left, #box-right {
	float:				left;
}

#box-left {
	padding:			0;
	width:				600px;
	margin:				0 40px 0 0;
}

#box-right {
	padding:			15px 0 0 0;
	width:				300px;
}

span.subheader {
	color: 				#666;
	display:			block;
	font-size:			1.2em;
	font-weight:		bold;
	padding:			0 0 0 0;
}

span.techniek {
	color: 				#CCC;
	display:			block;
	font-size:			1.0em;
}

.blogentry {
	clear:both;
	border-top:			1px solid #323232;
	padding:			30px 0 0 0;
	margin-top:			10px;
	margin-bottom:		10px;
}

.blogtext, .blogdate {
	float:				left;
}

.blogdate {
	margin:				0;
	width:				100px;
}

.blogtext {
	margin:				0 0 0 30px;
	max-width:			420px;
}

.blogtext-breed {
	float:				left;
	width:				600px;
	margin:				0;
}

.blogtext p {
	min-height:			90px;
}	

.leesmeer {
	background:			url(../images/image_sprite.jpg) 0 -470px no-repeat;
	border:				1px solid #111;
	height:				25px;
	padding:			0;
	margin:				-17px 0 0 0;
	width:				470px;
}

.butleesmeer, .butreageer {
	padding:			0 5px 0 10px;
}

.butbookmark {
	padding:			0 0 0 15px;
}

span.paginas {
	color:				#FFF;
	font-size:			1.5em;
	font-weight:		bold;
	margin-right:		25px;
}

span.paginas a, span.paginas_actief a {
	color:				#FFF;
}

span.paginas a:hover, span.paginas_actief a:hover {
	color:				#FF0000;
}

span.paginas_actief {
	color:				#FF0000;
	font-size:			1.5em;
	font-weight:		bold;
	margin-right:		25px;
}

.textbox {
	padding:			0 0 0 0;
}

.textbox img, #box-left img {
	border:				1px solid #111;
	margin:				0 0 10px 0;
}

#box-left .leesmeer img {
	border:				0;
	margin:				0;
}

.clear {
	height:				20px;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 UITGELICHT			                             */
/*                                                                                   */
/* ################################################################################# */


.uitgelichtbox {
	border:1px solid #111;
	position:	relative;
	display:	block;
	height:		140px;
	width:		300px;
	margin:		20px 0 0 0;
	overflow:	hidden;
}

.boxgrid img{
	cursor:pointer;
	border: 0;
}

.cover {
	background:	url(../images/bg_uit_over.jpg) left top no-repeat;
	position:absolute;
	background-color:#F3C;
	margin:	-35px 0 0 0;
	height: 75px;
	width:	300px;
}

.cover_a {
	display: 				block;
	margin:					-7px 0 0 4px;
	padding:				7px 0 0 0;	
	height: 				75px;
	width:					300px;
}

.cover a {
	text-decoration:		none;
}

.cover a span.caption_title {
	color:					#FFF;
}

.caption_title, .caption_subtitle {
	display:				block;
	line-height:			1.5em;
	margin:					7px 0 0 4px;
	width:					242px;
}

.caption_subtitle {
	color:					#999;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 BOX BREED			                             */
/*                                                                                   */
/* ################################################################################# */

.case_text, .case_img {
	float:				left;
}

.case_text {
	padding:			0 40px 0 0;
	width:				280px;
}

.case_text p {
	padding:			10px 0 3px 0;
}

.case_img {
	background-color:	#F39;
	width:				620px;
	height:				250px;
}

ul.nummering li {
	display:			inline;
	cursor:				pointer;
	padding:			8px 12px;
	font-weight:		bold;
	margin:				0 -10px;
}

ul.nummering li a {
	color:				#FFF;
	padding:			8px 12px;
}

ul.nummering li a:hover, ul.nummering li.actief a, ul.nummering li.actief a:hover {
	background:			url(../images/bg_page.jpg) no-repeat;
	color:				#FFF;
	text-decoration:	none;
}

.overlaytekst {
	position:			absolute;
	color:				#FFF;
	font-size:			1.2em;
	margin:				-40px 0 0 15px;
	z-index:			200;
}

.blok_partnerlogo {
	float:				left;
	margin:				0 0 0 0;
	width:				140px;
}

.blok_partnertekst {
	float:				right;
	margin:				0 20px 0 0;
	line-height:		1.6em;
	font-size:			1.2em;
	width:				420px;
}


/* ################################################################################# */
/*                                                                                   */
/*                                 NAVIGATIE			                             */
/*                                                                                   */
/* ################################################################################# */

ul.topnav {
	margin:				20px 0 0 0;
}

ul.topnav li. {
	background:			url(../images/devider_menu.jpg) top left no-repeat;
	float:				left;
	display:			inline;
	text-transform:		uppercase;
	padding:			10px;
}

ul.topnav li.first {
	background:			url(../images/devider_menu_black.jpg) top left no-repeat;
}
/* ################################################################################# */
/*                                                                                   */
/*                                 CONTENT-RE			                             */
/*                                                                                   */
/* ################################################################################# */

#box-right img {
	border:				1px solid #111;
}

.uitgelicht {
	margin:				8px 0 0 0;
}

.uitgelicht img.licht {
	margin:				0 0 35px 0;
}

.overlay {
	position:			relative;
	display:			block;
	background:			#000000 url(../images/bg_overlay.jpg) top left repeat-x;
	height:				30px;
	margin:				-80px 0 20px 2px;
	text-transform:		uppercase;
	padding:			5px;
	width:				283px;
}

.overlay .titel, .overlay .wat {
	font-size:			1.2em;
	font-weight:		bold;
}

span.titel {
}

.wat {
	color:				#FF0000;
	line-height:		1.5em;
}

.overlay img.arrows {
	border:				0;
	margin:				0 0 -2px 10px;
}

.overlay_case {
	background:			url(../images/overlay_case.png) left top no-repeat;
	float:				right;
	height:				216px;
	margin:				-250px 0 0 320px;
	position:			absolute;
	width:				620px;
	z-index:			5000;
}


/* ################################################################################# */
/*                                                                                   */
/*                                 FOOTER				                             */
/*                                                                                   */
/* ################################################################################# */

#footer {
	background:			url(../images/bg_footer.jpg) top left repeat-x;
}

#footerbox {
	margin:				0 auto;
	width:				980px;
}

.footernav {
	height:				310px;
	text-align:			left;
	padding:			0 0 0 10px;
}

.sitemap {
}

.sitemap img.sitemapbut {
	margin-left:		40px;
}

#sitemap_open {
	background:			#fd000b url(../images/bg_sitemap_open.jpg) top left repeat-x;
	display:			none;
	height:				200px;
}

.sitemapbox {
	margin:				0 auto;
	width:				980px;
}

.entries, .ophetweb, .contactinfo {
	float:				left;
}

.entries {
	width:				620px;
	margin-right:		20px;
}

.ophetweb {
	width:				300px;
	margin-right:		20px;
}

.contactinfo {
	width:				300px;
}

.ent {
	float:				left;
	display:			block;
	cursor:				pointer;
	width:				620px;
	margin:				0 0 3px 10px;
}

.ent img {
	padding-right:		8px;
}

.entrytitel, .entrydate, .entrycomments {
	float:				left;
	font-size:			1.2em;
	line-height:		1.8em;
}

.entrydate {
	color:				#444;
	display:			block;
	width:				80px;
}

.entrytitel {
	color:				#444;
	display:			block;
	width:				431px;
}

.entrytitel a {
	text-decoration:	none;
}

.entrytitel a:hover {
	text-decoration:	underline;
}

img.blok_comments {
	float:				left;
	margin:				-8px 0 0 0;
}

.entrycomments {
	color:				#2B2B2B;
	display:			block;
	width:				85px;
	margin:				-13px 0 0 0;
}

.devider {
	color:				#FF0000;
	padding:			0 8px;
}

.devider_line {
	border-bottom:		1px solid #333;	
	margin:				8px 0 7px 0;			
}

.ophetweb img {
	padding-right:		8px;
	padding-left:		10px;
}

.list_op {
	font-size:			1.3em;
	margin:				-10px 0 0 0;
	line-height:		2.2em;
}

.contactinfo p {
	font-size:			1.2em;
	margin:				0 0 25px 10px;
	line-height:		1.8em;
}

.contactinfo p.bottom {
	margin:				2px 0 7px 0;
	line-height:		0;
}

p.reyez {
	font-weight:		bold;
	margin:				0.2em 0 0.8em 10px;
}

.rood {
	color:				#FF0000;
}

.bot5 {
	display:			block;
	height:				10px;
	margin-top:			-10px;
	margin-bottom:		8px;
}

table.reactie tr td {
	padding:			3px 0px;
}

.naametc, .nawemail {
	float:				left;
	font-size:			1.2em;
	line-height:		1.8em;
	margin:				-7px 0 0 0;
}

.naametc {
	width:				170px;
	margin-left:		10px;
}

.nawemail {
	width:				120px;
}

.shareicon {
	float:				left;
	display:			block;
	width:				20px;
	height:				20px;
	margin:				0 6px 6px 0;
}

.sharebox {
	clear:				both;
	background-color:	#C39;
	height:				30px;
	width:				200px;
}

/*.reactieblok {
	margin-left:		130px;
	display:			block;
	width:				472px;
	overflow:hidden;
}


/* ################################################################################# */
/*                                                                                   */
/*                                 SHAREBOX				                             */
/*                                                                                   */
/* ################################################################################# */




.shareit-box {
	background:url(../images/bg_icons.png) left top no-repeat;
position:absolute; 
display:none;  
padding:10px 0 35px 110px;
margin: -140px 0 0 240px;
width:	120px;
z-index:100000;
*background:url(../images/bg_icons.png) left 2px no-repeat;
*padding:0 0 35px 110px;
*margin: -140px 0 0 -100px;
}  

.fulltemp {
	margin-left:	150px;
}
   
.shareit-header {  
width:138px;  
}  


.shareit-body {
width:118px; height:100px;  
}  

.shareit-blank {  
height:20px;  
}  

.shareit-url {  
height:50px;  
text-align:center;  
}  

.shareit-url input.field{  
width:100px; height:26px;  
border:none; outline:none;  
padding:7px 5px 0 5px;  
margin:3px auto;font-size:11px;  
}  

.shareit-icon  {  
height:20px;  
}  

.shareit-icon ul {  
list-style:none;  
width:130px;  
margin:0; padding:0 0 0 8px;  
}  

.shareit-icon ul  li{  
float:left;  
padding:0 2px;  
}  

.shareit-icon ul  li img{  
border:none;  
}  


/* ################################################################################# */
/*                                                                                   */
/*                                 SOCIAL				                             */
/*                                                                                   */
/* ################################################################################# */

.antisocial .textbox p {
	max-width:			620px;
}

.social {
	position:			absolute;
	background:			#000;
	padding:			60px 0 0 0;
	margin:				-8px 0 0 640px;
	height:				120px;
	width:				300px;
}

.social img.facebook {
	margin:				15px 15px 15px 0;
}

.social img.linkedin {
	margin:				15px 0 15px 0;
}

.social img.hyves {
	margin:				0 15px 15px 0;
}

#box-right .socialright {
	background:			#000;
	margin:				-52px 0 50px 0;
	padding:			60px 0 0 0;
	height:				140px;
	width:				300px;
}

#box-right .socialright img.facebook,
#box-right .socialright img.twitter,
#box-right .socialright img.hyves,
#box-right .socialright img.linkedin,
#box-right .socialright img.rss,
#box-right .socialright img.newsletter {
	float:				left;
}


.facebook {
	background:			url(../images/image_sprite.jpg) 0 -382px no-repeat;
	height:				25px;
	margin:				0 15px 15px 0;
	width:				140px;
}

.facebook:hover {
	background:			url(../images/image_sprite.jpg) -140px -382px no-repeat;
}

.linkedin {
	background:			url(../images/image_sprite.jpg) 0 -407px no-repeat;
	height:				25px;
	margin:				0 0 15px 0;
	width:				140px;
}

.linkedin:hover {
	background:			url(../images/image_sprite.jpg) -140px -407px no-repeat;
}

.twitter {
	background:			url(../images/image_sprite.jpg) 0 -432px no-repeat;
	height:				25px;
	margin:				0 0 15px 0;
	width:				140px;
}

.twitter:hover {
	background:			url(../images/image_sprite.jpg) -140px -432px no-repeat;
}

.hyves {
	background:			url(../images/image_sprite.jpg) 0 -357px no-repeat;
	height:				25px;
	margin:				0 15px 15px 0;
	width:				140px;
}

.hyves:hover {
	background:			url(../images/image_sprite.jpg) -140px -357px no-repeat;
}

.rss {
	background:			url(../images/image_sprite.jpg) -280px -357px no-repeat;
	height:				25px;
	margin:				0 0 0 0;
	width:				140px;
}

.rss:hover {
	background:			url(../images/image_sprite.jpg) -280px -382px no-repeat;
}

.newsletter {
	background:			url(../images/image_sprite.jpg) -280px -407px no-repeat;
	height:				25px;
	margin:				0 15px 0 0;
	width:				140px;
}

.newsletter:hover {
	background:			url(../images/image_sprite.jpg) -280px -432px no-repeat;
}

.social img.newsletter {
	background:			url(../images/image_sprite.jpg) -280px -407px no-repeat;
	height:				25px;
	margin:				0 0 0 0;
	width:				140px;
}

.social .newsletter:hover {
	background:			url(../images/image_sprite.jpg) -280px -432px no-repeat;
}

.social img.rss {
	background:			url(../images/image_sprite.jpg) -280px -357px no-repeat;
	height:				25px;
	margin:				0 15px 0 0;
	width:				140px;
}

.social .rss:hover {
	background:			url(../images/image_sprite.jpg) -280px -382px no-repeat;
}


a.bekijkcases {
	background:			url(../images/image_sprite.jpg) -420px -357px no-repeat;
	display:			block;
	height:				25px;
	width:				189px;
}

a.bekijkcases:hover {
	background:			url(../images/image_sprite.jpg) -420px -382px no-repeat;
}

a.bekijkcases span {
	display:			none;
}


/* ################################################################################# */
/*                                                                                   */
/*                                 SLIDER				                             */
/*                                                                                   */
/* ################################################################################# */
.navv {
	margin:				225px 10px 0 0;
	float:				right;
	position:			relative;
	z-index:			100;
}

.navv a {
	background:		url(../images/pager_off.png) left top no-repeat;
	display:		block;
	float:			left;
	margin:			0 1px;
	height:			19px;
	width:			17px;
}

.navv a.activeSlide,.navv a:hover {
	background:		url(../images/pager_on.png) left top no-repeat;
}

.pics {
	background-color:	#000;
	width:		620px;
	height:		250px;
}

.overlay_img {
	background:		url(../images/bg_slider.jpg) left top repeat-x;
	color:			#FFF;
	position:		absolute;
	width:			610px;
	height:			28px;
	font-size:		1.2em;
	padding:		7px 0 0 10px;
	margin-top:		-49px;
	margin-left:1px;
	z-index:		50;
}

a.navigator span {
	display:		none;
}

.closediv {
	margin-left:	320px;
	height:			250px;
	width:			620px;
	overflow:		hidden;
}
/* ################################################################################# */
/*                                                                                   */
/*                                 SITEMAP				                             */
/*                                                                                   */
/* ################################################################################# */

ul.footer_topnav {
	padding:			3px 0 0 35px;
}

ul.footer_topnav li {
	color:				#000;
	float:				left;
	font-size:			1.9em;
	font-weight:		bold;
	line-height:		2.7em;
	text-transform:		uppercase;
	padding:			0 20px 0 0;
	width:				200px
}

ul.footer_subnav li {
	color:				#009900;
	clear:				both;
	font-weight:		normal;
	line-height:		1.7em;
}

ul.footer_subnav li a {
	color:				#FFF;
	clear:				both;
	display:			block;
	line-height:		2.1em;
	font-size:			0.25em;
	text-decoration:	none;
	text-transform:		none;
}

ul.footer_subnav li a:hover {
	color:				#FFF;
	text-decoration:	underline;
	text-transform:		none;
}


/* ################################################################################# */
/*                                                                                   */
/*                                 SIFR					                             */
/*                                                                                   */
/* ################################################################################# */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 90px;
	padding: 45px 45px 45px 0;
	margin: -45px -100px -45px 0;
	letter-spacing: -10px;
	line-height: 0.0em;
	text-align:left;
	max-width: 550px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 100px;
	padding: 80px 0 80px 80px;
	margin: -100px -80px -125px -80px;   
	letter-spacing: -6px;
	line-height: 0.1em;
	text-transform:	uppercase;
	max-width: 40px;
}

.sIFR-hasFlash h3 {
	text-transform:	uppercase;
	visibility: hidden;
	letter-spacing: -5px;
	padding: 23px 47px 71px 47px;
	margin: -55px -55px -55px -55px;
	font-size:	30px;
	text-align:left;
	max-width: 40px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	padding: 23px;
	font-size: 20px;
	text-align:left;
	text-transform:	uppercase;
	max-width:	560px;
}

.sIFR-hasFlash h5 {
	visibility: hidden;
	letter-spacing: -5px;
	padding: 25px 10px 25px 25px;
	margin: -25px 0 -25px -25px;
	font-size:	20px;
	text-align:left;
	max-width: none;
}

.sIFR-hasFlash h6 {
	visibility: hidden;
	font-size: 90px;
	padding: 45px 45px 45px 0;
	margin: -60px -100px -45px 0;  
	letter-spacing: -10px;
	line-height: 0.0em;
	text-align:left;
	max-width:270px;
}



.sIFR-hasFlash p.bottom {
	visibility: hidden;
	letter-spacing: -9px;
	padding: 20px;
	margin-left: -12px;
	line-height:2em;
	font-size:	10px;
	text-align:left;
	text-transform:	uppercase;
	max-width:	200px;
}

.sIFR-hasFlash p.topinfo {
	visibility: hidden;
	font-size: 95px;
	padding: 0;
	margin: 0 0 -10px 0;  
	letter-spacing: -10px;
	line-height: 1em;
	text-align:right;
	text-transform:	uppercase;
	max-width: 410px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

.sIFR-hasFlash h6 {
	visibility: hidden;
	font-size: 40px;
	padding: 45px 45px 45px 0;
	margin: -60px -100px -45px 0;  
	letter-spacing: -10px;
	line-height: 0.0em;
	text-align:left;
	width:270px;
}

}

/* ################################################################################# */
/*                                                                                   */
/*                                 FLIPBOARD			                             */
/*                                                                                   */
/* ################################################################################# */

.allclients {
	border-bottom:	1px solid #333;
	padding: 0 0 25px 0;
}

.allpartners{
	border-bottom:	none;
	padding: 0 0 25px 0;
}


.sponsorListHolder{
	margin-bottom:30px;
	background:#000;
}
	 
.sponsor{
	color:	#CCC;
	width:140px;
	background:#000;
	height:100px;
	float:left;
	margin:	0 15px 15px 0;
	
	/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
}
	 
.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */
	width:100%;
	height:100%;
	background:#000;
}


.sponsorFlip img{
	background:#000;
	/* Centering the logo image in the middle of the .sponsorFlip div */
}

ul.flipp li {
	border:	1px solid #CCC;
	float: left;
	border:0;
	margin:0 10px 0 0;
	padding:0;
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
}
ul.flipp li img {
	opacity:	0.25;
	filter:		alpha(opacity=25);
}
ul.flipp li img:hover {
	opacity:	1;
	filter:		alpha(opacity=100);
}
ul.flipp li a.thumb {
	width: 140px;
	height: 100px;
	border:0;
	margin:0;
	padding:0;
	cursor: pointer;
}
ul.flipp li span { /*--Used to crop image--*/
	width: 140px;
	height: 100px;
	border:0;
	margin:0 0 0 0;
	padding:0;
	overflow: hidden;
	display: block;
}
ul.flipp li a.thumb:hover {
	border:0;
	margin:0;
	padding:0;
}
ul.flipp li a {text-decoration: none; color:#C00; display: block;
	border:0;
	margin:0 0 0 0;
	padding:0;}
.sponsorData{
	/* Hiding the .sponsorData div */
	display:none;
	width:140px;
	background:#222;
	border: 1px solid #333;
	height:100px;
}

span.clienttekst {
	display:				block;
	font-size:				1.1em;
	line-height:			1.1em;
	margin:					0 7px 7px 7px;
	width:					126px;
}

span.clienttekst a.clientlink {
	display:block;
	margin:6px 0 0 0;
	color:#C00;
	text-decoration:none;
}
	 
.sponsorDescription{
	width:180px;
	background:#F00;
	height:180px;
	font-style:italic;
}
	 
.sponsorURL{
	font-size:10px;
	font-weight:bold;
	padding-left:20px;
	background:#000;
}