/***********************************************************
***  &copy; Copyright == Emeni Automatiseringstechnieken      ***
***  Vijfhuizenberg 42a, 4708 AL Roosendaal              ***
***  Telefoon: 0165 - 571241, Fax: 0165 - 570669         ***
***  E-mail: info@emeni.nl / www.emeni.nl                ***
***********************************************************/

body { font-family: Arial, Tahoma, Verdana; font-size: 0.8em; background-image: url(../images/layout/bg.jpg); }

/* div structuur */
#container { width: 932px; margin: auto; background-image: url(../images/layout/bg_content.png); }
#header { width: 932px; height: 169px; background-image: url(../images/layout/header_tekst.png); }
#logo { float: left; width: 174px; margin-left: 50px; margin-top: 32px; }
#menu { float: left; font-family: Arial, Tahoma, Verdana; }
#tekst, #video { margin-left: 53px; width: 790px; margin-bottom: 20px; min-height: 400px; }
#tekst_links { float: left; width: 360px; }
#tekst_rechts { float: left; width: 420px; margin-left: 10px; }

#test_links { float: left; width: 420px; }
#test_rechts { float: left; width: 360px; }

#footer { width: 932px; height: 120px; background-image: url(../images/layout/footer.png); }
.clear { clear: both; }

/* tekst */
#tekst img.s { float: left; }
#tekst img { margin-left: 70px; margin-bottom: 35px; float: right; }
#tekst_rechts img { border: 0px; }
#test_rechts .imgtest { border: 0px; width: 300px; }
#tekst h1 { font-family: Georgia, "Times New Roman"; font-size: 20pt; font-style: italic; font-weight: normal;}
#tekst img.video { margin:0; padding:0; float: none; }

#tekst h2, #video h2 { font-family: Arial, Verdana, Tahoma; color: #757575; font-size: 18pt; margin-bottom: 10px;
font-weight: normal; letter-spacing: -1px; }

/* menu */
#menu ul { list-style-type: none; margin-top: 93px; }
#menu ul li, #menu ul li:hover, #menu ul li.last, #menu ul li.first { float: left; padding-right: 78px; height: 30px; }
#menu ul li.last { padding-right: 0px; }
#menu ul li.first { margin-left: 35px; }
#menu ul li:hover, #menu ul li.active { border-bottom: 5px solid #FFC326; }
#menu ul li a { color:#000; font-family: Arial, Tahoma, Verdana; font-weight: bold; font-size: 1.3em; }

/* links */
#tekst a, #tekst a:hover{ color: #757575;  font-weight: normal; text-decoration: underline; }
#tekst a:hover { color: #2BA3E1; }

#tekst_links a, #tekst_links a:hover{ color: #757575; font-weight: bold; text-decoration: underline; }
#tekst_links a:hover { color: #2BA3E1; }
#tekst ul { margin-left: 20px; }
#tekst ul.kinderen, #tekst ul.siblings { margin-top: 20px; }
#tekst ul.kinderen li a, #tekst ul.siblings li a { color: #757575; }


/* kruimelpad */
#start_kruimelpad { float: left; }
#kruimelpad { margin-bottom: 30px; float: left; margin-left: 5px; }
#hier { color: #2BA3E1; }
#kruimelpad ul { list-style-type: none; margin: 0; padding: 0; }
#kruimelpad ul li { float: left; margin-right: 5px; }
#kruimelpad ul li.pagina { color: #2BA3E1; }
#kruimelpad ul li a, #kruimelpad ul li a:hover { text-decoration: none; color: #757575; font-weight: bold; }
#kruimelpad ul li a:hover { color:#2BA3E1; }

/* formulieren -- testgedeelte */
td.field { padding-left: 5px; }
td.caption { font-weight: bold; width: 200px; }
#error { color: #C80000; padding-top: 20px; font-weight: bold; }

.vr_stelling { font-weight: bold; margin-bottom: 5px; }
.vr_links { width: 200px; float: left; text-align: right; margin-right: 10px;}
.vr_midden_4 { width: 145px;  float: left; }
.vr_midden_5 { width: 180px;  float: left; }
.vr_midden_7 { width: 255px;  float: left; }
.vr_rechts { width: 200px; float: left;}
.vr_clear { clear: both; margin-bottom: 20px;}

.vr_midden_4 label, .vr_midden_5 label, .vr_midden_7 label { margin-right: 10px; padding-left: 2px;}
#kopregel_left { float: left; width: 450px; }
#kopregel_right { float: left; width: 335px; text-align: right; }

p { margin-bottom: 10px; }
.optie { float: left; width: 36px; }
.optie label:hover { background-color: #B31943; }

/*  video */
input.videobutton { background-color: #FECB1A; color: #fff; width: 110px; }
ol { margin-left: 20px; }
#video_links {width: 485px; float: left; margin-top: 10px; }
#video_rechts {width: 280px; float: left; margin-left: 20px; margin-top: 10px; }

.video_img { float: left; width: 150px;  }
.video_img img { width: 140px; padding: 2px; border: 1px solid #F3C017; margin-bottom: 5px; }

#video a, #video a:hover { color: #757575;  font-weight: normal; text-decoration: underline; }
#video a:hover { color: #2BA3E1; }
#video h3 { font-family: Arial, Verdana, Tahoma; color: #757575; font-size: 15pt; margin-bottom: 10px;
font-weight: normal; letter-spacing: -1px; }