BODY { font-family : Arial, Helvetica, sans-serif; font-size : 11px; font-style : normal; color : #000000; line-height : 20px; margin-bottom : 0px; margin-top : 0px; margin-left : 0px; margin-right : 0px; text-align:center; background: url(/img/bg.gif) repeat-y center #2c2f36 } .wit { background: #ffffff; text-align:left } TD { font-family : Arial, Helvetica, sans-serif; font-size : 11px; font-style : normal; color : #000000; } h1 { font-family : Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; color:#474c57; font-size:18px; margin-top:0px;} h2 { font-family : Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; color:#484c57; font-size:15px; margin-top:0px; margin-bottom:5px} h3 { font-family : Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; color:#474c57; font-size:15px; margin-top:0px; margin-bottom:5px} h4 { font-weight:bold; text-decoration:none; color:#0079c6; font-size:11px; margin-top:0px; margin-bottom:5px} h5 { font-weight:bold; text-decoration:none; color: #454044; font-size:11px; margin-top:0px; margin-bottom:5px} p { margin-top:5px; margin-bottom: 10px; } #login { height:29px;float:right;color:#CCCCCC; font-size:10px;margin-top:4px; margin-right:5px} #login A { color:#CCCCCC; text-decoration:none; font-size:10px} #login A:hover { color:#ffffff; text-decoration:none; font-size:10px} #container { width:951px; margin-left:auto; margin-right:auto; text-align:left} #wrapper_atag { position: relative; float:left; width:951px; } #content_start { width: 951px; clear:left; float:left; background-color:#ffffff; padding-bottom:15px;padding-top:15px } #content { width: 761px; float:left; } #content_content { width: 645px; float:left; } #header { width: 690px; float:left; } #header_right { width: 230px; float:left; margin-left: 15px;} #header_right img { float:left; } #recept { float:left;width:210px; height:320px; margin-right:15px; margin-bottom:15px; background:url(/img/bg_recept.gif) no-repeat; } #recept_foto { float:right; display:inline;width:345px; height:345px; margin-left:15px;margin-right:-120px; margin-bottom:10px; background:url(/img/bg_recept_foto.gif) no-repeat; } #ingredienten { width:350px; line-height:17px; margin: 0px; padding:0px;list-style:none; margin-bottom:25px;margin-top:20px} #ingredienten li { color:#0079c6; border-bottom: 1px dotted #0079c6;} A.bullet { color: #464d57; font-size:11px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; line-height:20px; display:block; text-decoration: none; background:url(/img/bullet_3d.png) no-repeat left top; padding-left:25px; } A:hover.bullet { color: #000000; font-size:11px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; line-height:20px; display:block; text-decoration: none; background:url(/img/bullet_3d_over.png) no-repeat left top; padding-left:25px; } A.bullet_back { color: #464d57; font-size:11px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; line-height:20px; display:block; text-decoration: none; background:url(/img/bullet_3d_back.png) no-repeat left top; padding-left:25px; } A:hover.bullet_back { color: #000000; font-size:11px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; line-height:20px; display:block; text-decoration: none; background:url(/img/bullet_3d_back_over.png) no-repeat left top; padding-left:25px; } A.bullet_groen { color: #91af54; font-size:11px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; line-height:20px; display:block; text-decoration: none; background:url(/img/bullet_groen.png) no-repeat left top; padding-left:25px; } A:hover.bullet_groen { color: #000000; font-size:11px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; line-height:20px; display:block; text-decoration: none; background:url(/img/bullet_zwart.png) no-repeat left top; padding-left:25px; } A.bullet_groen_back { color: #91af54; font-size:11px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; line-height:20px; display:block; text-decoration: none; background:url(/img/bullet_groen_back.png) no-repeat left top; padding-left:25px; } A:hover.bullet_groen_back { color: #000000; font-size:11px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; line-height:20px; display:block; text-decoration: none; background:url(/img/bullet_zwart_back.png) no-repeat left top; padding-left:25px; } #topper { background:#484c57;float:left;width:951px} #left { float:left; width:190px; } #footer { background:#2d3039; text-indent: 10px; padding-top:7px; padding-bottom:10px; float:left; width:951px;color: #dbdbdb; font-size:11px; line-height:22px } #footer TD { color: #dbdbdb; font-size:11px } #footer A { color: #dbdbdb; font-size:11px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; text-decoration: none; } #footer A:hover { color: #ffffff; font-size:11px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; text-decoration: none; } #breadcrumb { float:left; clear:left; margin-left:25px; width: 955px; font-size: 11px; font-weight:normal; color:#454044; line-height:25px; } #breadcrumb a { font-weight:normal; text-decoration:none; color:#454044; padding-left:25px; line-height:25px; } #breadcrumb a:hover { color:#000000; } #page_submenu { font-size:11px; float:left; background-color: #e5e5e5; width:190px; padding-bottom:30px } #page_submenu h1 { margin: 22px 0px 15px 12px; font-size:14px; font-weight:normal; color:#454044; font-family:Arial; } #page_submenu p { font-size:11px; color:#000000; } #page_submenu a { border-bottom:1px solid #ffffff;display:block; font-weight:normal; text-decoration:none; color:#464d57; background: url(/img/bullet_grijs.png) no-repeat 10px #e5e5e5; padding-left:35px; line-height:23px; } #page_submenu a:hover { color:#ffffff; background: url(/img/bullet_wit.png) no-repeat 10px #b2b2b2; } #page_submenu a.on { border-bottom:1px solid #ffffff;display:block; font-weight:normal; text-decoration:none; color:#ffffff; background: url(/img/bullet_wit.png) no-repeat 10px #464d57; padding-left:35px; line-height:23px; } #page_submenu a:hover.on { color:#ffffff; background: url(/img/bullet_wit.png) no-repeat 10px #464d57; } #nieuws_algemeen { float:left; background: url(/img/nieuwsitem_bg.gif) repeat-x #ffffff; margin-top:10px; } #nieuws_algemeen p { font-size:11px; color:#454044; margin: 5px 12px 5px 12px; } #nieuws_algemeen a.titel { font-weight:normal; text-decoration:none; color:#454044; font-size:20px; margin: 12px; float:none; display:block } #nieuws_algemeen a:hover.titel { color:#000000; } #nieuws_algemeen .image { width:180px; height:150px; overflow:hidden; float:left;margin-right:12px } #home_footer { width: 950px; float:left; clear:left;} #facebook { float:left; width:330px; height:100px;margin:15px 0px 15px 15px;float:left} #foto_video { width:230px; margin:15px 0px 0px 15px;float:left;} #weblog { font-size:11px; width:330px; margin:15px 0px 15px 15px;float:left } #weblog ul { margin: 0px;padding:0px; width:330px;border-top: 1px dotted #bfc0c2 } #weblog li { clear:left; float:left; display:block; width:330px; list-style:none; margin:0px; padding:0px} #weblog a.even { background:#f6f6f6; border-bottom: 1px dotted #bfc0c2; text-indent:5px; text-decoration:none; font-family : Arial, Helvetica, sans-serif; font-size : 11px; font-style : normal; color : #484c57; line-height : 24px; display:block } #weblog a:hover.even { background:#ffffff; } #weblog a.oneven { background:#ecedee; border-bottom: 1px dotted #bfc0c2; text-indent:5px; text-decoration:none; font-family : Arial, Helvetica, sans-serif; font-size : 11px; font-style : normal; color : #484c57; line-height : 24px; display:block } #weblog a:hover.oneven { background:#ffffff; } #weblog .datum { color:#8c8e93; } #weblog_reacties { width: 645px; float:left; clear:left } #weblog_reacties .reactie_even { float:left; clear:left; width: 645px; padding:7px; padding-top:5px;background:#ecedee;border-top:1px dotted #999999 } #weblog_reacties .reactie_oneven { float:left; clear:left; width: 645px; padding:7px; padding-top:5px;background:#f6f6f6;border-top:1px dotted #999999 } #weblog_reacties .reactie_even_over { float:left; clear:left; width: 645px; padding:7px; padding-top:5px;background:#f4f4f5;border-top:1px dotted #999999; cursor:pointer } #weblog_reacties .reactie_oneven_over { float:left; clear:left; width: 645px; padding:7px; padding-top:5px;background:#fafafa;border-top:1px dotted #999999; cursor:pointer } #data_tabel { width:100% } #data_tabel .rij_titel { background:#484c57; color:#FFFFFF;font-weight:bold } #data_tabel .rij_even { background:#f6f6f6 } #data_tabel .rij_oneven { background:#eeeeee } #data_tabel TD { padding: 3px; } #uwmening { font-size:11px; float:left; width:580px;margin:15px 0px 15px 15px;float:left} #uwmening ul { margin: 0px;padding:0px; width:580px;border-top: 1px dotted #bfc0c2 } #uwmening li { float:left; display:block; width:330px; list-style:none; margin:0px; padding:0px 0px 0px 0px; line-height:15px} #uwmening a.even { background:#f6f6f6; border-bottom: 1px dotted #bfc0c2; text-decoration:none; font-family : Arial, Helvetica, sans-serif; font-size : 11px; font-style : normal; color : #484c57; height : 49px; display:block } #uwmening a:hover.even { background:#ffffff; } #uwmening a.oneven { background:#ecedee; border-bottom: 1px dotted #bfc0c2; text-decoration:none; font-family : Arial, Helvetica, sans-serif; font-size : 11px; font-style : normal; color : #484c57; height : 49px; display:block } #uwmening a:hover.oneven { background:#ffffff; } #uwmening .naam { color:#8c8e93; line-height:15px; padding-top:6px; } #uwmening img { float:left; margin-right:10px;margin-left:3px;margin-top:2px } #archief { font-size:11px; float:left; background-color: #e5e5e5; width:360px; } #archief h1 { margin: 0px 0px 10px 0px; text-transform:uppercase; font-size:16px; font-weight:normal; color:#454044; font-family:Arial; } #archief h2 { margin: 0px 0px 0px 0px; font-size:11px; font-weight:normal; color:#000000; font-family:Arial; } #highlight { float:left; width:190px;margin-bottom:1px;padding-bottom:12px;margin-top:10px } #highlight h1 { margin: 0px 0px 10px 0px; padding:0px; text-transform:uppercase; font-size:16px; font-weight:normal; color:#ffffff; font-family:Arial; } #highlight h2 { margin: 0px 0px 10px 0px; font-size:20px; font-weight: normal; font-style:italic; color:#ffffff; font-family:Arial; } #highlight p { font-size:11px; color:#000000; } #highlight a { } #highlight a:hover { } .padding { padding:20px; display:block } .afbeelding_links { margin-right: 20px; margin-bottom:10px; } .afbeelding_rechts { margin-left: 20px; margin-bottom:10px; } .intro { font-size: 11px; line-height:20px; color:#000000; font-weight:normal; margin-bottom:30px} a { font-weight:normal; text-decoration:underline; color:#007ac3; } a:hover { color:#000000; } .groen { color:#91af54;} #kader_rechts { background:#d3dae4; width:200px; float:right; display:inline; } #kader_rechts h2 { margin: 15px 0px 10px 30px; font-size:15px; font-weight:normal; color:#6c0001; font-family:Arial; } #kader_rechts ul { list-style:none; margin:0px; padding:0px; width:256px; } #kader_rechts li { display:block; margin:5px 0 0 10px; padding:2px 0 5px 0; border-top:#009ee0 dotted 1px; } #kader_rechts a { margin-left:15px; display:block; font-weight:bold; text-decoration:none; color:#6c0001; background: url(/img/bullet_agenda.gif) no-repeat left; padding-left:25px; line-height:25px; } #kader_rechts a:hover { color:#b55d01; } #agenda { background:#ffba00; width:300px; float:left; margin-top:15px; padding-bottom:20px; padding-top:0px; } #agenda h1 { margin: 15px 0px 10px 30px; font-size:20px; font-weight:normal; color:#6c0001; font-family:Arial; } #agenda ul { list-style:none; margin:0px; padding:0px; width:256px; } #agenda li { display:block; margin:5px 0 0 10px; padding:2px 0 5px 0; border-top:#009ee0 dotted 1px; } #agenda a { margin-left:15px; display:block; font-weight:bold; text-decoration:none; color:#6c0001; background: url(/img/bullet_agenda.gif) no-repeat left; padding-left:25px; line-height:25px; } #agenda a:hover { color:#b55d01; } FORM { margin:0px;} INPUT { background:#f8f8f8; color : #636363; font-family : Arial, Tahoma; font-size : 11px; padding:2px; border-width: 1px; border-color: #636363; border-style: solid; } INPUT.button { color : #FFFFFF; cursor: pointer; padding:5px; font-family : Arial, Tahoma; font-size : 11px; font-weight : bold; text-align : center; border-width: 0px; border-color: white; border-style: solid; background-color : #0079c6; } INPUT.button_groen { color : #FFFFFF; cursor: pointer; padding:5px; font-family : Arial, Tahoma; font-size : 11px; font-weight : bold; text-align : center; border-width: 0px; border-color: white; border-style: solid; background-color : #91af54; } INPUT.button_zwart { color : #FFFFFF; cursor: pointer; padding:5px; font-family : Arial, Tahoma; font-size : 11px; font-weight : bold; text-align : center; border-width: 0px; border-color: white; border-style: solid; background-color : #000000; } INPUT.check { background:none;border:none } .radio { border: none; } .klein { font-size:10px; } .datum_klein { font-size:10px; color: #999999 } .disabled { color: #999999 } .area { background:#f8f8f8;color : #636363; font-family :Arial, Tahoma; font-size : 11px; text-align : left; border-width: 1px; border-color: #636363; border-style: solid; overflow: auto; } #gallery { float:left;list-style:none} #gallery ul { margin: 0px;padding:0px; list-style:none } #gallery li { margin: 0px;padding:0px; background-image:url(/img/gallery_thumb_bg.gif); width:125px;height:150px;overflow:hidden;float:left; list-style:none} #gallery img { margin: 10px; background-image:url(/img/gallery_thumb_bg.gif); overflow:hidden;float:left;} #gallery_vid { float:left; list-style:none} #gallery_vid ul { margin: 0px;padding:0px; list-style:none} #gallery_vid li { margin: 0px;padding:0px; background-image:url(/img/gallery_vid_thumb_bg.gif); width:625px;height:395px;overflow:hidden;float:left; list-style:none} #gallery_vid div { margin: 10px; background-image:url(/img/gallery_vid_thumb_bg.gif); overflow:hidden;float:left;} #gallery_overview { float:left;list-style:none} #gallery_overview ul { margin: 0px;padding:0px; list-style:none} #gallery_overview li { margin: 0px;padding:0px; background-image:url(/img/gallery_overview_bg.gif); width:500px;height:150px;overflow:hidden;float:left; list-style:none} #gallery_overview img { margin:9px; overflow:hidden;margin-right:20px} #gallery_overview A { color: #888888; text-decoration: none;padding-top:20px } #gallery_overview A:hover { color: #000000; text-decoration: none } #gallery_video { float:left;list-style:none; width: 725px; height:430px; position:relative; background: url(/img/gallery_bg.gif) no-repeat} #gallery_video ul { margin:0px;padding:0px; list-style:none; width:180px; margin-top:5px;} #gallery_video ul li { margin: 0px;padding:0px; list-style:none; border-bottom: 1px solid #CCCCCC; width:180px;} #gallery_video ul li A { color: #888888; text-decoration: none; display:block; font-size:11px;} #gallery_video ul li A:hover { color: #000000; text-decoration: none } #gallery_video ul li A.on { color: #000000; text-decoration: none; display:block; font-size:11px;} #gallery_video ul li A:hover.on { color: #000000; text-decoration: none } /* -------------------------------- */ /* menu */ /* -------------------------------- */ #menu, #menu ul { float:left; left: 0px; width:951px; padding : 0; margin : 0; list-style : none; z-index:10; } #menu { font-size : 13px; margin : 0 0 0px 0; background : #2d3039; vertical-align : middle; } #menu ul { margin : 0 0 0 0px; } #menu a { font-family : Arial, Tahoma, sans-serif; display : block; text-decoration : none; } #menu li { /* all list items */ float : left; margin : 0px 0 0 0; padding : 0 0 0 0; position : relative; } #menu li.on { /* all list items */ float : left; position : relative; } #menu li a.groen { text-decoration : none; font-weight : normal; font-size :11px; color : #FFFFFF; padding : 6px 12px 8px 12px; background : #91af54; } #menu li a:hover.groen { background-color: #7d9943; } #menu li a.on { /* all list items */ font-weight : normal; background-color : #1f2228; } #menu li a { text-decoration : none; font-weight : normal; font-size :11px; color : #FFFFFF; padding : 6px 9px 8px 9px; } #menu li a:hover { background-color: #1f2228; } #menu li a.on { /* all list items */ font-weight : normal; background-color : #1f2228; } #menu li ul { /* second-level lists */ background : #2d3039; line-height : 20px; font-size : 11px; position : absolute; width : 200px; left : -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ filter : alpha(opacity=95); -moz-opacity : .95; opacity : .95; border : none; } #menu li ul li { background : none; margin : 0; width : 200px; border-top : 1px solid #484c57; } #menu li ul li a { font-weight : normal; color : #fffffff; border : none; padding : 3px 4px 3px 25px; background : url(/img/bullet_wit.png) no-repeat left; } #menu li ul li a:hover { color : #ffffff; } #menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */ left : 0px; top : 34px; } .hidden { display: none; } .display { display: block;}