@font-face {
    font-family: 'Interstate';
    src: url('type/interstate-boldcondensed-webfont.eot');
    src: url('type/interstate-boldcondensed-webfont.eot?iefix') format('eot'),
         url('type/interstate-boldcondensed-webfont.woff') format('woff'),
         url('type/interstate-boldcondensed-webfont.ttf') format('truetype'),
         url('type/interstate-boldcondensed-webfont.svg#webfontXFk0NVyc') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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 {
}



h1, h2, h3, h4, h5, h6 {
	margin: 					0;
	padding: 					0;
	text-transform:				uppercase;
	letter-spacing: 	0;
	border-bottom: 		0 !important;
}

button, input, option, select, textarea {
	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 {
	font: 				4.5em 'Interstate', 'Arial', sans-serif;
	color:				#FFF;
	text-transform:		uppercase;
}

h2 {
	font: 				4.0em 'Interstate', 'Arial', sans-serif;
	color:				#FFF;
	margin:				0 0 10px 0;
	text-transform:		uppercase;
}

h3 {
	font: 				2.5em 'Interstate', 'Arial', sans-serif;
	color:				#FFF;
	margin:				0 0 10px 0;
	text-transform:		uppercase;
}

h4 {
	font-size:			1.0em;
}

h5 {
	font: 				2em 'Interstate', 'Arial', sans-serif;
	color:				#FFF;
	margin:				0 0 10px 0;
	text-transform:		uppercase;
}

#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:			1.1em;
	padding:			2px;
	width:				250px;
}

textarea {
	font-family:		arial;
	border:				1px solid #161616;
	background-color:	#333;
	color:				#FFF;
	font-size:			1.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;
	padding-top:25px;
}

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

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

.breadcrumb {
	float:					left;
	margin:					0 20px 0 0;
	width:					620px;
	display:				none;
}

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

.breadcrumb, .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 h3 {
	font-size:			2em;
}

.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 p.kort {
	min-height:			80px;
}

.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;
	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;
	clear:				both;
}

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

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

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

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

.contactinfo {
	margin-left:		15px;
	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;
	font-size:			1.6em;
	margin:				0.2em 0 0 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:				-60px 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:				-72px 0 60px 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;
}

p.bottom {
	font: 				3em 'Interstate', 'Arial', sans-serif;
	color:				#FFF;
	margin:				0 0 7px 10px;
	text-transform:		uppercase;
}

.naametc, .nawemail {
	margin:				20px 0 0 0;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 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;
}




/* ################################################################################# */
/*                                                                                   */
/*                                 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;
}
