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

/* CSS Document */

@media screen {
* 						{ margin: 0; padding: 0;}
body					{ margin: 0; font-size: 12px; font-family: Arial; background: #FFFFFF url(../img/bg.gif) top center repeat-x; }

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

h1, .header1 	{ font-size: 18px; font-weight:normal;}
h2, .header2  { font-size: 16px; font-weight:bold;}
h3,	.header3  { font-size: 14px; font-weight:bold;}

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

ul 						{ list-style: square; }

form					{ border:0px; }

#container 		{ position: absolute; width: 980px; margin-left: -490px; left: 50%; }
.top			 		{ float: left; width:980px; height: 150px; background: url(../img/bg_top_menu.gif) top left no-repeat;  }
.logo 				{ float: left; padding:30px 0 0 28px; width: 192px; height: 120px; }


.topmenu			{ float: left; width: 760px; padding: 65px 0 0 0; height: 40px; }
.topmenu ul	{ float: left; width: 460px; list-style:none; margin: 0; padding: 0 0 0 50px; }
.topmenu li	{ float: left; margin: 0; padding: 0 5px 0 5px; }
.topmenu li a.icon0,
.topmenu li a.icon1	{ float: left; color:#FFFFFF; padding: 0 0 0 15px; background:url(../img/icon1.png) left center no-repeat; text-decoration: none; font-weight: bold; font-size: 13px; }
.topmenu li a.icon1a{ float: left; color:#FFFFFF; padding: 0 40px 0 15px; background:url(../img/icon1.png) left center no-repeat; text-decoration: none; font-weight: bold; font-size: 13px; }
.topmenu li a.icon2	{ float: left; color:#FFFFFF; padding: 0 0 0 15px; background:url(../img/icon2.png) left center no-repeat; text-decoration: none; }
.topmenu .zoeken { float: left; width: 250px; }
.topmenu .zoeken input { float: left; width: 145px; padding: 5px 5px 5px 25px; background:#FFFFFF url(../img/zoeken.jpg) top left no-repeat; border:0px; color: #999999;}
.topmenu .zoeken .submit { float: left; padding: 4px 5px 4px 5px; background:#000000; color: #FFFFFF; width: 50px; text-align:center; display: block; text-decoration: none;} 


.hoofdmenu		{ float: left; width: 760px; padding: 5px 0 0 0; height: 30px;  }
.hoofdmenu ul	{ float: left; width: 760px; list-style:none; margin: 0; padding: 0; }
.hoofdmenu li	{ float: left; margin: 0; padding: 0 1px 0 0; }
.hoofdmenu li a:active, 
.hoofdmenu li a:visited { text-decoration: none; }
.hoofdmenu li a { float: left; color:#000000; font-weight: bold;  padding: 4px 10px 11px 10px; text-decoration: none; }
.hoofdmenu li	a:hover { float: left; background:#009BE1; color:#FFFFFF; font-weight: bold;  padding: 4px 10px 11px 10px; text-decoration: none; }
.hoofdmenu li	a.aan { float: left; background:#009BE1; color: #FFFFFF; font-weight: bold;  padding: 4px 10px 11px 10px; text-decoration: none; }

.afb 					{ float: left; width: 980px; height: 140px; }
.plaathome					{ float: left; width: 980px; height: 300px; }
.afbhome 					{ float: left; width: 980px; height: 300px; }
.content 			{ float: left; width: 978px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background:url(../img/bg_home.jpg) bottom left no-repeat;  line-height: 145%;  }
.content .wit { float: left; width: 978px; height: 10px; background:#FFFFFF;}

.content .kol1 { float: left; width: 438px; min-height: 100px; padding: 5px 20px 20px 20px; }
.content .kol2 { float: left; width: 220px; min-height: 100px; padding: 5px 15px 20px 15px; }
.content .kol3 { float: left; width: 220px; min-height: 100px; padding: 5px 15px 20px 15px; }
.content .kol3 h1 { padding: 0 0 10px 0; }
.readmore { padding: 0  0 0  20px; background: url(../img/arrow.gif) left center no-repeat; }
.goback { padding: 0  0 0  20px; background: url(../img/arrow_back.gif) left center no-repeat; }

.contentvervolg 			{ float: left; width: 978px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background:url(../img/bg_vervolg.jpg) top left repeat-y; position: relative; line-height: 145%;  }
.contentvervolg .wit { float: left; width: 978px; height: 10px; background:#FFFFFF;}
.contentvervolg .kol1 { float: left; width: 738px; padding: 5px 20px 20px 20px; }
.contentvervolg .kol1 .left { float: left; width: 500px; padding: 0 30px 0 0; }
.contentvervolg .kol1 .right { float: left; width: 208px; padding: 25px 0 0 0; }
.contentvervolg .submenu { float: left; width: 200px; padding: 5px 0 150px 0; position: relative;  }

.contentvervolg .kolproject { float: left; width: 738px; padding: 5px 20px 20px 20px; }
.contentvervolg .kolproject .breed{ float: left; width: 738px; }
.contentvervolg .kolproject .left { float: left; width: 208px; padding: 0px 0 0 0; }
.contentvervolg .kolproject .left img { border: 1px solid #CCCCCC; }
.contentvervolg .kolproject .left .afbeelding_text { padding-bottom: 20px; }
.contentvervolg .kolproject .right { float: left; width: 500px; padding: 0 30px 0 0; }
.contentvervolg .kolproject .right h3, .contentvervolg .kolproject .right .header3 { padding: 0 0 10px 0; }
.contentvervolg .kolproject .right .info { float: left; width: 460px; padding: 20px; border: 1px solid #CCCCCC; background: #EDEEEE; min-height: 100px; }
.contentvervolg .kolproject .right .extrainfo { float: left; width: 460px; margin-top: 20px; padding: 20px; border: 1px solid #CCCCCC; background: #EDEEEE; min-height: 100px;}


.contentvervolg .schaduw { position: absolute; bottom: 0; left:0; height: 144px; width: 199px; padding:0; margin:0; }
.contentvervolg .submenu ul { float: left; width: 180px; padding: 0 10px 0 10px; margin: 0; list-style: none;  }
.contentvervolg .submenu li { float: left; width: 180px; padding: 0; margin: 0; }
.contentvervolg .submenu li a:active,
.contentvervolg .submenu li a:visited { text-decoration: none; }	
.contentvervolg .submenu li a { width: 164px; padding: 7px 8px; display: block; font-weight: bold; border-bottom: 1px solid #CCCCCC; text-decoration: none; }
.contentvervolg .submenu li a:hover { width: 164px; padding: 7px 8px; display: block; font-weight: bold; border-bottom: 1px solid #CCCCCC; text-decoration: none; }


.footer { float: left; width: 960px; padding: 10px 0 10px 20px; color: #999999; font-size: 10px; background:url(../img/bg_footer.jpg) no-repeat right top; }
.footer a,
.footer a:active, 
.footer a:visited { color: #999999;}


}

@media print { 

}