@charset "utf-8";
/*
(c) Copyright 2010 pixeler webagentur. All rights reserved.
http://www.pixeler.de
*/

/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}

/*startseite*/
.start-container { width: 950px; margin: 70px auto 20px; text-align: left;}
.start-kontakt { width: 940px; text-align: right; padding: 10px 0;}
.start-kontakt a, .top .kontakt a { text-decoration: none; color: #0e2c4f; text-transform: uppercase;}
.start-main { width: 950px; height: 498px; background: url(images/boelke_scaffold_start.jpg);}
.start-nav { width: 640px; padding: 440px 0 0 300px;}
.start-nav li { display: block; float: left; padding: 0 30px;}
.start-nav a { font-family: "Trebuchet MS"; text-transform: uppercase; font-size: 12px; text-decoration: none; color: #bbb; letter-spacing: 1px;}
.start-nav a:hover { color: #ddd;}
.start-footer { width: 950px; padding: 10px 0 0; color: #555; font-size: 11px; line-height: 1.3;}
.start-footer a { color: #555;}
.start-footer-left { float: left; padding-left: 55px;}
.start-footer-right { float: right; text-align: right; padding-right: 70px;}

/*structure*/
body { text-align: center; font: 12px Arial, Helvetica, sans-serif; background: #92938d url(images/boelke_scaffold_bck.jpg) repeat-x; color: #444;}
.clear { clear: both;}
.container { width: 950px; text-align: left; margin: 30px auto 20px;}
.top { width: 950px; height: 171px; background: url(images/boelke_scaffold_top.jpg) no-repeat;}
.top .kontakt { width: 842px; text-align: right; padding: 140px 0 0;}
.main { padding: 0 20px 20px 40px; background: #eee; margin-right: 1px;}
.main .nav li { display: block; float: left; padding: 10px 30px 30px;}
.main .nav li a { font-family:  "Trebuchet MS"; text-transform: uppercase; text-decoration: none; color: #777; font-size: 11px; letter-spacing: 1px;}
.main .nav li a:hover { color: #222;}
.main .right-subnav { float: right; width: 300px; padding: 25px 0 10px 10px;}
.main .right-subnav a {display: block; text-decoration: none; padding: 5px 0; font-size: 14px;}
.prefooter { width: 950px; height: 34px; background: url(images/boelke_scaffold_07.jpg) no-repeat;}
.footer { width: 950px; height: 139px; background: url(images/boelke_scaffold_08.jpg) no-repeat; text-transform: uppercase; font-size: 10px; color: #444;}
.footer .footer-left { float: left; width: 300px; padding: 69px 0 0 325px;}
.footer .footer-right { float: left; width: 250px; padding: 69px 0 0 25px; text-align: right;}
.footer-right a { color: #444; text-decoration: none;}
.footer-right a:hover { color: #333;}
.subfooter {text-align: right; font-size: 10px; padding: 10px 45px 0 0; color: #555;}

/*style*/
.main h1 { font: 36px Georgia; color: #0e2c4f; letter-spacing: 2px; padding: 10px 0 10px;}
.main h2 { font: 16px; color: #0e2c4f; text-transform: uppercase; padding: 25px 0 10px; letter-spacing: 1px;}
.main p, .main ul { line-height: 1.5; padding: 4px 0;}
.main ul { list-style: square; margin-left: 15px;}
.main a { color: #0e2c4f;}


/*service*/
.third {float: left; width: 28%; padding: 0 2%;}
.block { width: 100%;}
.block a { display: block; width: 90%; background: #eee; margin: 20px 0; padding: 10px 20px; font-weight: bold; text-decoration: none; border: 1px solid; border-left: 1px dotted; border-right: 1px dotted;}
.block a:hover { background: #fff; color: #111;}

/*kontakt*/
.kontakt-kontakt { float: left; width: 258px; padding: 0 15px 0 0;}
.kontakt-mitarbeiter { float: left; width: 230px; padding: 0 15px 0 0 ;}
.kontakt-anfahrt { float: left; width: 360px; overflow: hidden;}
#kontaktform br { clear: both;}
#kontaktform label { display: block; float: left; width: 90px; padding: 2px 0; margin: 3px 0;}
#kontaktform input { display: block; float: left; width: 140px; padding: 2px 3px; margin: 3px 0;}
#kontaktform textarea { width: 230px; padding: 2px 4px; margin: 3px 0;}
.kontakt-mitarbeiter p { margin: 12px 0;}
.kontakt-mitarbeiter hr { margin-right: 20px;}