/* Common styles */
h1,h2,h3,h4,h5,h6,p{margin-bottom:13px}
.hidden{display:none}
a{color:#72260c}


/* Layout styles */
html{min-height:100%}
body{min-height:100%;background:url('/img/layout/header-bg.png') repeat-x;color:#72260c;font-family:Verdana,Arial,Helvetica,sans-serif;overflow:-moz-scrollbars-vertical}
#outer{width:100%;min-height:100%;background:url('/img/layout/footer-bg.png') bottom center repeat-x}
#inner, #header, #footer{width:904px}
#inner{margin:0 auto}
#header{float:left;height:160px}
#left{float:left;width:294px}
#right{float:right;width:594px}
#footer{clear:both;height:42px;padding-top:30px;font-size:10px;color:#a39274}

#header a.logo{display:block;position:absolute;top:0;margin-left:-5px;width:291px;height:142px;background-image:url('/img/layout/webtopia-logo.png')}
#header a.logo span{display:none}

#header .top{margin:55px 0 0 297px}
#header .top li{float:left;height:32px;_text-decoration:none}
#header .social li{float:left;height:25px;_text-decoration:none}
#header .social li{width:24px;padding-left:10px; padding-top:5px;}
#header .top li.h{_width:131px}
#header .top li.d{_width:87px}
#header .top li.b{_width:57px}
#header .top li.p{_width:84px}
#header .top li.l{_width:62px}
#header .top li.c{_width:83px}
#header .top li a{display:block;height:32px;line-height:30px;padding:0 15px;color:#e8e4d9;text-decoration:none}
#header .top li:hover, #header .top li.active, #header .top li.hover{background:url('/img/layout/menu-bg-right.png') no-repeat right top}
#header .top li:hover a, #header .top li.active a, #header .top li.hover a{background:url('/img/layout/menu-bg-left.png') no-repeat;color:#72260c}

#header .bottom{float:left;margin-left:312px;_margin-left:156px}
#header .bottom li{float:left;height:35px}
#header .bottom li a{float:left;line-height:32px;color:#58380a;text-decoration:none}
#header .bottom li a:hover{text-decoration:underline}
#header .bottom li div.pipe{float:left;width:2px;height:13px;margin:10px 10px 0 10px;_margin-right:5px;background:url('/img/layout/footer-pipe.png') no-repeat}

.leftbox{float:left;padding-bottom:26px;display: block;}
.block{float:left;width:281px;}
.blocknieuws{background-repeat: no-repeat;background-color: #e6dfd2;clear:left}
.blocknieuws_whole{float:left;width:281px;margin-right: 43px;width:268px;font-size:11px;color:#583809;}
#left .top{margin-bottom:26px;width:293px;height:189px;padding:1px 0 0 1px;background:url('/img/layout/block-top-bg.png?v2') 0 0 no-repeat}
#left .top li{display:block;float:left;width:293px;height:46px;margin-bottom:1px}
#left .top li a{display:block;width:293px;height:46px;text-decoration:none;cursor:pointer}
#left .top li.active, #left .top li.hover, #left .top li:hover{background:url('/img/layout/block-top-active.png') no-repeat}
#left .top em{float:left;margin:6px 0 0 10px;font-family:Arial,Helvetica,sans-serif;font-size:27px;color:#d0c7b8;font-style:normal}
#left .top span{float:left;margin:14px 0 0 13px;font-size:14px;color:#5a3a0a}
#left .top li.active span, #left .top li.hover span, #left .top li:hover span{color:#fff}

#left.hometop{height:216px;width:905px;background:url('/img/layout/homepage.png') no-repeat}
#left.hometop .block.top{float:left;background:url('/img/layout/block-top-bg-home.png') 0 0 no-repeat}
#hometop{float:left;width:590px}
#hometop div{margin:10px;padding-right:200px}
#hometop div h2{font-size:24px;color:#72260b;margin:0}
#hometop div h6{font-size:15px;color:#ab966b}
#hometop div p{font-size:11px}

p.socialmedia-icons{margin-bottom:4px}
p.socialmedia-icons a{margin-right:10px}

.nieuws{width:268px;padding:32px 0 30px 13px;background-image:url('/img/layout/block-laatste-nieuws.png?v2');font-size:11px;color:#583809}
.nieuwsbottom{margin-bottom:6px;width:281px;height:25px;background-image: url('/img/layout/back-laatste-nieuws.gif');background-position: top center;background-repeat: no-repeat;}
.nieuws li{display:block;width:244px;min-height:16px;padding:0 0 1px 12px;background:url('/img/layout/block-laatste-nieuws-arrow.png') 0 4px no-repeat}

#left .blog, #homepage .blog{width:115px;height:95px;padding:39px 150px 0 16px;line-height:16px;background-image:url('/img/layout/block-blog.png');font-size:11px;color:#583809}
.ideeen{width:281px;height:134px;margin-bottom:0;background-image:url('/img/layout/block-ideeen-bg.png')}
.ideeen .layer-wrapper{position:relative}
.ideeen .layer-wrapper div{position:absolute}
.ideeen .layer1{top:5px;left:144px;width:127px}
.ideeen .layer1 img{width:131px;}
.ideeen .layer2{top:5px;left:144px;width:131px;height:124px;background-image:url('/img/layout/block-ideeen-fg.png')}
.ideeen .text{padding:39px 150px 0 16px;line-height:16px;font-size:11px;color:#583809}

#right{background:url('/img/layout/right-bg-middle.png') repeat-y}
#right .topborder{width:594px;height:6px;background:url('/img/layout/right-bg-top.png') no-repeat}
#right .bottomborder{clear:both;width:594px;height:6px;background:url('/img/layout/right-bg-bottom.png') no-repeat}
#right .content{width:534px;padding:23px 30px}

#homepage{clear:both}
#homepage{clear:both}
#homepage .block{float:left}
#homepage .nieuws{margin-right:30px;}
#homepage .blog{margin-right:31px;float:left;}

#footer a{color:#a39274;text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer .left, #footer .left div, #footer .right a, #footer .right div{float:left}
#footer .right{float:right}
#footer .right, #footer .left{margin-top:13px}
#footer div.pipe{width:2px;height:13px;margin:0 14px;background:url('/img/layout/footer-pipe.png') no-repeat}


/* Content-specific styles */
#right h1{font-size:24px}

.leesmeer{display:block;width:85px;height:22px;background:url('/img/layout/lees-meer.png') no-repeat}
.leesmeer span{display:none}

#contact{display:table;margin:25px 0 0 0}
#contact label, #contact input, #contact textarea{float:left;margin:4px 0}
#contact label{clear:left;width:100px}
#contact .error{float:left;margin:4px 0 4px 5px;color:red}
#contact input, #contact textarea{width:300px}
#contact textarea{height:150px}
#contact input.submit{width:auto;padding:0 10px}

#links li{margin-bottom:13px}
#links p{margin-bottom:0}
#links .external_link{color:#ab966b}

#portfolio li{float:left;margin:10px 0 15px 0}
#portfolio h2{font-size:18px}
#portfolio img{float:left;width:131px;padding:1px;border:1px solid #f4f0e9}
#portfolio p{float:left;width:375px;margin-left:20px}


.blog h1, .blog h2{font-size:24px}
.blog h1 a, .blog h2 a{text-decoration:none}
.blog h1 a:hover, .blog h2 a:hover{text-decoration:underline}
.blog .sub{color:#ab966b}
.blog p.bottom{margin-bottom:5px}

#blog-list .item{clear:both;padding-bottom:25px;border-bottom:1px solid #e0d6c3;margin-bottom:18px}
#blog-list .item.last{padding-bottom:0;border:0;margin-bottom:5px}
#blog-list .sub{float:right;margin-top:11px;font-size:13px}

#blog-item h1{margin-bottom:0}
#blog-item .sub{margin-bottom:18px}
#blog-item .intro{font-weight:bold}

.afbeelding_blog{width:150px;float:left;margin:5px}
.afbeelding_blog_list{width:65px;float:left;margin:5px}

.inline{float:left;margin-top: 10px; margin-left: 5px;}
.socialblog{float:left;margin-top: 10px;}