/*******************************/ /** CSS DOCUMENT **/ /** OWNED BY DROOMSLICING **/ /** COPYRIGHT 2009 - 1010 **/ /** www.idroom.nl **/ /*******************************/ /*******************************/ /* REGULAR COMMANDS */ /*******************************/ html{ height: 100%;} body{ height: 100%; min-height: 100%; margin:0px; padding:0px; color:#464646; font-size:0.75em; font-family: Arial, Verdana, Helvetica, sans-serif;text-decoration:none;background:url(http://www.spreekbeurtenplein.nl/images/bg.jpg) repeat-x top #26acc4;} body a{ text-decoration:none; color:#1690a7; font-weight:bold; } body a:hover{text-decoration:underline; color:#05356b;font-weight:bold; } .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 { font-size:1.1em; color:#fff; margin:0px; padding:0px;} p{margin:0px; padding:0px 0px 18px 0px;} /*******************************/ /* CONTAINER DIVISION */ /*******************************/ #container { margin:0px auto 30px auto; width:1000px; background:url(http://www.spreekbeurtenplein.nl/images/bg_container.jpg) repeat-y;} #container #inner{ background:url(http://www.spreekbeurtenplein.nl/images/bg_inner.jpg) no-repeat; } /*******************************/ /* TOP DIVISION */ /*******************************/ #container #top{ position:relative; padding:80px 0px 23px 0px; height:195px; } #container #top #logo{ float:left; padding:0px 0px 0px 49px; width:344px; height:66px;} #container #top #logo img{ width:344px; height:66px;} #container #top #icons{ float:right; padding:0px 45px 0px 0px;} #container #top #icons em{ width:200px; text-indent:-3333px; display:block; height:26px; float:right; } #container #top #icons em a{ display:block; float:right; height:22px; width:22px; border:2px solid white; margin-left:2px; } #container #top #icons em a.contact{ background:url(http://www.spreekbeurtenplein.nl/images/btn_contact.jpg) no-repeat; } #container #top #icons em a.home{ background:url(http://www.spreekbeurtenplein.nl/images/btn_home.jpg) no-repeat; } #container #top #icons em a.voegtoe{ background:url(http://www.spreekbeurtenplein.nl/images/btn_voegtoe.jpg) no-repeat; } #container #top #icons em a:hover{filter:alpha(opacity=50); opacity:0.5;} #container #top #menu { position:absolute; top:246px; left:165px; font-size:1.05em; } #container #top #menu ul li{ float:left; display:block; height:28px; line-height:28px; margin-right:1px; } #container #top #menu ul li a{ float:left; display:block; color:#fff; height:28px; line-height:28px; padding:0px 14px 0px 14px;} #container #top #menu ul li a:hover{ background:url(http://www.spreekbeurtenplein.nl/images/bg_li.jpg) no-repeat top; text-decoration:none;} #container #top #menu ul li.selected a{ background:url(http://www.spreekbeurtenplein.nl/images/bg_li.jpg) no-repeat top; text-decoration:none; } /*******************************/ /* LEFT AND RIGHT DIVISIONS */ /*******************************/ #container #left{ font-size:0.95em; width:280px; padding:0px 0px 20px 20px; float:left; line-height:18px; } #container #left h3{ width:262px; height:41px; margin:0px; padding:18px 18px 0px 0px; background:url(http://www.spreekbeurtenplein.nl/images/bg_h3.png) no-repeat; text-align:right; } #container #left h3 span{ font-weight:normal; } #container #left .tekst{ padding:8px 0px 0px 18px; } #container #left .tekst .image{ border:3px solid #05356b; float:left; margin-bottom:18px; } #container #left .tekst .image strong{ display:block; text-indent:10px; font-size:1.05em; line-height:27px; background:#094080; color:#fff; } #container #left .tekst p{ padding-right:18px; } #container #right{ font-size:0.95em; width:580px; padding:32px 70px 30px 0px; float:right; line-height:18px; } #container #right h1{ font-weight:normal; display:block; height:78px; line-height:40px; font-size:3.0em; color:#094080; background:url(http://www.spreekbeurtenplein.nl/images/bg_h1.jpg) no-repeat bottom left; } #container #right h2{ display:block; height:72px; padding:16px 0px 0px 18px; background:url(http://www.spreekbeurtenplein.nl/images/bg_h2.jpg) no-repeat; } #container #right h2 span{ font-weight:normal; } #container #right .tekst{ padding:0px 18px 0px 18px; } #container #right .tekst ul{ position:relative; } #container #right .tekst ul li{ float:left; width:240px; display:block; padding:0px 0px 0px 26px; line-height:22px; background:url(http://www.spreekbeurtenplein.nl/images/bg_list.jpg) no-repeat left; } #container #right .tekst ul li a{ text-decoration:underline; color:#1690a7; } #container #right .tekst ul li.last{ background:none; padding:18px 0px 0px 0px; } #container #right .tekst ul li.last a{ color:#05346a; } #container #right .ads{ padding:10px 0px 20px 0px; } #container #right dl{ margin:0px; padding:0px 0px 20px 0px; display:block; } #container #right dl dt{ margin:0px; padding:0px 4px 0px 0px; float:left; display:block; font-weight:bold; } #container #right dl dd{ margin:0px; padding:0px; } #container #right a{ color:#05346a; } #container #right .bread{ border-top:1px solid #10839a; margin-top:4px; height:20px; padding:17px 0px 15px 0px; } #container #right .bread ul li{ float:left; display:block;} #container #right .bread ul li a{ float:left; display:block; color:#1690a7; padding:0px 25px 0px 0px; background:url(http://www.spreekbeurtenplein.nl/images/bg_bread.jpg) no-repeat right;} #container #right .embed{ color:#094080; height:80px; padding:10px 0px 0px 15px; background:url(http://www.spreekbeurtenplein.nl/images/bg_embed.jpg) no-repeat;} #container #right .embed input{ color:#464646; font-size:0.95em; margin:0px; padding:5px 5px 0px 52px; width:208px; height:18px; border:1px solid #c3c3c3; } #container #right .embed input.html{ background:url(http://www.spreekbeurtenplein.nl/images/bg_html.jpg) no-repeat #fff;} #container #right .embed input.ubb{ background:url(http://www.spreekbeurtenplein.nl/images/bg_forum.jpg) no-repeat #fff;} #container #right .embed h4{ color:#094080; font-size:0.95em; padding:0px 0px 8px 0px; } /*******************************/ /* FOOTER DIVISION */ /*******************************/ #container #footer{ clear:both; background:url(http://www.spreekbeurtenplein.nl/images/bg_footer.jpg) no-repeat #26acc4;} #container #footer #sitemap{ font-size:0.95em; background:url(http://www.spreekbeurtenplein.nl/images/bg_footerinner.jpg) no-repeat bottom; padding:10px 0px 13px 28px; } #container #footer #sitemap ul{ line-height:19px; float:left; padding:20px 25px 18px 24px; background:url(http://www.spreekbeurtenplein.nl/images/bg_ul.jpg) no-repeat right top;} #container #footer #sitemap ul.last{ background:none; } #container #footer #sitemap ul li{ } #container #footer #sitemap ul li a{ font-weight:normal; color:#fff; } #container #footer #sitemap ul li a strong{ display:block; padding:0px 0px 15px 0px; font-size:1.05em; }