/* Start of CMSMS style sheet 'E-mkb2010_CSS' */
*{margin:0;padding:0;}

html,body{
z-index:0;
}
html{
background:url(images/topbg.jpg) no-repeat center top ;
overflow-x:hidden;
}
body#Introductie{
background:url(images/footer1.jpg) no-repeat center bottom ;
}
body#Pakketten{
background:url(images/footer2.jpg) no-repeat center bottom ;
}
body#Referenties{
background:url(images/footer3.jpg) no-repeat center bottom ;
}
body#Bestellen{
background:url(images/footer4.jpg) no-repeat center bottom ;
}
body#Contact{
background:url(images/footer6.jpg) no-repeat center bottom ;
}
body#Webshops{
background:url(images/footer5.jpg) no-repeat center bottom ;
}
img, div { 
border:none;
}
::-moz-selection{
	background:#ed1c24;
	color:#fff;
}

::selection {
	background:#ed1c24;
	color:#fff;
}

code::-moz-selection {
	background: #333333;
}

code::selection {
	background: #333333;
}


.clr{
clear:both;
float:none;
}


#wrap{
width:912px;
margin:0 auto;
}
#header{
width:912px;
display:inline;
padding:0;
}
#header  ul{
width:892px;
height:42px;
padding:0;
margin:83px 0 1px 10px;
display:block;
background:url(images/headul.gif) no-repeat right;
}
#header li{
float:left;
display:inline;
text-align:center;
color: #fff;
}
#header li.lastli{
background:url(images/headlibg2.gif) bottom no-repeat;
width:8px;
height:42px;
display:block;
}
#header li a{
color: #c4c4c4;
text-decoration:none;
width: 118px;
height:23px;
padding:19px 0 0 0;
display:block;
font:normal 12px tahoma;
background:url(images/nav1.gif) bottom no-repeat;
}
#header li a:hover{
color: #fff;
height:34px;
padding:8px 0 0 0;
background:url(images/nav2.gif) bottom no-repeat;
}

#header li a.currentpage{
color: #fff;
height:34px;
padding:8px 0 0 0;
background:url(images/nav2.gif) bottom no-repeat;
}

#logo{
position:absolute;
top:0;
margin:0 0 0 10px;
}
#flash{
position:absolute;
margin:0 0 0 -132px;
display:block;
height:187px;
top:126px;

z-index:-1;

}
#flashcontent{
position:absolute;
z-index:-1;
}
#content{
background:url(images/contentbg.png) top no-repeat;
width:772px;
display:block;
margin:125px 0 0 0;
padding:50px 70px 0 70px;
min-height:500px;
font:normal 12px/20px tahoma;
}
* html #content { height:500px; }
#spacer{
display:block;
height:360px;
clear:both;
float:none;
}
#content h1{
color:#ed1c24;
font-size:18px;
padding:0 0 20px 0;
display:block;
width:800px;
margin:0;
}

#content table{
font:normal 12px tahoma;
line-height:15px;
border-collapse:collapse;
margin: 0 0 20px 0;
}
#content p{
margin: 0 0 20px 0;
}
#content a{
color: #000;
}
#content a:hover{
color: #ed1c24;
}
#content table td{
padding:5px;
}

#content table thead td{
border:1px solid #000;
font-weight:bold;
}
#content table tbody td{
border:1px solid #6c6c6d;
background-color:#ebecec;
}
#content table tbody tr.uneven td{
border:1px solid #929395;
background-color:#fafafa;
}
#content table tfoot td{
border:1px dotted #000;
}
#content table tfoot span{
font-size:10px;
display:block;
}
#content span.small{
font-size:10px;
display:block;
margin-bottom:10px;
}
#Webshops #content img,#Pakketten #content img{
float:right;
padding:0 0 20px 20px;
}
#content table tfoot em{
font-size:11px;
font-style:normal;
}
form,fieldset{
border:none;
}
form input.pakketknop{
border:none;
width:112px;
cursor:pointer;
height:69px;
display:block;
background:url(images/bestelknop.jpg);
float:right;
}

form input.pakketknop:hover{
background:url(images/bestelknoph.jpg);
}
form input.verstuurknop,input.fbsubmit{
border:none;
width:112px;
cursor:pointer;
height:69px;
display:block;
background:url(images/verstuurknop.jpg);
float:right;
}

