body{font-family:Arial, Segoe UI, Helvetica, sans-serif;font-size:12px;line-height:22px;color:#333;background-color:#9F9F9F;margin:0 0 40px 0;background:url(gfx/mainbg.png) 0px 380px repeat-x;}
body.page{background:url(gfx/mainbg.png) 0px 200px repeat-x;background-color:#9F9F9F;}
::-moz-selection{background:#e06616;color:#fff;}
::selection{background:#e06616;color:#fff;}
#mainbg{position:absolute;top:0px;left:0;height:380px;width:100%;overflow:hidden;background:url(gfx/topbg.jpg) top center repeat-x;z-index:-10;}
#mainbg.page{height:200px;}
#navigation{height:123px;line-height:123px;}
#navigation .inner{position:relative;width:900px;margin:0 auto;right:10px;}
#navigation .logo{position:absolute;background:url(gfx/logo.png) top left no-repeat;width:177px;height:70px;left:5px;top:30px;text-indent:-999em;overflow:hidden;}
#navigation ul li{display:inline;}
#navigation ul{margin:0;margin-left:615px;padding:0;list-style-type:none;}
#navigation li{display:inline;float:left;}
#navigation ul li a{text-decoration:none;font-weight:bold;color:#999;margin-right:25px;font-size:14px;padding:4px 8px 4px 8px;text-transform:lowercase;}
#navigation ul li a:hover, #navigation ul li a.selected{color:#fff;background-color:#e06616;}
#wrapper{width:900px;margin:0px auto;}
#header{position:relative;}
#header img{border:0;}
#header.frontpage{height:230px;}
#header.page{height:90px;}
#header .leader{background:url(gfx/leader.png) top left no-repeat;width:330px;height:30px;text-indent:-999em;overflow:hidden;margin-top:60px;}
#header .leader_projecten{background:url(gfx/leader_projecten.png) top left no-repeat;width:330px;height:30px;text-indent:-999em;overflow:hidden;margin-top:28px;}
#header .leader_contact{background:url(gfx/leader_contact.png) top left no-repeat;width:330px;height:30px;text-indent:-999em;overflow:hidden;margin-top:28px;}
#header p{color:#fff;font-size:14px;text-shadow:0 1px 0 #000;}
#header p.sub_projecten{position:absolute;top:-12px;left:170px;}
#header p.sub_contact{position:absolute;top:-12px;left:275px;}
#header .pics{margin-top:-90px;margin-left:10px;float:right;}
#content{margin-top:-20px;}
#content h1, #content h2{font-size:22px;font-family:Arial, Helvetica, sans-serif;color:#222;text-shadow:0 1px 0 #ccc;}
#content h4{font-size:13px;font-family:Arial, Helvetica, sans-serif;color:#333;line-height:16px;}
#content h1 a, #content h2 a, #content h4 a{color:#222;text-decoration:none;}
#content h1 a:hover, #content h2 a:hover, #content h4 a:hover{color:#555;text-decoration:none;}
#content a{color:#e06616;text-decoration:underline;}
#content a:hover{color:#e06616;text-decoration:underline;}
#content .project{width:270px;min-height:420px;margin-right:30px;float:left;}
.clear{clear:both;}
.button{text-indent:-999em;overflow:hidden;height:38px;display:block;margin-left:-3px;}
#bekijkproject{background:url(gfx/btn/bekijkproject.png) top left no-repeat;width:122px;}
#bekijkprojecten{background:url(gfx/btn/bekijkprojecten.png) top left no-repeat;width:140px;}
#contactformulier{background:url(gfx/btn/contactformulier.png) top left no-repeat;width:155px;}
#contactgegevens{background:url(gfx/btn/contactgegevens.png) top left no-repeat;width:143px;}
.gallery{margin-left:-25px;}
.gallery img{margin-left:20px;}
.gallery img, .project img{border:4px solid #ddd;}
.gallery img:hover, .project img:hover{border:4px solid #ccc;}
.gallery-icon, .gallery-item{float:left;}
.youtube {margin-left: -5px;}