@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}

/*globals*/
.clear {clear:both; height: 0px; line-height: 0px;}

/*structure*/
body {text-align: center; background: #f7f7f7; margin: 20px 0; font-family: Lucida Grande, Lucida Sans, Helvetica, sans-serif; font-size: 12px; color: #555;}
.container {width:960px; margin: 0 auto; text-align: left; background: url(images/scaffold_08.png);}
.scaffold-top {width:960px; height: 21px; background: url(images/scaffold_03.png);}
.scaffold-btm {width:960px; height: 52px; background: url(images/scaffold_10.png); text-align: center; padding: 5px 0 0 0;}
.content { padding: 50px 55px 45px 45px;}
.half, .half2, .half-right { float: left; width: 390px; margin: 0; padding: 0; }
.half-right { padding-left:15px;}

/*styling*/
h1, h2, h3 { font-weight: normal; font-family: Georgia; color: #333; line-height: 1;}
h1 { font-size: 36px; padding: 0 0 12px; letter-spacing: 2px; font-family: Georgia;}
h2 { font-size: 14px; text-transform: uppercase; padding: 20px 0 4px;}
a { color: #111; text-decoration: underline;}
a:hover { text-decoration: none; color: #222;}
.small {  font-size: 11px; padding: 0; line-height: 1.3;}
p, ul { padding: 4px 0;}
.content { color: #111; line-height: 1.5;}
.content a { color: #333;}
.content a:hover { color: #111;}
ul { list-style: square url(images/arrow.png); padding-left: 20px;}

/*nav*/
.nav { width: 578px; height: 60px; padding: 26px 0 0 362px; background: url(images/scaffold2_03.png);}
.nav li, .nav-start li {display: block; float:left; text-transform: uppercase;} 
.nav li.spacer, .nav-start li.spacer { display: block; float: left; padding: 0 8px;}
.nav a, .nav-start a {color: #555; text-decoration: none;}
.nav a:hover, .nav-start a:hover { color: #000;}

/*nav start*/
.nav-start {margin: 20px 0 0 170px; width: 770px; letter-spacing: 1px;}
.startnav-underline {width: 586px; height: 1px; margin: 20px auto; background: #dadada;}

/*logo start*/
.logo-start { width: 586px; height: 201px; margin: 70px auto 110px; background: url(images/scaffold_06.png);}

/*kontakt*/
#kontaktform { background: #f2f2f2; -webkit-border-radius: 7px; padding: 10px 20px; width: 310px; border: 1px solid #ccc;}
#kontaktform label, #kontaktform input { float: left; width: 150px; margin: 6px 0 4px; padding: 2px;}
#kontaktform input { border: 1px solid #999; -webkit-border-radius: 3px;}
#kontaktform div.hr { display: block; height: 2px; width: 100%; clear: both; background: url(images/scaffold_hr.png) repeat-x;}
#kontaktform textarea { width: 300px; padding: 4px; border: 1px solid #999; margin: 5px 0; font-family: Lucida Grande, Lucida Sans, Helvetica, sans-serif;}
iframe { -webkit-border-radius: 7px; border: 1px solid #ccc;}

/*wir über uns*/
.profil { background: url(images/profil.png) no-repeat 0px 20px; padding: 10px 0 0 80px;}
.profil-female { background: url(images/profil-female.png) no-repeat 0px 20px; padding: 10px 0 0 80px;}