/*
 * WV Trappen css
 * 2008
 */
 
* {margin:0; padding:0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #006699;
	text-align:center; 
	background: url(/cmsfile/37) repeat-y center top;
}
h1 {font-size:18px;font-weight:bold; color: #006699;}
h2 {font-size:14px; font-weight:bold; color: #33cc99;}
h3 {font-size:12px; font-weight:bold; color: #006699;}
h4,h5,h6 {font-size:100%; font-weight:bold; color: #ff9900;}

p{font-size:12px; line-height:18px; margin:6px 0;}
ul {margin-left:20px;}
ol {margin-left: 24px;}
div,table,tr,td,p {font-size: 12px; color:#006699;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}

a img{border:none;}
.clr{clear:both;}

.alignleft{float:left;}
.alignright{float:right;}

hr{
	margin: 4px 0 4px 0;
	padding: 0px;
	display: none;
	height: 1px;
	background-color: #e2e2e2; 
	border: none;
}

/*
 * Layout
 */
#pagecontainer {
	width:890px; 
	margin:0 auto; /*centreren */ 
	text-align:left; 
	display:block;
}
#logohome{
	_margin:0 0 8px -6px !important;
	margin: 0 0 8px -4px !important;
	}
#media{
	width:684px;
	height:263px; /* 270 */
	float:left;
	clear:both;
	/*background: url(/cmsfile/65) no-repeat left top;*/
}
#mediasub{
	width:684px;
	height:270px;
	float:left;
	clear:both;
	/*background: url(/cmsfile/65) no-repeat left top;*/
	border-bottom:12px solid #006699;
}
#zoeken{
	width:240px;
	height:47px;
	position:relative;
	left:444px;
	top:0;
	background-color:#99cccc;
}
#payoff{
	width:684px; 
	height:116px; /*80*/
	padding:0; 
	margin-top:166px; 
	overflow:hidden;
	}
#nieuwsticker{
	width:684px;
	height:24px;
	background-color:#006699;
	border-bottom: 1px solid #9999cc;
	float:left;
	clear:both;
	color:#fff;
	display:inline;
}
#contentcontainer{
	width:896px; 
	height:auto;
	float:left;
	clear:both;
	float:right;
}
#leftcol{
	width:180px;
	min-height:460px; 
	float:left; 
	text-align:left;
	margin-left:6px;
	
	overflow-x:hidden !important;
}
#leftcol a {color:#006699; text-decoration:underline;}

#leftcol a img {outline:none;}
#maincontent{
	height:auto;
	float:left; 
	clear:both;
	background-color: #fff; 
	text-align:left;
	padding-top:8px;
}
.mchome{width:514px;}
.mcsub{width:690px;}

#kp{width:100%; height:24px; font-size:11px; line-height:24px; text-indent:12px; padding-top:4px;}
#kp a{color:#006699 !important; text-decoration:none !important;}
#rightcol{
	width:704px;
	min-height:600px;
	float:right;
	}
#rightcol a {color:#006699; text-decoration:underline;}
#contact{
	width:170px;
	min-height:200px;
	float:right;
}	
#footer {
	width:680px; 
	height:24px; 
	color:#669999;
	float:left; 
	clear:both; 
	text-align:left;
	background: url(/cmsfile/29) repeat-x 12px top;
	display:inline;
}

/* box voor padding in de div elements */
.box{padding:12px;}
.copyright {padding:12px 0 ;}

/*
 * Specifieke Layout styles
 */

#header a img{border:none;}
#topnav{line-height:30px;} /* verticaal centreren */

/*
 * Zoeken
 */
#zoeken fieldset{padding-top:12px;}
#zoeken .zoektxt{float:left; height:15px;  line-height:normal; border: 1px solid #000099;}
#zoeken .zoekbtn{background-color:#009999; color:#fff; float:left; height:21px; line-height:normal; margin-left:3px;}

#maincontent h2{color:#009999; font-size:13px; font-weight:bold; margin-top:6px;}
#maincontent p{font-size:12px; line-height:18px;} 
#maincontent a{color:#ff0000; text-decoration: underline;} /* 009999 */

/*
 * Leftnav
 */ 

#leftcol ul {list-style-type:none; margin-left:0; margin:12px 0 ;}
#leftcol ul li{border-bottom: 1px solid #99cccc;}
#leftcol ul li a{color:#fff; text-decoration:none; /*background-color:#009999; color:#fff; font-size:12px; text-decoration:none; text-indent: 12px; display:block; padding:3px 0; */}
#leftcol ul li a:hover{/*background-color:#33cc99;*/}

