body { 
background-color: #44773c; 

background-image: url(http://www.zcontent.de/bilder/1247746804/1247746804-1247828791-back_body.jpg); 
background-repeat: no-repeat; 
background-position: center top;
 margin: 0 0 0;
}

#wrapper { 
background-image: url(http://www.zcontent.de/bilder/1247746804/1247746804-1247828792-shadow.png); 
margin-right: auto;
margin-left: auto;
background-repeat: repeat-y; 
background-position: center top;
 width: 1106px;
 height: auto;
}

#wrapper2 { 
background-repeat: repeat-y;
background-position: center top; 
margin-right: auto; 
margin-left: auto; 
width: 1106px; 
height: 100%;
 }

#header { 
background-image: url(http://www.zcontent.de/bilder/1247746804/1247746804-1248356636-header_hornung.jpg);
background-repeat: no-repeat; 
background-position: center top; 
width: 860px; 
height: 162px; 
margin-right: auto;
margin-left: auto;
  }

#theatrainment { 
background-image: url(http://www.zcontent.de/bilder/1247746804/1247746804-1248356637-theatrainment.jpg);
background-repeat: no-repeat; 
background-position: center top; 

margin-right: 22px; 
width: 274px; 
height: 148px; 
float: left; 
}

#workshop { 
background-image: url(http://www.zcontent.de/bilder/1247746804/1247746804-1248356653-workshop.jpg);
background-repeat: no-repeat; 
background-position: center top; 
margin-right: 22px; 
width: 271px; 
height: 150px; 
float: left;
 }

#aktuelles { 
background-image: url(http://www.zcontent.de/bilder/1247746804/1247746804-1248356611-aktuelles.jpg); 
background-repeat: no-repeat; 
background-position: center top; 
width: 271px; 
height: 150px; 
float: left;
 }

#content { 

background-image: url(http://www.zcontent.de/bilder/1247746804/1247746804-1248356652-topnav_back.jpg); 
background-repeat: no-repeat; 
background-position: center 0; 

margin-right: auto; 
margin-left: auto; 
width: 860px; 
height: 202px;

}

.theatrainmentbutton{ 
margin-left: 1px; 
width:274px; 
height:148px; 
background-image: none;
display:block; }

.workshopbutton {
 background-image: none;
 display: block; 
width: 130px; 
height: 19px;
 }

.aktuellesbutton {
 background-image: none;
 display: block;
 width: 130px;
 height: 19px;
 }

.theatrainmentbutton:hover, .theatrainmentbutton:active, .theatrainmentbutton:focus { 
margin-right: 22px; 
background-image:url(http://www.zcontent.de/bilder/1247746804/1247746804-1248356659-workshophover.jpg); 
background-repeat: no-repeat; 
background-position: center top; 

 }

.workshopbutton:hover, .workshopbutton:active, .workshopbutton:focus { 
background-image: url(http://www.zcontent.de/bilder/1247746804/1247746804-1248356651-theatrainmenthover.jpg); 
background-repeat: no-repeat; 
background-position: center top;
 }

.aktuellesbutton:hover, .aktuellesbutton:active, .aktuellesbutton:focus { 
background-image: url(http://www.zcontent.de/bilder/1247746804/1247746804-1248356612-aktuelleshover.jpg);
background-repeat: no-repeat; 
background-position: center top;
 }

.dsR16 /*agl rulekind: base;*/ { width: 271px; height: 150px; }

#navi { 
background-color: #ffffff;
width: 860px;
height: 40px;
float: left;
}

#cont { 
width: 860px; 
height: auto; 
margin-right: auto; 
margin-left: auto; 
min-height: 300px; 
margin-top: 30px; 
}

#right { 
color: #fff;

 background-repeat: no-repeat; 
background-position: center top;

 width: 267px; 
height: 300px; 
 float: left;
 margin-left: 25px;
 min-height: 120px;

 }
  
.dsR20 /*agl rulekind: base;*/ { width: 271px; height: 150px; float: left; }
.dsR19 /*agl rulekind: base;*/ { height: 150px; }

#inhalt { 
min-height: 300px;
width: 567px; 
height: auto; 
float: left; 
}

p { color: #FFFFFF; text-decoration: none; }
.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
}



#footer { 
border-top: 1px dashed #007c00; border-right: 1px dashed #007c00; border-left: 1px dashed #007c00;
text-align: middle;
background-color: #ffffff; 

background-repeat: repeat-x; 
background-position: center top; 
width: 860px; height: 223px; 
float: left; 
margin-top: 30px; 
margin-right: auto; 
margin-left: auto;
 }

#Inhalte_footer {
text-align: left;
background-image: url(http://www.zcontent.de/bilder/1247746804/1247746804-1248433350-inhalte.gif); 
background-repeat: no-repeat; 
background-position: left top; 
width: 230px; 
height: 160px; 
float: left; 
margin-right: 40px; 
margin-left: 50px;
 }

#Ziele_footer { 
text-align: left;
background-image: url(http://www.zcontent.de/bilder/1247746804/1247746804-1248433352-ziele.gif); 
background-repeat: no-repeat; 
background-position: left top; 

width: 250px; 
height: 159px; 
float: left; 
margin-right: 40px;
 }
#rechtliches_footer { 
text-align: left;

background-repeat: no-repeat; 
background-position: left top; 

width: 230px; 
height: 158px; 
float: left; 
}

#Inhalte_footer a { 
text-align: left;
color: #c8c8c8; 
text-decoration: none;
margin-right: 51px; 
margin-left: 39px; 
border-bottom: 1px solid #c8c8c8; 
display: block; 
}

#rechtliches_footer a {
text-align: left; 
color: #c8c8c8; 
text-decoration: none; 
display: block;
margin-right: 51px; 
margin-left: 39px; 
border-bottom: 1px solid #c8c8c8; 
}

#rechtliches_footer a:hover { 
text-align: left;
color: #c8c8c8; 
font-weight: bold;
text-decoration: none; 
display: block; 
margin-right: 51px; 
margin-left: 39px; 
border-bottom: 1px solid #c8c8c8; 
}

#Ziele_footer a {
 color: #c8c8c8; 
text-decoration: none; 
display: block; 
margin-right: 51px; 
margin-left: 39px; 
border-bottom: 1px solid #c8c8c8;
 }

#Ziele_footer a:hover { 
color: #c8c8c8; 
font-weight: bold; 
text-decoration: none; 
display: block; 
margin-right: 51px; 
margin-left: 39px; 
border-bottom: 1px solid #c8c8c8;}


#Container1 { 

background-image: url(http://www.zcontent.de/bilder/1247746804/1247746804-1248368877-container1.jpg);
 background-repeat: no-repeat; 
background-position: center top;

 width: 267px; 
height: 170px; 
 float: left;
 margin-left: 25px;
 min-height: 120px;
margin: 10px 0 0 25px; 
}

/*ELEMENTE*/

p,td,tr { color: #000000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 19px; text-align: justify; }

#inhalt h1 { 
color: #fff; 
font-size: 17px;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bolder;
 text-transform: uppercase; 
 }

#inhalt h2 { 
color: #fff; 
font-size: 12px;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bolder; 
text-transform: uppercase; 
 }

#inhalt a:link { color: #fff; text-decoration: none; }
#inhalt a:visited { color: #fff; text-decoration: none; }
#inhalt a:hover { color: #004500; text-decoration: none; }
#inhalt a:active { color: #fff; text-decoration: none; }


.button { color: #fff; font-size: 14px; font-variant: small-caps; background-color: #7dc012; border: solid 3px #eee; }