form input.verstuurknop:hover,input.fbsubmit:hover{
background:url(images/verstuurknoph.jpg);
}

.notice{
background:url(images/notice.gif) top left no-repeat ;
padding:5px 5px 5px 30px;

background-position:3px;
line-height:14px;
}
/*REFERENTIES*/


#Referenties #content  h2{
display:none;
}
div.refnormal{
display:inline;
float:left;
padding:44px 26px 20px 13px;
background:url(images/refbg2.jpg);
width:507px;
height:273px;
}



div.refleft{
width:220px;
float:left;
}
div.refleft a{
width:220px;
line-height:40px;
display:block;
}
div.refbig{
display:inline;
float:left;
padding:44px 26px 20px 13px;
width:507px;
height:340px;
background:url(images/refbg1.jpg);
}
/*-----BESTEL FORM--------*/
form#bestelform fieldset{
width:360px !important;
float:left;
display:block;
border:none;
margin:0;

font:normal 12px/12px tahoma !important;

}
#content{

}
form#bestelform fieldset.linksstart{
margin:0 50px 0 0;
}

form#bestelform .bestelform  .checkbox{
height:20px;
float:left;

width:152px;
}
form#bestelform .bestelform  .checkbox label{
color:#3b3b3b;
}

form#bestelform .bestelform  .dropdown{
height:20px;
float:left;
width:150px;
}

form#bestelform .bestelform  .statictext{
height:20px;
float:left;
width:182px;
margin:0 0 5px 0;

}

form#bestelform .bestelform  .statictext a{
color: #ed1c24;

}
form#bestelform .ul{
text-decoration:underline;
}
form#bestelform .bestelform  .statictext a:hover{
text-decoration: underline;
}

form#bestelform .bestelform input,
form#bestelform .bestelform textarea,
form#bestelform .bestelform select{
float:left;
width:175px;
height:20px;
margin:0 0 5px 0;
line-height:19px;
border:none;
border-left: 1px solid #ebebeb;
border-bottom: 1px solid #c2c2c2;
border-top: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
background: #f3f3f3;
font: normal 12px Arial, Helvetica, sans-serif;
}
form#bestelform .bestelform textarea{
height:100px;
overflow:auto;
}

form#bestelform .bestelform textarea:focus,
form#bestelform .bestelform input:focus{
background:#ececec;
border-bottom: 1px solid #9d9d9d;
}

form#bestelform .bestelform  .checkbox input{
width: 10px;
height:10px;
border:none;
background:none;
}
form#bestelform .bestelform select{
width:175px;
float:left;
display:inline;
height:20px;
margin:0;
}

form#bestelform #bestelprijs{
width:200px;
display:inline;
float:left;
text-align:right;
margin:0 0 0 160px;
}
form#bestelform h1{
width:360px;
}
form#bestelform h2#displayTotal{
font-size:36px;
height:33px;
color: #000;
font-size:30px;
line-height:36px;
width:200px;
font-weight:normal;
text-align:right;
}
form#bestelform h3#jaarlijks{
color: #000;
font-size:14px;
line-height:14px;
width:200px;
text-align:right;
font-weight:normal;
padding:0 0 10px 0;
width:200px;
}
form#bestelform #bestelprijs p{
font-size:10px;
color:#3b3b3b;
}
form#bestelform .statictext1{
font-size:10px;
color:#3b3b3b;
}
form#bestelform .statictext1,
form#bestelform .voorwaarden,
form#bestelform .voorwaardentext{
float:left;
display:inline;
width:192px;
margin:0 0 10px 220px;
}

 
html>body form#bestelform  .statictext1,
html>body form#bestelform  .voorwaarden,
html>body form#bestelform  .voorwaardentext
{
width:175px;
margin:0 0 10px 180px;
} 
form#bestelform .voorwaarden a{
color: #ed1c24;
}
form#bestelform .voorwaarden a:hover{
text-decoration:underline;
}
form#bestelform .bestelform .submit{
position:relative;
width:100px;
height:100px;
display:inline;
float:right;
margin:0;
}
html>body form#bestelform .bestelform .submit{
margin:0 10px 0 0;
}
form#bestelform .bestelform .submit input#submit{

width:112px;
height:69px;
background:url(images/verstuurknop.jpg);
border:none;
cursor:pointer;

}
form#bestelform .bestelform  .submit input#submit:hover{
background:url(images/verstuurknoph.jpg);
}

