/* CSS Document */

@import url("/css/header.css");
@import url("/css/middleLeft.css");
@import url("/css/middleRight.css");
@import url("/css/readon.css");
@import url("/css/bottom.css");
@import url("/css/tagcloud.css");
@import url("/css/webhosting.css");
@import url("/css/formulieren.css");
@import url("/css/webdesign.css");
@import url("/css/search.css");
@import url("/css/news.css");
@import url("/css/twitter.css");

#topWrapper img, #topWrapper div, #topWrapper a, #topWrapper input { 
	behavior: url(/pngfix/iepngfix.htc);
}

html{
	overflow-y:scroll;
}

body {
	margin:0;
	padding:0;
	/*background: #ffffff url('/img/background.gif') repeat-x top center;*/
	background: #fff url('/img/background.jpg') repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #454955;
}

a {
	outline-style:none;
	text-decoration:none;
	color:#454955;
}
a:hover{
	text-decoration:underline;
	color: #bf2c37;
}
a.bold{
	font-weight:bold;
}
a.red{
	color:#c02f39;
}
a.grey{
	color:#777777;
}
a img{
	border:0px;
}

span.none{ display:none; }
span.bold{ font-weight:bold; }
span.italic{font-style:italic; }
span.red{ color: #bf2c37; }

h1{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 22px;
	color: #bf2c37;
}

h2{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
}

#container{
	width:1000px;
	margin:0 auto;
	padding:0 5px 0 5px;
	position: relative;
}

#container .studiofilmpjeWrapper_sven {
	width: 380px;
	height: 304px;
	position: absolute;
	left: 575px;
	top: 175px;
	z-index: 10;
}

#container .studiofilmpjeWrapper_NOA_Gewoon_skippyworkout {
	width: 219px;
	height: 254px;
	position: absolute;
	left: 676px;
	top: 120px;
	z-index: 10;
}

#container .studiofilmpjeWrapper_studio {
	width: 297px;
	height: 238px;
	position: absolute;
	left: 629px;
	top: 325px;
	z-index: 10;
}

#container .studiofilmpjeWrapper_studio_NOA {
	width: 330px;
	height: 330px;
	position: absolute;
	left: 664px;
	top: 325px;
	z-index: 10;
}

#container .studiofilmpjeWrapper_NOA_Cowgirl_pistoolas {
	height:396px;
	left:676px;
	position:absolute;
	top:-23px;
	width:300px;
	z-index:10;
}

#container #bodyWrapper{
	width:990px;
	margin:0;
	padding:0 5px 5px 5px;
	float:left;
	background:#fff url('/img/container.gif') no-repeat bottom center;
}

#container #bodyWrapper #middleWrapper{
	width:990px;
	margin:0;
	padding:0;
	float:left;
	background:url('/img/middleBg.gif') no-repeat top left;
	position:relative;
}

#container #bodyWrapper #contentWrapper{
	width:990px;
	margin:-22px 0 9px 0;
	padding:0;
	float:left;
	/*background:#FFFFFF;*/
}

#medewerker .medewerkerHolder {
	width: 200px;
	float: left;
	height: 275px;
	text-align: center;
	}
	
#medewerker .medewerkerHolder h2 {
	padding-top: 7px;
	padding-bottom: 7px;
	}
	
/*Klanten overzicht*/

	
#customersFooter {
	width: 940px;
	background-color: #f0f0f0;
	float: left;
	}
	
#customersFooter ul {	
	width: 225px;
	padding-left: 10px;
	list-style: none;
	float: left;
	}

#customers ul.customer-list {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 940px;
	float: left;
	clear: both;
	}
	
#customers ul.customer-list li {
	width: 235px;
	height: 175px;
	display: inline;
	float: left;
}

#customers ul.customer-list li a {
	text-indent:-10000px;
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	width: 230px;
	height:170px;
}

#customers ul.customer-list li a:hover{
	background-position: 0 -170px;
}

#customersFooter ul.customersFooter-list li {
	width: 220px;
	display: inline;
	float: left;
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px; 
}

#contentLeftWideWrapper {
	background: url(/img/contentWideWrapper.png) no-repeat;
	float:left;
	margin:0;
	padding:7px 4px 0 7px;
	width:990px;
	}
	
/*PARTNERLOGIN*/

fieldset { border:none; }

/*OFFERTE FORMULIER*/

ul.listOptions { clear:both; list-style:none; margin:0; padding:0;  }
ul.listOptions li { clear:both; }
.rowOptions { clear:both; }
.optionLeft { float: left; width: 400px; }
.optionLeft h3 { padding:0; margin:0;}
.priceRight { float: right; text-align: right; width: 90px; }

#offerte .formRow { float: left;
    margin: 5px 0;
    width: 500px;
	height:auto;
	line-height: 24px;
	}
	
label.wide {
    clear: both;
    width: 450px;
}

span.small { font-size:10px; font-style:italic; display:block; }
ul#geslacht li { display: inline; }
#offerte .formRow input[type=text] {float: left; width: 250px;}
#offerte .formRow .naam {margin: 0 3px 0 0 !important; width: 160px !important;}
#offerte .formRow .voorletters { float: left; width: 81px !important; }
#offerte .formRow .postcode { margin: 0 3px 0 0 !important; width: 60px !important; }
#offerte .formRow .plaats { width: 181px !important; }

a.btn-explanation { width:20px; height:20px; display:inline-block; background:url(/img/btn-explanation.png) no-repeat; }

/*SOCIAL MEDIA SIDEBAR*/

ul#sidebar-socialmedia { list-style:none; margin:0; padding:0; clear:both; }
ul#sidebar-socialmedia li { padding:0; margin:0 0 5px 0; list-style:none!important; }
ul#sidebar-socialmedia li.btn-socialmediaEmpty { background:url(/img/empty-button.png) no-repeat; width:310px; height:56px; display:block; text-align:center; }
ul#sidebar-socialmedia li.btn-socialmediaEmpty div.sidebar-socialmedia { width: 230px; margin: 0 auto; padding:18px 0; }
ul#sidebar-socialmedia a.btn-socialmedia { width:310px; height:56px; display:block;}
ul#sidebar-socialmedia a#facebook { background:url(/img/facebook-button.png) no-repeat; }
ul#sidebar-socialmedia a#googleplus { background:url(/img/googleplus-button.png) no-repeat;}
ul#sidebar-socialmedia a#twitter { background:url(/img/twitter-button.png) no-repeat;}

/*PARTNER SIDEBAR*/

ul#partneraccount { margin: 0; padding:0; }
ul#partneraccount li { margin: 0 0 0 10px; padding:0; list-style:none;}
ul#partneraccount li.data a { color:#BF2C37; }
ul#partneraccount li.extra a { }
