/*******************************/ /** CSS DOCUMENT **/ /** OWNED BY DROOMSLICING **/ /** COPYRIGHT 2009 - 1010 **/ /** www.idroom.nl **/ /*******************************/ /*******************************/ /* REGULAR COMMANDS */ /*******************************/ html{} body{ background:#fff; margin:0; padding:0; color:#000000; font-size:0.70em; font-family: Verdana, Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif; text-decoration:none;} body a{ text-decoration:none; color:#cc6600; font-weight:normal;} body a:hover{text-decoration:underline; color:#000;font-weight:normal;} .clear{clear:both; overflow:hidden; height:0px;} .clear2{clear:both; } img{border:0px; display:block;} ul, li{list-style:none; margin:0px; padding:0px; } form, fieldset {margin:0px;padding:0px;border:0;} h1, h2, h3, h4, h5 {margin:0px; padding:0px; font-size:1.4em; color:#000; font-weight:normal; font-family:"Trebuchet MS";} /* CONTAINER DIVISION */ #container { position:relative; width:992px; padding:0px 0px 0px 6px; margin:0 auto; } /* TOP DIVISION */ #container #top {position:relative; width:992px; height:361px; position:relative; background:url(images/bg_midle.jpg) repeat-y right;} #container #top #header{ width:967px; height:289px; z-index:3; } #container #top #header img{ width:967px; height:289px; z-index:4; } #container #top #logo{ position:absolute; right:0px; top:0px; width:154px; height:128px; z-index:10; } #container #top #logo img{ width:154px; height:128px; z-index:11; position:relative; } #container #top .jqueryslidemenu{ position:relative; font-size:1.05em; font-family:"Trebuchet MS"; width:967px; height:72px; background:url(images/bg_menu.jpg) no-repeat; z-index:12;} #container #top .jqueryslidemenu ul{ z-index:12; position:relative; width:967px; text-transform:uppercase; font-size:0.95em;} #container #top .jqueryslidemenu ul li{ z-index:13; position:relative; float:left; display:block; background:url(images/bg_li.jpg) no-repeat right; margin:0px; padding:0px 20px 0px 19px; width:auto;} #container #top .jqueryslidemenu ul li.page-item-13, #container #top .jqueryslidemenu ul li.page-item-32, #container #top .jqueryslidemenu ul li.page-item-34, #container #top .jqueryslidemenu ul li.page-item-36, #container #top .jqueryslidemenu ul li.page-item-38{ padding:0px 8px 0px 19px;} /* word de class van de laatste wp class */ #container #top .jqueryslidemenu ul li.page-item-38{ background:none; } #container #top .jqueryslidemenu ul li a{position:relative; float:left; display:block; font-weight:bold; color:#000; height:38px; line-height:38px; margin:0px; padding:0px 0px 0px 0px; width:auto;} #container #top .jqueryslidemenu ul li a span{ cursor:pointer; float:left; font-weight:bold; display:block; height:38px; line-height:38px; } /* #container #top .jqueryslidemenu ul li a:hover span{ background:url(images/bg_lia.jpg) no-repeat bottom; } */ /* #container #top .jqueryslidemenu ul li:hover span{ color:#cc6600; background:url(images/bg_lia.jpg) no-repeat bottom; } */ #container #top .jqueryslidemenu ul li a:hover {text-decoration:none; color:#cc6600; } #container #top .jqueryslidemenu ul li.current_page_item a span{ background:url(images/bg_lia.jpg) no-repeat bottom; color:#cc6600;} #container #top .jqueryslidemenu ul li.current_page_parent a span{ background:url(images/bg_lia.jpg) no-repeat bottom; color:#cc6600;} #container #top .jqueryslidemenu ul li.page-item-13 ul{ margin:0px 0px 0px -30px; width:500px;} #container #top .jqueryslidemenu ul li.page-item-32 ul{ margin:0px 0px 0px -50px; width:500px;} #container #top .jqueryslidemenu ul li.page-item-34 ul{ margin:0px 0px 0px -80px; width:500px;} #container #top .jqueryslidemenu ul li.page-item-36 ul{ margin:0px 0px 0px -120px; width:400px;} #container #top .jqueryslidemenu ul li.page-item-38 ul{ margin:0px 0px 0px -130px; width:400px; } #container #top .jqueryslidemenu ul li.page-item-38{ width:200px; background:none; } #container #top .jqueryslidemenu ul li ul{ font-size:0.90em; z-index:1000; position:absolute; display:block; width:400px; height:34px; visibility:hidden; background:none; padding:0px 0px 0px 0px; margin:0px 0px 0px -50px; } #container #top .jqueryslidemenu ul li ul li{ position:relative; z-index:100; display:block; height:34px; background:none; line-height:30px; float:left; margin:0px; padding:0px; } #container #top .jqueryslidemenu ul li ul li a{ display:block; float:left; height:34px; line-height:30px; margin:0px; padding:0px 15px 0px 0px; } #container #top .jqueryslidemenu ul li ul li a:hover{ color:#cc6600; } #container #top .jqueryslidemenu ul li ul li a span{ line-height:30px; } #container #top .jqueryslidemenu ul li.current_page_parent ul li a span, #container #top .jqueryslidemenu ul li.current_page_item ul li a span{background:none; color:#000; line-height:30px;} #container #top .jqueryslidemenu ul li.current_page_parent ul li a span, #container #top .jqueryslidemenu ul li.current_page_item ul li a span{background:none; color:#000; line-height:30px;} #container #top .jqueryslidemenu ul li.current_page_parent ul li a:hover span, #container #top .jqueryslidemenu ul li.current_page_item ul li a:hover span{background:none; color:#cc6600; line-height:30px; } #container #top .jqueryslidemenu ul li.current_page_parent ul li.current_page_item a span { color:#cc6600; } #container #top .jqueryslidemenu ul li ul li.current_page_parent a span{ background:none; } /* MIDLE DIVISION */ #container #midle{ width:992px; background:url(images/bg_midle.jpg) repeat-y right; line-height:18px;} #container #midle #left{ float:left; width:711px; } #container #midle #left #breadcrumb{ width:603px; text-indent:0px; height:40px; line-height:40px; } #container #midle #left #breadcrumb span{ color:#cc6600; } #container #midle #left .inner{ padding:0px 10px 0px 15px;} #container #midle #left .inner ul{ padding:0px 0px 10px 10px; } #container #midle #left .inner ul li{ display:block; background:url(images/bg_list.jpg) no-repeat left top; padding:0px 0px 0px 20px; } #container #midle #left .inner ul li a{ font-weight:bold; display:block; background:url(images/bg_em2.jpg) no-repeat left top; margin:0px 0px 0px -20px; padding:0px 0px 0px 20px;} #container #midle #left .inner ul li ul{ padding:0px 0px 0px 10px; } #container #midle #left .inner ul li ul li a{ font-weight:normal; } #container #midle #left .inner ol.commentlist{ margin:0px; padding:20px 0px 0px 0px; border-bottom:1px solid #CCCCCC;} #container #midle #left .inner ol.commentlist li { background:url(images/bg_referentie.jpg) repeat-x bottom; padding:20px; } #container #midle #left .inner ol.commentlist li a{ background:none; } #container #midle #left .inner ol.commentlist li.comment { } #container #midle #left .inner ol.commentlist li.comment cite {font-weight:bold; font-size:1.1em;} #container #midle #left .inner ol.commentlist li.comment cite a{font-weight:bold; color:#000;} #container #midle #left .inner ol.commentlist li.comment div.comment-body{} #container #midle #left .inner ol#commentlist{ margin:0px; padding:20px 0px 0px 0px; border-bottom:1px solid #CCCCCC;} #container #midle #left .inner ol#commentlist li { background:url(images/bg_referentie.jpg) repeat-x bottom; padding:20px; } #container #midle #left .inner ol#commentlist li a{ background:none; } #container #midle #left .inner ol#commentlist li.comment { } #container #midle #left .inner ol#commentlist li.comment cite {font-weight:bold; font-size:1.1em;} #container #midle #left .inner ol#commentlist li.comment cite a{font-weight:bold; color:#000;} #container #midle #left .inner ol#commentlist li.comment div.comment-body{} #container #midle #left .inner div.commentmetadata{ padding:0px 0px 10px 0px; } #container #midle #left .inner li.comment{ border-top:1px solid #CCCCCC; } #container #midle #left .inner li.byuser{ border:1px solid #CCCCCC; margin:20px 0px 0px 0px; } #container #midle #left .inner img{ display:inline; float:none; } #container #midle #left form { margin:0px; padding:10px 0px 0px 0px; } #container #midle #left form input{ width:200px; border:1px solid #716a58; background:#fdf5e8; } #container #midle #left form option select, #container #midle #left form option{ border:1px solid #716a58; background:#fdf5e8; } #container #midle #left form label{ display:block; font-weight:bold;} #container #midle #left form p{ margin:0px; padding:0px; } #container #midle #left form small{ font-size:1.0em; } #container #midle #left form textarea{ width:400px; border:1px solid #716a58; background:#fdf5e8; margin:0px 0px 10px 0px; } #container #midle #left h1, h2{ padding:0px 0px 5px 0px; line-height:24px; } #container #midle #left p{ padding:0px 0px 18px 0px; margin:0px; } #container #midle #left p.nocomments {display:none; height:0px; text-indent:-3333px;} #container #midle #left img.floatright{ float:right; margin:0px 0px 10px 10px; display:block; } #container #midle #left img.alignright {float:right; display:block; margin:0px 0px 0px 10px;} #container #midle #left img.alignleft {float:left; display:block; margin:0px 10px 0px 0px;} #container #midle #left img.naarboven{ margin-top:-20px; margin-bottom:5px; } #container #midle #left hr{ line-height:0px; margin:0px; padding:0px; height:1px; border-top:0px; border-bottom:1px solid #ed9c21; border-left:0px; border-right:0px; } #container #midle #left .activiteiten{ border-top:1px solid #ed9c21; padding:15px 0px 0px 0px; margin:10px 0px 0px 0px; } #container #midle #left .activiteiten h2{ text-indent:15px; padding:0px 0px 0px 0px; } #container #midle #left .activiteiten .bundel{ padding:17px 0px 0px 0px; } #container #midle #left .activiteiten .activiteit{ position:relative; background:#c6c3bc; margin:0px 14px 0px 15px; float:left; width:302px; padding:14px 12px 100px 12px;min-height:95px; height:95px; height:auto !important; } #container #midle #left .activiteiten .activiteit img{ position:absolute; bottom:0px; left:0px; } #container #midle #left .activiteiten .activiteit h3{ color:#cc6600; padding:0px 0px 6px 0px; } #container #midle #left .activiteiten .activiteit h3 a{ color:#cc6600; } #container #midle #left .activiteiten .activiteit h3 a:hover{ color:#cc6600; text-decoration:none; font-weight:bold;} #container #midle #left .activiteiten .activiteit a{ color:#fff; } #container #midle #left .activiteiten .activiteit p{ margin:0px; padding:0px; } #container #midle #left .activiteiten .activiteit ul, #container #midle #left .activiteiten .activiteit li{ margin:0px; padding:0px; } #container #midle #left .entry{ width:686px; display:block; position:relative; float:right;} #container #midle #left .album{ position:relative; float:left; padding:17px 15px 17px 15px; margin:0px 0px 20px 0px; width:251px; border:1px solid #dedede; background:url(images/bg_referentie.jpg) repeat-x bottom;} #container #midle #left .album img{ float:left; display:block; margin:0px 17px 0px 0px; } #container #midle #left .album h2, #container #midle #left .album h2 a{ padding:0px 0px 6px 0px; font-size:1.15em; color:#393939; text-decoration:none; } #container #midle #left .album p{ margin:0px; padding:0px 0px 28px 0px; font-size:0.90em; } #container #midle #left .album em a{ position:absolute; bottom:17px; right:26px; color:#fff; text-align:center; line-height:20px; font-size:0.90em; text-decoration:none; font-style:normal; display:block; width:94px; height:20px; background:url(images/btn_bekijk.jpg) no-repeat; } #container #midle #left .album em a:hover{ filter:alpha(opacity=60); opacity:0.6; } #container #midle #right{ float:right; width:223px; padding:21px 25px 0px 0px; line-height:18px; } #container #midle #right h3, h4, h5{ position:relative; display:block; font-size:1.3em; padding:0px 0px 15px 0px; } #container #midle #right .blok{ border-top:1px solid #e1e1e1; padding:14px 3px 0px 3px; margin:0px 0px 16px 0px; } #container #midle #right .blok p{ padding:0px 0px 6px 0px; margin:0px; } #container #midle #right .blok em{ display:block; float:left; padding:0px 18px 0px 0px; font-style:normal; background:url(images/bg_em.jpg) no-repeat right; } #container #midle #right .blok ul{ display:block; padding:0px 0px 14px 0px; } #container #midle #right .blok ul li{ display:block;} #container #midle #right .blok ul li a{ display:block; width:154px; background:url(images/bg_em.jpg) no-repeat right;} #container #midle #right .blok span{ font-size:1.2em; font-weight:bold; } #container #midle #right .blok span span{ color:#cc6600; } #container #midle #right .blok form fieldset{ padding:10px 0px 0px 0px; } #container #midle #right .blok form fieldset input{ width:171px; padding:2px 10px 0px 10px; height:16px; border:1px solid #716a58; margin:0px 0px 6px 0px; background:#fdf5e8; color:#6e6754; font-size:0.95em;} #container #midle #right .blok form fieldset button{ cursor:pointer; float:right; width:104px; height:19px; margin:10px 23px 0px 0px; background:url(images/bg_button.jpg) no-repeat; text-indent:-3333px; border:0px;} #container #midle #right .blok form fieldset label{ display:block; } #container #midle #right .blok h4 span{ position:absolute; right:0px; top:3px; font-size:0.75em; color:#666666; } #container #midle #right .blok p.contactform_respons{ color:#cc6600;} #container #midle #right .blok p.contactform_error{ color:#cc6600; } #container #midle #right .blok ul.socialmedia{ display:block; padding:0px 0px 0px 0px; } #container #midle #right .blok ul.socialmedia li{ display:block;} #container #midle #right .blok ul.socialmedia li a{ display:block; background:none; /* text-indent:20px; */ color:#000; } #container #midle #right .blok ul.socialmedia li.twitter a{ background:url(images/twitter.gif) no-repeat right; } #container #midle #right .blok ul.socialmedia li.linkedin a{ background:url(images/linkedin.gif) no-repeat right; } #container #midle #right .blok ul.socialmedia li.facebook a{ background:url(images/facebook.gif) no-repeat right; } #container #midle #right .blok ul.socialmedia li a:hover{ text-decoration:none; filter:alpha(opacity=80); opacity:0.8;} #container #midle #right .blok .weer{ height:90px; } /*#container #midle #right .blok .weer div{ width:217px; } #container #midle #right .blok .weer div center{ float:left; width:217px;} #container #midle #right .blok .weer div center table{width:217px; margin:0px; padding:0px; background:none; border:0px; } #container #midle #right .blok .weer div center table tr{ border:0px; background:none; border:0px; } #container #midle #right .blok .weer div center table tr td{ border:0px; background:none; border:0px solid white; } #container #midle #right .blok .weer div center table tr td font{ font-size:0.75em; border:0px solid white; } #container #midle #right .blok .weer div center table tr td font b{ font-size:0.01em;} */ /* BOTTOM DIVISION */ #container #bottom{ font-size:0.9em; font-family:arial; color:#68624d; background:url(images/bg_bottom.jpg) repeat-x; margin:20px 0px 0px 0px; padding:15px 0px 15px 0px; text-align:center; color:#fff; } #container #bottom ul{ position:relative; margin:0 auto; padding:6px 0px 10px 0px; } #container #bottom ul li{ display:inline; padding:0px 14px 0px 14px; border-left:1px solid #c7c5bd; } #container #bottom ul li a{ color:#68624d; } #container #bottom ul li.first{border-left:0px solid #c7c5bd; } #container #bottom ul li.last{border-left:0px solid #c7c5bd; padding:0px 100px 0px 25px; } #container #bottom ul li.last a{cursor:default; text-decoration:none; } #container #bottom ul li.last img{ position:absolute; top:3px; right:252px; } #container #bottom ul li.lastt{border-left:0px solid #c7c5bd; padding:0px 0px 0px 0px; text-decoration:none; cursor:default; } #container #bottom ul li.lastt a{ text-decoration:none; cursor:default; }