* { padding: 0px; margin: 0px; } body { font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; } body { background: #cad72f; background-image: url(../images/mediadoc_bg_head.png); background-repeat: no-repeat; background-position: -25px top; margin-top: 25px; } */ body { background: #cad72f; } img { border: 0px; } div { font-size: 12px; color: #00305e; } th { text-align: left; } h1 { font-size: 24px; margin-bottom: 15px; color: #00305e; text-decoration: none; font-weight: normal; } h2 { font-size: 21px; margin-bottom: 15px; color: #00305e; text-decoration: none; font-weight: normal; } h3 { font-size: 16px; margin-bottom: 0px; color: #00305e; text-decoration: none; } p { line-height: 20px;} a:link, a:visited, a:active { color: #00305e; text-decoration: underline; } a:hover { color: #00305e; text-decoration: none; } img { border: 0px; } .image_left img { margin-right:10px; float: left; } .image_right img { margin-left:10px; float: right; } .image_middle img { text-align: left; } #bg_header { float: left; } #left { float: left; background: #01305e; padding-left: 25px; } #container { float: left; width: 960px; background: #fff; position: relative; background-image: url(../images/background.jpg); background-repeat: repeat-y; background-position: center -1px; } #header { float: left; width: 880px; padding: 0px 0px 10px 40px; } #logo { float: left; } #headerbox { float:right; width:500px;} #telefoon { float:right; margin-right: 20px; margin-top: 20px; } #telefoon h3 { font-weight: 700; font-family: verdana; } #zoeken { float:right; margin-top: 17px;} #zoeken input { padding: 3px; font-family: arial; font-size: 11px;} #zoeken .searchFormSubmit { padding: 1px;} #mainmenu { float: left; width: 882px; padding: 0px 0px 0px 40px; } #visual { float: left; width: 900px; padding: 20px 0px 5px 41px; } #visual_small { float: left; width: 900px; padding: 20px 0px 5px 41px; } #visual_layer { float: left; width: 922px; height: 332px; padding-left: 20px; margin-top: -317px; } #visual_layer_small { float: left; width: 922px; height: 197px; padding-left: 20px; margin-top: -197px; } #content { float: left; width: 900px; padding: 10px 20px 10px 40px; } #content-left { float: left; width: 545px; padding-left: 15px; min-height: 26s0px; } #content-left li { margin-left: 12px; padding-left: 6px; line-height: 18px; } #content-left .info { line-height: 18px; } .blokje { float: left; width: 300px; height:187px; background-image: url(../images/blokje-background.jpg); background-repeat: no-repeat;} .blokjecontent { float: left; padding: 15px 10px 10px 30px; } .blokjecontent ul { padding: 5px 0px; } .blokjecontent li { padding: 3px 0px; } #actioncontent { float: left; width: 930px; padding: 10px 0px 10px 30px; } #action_block a { padding-left:22px; padding-bottom:10px; padding-top:1px; background:url(../images/next-green.gif) no-repeat;} #action_block { float: left; width: 300px; margin-left: 30px; } #action_block h2 { margin-top: -15px; } #action_block li { list-style: none; } #action_block .header { float: left; width: 300px; } #action_block .content { float: left; width: 300px; background-image: url(../images/block_content.png); background-repeat: repeat-y;} #action_block .footer {} #footer { float: left; width: 880px; padding: 20px 40px; border-top:1px solid #ccc; } #footer_left {float:left;} #footer_right {float:right;} #sitemap h2 { display: none; } /* MENU ------------------------------------------------- */ #mainmenu ul.mainMenu { float: left; padding-left:10px; height:45px; width: 872px; position:relative; display: block; font-family: verdana, arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; margin-left: 0px; z-index:100; background-image: url(../images/menu-background.jpg); background-repeat: no-repeat; } #mainmenu ul.mainMenu li { position: relative; float: left; list-style-type: none; text-align: center; } #mainmenu ul.mainMenu li p, #mainmenu ul.mainMenu li a { display: block; padding: 17px 24px 17px 24px; color: #696969; font-size: 12px; line-height:12px; text-decoration: none; font-weight: bold; } #mainmenu ul.mainMenu li:hover, #mainmenu ul.mainMenu li a:hover, #mainmenu ul.mainMenu li p:hover, #mainmenu ul.mainMenu li.over { color: #ffffff; background:#565859; } #mainmenu ul.mainMenu li.active { color: #ffffff; background:#565859;} #mainmenu ul.mainMenu li ul { display: none; background-color: #fff; position: absolute; z-index: 50; margin-left: 0px; left: 0; font-family: arial; border-top: 0px solid #ccc; margin-top: -1px; } #mainmenu ul.mainMenu li ul li { text-align: left; font-weight: normal; clear: both; display: block; width: 217px; border: 1px solid #ccc; border-top: 0px; } #mainmenu ul.mainMenu li ul li a { background: #ffffff; font-weight: normal; color: #4c74ba; padding: 6px 10px 6px 25px; color: #333; background-image: url(../images/nbidt_menu_arrow.gif); background-repeat: no-repeat; background-position: 21px 12px; text-decoration: none; } #mainmenu ul.mainMenu li ul li a:hover { background: #efefef; color: #4c74ba; color: #333; text-decoration: none; } #mainmenu ul.mainMenu li ul li ul { display: none; border-top: #7e7e7e solid 1px; z-index: -50; } #mainmenu ul.mainMenu li:hover ul, #mainmenu ul.mainMenu li.over ul { display: block; } #mainmenu ul.mainMenu li.end { } .form { } .form legend { font-weight: bold; margin-bottom:10px;} .form dl { float: left; margin-left: 0px; width: 555px; } .form dt { float: left; width: 190px; margin: 0 0 8px 0; clear: both; } .form dd { float: left; width: 359px; margin: 0 0 8px 0; padding-left: 6px; } .form fieldset { border: 0px solid #0f0;} .form label { } .form input { font-size: 1.0em; padding: 2px; border: 1px solid #bbb; width: 250px; } .form select { font-size: 1.0em; padding: 2px; border: 1px solid #bbb; } .form option { font-size: 1.0em; padding-left: 2px; } .form textarea { font-size: 1.0em; padding: 2px; border: 1px solid #bbb; width: 250px; } /* voor een lijst naast elkaar br display: none; */ .form .select { font-size: 1.0em; } .form .radio { font-size: 1.0em; border: 0px; } .form .radio input { font-size: 1.0em; border: 0px; width: 20px; } /* items naast elkaar .form .radio br { display: none; }*/ /* items onder elkaar */ .form .radio br { } .form .checkbox { font-size: 1.0em; float: left; width: 334px; } .form .checkbox input { width: 20px; } .form .checkbox br { } .form .textbox { } .form .button { margin-top: 4px; width: 75px; } .form .outputDiv { color:#FF0000; display: none; } .form .small { margin-top: 4px; font-size: 1.0em; }