.vertnav1{background-color:#009999; color:#fff; font-size:12px; text-decoration:none; text-indent: 12px; display:block; padding:3px 0;}
.vertnav1:hover{background-color:#33cc99; color:#fff; font-size:12px; text-decoration:none; text-indent: 12px; display:block; padding:3px 0;}
.vertnav1-act{background-color:#33cc99; color:#fff; font-size:12px; text-decoration:none; text-indent: 12px; display:block; padding:3px 0;}

li.vertnav2 a{/*background: url(../gfx/bg_leftnav_icon.png) no-repeat left center;*/ color:#006699!important; display:block; text-indent:12px;padding:3px 0;}
li.vertnav2 a:hover{color:#006699!important; display:block; text-indent:12px;padding:3px 0;}

/*
 * Payoff // Categorie
 */
 
#bgpayoff{
 	display:block;
 	width:684px;
 	height:50px;
 	background-color:#33cc99; 	
 	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	overflow:hidden;
}
#payoff h3{color:#fff; font-size:28px; font-weight:bold; line-height:32px; diplay:block; text-indent:12px;}
#payoff blockquote {color:#fff !important; font-size:28px; font-weight:bold; line-height:26px !important;}
#payoff blockquote{
 	font-size:18px; 
 	font-weight:bold; 
 	color:#fff !important; 
 	text-indent:12px;
 	}
 
/*
 * Nieuwsticker
 */

#nieuwsticker p{color:#fff; text-indent:12px;}

#nieuwsitems{
	display:inline; 
	width:400px; 
	height:24px; 
	color:#fff; 
	float:left; 
	padding-left:12px; 
	line-height:24px;
	background-color:transparent;
}
ul#nieuws {clear:both; list-style-type:none; width:260px; height:36px; background-color:transparent;}
ul#nieuws li {float:left;}
ul#nieuws li a {float:left; margin-left:6px; color:#fff;}

/*
 * Brochure
 */
#brochure{width:140px; color:#fff; float:right; line-height:24px; padding-right:12px;}
#brochure a{color:#fff; text-decoration:none;}

/*
 * Contact
 */
#contact a, #adres a{color:#ff0000 !important;} 

#metaalunie{
	width:240px;
	height:40px;
	background: url(/cmsfile/57) no-repeat left center;
	line-height:40px;
	text-indent:40px;
	float:left;
}
#metaalunie a{color:#999; text-decoration:none;}


/*
 * Thumbnails 
 * 2204 added with for ie8
 */
ul#thumbs {list-style-type:none; margin:6px 0;}
ul#thumbs li {float:left; display:inline;width:128px !important;}
ul#thumbs img {border: 1px solid #e2e2e2; padding:3px; }
ul#thumbs li img {max-width:120px; width:128px; float:left; display:inline;margin: 0 4px 4px 0;}
ul#thumbs li a img {max-width:120px; width:128px; float:left; display:inline;margin: 0 4px 4px 0; !important} /*ie8*/

/*
 * Kikaform 
 */
#kikacodeform{width:166px; height:144px; background:url(/cmsfile/325) no-repeat center center; overflow:hidden;} 
#kikacodeform fieldset{margin-top:69px;}
/*
 * Formulieren
 */
form{font-family: Arial, Helvetica, sans-serif; color: #e2e2e2;}
fieldset {border:none; padding-left:12px;}
legend {border:none;}
input{font-size:11px; margin-top:4px; padding:2px 3px; border: 1px solid #006699; background-color:#fff;}
input:focus{background-color:#fff;}
input[type="checkbox"]{border:none;}
input[type="radio"]{border:none;}
input[type="password"]{border:1px solid #e2e2e2;}
textarea {margin-top:4px; width:340px;border: 1px solid #000; background-color:#e2e2e2;}
textarea:focus{margin-top:4px;background-color:#fff;}
input[type="select"]{margin-top:4px;border: 1px solid #000; background-color:#e2e2e2;}

/*
 * Submit buttons
form_submit_link{background: #000; padding:3px;}
a#form_submit_link {color:#fff; text-decoration:none;}
 */

/*
 * Lijsten
 */
.view_header_table_data {background-color: #000; color:#fff;}
.list_header {background-color: #333; color:#fff;}
.list_record{padding-right:6px;}
.list-record:hover {background-color: #e2e2e2;}
.valign_top {padding: 3px 6px;}

/*
 *CMS textfooter
 */
#cms_textfooter {clear:both; display:block; float:left; margin-top:12px;} 
#cms_textfooter a{color:#666; text-decoration:none;}
#cms_textfooter a:hover{text-decoration:underline;}