@charset "utf-8";
/* CSS Document */

*{ padding:0 ; margin:0; }

body {
	background:url(../images/bg-body.gif) 0 0 repeat;
}

#hundert {
	width:100%;
	background:url(../images/hundert-kachel.jpg) 0 99px repeat-x;
	height:615px;
	}

#neunsechsig {
	width:960px;
	margin:0 auto;
}



#left {
	width:330px;
	float:left;
}

/*---------------------------------------------------------- kopfbereich -------------------------------------------------*/


#header {
	width:330px;
	height:126px;
}


#schoo {
	width:160px;
	float:left;
}

h1 {
	background:url(../images/schoo-logo.gif) 0 0 no-repeat;
	width:160px;
	height:126px;
	overflow:hidden;
}

#schoo a {
	width:160px;
	height:126px;
	text-indent:-9999em;
	display:block;
	}


#vierwaende {
	width:168px;
	float:left;
}

h2 {
	background:url(../images/vier-waende-logo.png) 0 0 no-repeat;
	width:168px;
	height:126px;
	overflow:hidden;
}

#vierwaende a {
	width:168px;
	height:126px;
	text-indent:-9999em;
	display:block;
	}

.clear {
	clear:both;
}



#navi {
	background:url(../images/navi-bg.jpg) 0 0 no-repeat;
}

/*---------------------------------------------------------- navigation schoo -------------------------------------------------*/




#navileft ul {
	background:url(../images/schoo-navi-bg.jpg) 9px 0 no-repeat;
	text-indent:-9999em;
	list-style-type:none;
	width:159px;
	padding-left:9px;
	float:left;
	height:287px;
	}

#navileft a {
	width:150px;
	height:22px;
	display:block;
	overflow:hidden;
}

#navileft a.wirueberuns:link , #navileft a.wirueberuns:visited {

	background:url(../images/navi.png) 0 0 no-repeat;
	}

#navileft a.wirueberuns:hover , #navileft a.wirueberuns:active {
	background:url(../images/navi.png) 0 -132px no-repeat;
	}
	
body.wir-ueber-uns #navileft a.wirueberuns {
		background:url(../images/navi.png) 0 -132px no-repeat;
}	

	
#navileft a.leistungen:link , #navileft a.leistungen:visited {
	background:url(../images/navi.png) 0 -22px no-repeat;
	}	
	
#navileft a.leistungen:hover , #navileft a.leistungen:active {
	background:url(../images/navi.png) 0 -154px no-repeat;
	}

body.leistungen #navileft a.leistungen {
		background:url(../images/navi.png) 0 -154px no-repeat;
}	


#navileft a.referenzen:link , #navileft a.referenzen:visited {
	background:url(../images/navi.png) 0 -44px no-repeat;
	}

#navileft a.referenzen:hover , #navileft a.referenzen:active {
	background:url(../images/navi.png) 0 -176px no-repeat;
	}

body.referenzen #navileft a.referenzen {
		background:url(../images/navi.png) 0 -176px no-repeat;
}	


#navileft a.mitarbeiter:link , #navileft a.mitarbeiter:visited {
	background:url(../images/navi.png) 0 -66px no-repeat;
	}

#navileft a.mitarbeiter:hover , #navileft a.mitarbeiter:active {
	background:url(../images/navi.png) 0 -198px no-repeat;
	}
	
body.mitarbeiter #navileft a.mitarbeiter {
		background:url(../images/navi.png) 0 -198px no-repeat;
}		


#navileft a.stiftung:link , #navileft a.stiftung:visited {
	background:url(../images/navi.png) 0 -88px no-repeat;
	}

#navileft a.stiftung:hover , #navileft a.stiftung:active {
	background:url(../images/navi.png) 0 -220px no-repeat;
	}
	
body.stiftung-sponsoring #navileft a.stiftung {
		background:url(../images/navi.png) 0 -220px no-repeat;
}		
	

#navileft a.newsletter:link , #navileft a.newsletter:visited {
	background:url(../images/navi.png) 0 -110px no-repeat;
	}

#navileft a.newsletter:hover , #navileft a.newsletter:active {
	background:url(../images/navi.png) 0 -242px no-repeat;
	}
	
body.newsletter #navileft a.newsletter , body.newsletter_success #navileft a.newsletter {
		background:url(../images/navi.png) 0 -242px no-repeat;
}

/*---------------------------------------------------------- navigation 4 wände -------------------------------------------------*/



