/*
Theme Name: Webrandt
Description: Webrandt is een theme gecreëerd voor Webrandt.
Author: Jacques Uljé
Author URI: http://www.webrandt.nl
Version: 0.1
*/

@font-face{font-family:WebrandtNeue;src:url(font/WebraConLig.eot);src:url(font/WebraConLig.eot?#iefix) format('embedded-opentype'),url(font/WebraConLig.woff) format('woff'),url(font/Webrandt_Condensed_Light.ttf) format('truetype');font-weight:normal;font-style:normal}
@font-face{font-family:WebrandtNeueBold;src:url(font/WebraConHea.eot);src:url(font/WebraConHea.eot?#iefix) format('embedded-opentype'),url(font/WebraConHea.woff) format('woff'),url(font/Webrandt_Condensed_Heavy.ttf) format('truetype');font-weight:normal;font-style:normal}
@font-face{font-family:WebrandtScript;src:url(font/webrandtscript/webrandtscript2.eot);src:url(font/webrandtscript/webrandtscript2.eot?#iefix) format('embedded-opentype'),url(font/webrandtscript/webrandtscript2.woff) format('woff'),url(font/webrandtscript/webrandtscript2.ttf) format('truetype');font-weight:normal;font-style:normal}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td{margin:0;padding:0;}
fieldset,img,a img,:link img,:visited img{border:0;}
ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
html{overflow-y:scroll;}
body{font-family:arial;font-size:14px;line-height:22px;color:#3f3f3c;background-color:#f0f0ec;margin:0px auto 0px;padding:0px;}
#wrap{max-width:960px;min-width:280px;background-color:#f0f0ec;margin:0 auto 0;padding:30px 20px 0px 20px;}
p{margin:0px 0px 22px 0px;font-size:14px;line-height:22px;}
hr{border:0;background-color:#9E9E9E;height:1px;clear:both;margin:22px 0px 3px 0px;}
.row{float:left;width:100%;}
#masthead{float:left;width:100%;border-bottom:5px solid black;padding-bottom:20px;margin-bottom:8px;}
#h_sidebar{min-width:280px;height:100%;margin:0px 0px 0px 285px;padding:0px 0px 0px 0px;line-height:11px;font-size:11px;font-family:arial;border:0px solid red;}
.info{border-top:1px solid #9E9E9E;margin-top:5px;padding-top:5px;}
#logo{position:relative;float:left;height:68px;margin:0px;border:0px solid #000;}
#logo img{position:absolute;bottom:0;left:0;margin-top:0px;margin-right:0px;border:0px solid #000;}
.kopjes{font-family:WebrandtScript, "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;font-weight:300;font-size:17px;font-weight:normal;line-height:17px;text-decoration:none;padding-bottom:5px;margin:0px;}
.kopjes a{text-decoration:none;color:#e2001a;}
#contactinfo{font-family:WebrandtNeue, "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;font-weight:300;font-size:15px;line-height:22px;text-decoration:none;text-transform:uppercase;border:0px solid #000;margin-bottom:0px;letter-spacing:1px;text-align:right;}
#contactlink{text-decoration:none;color:#3f3f3c;}
#contactlink:hover{color:#e2001a;}
.clear{clear:both;}
.padding{border:0px solid #000;padding:10px;}
.rubrieken{background-color:#f0f0ec;display:block;width:100%;float:left;margin:0px 0px 0px 0px;padding:3px 0px 5px 0px;cursor:pointer;border:0px solid red;}
.rubrieken:hover{background-color:#ebebe6;}
.rubrieken:hover .h1{color:#e2001a;}
.column {display: none;margin-left: 0px;margin-bottom: 10px;clear: both;}
.padding{padding:15px 0px 0px 20px;}
.active{color:#e2001a;}
.inactive{color:#3f3f3c;}
.backactive{background-color:#ebebe6;}
.rubrieken p{margin:0px 0px 22px 0px;width:100%;font-size:14px;line-height:22px;}
hr.rubriek{border:0;background-color:#9E9E9E;height:1px;text-align:left;clear:both;margin:0px 0px 0px 0px;}
.rubrieken hr{margin:0px;margin-top:-5px;margin-bottom:10px;width:100%;height:3px;background:url('images/hr-stippel.png') no-repeat;height:1px;border:0px solid #000;clear:both;}
.rubrieken .h1{margin:0px 0px 10px 0px;font-family:WebrandtNeueBold,"HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;font-style:normal;font-size:65px;line-height:70px;text-transform:uppercase;}
.rubrieken .pijlwrap{height:20px;margin-left:0px;clear:both;}
.rubrieken .pijl{margin:0px 0px 0px 0px;font-family:WebrandtNeue,"HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;font-style:normal;text-transform:uppercase;color:#e2001a;margin:0px;}
.rubrieken a{color:#3f3f3c;text-decoration:none;}
.excerpt, .excerptrubriek{float:left;font-family:WebrandtNeue, "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;font-weight:300;font-size:15px;line-height:22px;text-decoration:none;text-transform:uppercase;border:0px solid #000;margin-bottom:0px;letter-spacing:1px;}
.excerptrubriek{width:400px;}
.illustratie{float:right;}
.rubrieken a:hover, .rubrieken .h1 a:hover{text-decoration:none;color:#e2001a;}
#projecten{padding-top:0px;padding-bottom:25px;color:#3f3f3c;}
.projectitem{float:left;}
.menu_head{border:0px solid #000;margin:0px;padding:0px;}
.menu_head h1:hover,.menu_head h2:hover,.menu_head h1 a:hover,.menu_head h2 a:hover{color:#e2001a;text-decoration:none;cursor:pointer;}
.menu_head h1 a{color:#3f3f3c;text-decoration:none;}
.menu_head h2,.menu_head h2 a{font-family:WebrandtNeueBold, "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;font-weight:300;color:#3f3f3c;font-size:40px;font-weight:normal;line-height:45px;text-decoration:none;text-transform:uppercase;letter-spacing:1px;}
.menu_body{margin-top:20px;border:0px solid #000;font-size:12px;line-height:25px;}
.content a:hover{text-decoration:underline;}
.content{display:block;font-family:arial;font-size:14px;line-height:22px;color:#3f3f3c;min-height:200px;border:0px solid #000;max-width:690px;min-width:200px;margin-left:330px;}
.afbeelding{width:300px;display:inline;float:left;padding:15px 0px 0px 0px;}
.afbeelding .wp-caption{float:left;margin:5px 10px 15px 0px;padding:0px;height:auto !important;font-style:italic;text-align:left;font-family:lucida, arial;font-size:11px;line-height:11px;color:#999;border:0px solid #999;}
.content a, #column1 a, #column2 a, #column3 a{line-height:18px;color:#e2001a;text-decoration:none;}
.content a:hover, #column1 a:hover, #column2 a:hover, #column3 a:hover{text-decoration:underline;}
.content h1, .content h1 a{font-family:WebrandtNeue, "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;font-weight:300;font-size:15px;line-height:21px;text-decoration:none;text-transform:uppercase;letter-spacing:1px;margin-bottom:0px;margin-top:10px;}
.content p{margin:0px 0px 22px 0px;}
#introduction{margin-bottom:0px;margin-top:10px;}
#introduction h1{font-family:WebrandtScript, "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;font-weight:300;font-size:22px;font-weight:normal;line-height:20px;text-decoration:none;}
#recentwerk h1{font-family:WebrandtScript, "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;font-weight:300;font-size:22px;font-weight:normal;line-height:20px;text-decoration:none;}
#content p{margin:0px 0px 22px 20px;}
#content h1{font-family:WebrandtScript, "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;font-weight:300;font-size:22px;font-weight:normal;line-height:20px;text-decoration:none;margin-bottom:0px;margin-top:10px;}
#content h2, #content h2 a{font-family:WebrandtNeueBold, "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;font-weight:300;font-size:40px;font-weight:normal;line-height:45px;text-decoration:none;text-transform:uppercase;letter-spacing:1px;margin:0px 0px 0px 20px;}
#content h3, #content h3 a{font-family:WebrandtNeue, "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;font-weight:300;font-size:15px;line-height:21px;text-decoration:none;text-transform:uppercase;letter-spacing:1px;margin:10px 0px 10px 20px;}
#content a{color:#e2001a;text-decoration:none;}
#content a:hover{text-decoration:underline;}
#content hr, hr{border:0;background-color:#9E9E9E;height:1px;text-align:left;clear:both;margin-top:10px;margin-bottom:15px;}
.content hr{border:0;background-color:#9E9E9E;height:1px;text-align:left;margin:15px 30px 15px 30px;clear:both;}
#content ul{list-style:disc;margin:0px 0px 0px 35px;padding:0px 0px 22px 0px;border:0px solid #000;}
.content ul li{padding-left:0px;margin-left:0px;}
.content hr.inleiding{display:inline-block;width:100%;background:url('images/csg-51f3a24a3d83d.png') no-repeat top left;background-position:0 -124px;height:1px;height:1px;border:0px solid #000;margin:20px 0px 20px 0px;}
.content ul, #werkwijze ul, #voor_wie ul, #over_ons ul{list-style:disc;margin:0px 0px 0px 15px;padding:0px 0px 22px 0px;border:0px solid #000;font-size:14px;line-height:22px;}
.content ul li{padding-left:0px;margin-left:0px;}
.content ol{margin:0px 0px 0px 20px;padding:0px 0px 10px 0px;font-size:14px;line-height:22px;}
.content ol li{margin:0px 0px 0px 20px;padding:0px 0px 0px 0px;}
#access ul:after{display:block;visibility:hidden;clear:both;height:0;content:".";}
#access{z-index:10;margin-bottom:20px;margin-top:18px;}
#access .menu, div.menu{margin:0px 0px 0px 0px;border:0px solid blue;font-family:WebrandtNeue, "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", sans-serif;font-weight:300;z-index:51;}
#access .menu li{background:url('images/csg-51f3a24a3d83d.png') no-repeat top left;background-position:0 -62px;height:15px;position:relative;float:left;margin:0px;border:0px solid blue;text-align:left;}
#access li a{display:block;padding:0px 15px 0px 25px;color:#999;font-size:15px;font-weight:normal;line-height:15px;text-decoration:none;text-transform:uppercase;letter-spacing:1px;}
#access li a:hover{color:#e2001a;}
#access li.current_page_item, #access li.current_page_parent, #access li.current_page_ancestor{background:url('images/csg-51f3a24a3d83d.png') no-repeat top left;background-position:0 0;height:12px;}
#access li.current_page_item a, #access li.current_page_parent a, #access li.current_page_ancestor a{display:block;color:#e2001a;}
#footer{float:left;width:100%;border-top:5px solid #000;margin-top:20px;min-height:100px;}
#footer a{color:#e2001a;}
#footer a:hover{text-decoration:none;}
#voorwaarden{float:left;margin-top:15px;}
@media screen and (max-width:670px){#wrap{padding:30px 10px 0px 10px;}
#logo{float:none;display:block;}
#h_sidebar{float:none;display:block;margin:0px;}
.info{margin-top:15px;}
#masthead{padding-bottom:5px;margin-bottom:8px;}
.hidemobile{display:none;}
.illustratie{display:none;}
.afbeelding{width:100%;display:block;float:none;}
.afbeelding img{display:block;max-width:300px;width:100%;height:auto;border:0px solid #000;padding:0px 0px 0px 0px;margin:0px;}
.rubrieken .pijlwrap{padding-top:5px;}
.content{margin-left:0px;float:none;display:block;}
.excerpt, .excerptrubriek{width:100%;}
.padding{padding:0px;}
.rubrieken .h1{font-size:52px;line-height:60px;}
.menu_head h2, .menu_head h2 a{font-size:30px;line-height:38px;}
}