/* CSS Document */

html,body{ text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #EFEEEE;}
* { 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: #fc7323; text-decoration: none;}
a:hover{ text-decoration: underline;}

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

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

/******* Navigatie boven pagina ***********/
#nav_top {float: left; display:inline; width: 1000px; height: 25px; margin: 0px; background-color: #605551; overflow: hidden;} 
#navigation {float: left; display:inline; font-size: 12px; height: 20px; list-style: none; margin: 3px 0px 0px 10px; 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: #FFFFFF;}
#navigation a { color: #FFFFFF; text-decoration: none; display: block; padding: 2px 0px 3px 0px; margin: 0px;}
#navigation li a:hover, #navigation li a.active { color: #fc7323;}

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

#left{float: left; display:inline; width: 200px; overflow: hidden; padding: 50px 0px 0px 0px;} 
#knop {list-style: none; margin: 0px 0px 0px 0px; border-top: 1px solid #605551;}
#knop li {float:left; display: block; text-align: left; font-size: 12px; font-weight: bold; width: 200px;}
#knop li a{position:relative; display:block; color: #605551; padding: 5px 0px 5px 15px; text-decoration: none; overflow:hidden; border-bottom: 1px solid #605551;}
#knop li a.active, #knop li a:hover { color: #fc7323;}

/************** content website ******************/
#content{ float: left; display: inline; width: 799px; margin: 0px 0px 0px 0px; background-color: #FFFFFF;}
#min_height {float: left; width: 1px; height: 493px; margin: 0px; padding: 0px;}
#content_tekst{float: left; display: inline; width: 789px; text-align:left; margin: 15px 0px 5px 5px; color: #000000; font-size: 14px; line-height: 150%;}
#content_tekst li {margin: 0px 0px 0px 25px;}

/************** ledenlijst ***********************/
#content_tekst table.ledenlijst{table-layout: fixed; width: 780px; border-width: 1px; border-style: solid; border-color: #fc7323; border-collapse: collapse;}
#content_tekst table.ledenlijst th {padding: 5px 0px 5px 1px; font-size: 12px; text-align: left;}
#content_tekst table.ledenlijst th.bedrijfsnaam {width: 200px;}
#content_tekst table.ledenlijst th.straat {width: 135px;}
#content_tekst table.ledenlijst th.postcode {width: 70px;}
#content_tekst table.ledenlijst th.plaats {width: 135px;}
#content_tekst table.ledenlijst th.telefoon {width: 85px;}
#content_tekst table.ledenlijst th.fax {width: 85px;}
#content_tekst table.ledenlijst th.website {width: 70px;}

#content_tekst table.ledenlijst tr.normal {background-color: #FFFFFF;}
#content_tekst table.ledenlijst tr.color {background-color: #FFD1A4;}
#content_tekst table.ledenlijst td {font-size: 10px; border-top: 1px solid #fc7323; padding: 1px; overflow: hidden;}

/************** contactformulier ******************/
.formulier_kop{color: #fc7323; font-size: 20px; margin: 10px 0px 10px 0px; float: left; display: inline; width: 789px;}
#contact_form{float: left; display: inline; width: 789px; 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 #fc7323; font-size: 14px;}
#contact_form input:hover, #contact_form textarea:hover, #contact_form select:hover {border: 1px solid #fc7323; background-color: #cfcccb;}
#contact_form input.button{color: #fc7323; border: 1px solid #cfcccb; background-color: #FFFFFF; padding: 2px 5px 2px 5px;}
#contact_form input.button:hover {color: #FFFFFF; border: 1px solid #fc7323; background-color: #cfcccb;}
#contact_form .form_content {float: left; display: inline; width: 789px;}
#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 #fc7323;}

/******* 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: 13px; font-weight: bold; background-color: #605551;}
/********************* end **********************/