#naviright ul {
	background:url(../images/vierwande-navi-bg.jpg) 1px 0 no-repeat;
	text-indent:-9999em;
	list-style-type:none;
	width:151px;
	float:left;
	height:287px;
	padding-left:1px;
	}
		
		
#naviright a {
	width:150px;
	height:22px;
	display:block;
	overflow:hidden;
	}
			
#naviright a.vierwaende:link , #naviright a.vierwaende:visited {			
	background:url(../images/navi.png) -150px 0 no-repeat;
}

#naviright a.vierwaende:hover , #naviright a.vierwaende:active {
	background:url(../images/navi.png) -150px -132px no-repeat;
	}
	
body.vier-waende #naviright a.vierwaende {
		background:url(../images/navi.png) -150px -132px no-repeat;
}


#naviright a.impressionen:link , #naviright a.impressionen:visited {			
	background:url(../images/navi.png) -150px -22px no-repeat;
}

#naviright a.impressionen:hover , #naviright a.impressionen:active {
	background:url(../images/navi.png) -150px -154px no-repeat;
	}

body.impressionen #naviright a.impressionen {
	background:url(../images/navi.png) -150px -154px no-repeat;
}



#naviright a.tapetenfirmen:link , #naviright a.tapetenfirmen:visited {			
	background:url(../images/navi.png) -150px -44px no-repeat;
}

#naviright a.tapetenfirmen:hover , #naviright a.tapetenfirmen:active {
	background:url(../images/navi.png) -150px -176px no-repeat;
	}

body.tapetenfirmen #naviright a.tapetenfirmen {
	background:url(../images/navi.png) -150px -176px no-repeat;
	}


#naviright a.angebote:link , #naviright a.angebote:visited {			
	background:url(../images/navi.png) -150px -66px no-repeat;
}

#naviright a.angebote:hover , #naviright a.angebote:active {
	background:url(../images/navi.png) -150px -198px no-repeat;
	}
	
body.angebote #naviright a.angebote {	
	background:url(../images/navi.png) -150px -198px no-repeat;
	}	


#naviright a.tipps:link , #naviright a.tipps:visited {			
	background:url(../images/navi.png) -150px -88px no-repeat;
}

#naviright a.tipps:hover , #naviright a.tipps:active {
	background:url(../images/navi.png) -150px -220px no-repeat;
	}

body.tipps-hilfe #naviright a.tipps {
	background:url(../images/navi.png) -150px -220px no-repeat;
	}

/*---------------------------------------------------------- footer  -------------------------------------------------*/


#footer { 
position:relative;
top:78px;
}

#adress {
	background:url(../images/adress.jpg) 10px 0 no-repeat;
	width:330px;
	height:52px;
}

#adress ul {
	text-indent:-9999em;
	list-style-type:none;
}

#kontakt {
	background:url(../images/kontakt.jpg) 10px 0 no-repeat;
	width:330px;
	height:71px;
}

#kontakt ul {
	text-indent:-9999em;
	list-style-type:none;
}

#kontakt a {
	width:150px;
	height:22px;
	display:block;
	position:absolute;
	top:87px;
	right:40px;
	overflow:hidden;
}

#subnavi {
	background:url(../images/subnavi-bg.jpg) 0 0 no-repeat;
	width:274px;
	height:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#040404;
	float:right;
}

#subnavi ul {
	list-style-type:none;
}


#subnavi a {
	display:block;
	text-align:center;
	line-height:28px;
	float:left;
	height:28px;
	color:#000;
	text-decoration:none;
}

#subnavi a:hover , #subnavi a:active {
	color:#fff;
	text-decoration:underline;
}

#subnavi a.home {
	width:60px;
}

#subnavi a.kontakt {
	width:62px;
}

#subnavi a.anfahrt {
	width:62px; 
}

#subnavi a.impressum {
	width:72px;
}

/*---------------------------------------------------------- content  -------------------------------------------------*/


	#content object {margin: 0 0 10px 80px; }
	
#right {
	background:url(../images/content-kachel.jpg) 0 0 repeat-x;
	width:620px;
	float:left;
	margin-top:80px;
	border:1px solid #000;
	position:relative;
}

#top {	
background:#848484 url(../images/weisser-rand-oben.png) 0 0 no-repeat;
width:620px;

}

#content-bottom {
	background:url(../images/weisser-rahmen-unten.png) 0 bottom no-repeat;
	width:620px;
	padding:2px;
}

