/* CSS Document */

html,body{ text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #FFFFFF;}
* { margin: 0; padding: 0;}

#pagina{width: 1000px; height: auto; margin: 0px auto 0px auto; background-color: #FFFFFF; overflow: hidden;}
#voorbeeld{float: left; display:inline; width: 1000px; font-size: 14px; font-weight: bold; color: #ee1c24; margin: 0px 0px 10px 0px;}

/******* hyperlink and anchor tag styles *******/
a img{ border: none;}
a:link, a:visited{ color: #3eb6eb; text-decoration: none;}
a:hover{ text-decoration: underline;}

/************** header tag styles **************/
h1{ font: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #3eb6eb; margin: 0px; padding: 0px;}
h2{ font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #3eb6eb; margin: 0px; padding: 0px;}

/******* Header van de pagina style *******/
#top{float: left; display:inline; width: 1000px; height: 123px; margin: 0px 0px 0px 0px; background-image: url("./pics_site/header.jpg"); background-repeat: no-repeat;}
#animatie{float: left; display: inline; width: 174px; height: 80px; margin: 45px 0px 0px 50px;}

/******* Navigatie boven pagina ***********/
#nav_top {float: left; display:inline; width: 1000px; height: 49px; margin: 0px; background-image: url("./pics_site/nav_bar.jpg"); background-repeat: no-repeat; overflow: hidden;} 
#navigation {float: left; display:inline; font-size: 14px; height: 20px; list-style: none; margin: 12px 0px 0px 350px; padding: 0px 0px 0px 0px;} 
#navigation li {float: left;  display: block; text-align: center; position: relative; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px;} 
#navigation li.splitter{ padding: 2px 5px; color: #525029;}
#navigation a { color: #525029; text-decoration: none; display: block; padding: 2px 0px 3px 0px; margin: 0px;}
#navigation li a:hover, #navigation li a.active { color: #3eb6eb;}

/******* linkerzijde van de website *******/
#middle{float: left; width: 1000px; overflow: hidden;}

#left{float: left; display:inline; width: 240px; overflow: hidden; padding: 0px;} 
#left_top{float: left; display:inline; width: 240px; height: 101px; margin: 0px; background-image: url("./pics_site/menu_header.jpg"); background-repeat: no-repeat; overflow: hidden;} 
#left_middle{float: left; display:inline; width: 240px; background-image: url("./pics_site/menu_bg.jpg"); background-repeat: repeat-y; overflow: hidden;}
#knop {list-style: none; margin: 0px 30px 0px 60px; border-top: 1px solid #d8d8d8; width: 150px;}
#knop li {float:left; display: block; text-align: left; font-size: 12px; width: 150px;}
#knop li a{position:relative; display:block; color: #525029; padding: 5px 0px 5px 0px; text-decoration: none; overflow:hidden; border-bottom: 1px solid #d8d8d8;}
#knop li a.active, #knop li a:hover { color: #3eb6eb;}
#left_bottom{float: left; display:inline; width: 240px; height: 125px; margin: 0px; background-image: url("./pics_site/menu_footer.jpg"); background-repeat: no-repeat; overflow: hidden;} 

/************** content website ******************/
#content{ float: left; display: inline; width: 760px; margin: 0px 0px 0px 0px; background-color: #FFFFFF; text-align: left;}
#min_height {float: left; width: 1px; height: 420px; margin: 0px; padding: 0px;}
#sfeerfoto{ float: left; width: 755px; height: 208px; margin: 0px 0px 0px -1px; padding: 7px 0px 0px 5px; background-image: url("./pics_site/sfeer_container.jpg"); 
			background-repeat: no-repeat; overflow: hidden;}
#sfeerfoto img{ left: 0px; top: 0px; position: absolute;}
.imageSlideshowHolder{ float:left; width: 737px; height: 196px;	position:relative;}

#content_bg{ float: left; width: 755px; height: 16px; margin: 0px 0px 0px -1px; padding: 7px 0px 0px 5px; background-image: url("./pics_site/content_bg.jpg"); 
			background-repeat: no-repeat; overflow: hidden;}
#content_tekst{float: left; display: inline; width: 750px; text-align:left; margin: 0px 4px 5px 5px; color: #000000; font-size: 12px; line-height: 150%;}
#content_tekst li {margin: 0px 0px 0px 25px;}

/************** contactformulier ******************/
.formulier_kop{color: #3eb6eb; font-size: 20px; margin: 10px 0px 10px 0px; float: left; display: inline; width: 750px;}
#contact_form{float: left; display: inline; width: 750px; text-align: left; margin: 10px 0px 0px 0px; color: #000000; font-size: 14px;}
#contact_form form {margin: 0; padding: 0;}			
#contact_form input, #contact_form textarea, #contact_form select, #contact_form input[type="file"] {color: #000000; border: 1px solid #3eb6eb; font-size: 14px;}
#contact_form input:hover, #contact_form textarea:hover, #contact_form select:hover {border: 1px solid #3eb6eb; background-color: #cfcccb;}
#contact_form input.button{color: #3eb6eb; border: 1px solid #cfcccb; background-color: #FFFFFF; padding: 2px 5px 2px 5px;}
#contact_form input.button:hover {color: #FFFFFF; border: 1px solid #3eb6eb; background-color: #cfcccb;}
#contact_form .form_content {float: left; display: inline; width: 750px;}
#contact_form .table_form {width: 700px;}
#contact_form .table_form td.label {width: 150px; height: 25px; vertical-align: top;}
#contact_form .table_form td.invoer {width: 550px; height: 25px; vertical-align: top;}
#contact_form .table_form td.invoer_opmerking {width: 550px; height: 90px; vertical-align: top;}
#contact_form .table_form td.geheel {width: 700px; height: 25px; vertical-align: top;}
#contact_form .fout_tekst {border: 2px solid #3eb6eb;}

/************ Nieuwsberichten ********************/
#nieuwsberichten {margin: 10px 0px 0px 0px;}
#nieuwsberichten #bericht {margin: 10px 0px 0px 0px; border-top: 1px solid #3eb6eb; border-bottom: 1px solid #3eb6eb;}

/******* Footer van de pagina style *******/
#bottom{clear: both; width: 1000px; text-align: center;}
#footer{float: left; display:inline; width: 1000px; text-align: center; margin: 0px 0px 0px 0px; padding: 10px 0px; color: #FFFFFF; font-size: 12px; font-weight: bold; background-color: #3eb6eb;}
#footer a:link, #footer a:visited{color: #FFFFFF;}
/********************* end **********************/