/*checkbox*/
			span.ui-checkbox{
				display: block;
				float: left;
				width: 16px;
				height: 16px;
				background: url(images/icon_checkbox.png) 0 -40px no-repeat;
			}
			span.ui-helper-hidden {
				display: none;
			}
		

			span.ui-checkbox-state-hover {
				background-position: 0 -114px;
			}
			
			span.ui-checkbox-state-checked {
				background-position: 0 -1px;
			}
			
			span.ui-checkbox-state-checked-hover {
				background-position: 0 -75px;
			}
			.ui-helper-hidden-accessible {
				position: absolute;
				left: -999em;
			}
			
/*-------------*/
#errormessage a{
color:#000;
}
#errormessage2,#errormessage{
width:728px;
float:left;
background:#fff;
color: #ed1c24;
line-height:15px;
padding:20px;
margin:0 0 20px;
background:url(images/errorbg.jpg) no-repeat right top;
border:1px double #ed1c24;
min-height:60px;
}
* html #errormessage2 { height:40px; }
* html #errormessage { height:40px; }
#errormessage2 a{
color:#000;
}
/*CONTACT FORM*/
.pakket{
width:360px;
float:left;
position:relative;
margin:0 50px 0 0;
}
.pakket fieldset{
border:none;
}
.pakket fieldset input{
position:absolute;
right:22px;
bottom:24px;
width:175px;
height:25px;
background:url(images/bestel.jpg) no-repeat bottom;
border:none;
}
.pakket fieldset input:hover{
bottom:22px;
}
.formcontact input,
.formcontact textarea{
float:left;
width:200px;
margin:0 0 5px 0;
height:20px;
line-height:19px;
border:none;
border-left: 1px solid #ebebeb;
border-bottom: 1px solid #c2c2c2;
border-top: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
background: #f3f3f3;
font: normal 12px Arial, Helvetica, sans-serif;
}
.formcontact textarea{
height:120px;
}


.formcontact textarea:active,
.formcontact input:active{
border-bottom: 1px solid #000;
}
.formcontact textarea:focus,
.formcontact input:focus{
background:#ececec;
border-bottom: 1px solid #9d9d9d;
}

.formcontact input.fbsubmit{
border:none;
width:112px;
cursor:pointer;
height:69px;
display:block;
background:url(images/verstuurknop.jpg);
margin:10px 0 0 245px;
}
.formcontact input.fbsubmit:hover{
background:url(images/verstuurknoph.jpg) no-repeat bottom;
}
.formcontact div.statictext1{
width:205px;
padding:0;
float:right;
font: normal 10px Arial, Helvetica, sans-serif;
color:#464646;
}
#content .formcontact h1{
width:200px;
}


#contactgegevens{
width:360px;
float:left;
}
#contactgegevens ul{
margin:0 0 0 11px;
float:left;
padding:0 0 20px 0;;
width:340px;
}
#contactgegevens ul li{
height:10px;
margin:0 0 0 10px;
height:20px;
list-style-image: url(images/libtn.gif);
}
#contactgegevens h1.pak{
width:360px;

}
.contactformer{
position:relative;
display:inline;
float:left;
}

 .contactform #form{
width:360px;
float:left;
padding:0;
}
.contactform div.statictext{
width:152px;
height:20px;
float:left;
margin:0 0 5px 0;

}


/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 20px 0 }

	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 770px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 770px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	

	
	/* Tab nav */
	#content .coda-nav ul li a.current {	color:#3c3c3c; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 1px; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	#content .coda-nav ul { clear: both; display: block; margin: auto; margin-bottom:10px;overflow: hidden; width:770px; }
	#content .coda-nav ul li {
	display: inline; 
	float:left; 
	margin:2px  1px 0 0; 
	height:25px;
	line-height:25px;
	padding:0; 
	background:url(images/codanav1.gif) no-repeat;
	}
	#content .coda-nav ul li a { 
	color: #757575; 
	display: inline; 
	font-size:11px;
	float: left;  
	height:25px;
	text-decoration: none;
	padding: 0 10px 0 0; 
	margin:0 0 0 10px; 
	background:url(images/codanav2.gif) right no-repeat;
	}
	#content .coda-nav ul li a:hover{
	color:#3c3c3c;
	}
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	

/* End of 'E-mkb2010_CSS' */