body {
background:#3f3f44;
}

.clearfix {
clear:both;
}

a {
outline:none;
text-decoration:none;
}

a.greylink {color:#222;}


body,div,ul,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,#wrapper,#main,#page,.content,#intro,#intromid,#introleft,#introright,* {
margin:0;
padding:0;
}


 
#wrapper {
width:968px;
font-family:Arial,Helvetica,sans-serif;
background:#fff url('images/wrapperhg.jpg') repeat-y left top;
background-size:100% 100%;
margin:0 auto;
padding:0;
}

#logo {
background:#fff url('images/logo.jpg') no-repeat;
width:968px;
height:132px;
}

#header {
background-color:transparent;
background-repeat:no-repeat;
width:968px;
height:274px;
}



#header h1, #header h2 { 

float:right;
color:#fff;
font-size:27px;
margin:225px 50px 0 0;
letter-spacing:2px;
font-style:italic;
background:transparent url('images/50pro.png');
padding:1px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-weight:bold;
}

			
#page {
width:968px;
background:transparent url('images/raender.png') repeat-y left top;
background-size:100% 100%;
}
			

#main {
width:914px;
margin:0 27px 0 27px;
}

			
		

#intro {
width:100%;
height:137px;
font-size:12px;
color:#555;
}



			
			
#intro h2,#intro h3 {
font-size:28px;
color:#333;
font-style:italic;
font-weight:700;
padding-left:59px;
letter-spacing:-1px;
margin:19px 0 0 48px;
}

#intro h4 {
font-size:18px;
color:#444;
font-style:italic;
font-weight:700;
padding-left:64px;
margin:-2px 0 0 44px;
}

#intro p {
font-size:12px;
color:#666;
margin:9px 0 0 30px;
padding:0;
}



#intro p span.grey {
 			
				
}



#intro p span.white {

color:#fff;
}

#intro p span.black {

color:#000;
font-weight:700;
}



#intro p span.blackklein {

color:#000;
}

#intro p a {
text-decoration:none;
outline:none;
}



#introleft {
float:left;
height:100%;
width:304px;

}

#intromid {
float:left;
height:100%;
width:305px;
}

#introright {
float:right;
height:100%;
width:305px;
}

.content {
background:#7C98B2 url('images/mittelstueck-leer.png') repeat-y 304px 0;
height:338px;
width:100%;
}

.content p {
margin:24px 0 0 30px;
}

.content img {
margin:14px 0 0 30px;
}

.content a img {
margin:14px 0 0 30px;
border:none;
}




.content h2,.content h3 {
margin: 24px 0 0 30px;
color: #000;
font-size: 19px;
font-style: italic;
font-weight: bold;
padding-left: 5px;
}


.content h3.white {
color:#fff;
}




/*braucht man diese angaben?:*/

.contentinnen {
height:100%;
width:100%;
}




.content p span.black {
color:#000;
font-size:19px;
font-style:italic;
font-weight:700;
padding-left:5px;
}

.content p {
color:#222;
font-size:12px;
text-align:justify;
margin:18px 30px 0 30px;
}


.content p.white {

color:#fff;
}



.contentleft {
float:left;
height:100%;
width:304px;
overflow:hidden;
}

.contentmid {
float:left;
height:100%;
width:305px;

}

.contentright {
float:right;
height:100%;
width:305px;
}



.content a:hover {
color:#fff;
}



#comentary {
background:#5E7489 url('images/trennercommentary.png') repeat-x top left;
height:153px;
width:100%;
margin:0;
}

#comentaryleft {
float:left;
height:100%;
width:609px;
margin:0;
padding:0;
}

#comentary p {
margin:0;
}

#comentary h2, #comentary h3 {
color:#000;
font-size:20px;
font-style:italic;
font-weight:700;
padding-left:5px;
padding-top:25px;
margin:0 0 0 30px;
}

#comentary p.grey {
color:#222;
font-size:12px;
text-align:justify;
margin:20px 35px 0 30px;
}

#comentary p.white {
color:#f0f0f0;
font-size:12px;
margin:13px 10px 0 31px;
}

#comentary p.white span {
font-size:16px;
font-weight:700;
}

#comentaryright {
background:#353C4D url('images/kastenbg.png') repeat-x left top;
float:right;
border:1px solid #333;
margin:17px 22px 0 0;
width:280px;
padding:0;
height:129px;
}

#comentary p.address {
color:#f0f0f0;
font-size:12px;
margin:8px 12px 0 27px;
}


#comentary p.address span.heading {
font-size:15px;
font-weight:700;
}

#comentary p.address span.grey {

color:#ccc;
}

#comentary p.address span.italic

{
font-style:italic;
font-size:12px;
font-weight:300;
}





#footer {
background:#fff url('images/footer.jpg') no-repeat;
height:78px;
width:100%;
}

#navi {
height:46px;
background:#666 url('images/navi.jpg') no-repeat;
width:968px;
font-size:14px;
font-weight:700;
font-family:Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px #000;
}

#navi ul {
list-style-type:none;
width:auto;
height:38px;
margin:0 33px 0 44px;
padding:0;
}

#navi ul li {
float:left;
outline:none;
height:38px;
margin:4px 0;
}

#navi ul li a {
float:left;
text-decoration:none;
outline:none;
color:#fff;
height:38px;
line-height:38px;
margin:0;
padding:0 20px;
}

#navi ul li a:hover,#navi ul li a.current,#navi ul li a.current:hover {
color:#fff;
background:#334 url('images/hoverbg3.jpg') left top repeat-x;
}