#content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

	width:616px;
	line-height:18px;
	}
	
	

h3 { 
	background:url(../images/ueberschrift.jpg) 0 0 no-repeat;
	width:160px;
	height:44px;
	text-indent:-9999em;
	margin-bottom:25px;
}

h5 {
	font-size:14px;
	color:#fff;
	padding-left:15px;
}

body.wir-ueber-uns #content h3 {
	background:url(../images/ueberschrift.jpg) 0 -46px no-repeat;
	height:44px;
	width:175px;
}

body.leistungen #content h3 {
	background:url(../images/ueberschrift.jpg) 0 -90px no-repeat;
	height:44px;
	width:160px;
}

body.referenzen #content h3 {
	background:url(../images/ueberschrift.jpg) 0 -134px no-repeat;
	height:44px;
	width:162px;
}

body.mitarbeiter #content h3 {
	background:url(../images/ueberschrift.jpg) 0 -178px no-repeat;
	height:44px;
	width:165px;
}

body.stiftung-sponsoring #content h3 {
	background:url(../images/ueberschrift.jpg) 0 -222px no-repeat;
	height:44px;
	width:262px;
}

body.newsletter #content h3 , body.newsletter_success #content h3 {
	background:url(../images/ueberschrift.jpg) 0 -264px no-repeat;
	height:44px;
	width:165px;
}

body.vier-waende #content h3 {
	background:url(../images/ueberschrift.jpg) 0 -310px no-repeat;
	height:44px;
	width:180px;
}

body.impressionen #content h3 {
	background:url(../images/ueberschrift.jpg) 0 -354px no-repeat;
	height:44px;
	width:157px;
}

body.tapetenfirmen #content h3 {
	background:url(../images/ueberschrift.jpg) 0 -398px no-repeat;
	height:44px;
	width:192px;
}

body.angebote #content h3 {
	background:url(../images/ueberschrift.jpg) 0 -441px no-repeat;
	height:44px;
	width:147px;
}

body.tipps-hilfe #content h3 {
	background:url(../images/ueberschrift.jpg) 0 -484px no-repeat;
	height:44px;
	width:171px;
}

body.kontakt #content h3 {
	background:url(../images/ueberschrift.jpg) 0 -528px no-repeat;
	height:44px;
	width:140px;
}

body.anfahrt #content h3 {
	background:url(../images/ueberschrift.jpg) 0 -572px no-repeat;
	height:44px;
	width:140px;
}

body.impressum #content h3 {
	background:url(../images/ueberschrift.jpg) 0 -616px no-repeat;
	height:44px;
	width:157px;
}

body.danke #content h3 {
	background:url(../images/ueberschrift.jpg) 0 -660px no-repeat;
	height:44px;
	width:120px;
}

body.error404 #content h3 {
	background:url(../images/ueberschrift.jpg) 0 -704px no-repeat;
	height:44px;
	width:150px;
}

#text {
	width:280px;
	float:left;
	padding-bottom:20px;
	margin-right:20px;
	padding-left:30px;

}

#textright {
	width:250px;
	float:left;
	padding-bottom:20px;
}

body.anfahrt #text , body.impressum #text , body.kontakt #text , body.danke #text , body.error404 #text , body.newsletter #text , body.newsletter_success #text , body.referenzen #text {
	width:450px;
}

#content p {
	padding-top:15px;
}

body.impressum #content ul , body.anfahrt #content ul , body.kontakt #content ul {
	list-style-type:none;
}

body.impressum #content li , body.anfahrt #content li , body.kontakt #content li {
	margin:0;
	padding-top:3px;
}

#content ul {
	padding-top:15px;
	}

#content li {
	margin-left:15px;
	padding-top:5px;
}

#content a:link , #content a:visited {
	color:#fff;
	text-decoration:underline;
}

#content a:hover , #content a:active {
	color:#000;
}

iframe {
	padding:15px 15px 0 15px;
}

body.wir-ueber-uns #content p img , body.index #content p img {
	margin-left:80px;
	margin-bottom:20px;
	border:1px solid #fff;
	}
	
body.leistungen #content #textright p img {
	margin-left:25px;
	border:1px solid #fff;
}

body.vier-waende #content p img {
	margin-bottom:15px;
}

/*#bild p img {
	float:right;
	padding:0!important;
	height:515px;
	margin-top:44px;
}*/

/*#bild p {
	padding:0!important;
}*/