@charset "utf-8";
 @import "sifr.css"; 
/*@import "fancybox.css"; 
@import "clevercms.css";*/

/* CSS Document */

@media screen {
* 						{ margin: 0; padding: 0;}
body					{ margin: 20px 0 0 0; font-size: 12px; font-family: Arial; }

p							{ padding-bottom: 15px;}
img						{ border: 0; }
hr						{ height:1px; color:#cccccc; }

h1, .header1 	{ font-size: 26px; color:#FFFFFF; padding: 0 0 20px 0; font-weight: normal; }
h2, .header2  { font-size: 16px; color:#00338D; }
h3,	.header3  { font-size: 12px; color:#00338D; }

a,
a:active,
a:visited			{ text-decoration:underline; color:#000;}
a:hover				{ text-decoration:none; color:#000;}

ul 				{ padding: 0; margin: 0; list-style: none; }
li				{ padding-left: 20px; background: url(../img/knop.jpg) top left no-repeat; }

table { font-size: arial; font-size: 12px; }
th, td	{ text-align: left; }
form					{ border:0px; }

.tekstkleinbold  {font-size:11px; font-weight:bold; line-height:14px; color:#FFFFFF; }

.container		{ float: left; width: 100%; background:#FFB612;}
.content			{ width: 980px; margin: 0 auto; clear: left;  }
.content .left { float: left; width: 340px; position: relative;}
.content .left .rond { position: absolute; left: 240px; top: 430px; }
.content .left .submenu { float: left; position: absolute; left: 135px; top: 315px; width: 175px; height: 150px; padding: 15px 0; }
.content .left .submenu li { background: url(../img/blokwit.gif) top left no-repeat; font-weight: bold; color: #FFFFFF; font-size: 15px; padding: 5px 0 5px 30px; }
.content .left .submenu li a:visited,
.content .left .submenu li a:active,
.content .left .submenu li a { color: #FFFFFF; text-decoration: none; }
.content .left .submenu li a:hover,
.content .left .submenu li a.aan { color: #FFB612; text-decoration: none; }
.content .right { float: left; width: 640px;}
.content .right .top { float: left; width: 370px; padding: 36px 0  0 270px; }
.content .right .hoofdmenu { float: left; width: 370px; padding: 0 0  0 270px; }
.content .right .hoofdmenu ul { float:left; width: 370px; list-style: none; padding: 5px 0 0 0; margin: 0; }
.content .right .hoofdmenu li { float:left; padding: 0 0 0 20px; margin: 0; background: none; }
.content .right .hoofdmenu li.first { float:left; padding: 0 0 0 0; margin: 0; }
.content .right .hoofdmenu a { float:left; color: #00338D; font-size: 15px; font-weight: bold; text-decoration: none; }
.content .right .hoofdmenu a:hover,
.content .right .hoofdmenu a.aan { float:left; color: #8E258D; font-size: 15px; font-weight: bold; text-decoration: none; }
.content .right .text { float: left; width:640px; padding: 40px 0 0 0; line-height: 165%; }
.content .right .text .kolombreed { float: left; width: 605px; padding-right: 30px; }
.content .right .text .kolombreed table { border-top: 1px solid #8E258D; border-left: 1px solid #8E258D; }
.content .right .text .kolombreed th,
.content .right .text .kolombreed td { border-bottom: 1px solid #8E258D; border-right: 1px solid #8E258D; padding: 2px; }
.content .right .text .kolom1 { float: left; width: 305px; padding-right: 30px; }
.content .right .text .kolom1 .faay { float: left; width: 150px; padding-right: 5px; }
.content .right .text .kolom1 .eco { float: left; width: 150px; }
.content .right .text .kolom1 .adressen { float: left; width: 305px; }
.content .right .text .kolom1 .adres { float: left; width: 150px; }
.content .right .text .kolom1 .omscr { float: left; width: 30px; }
.content .right .text .kolom1 .ant { float: left; width: 110px; }

.content .right .text .kolom2 { float: left; width: 305px; }
.content .right .text .kolom2 .tekstveld { float: left; width: 125px; height: 30px; }
.content .right .text .kolom2 .inputveld { float: left; width: 180px; height: 30px; }
.content .right .text .kolom2 .tekstveld2 { float: left; width: 145px; height: 30px; }
.content .right .text .kolom2 .inputveld2 { float: left; width: 160px; height: 30px; }
.content .right .text .kolom2 .tekstveldbreed { float: left; width: 305px; height: 30px; }
.content .right .text .kolom2 .inputveldbreed { float: left; width: 305px; height: 60px;  }
.content .right .text .kolom2 input { padding: 2px; margin: 0; font-family: Arial; font-size: 12px; width: 170px; border-top: 1px solid #AA5CAA; border-left: 1px solid #AA5CAA; }
.content .right .text .kolom2 input.postcode { width: 50px;  }
.content .right .text .kolom2 input.checkbox { width: 30px; border: 0; }
.content .right .text .kolom2 textarea {  width: 295px; height: 50px; font-family: Arial; font-size: 12px; border-top: 1px solid #AA5CAA; border-left: 1px solid #AA5CAA; }
.content .right .text .kolom2 .submit { padding: 3px 10px; margin: 0; font-family: Arial; font-size: 12px; font-weight: bold; color:#FFFFFF; border:0; background:#8E258D; width:auto; cursor:pointer; text-decoration: none; }

.content_home { width: 980px; margin: 0 auto; clear: left;  }
.content_home .left { float: left; position: relative; width: 490px; min-height: 600px; background: url(../img/bg_left.jpg) top left no-repeat; }
.content_home .left #fade { z-index: 1; }
.content_home .left .banner_bouwbeurs { width:230px; height:275px; position:absolute; top:319px; left:16px; z-index:100; }
.content_home .right { float: left; width: 490px; background:url(../img/home_rechts.jpg) left bottom no-repeat; min-height: 600px; _height: 600px; }
.content_home .right .top { float: left; width: 370px; padding: 36px 0  0 120px; }
.content_home .right .hoofdmenu { float: left; width: 370px; padding: 0 0  0 120px; }
.content_home .right .hoofdmenu ul { float:left; width: 370px; list-style: none; padding: 5px 0 0 0; margin: 0; }
.content_home .right .hoofdmenu li { float:left; padding: 0 0 0 20px; margin: 0; background: none; }
.content_home .right .hoofdmenu li.first { float:left; padding: 0 0 0 0; margin: 0; }
.content_home .right .hoofdmenu a { float:left; color: #00338D; font-size: 15px; font-weight: bold; text-decoration: none; }
.content_home .right .hoofdmenu a:hover,
.content_home .right .hoofdmenu a.aan { float:left; color: #8E258D; font-size: 15px; font-weight: bold; text-decoration: none; }
.content_home .right .text { float: left; width:450px; padding: 40px 0 0 40px; line-height: 165%; height: 330px; }
.content_home .right .text .kolom1 { float: left; width: 210px; padding-right: 30px; }
.content_home .right .text .kolom2 { float: left; width: 210px; }
.content_home .right .logos { position: relative; float: left; width: 310px; padding-left: 180px; } 
.content_home .right .logos a:active,
.content_home .right .logos a:visited,
.content_home .right .logos a { color:#FFFFFF; } 
.content_home .right .logos a:hover { color:#FFFFFF; } 
.popup1 { position: absolute; top:-236px; left: 150px; background: url(../img/popup.png) top left no-repeat; display: none; width: 160px; height: 196px; z-index: 999; padding: 20px; color: #FFFFFF; line-height: 165%;}
.popup1 .adres { float: left; width: 160px; }
.popup1 .omscr { float: left; width: 30px; }
.popup1 .ant { float: left; width: 120px; }
.popup2 .adres { float: left; width: 160px; }
.popup2 .omscr { float: left; width: 40px; }
.popup2 .ant { float: left; width: 120px; }
.popup2 { position: absolute; top:-236px; left: 300px; background: url(../img/popup.png) top left no-repeat; display: none; width: 160px; height: 196px; z-index: 999; padding: 20px; color: #FFFFFF; line-height: 165%;}
.content_home .right .logos img { float: left; }

.footer				{ float: left; width: 100%; min-height: 70px; color:#000;}
.innerfooter 	{ width: 980px; margin: 0 auto; clear: left; padding: 10px 0 20px 0; font-size: 11px; background: url(../img/footer_onder.jpg) top left no-repeat; }
.innerfooter2 	{ width: 980px; margin: 0 auto; clear: left; padding: 10px 0 20px 0; font-size: 11px; text-align: right; }


}

@media print { 

}