/* CSS Document */
* {
 padding: 0;
 margin: 0;
}
body {
 background-color: #CBDDAB;
 /*background-color: #CFE295;*/
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #333333;
 font-size: 11px;
}

p { 
 font: 1em Verdana, Arial,Helvetica,sans-serif;
 line-height: 1.7em;
 color: #333333;
 }
/*#home #inhalt{
background: url(images/satyr/satyr5_bg.jpg) 0 100% no-repeat; 
background-color: #FFF;}*/


h1 {
font-size: 1em;
color: #F89595;
}
h2 {
margin: 0;
font: 1.5em normal Verdana, Arial, Helvetica, sans-serif;
color:#9FA930;
font-weight: bold;
line-height: 1.5em;
}
h3 {
margin: 0;
font: 1.2em normal Verdana, Arial, Helvetica, sans-serif;
color:#9FA930;
font-weight: bold;
line-height: 1.5em;
color: #CC6666;
}
h4 {
margin: 0;
font: 1em Verdana, Arial, Helvetica, sans-serif;
color:#9FA930;
line-height: 1.5em;
color: #CC6666;
}

a {
color: #993399;
text-decoration: none;
padding: 1px;
}
a:hover{
background-color: #993399;
color: #FFF;
padding: 1px;
}

/*links auf der seite presse*/
a.presse {
text-decoration: none;
color: #CC6633;}

a.presse:hover {
background-color: #A5AE44;
color: #FFF;
/*color: #9FA930;*/}
 
#inhalt a.lila{
/*color: #A5AE44;*/
color: #993399;
text-decoration: none;
padding: 1px;
}
#inhalt a.lila:hover {
background-color: #993399;
color: #FFF;
padding: 1px;}

a.bildlink {
text-decoration: none;
padding: 0;
margin: 0;
}
a.bildlink:hover {
text-decoration: none;
background:none;
padding: 0;
margin: 0;
}

#navpfeil {
float:right;
/*position: absolute;
left: 829px;
top: 215px;*/
}

.gruen {color: #9FA930; 
font-weight: bold;
line-height: 1.6em;
}
.gruenzitat {
/*color: #9FA930; */
color: #969A4F;
}
.rosa {
color: #CC6666;
/*font-weight: bold;*/
}

/*liste der anchor auf der seite presse*/
ul#presse {list-style: none;}
ul#presse li {line-height: 2em;}


hr {
background-color:#C30; /* Mozilla 1.4 */
color:#C30; /* IE 6 */
border: #C30; /* Opera 7.11 */
height: 1px; /* in Opera fuer die Anzeige noetig, in Mozilla fuer die einheitliche Hoehe */
}

#wrapper {
	width: 800px;
	margin-left: 80px;
	margin-top: 40px;
	color: #333;
}

#header {
	padding: 0;
	background-color: #FFF;
	height: 127px;
	border: 1px solid #B1E101;
}
#logo {padding-left: 200px;}

/*hauptnavigation*/
#navbar {
 margin: 5px 0px;
 padding: 4px;
 /*background-color:#DB8C82;*/
 background-color: #E3A79F;
 border-top: 2px solid #B1E101;
 border-bottom: 2px solid #B1E101;
 text-align:center;
}
#navbar a{
	white-space: nowrap;
	font-size: 1em;
	color: #333;
	text-decoration: none;
	padding: 3px 0.7em 3px 0.7em;
	/*margin-left: 0.5em;*/
	/*border-right: 1px solid white;*/
}
#navbar a:hover {
color: white;
background-color: #A5AE44;
/*background-color: #B2BA39;*/
padding: 3px 0.7em 3px 0.7em;
}
#navbar a#current{
	color: #FFF;
	font-weight: bold;
	font-variant:small-caps;
	font-size: 1.1em;
	text-transform: none;
	background-color: #A5AE44;
}
.weiss {
color: #FFF;
}


/*contentbox gesamter unterer bereich*/
#inhalt {
background-color: #FFF;
border: 1px solid #B1E101;
}
#satyr #inhalt {   
border: none;
}

#inhalt a.pfeillink {
font: 1em Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
/*color: #76AE44;*/
color: #A5AE44;
font-weight: bold;
line-height: 1.7em;
/*font-style: oblique;*/
background: url(images/pfeil.gif) 0 70% no-repeat;
padding-left: 1.3em;
} 
#inhalt a.pfeillink:hover{
background-color: #A5AE44;
color:white;
padding: 0px 3px 1px 1.3em;
}


/*linke spalte fuer bilder oder zitate*/
#leftcolumn { 
 float: left;
 width: 190px;
 padding: 25px 0 20px 20px;
 min-height: 400px;
 text-align: right;
}
* html #leftcolumn {min-height:400px;}
 
#leftcolumn img{
padding: 0 15px 20px 0;
} 
/*bild mit bu*/
#leftcolumn .picturelink {
padding: 0;
margin-left: 50px;
text-align: left;
}

#leftcolumn .pic img{
padding-bottom: 5px;
}
#leftcolumn .bu {
float: left;
clear: both;
white-space: nowrap;
margin-bottom: 10px;
}


/*main content*/
#centercolumn {
 margin-left: 220px;
 width: 470px;
 background-color: #FFF;
 padding-top: 25px;
 padding-bottom: 0px;
}
 * html #centercolumn {margin-left: 218px;} 

/*formatierungen fuer einzelne seiten*/

/*home*/
#home #inhalt{
background: url(images/skulptur.jpg) 0 100% no-repeat;
background-position: top left;
background-color: #FFF;
}

#home #inhalt #centercolumn {
 margin-left: 0;
 padding-bottom: 0;
 padding-left: 220px;
 width: 500px;
 background-color: transparent;
 padding-top: 25px;
 height: auto;
}
/*bild auf der seite home*/
#homebild{
	width: 200px;
	float: right;
	margin: 10px 0 0 15px;
}
/*zitat auf der seite home*/
#satyrzitat {
margin-top: 120px;
margin-left: 100px;
width: 600px;
}

/*titel satyr auf der seite home*/
.hometitel {
margin: 0;
font: 2em normal Verdana, Arial, Helvetica, sans-serif;
color:#9FA930;
line-height: 1em;
}
/*namen auf der seite home*/
.homename {
margin: 0;
font: 1.5em Verdana, Arial, Helvetica, sans-serif;
/*color:#9FA930;*/
color:#993399;
line-height: 1em;
}


/*projektliste*/
#uebersicht {
/*padding-left: 110px;
padding-right: 110px;*/
padding-top: 20px;
margin-bottom: 0px;
background: url(images/skulptur.jpg) 0 100% no-repeat;
background-position: top left;
}
#uebersicht .titel {
float: left; 
width: 200px; 
font-size: 1em;
/*color: #EEAC08;*/
color: #76972F;
/*color: #73B137;*/
text-align: right;
font-weight: bold;
line-height: 1.7em;
}
#uebersicht .projekt {
width: 470px;
margin-left: 220px; 
margin-bottom: 1em; padding-top:0;
}

#satyr #satyrcollage {
background: url(images/satyr_bg.jpg) 0 100% no-repeat;
height: 600px;
}


/*seite CD & Noten nicht benutzt*/
#CD {
	width: 400px;
	margin-left: 0px;
}
#CD .musiklayer{
border-bottom: 1px solid #993399;
margin-bottom: 10px;
margin-top: 0;
}
#CD .musiktitel {
float:left;
width: 200px;
font: 1em Verdana, Arial,Helvetica,sans-serif;
line-height: 1.7em;
color: #333333;
margin-bottom: 10px;
}
#CD .musik {
margin-left: 220px;
width: 150px;
vertical-align: top;
}
/*seite CD & Noten*/
table.musik {
width: 400px;
padding:0;
}
td.musiktitel {
width: 220px;
font: 1em Verdana, Arial,Helvetica,sans-serif;
line-height: 1.7em;
color: #333333;
vertical-align: top;
}
td.medium {
width: 180px;
vertical-align: top;
text-align: left;
}
th.titelm {
margin: 0;
text-align: left;
font: 1.2em normal Verdana, Arial, Helvetica, sans-serif;
color:#9FA930;
line-height: 1.5em;
color: #CC6666;
}

/*schmuckbildcontainer fuer satyrbilder und aehnliches*/
#love #schmuckbild {
	position: absolute;
	left: 760px;
	top: 240px;
}
#zauberfloete #schmuckbild {
	position: absolute;
	left: 774px;
	top: 232px;
}
#rovatkay #schmuckbild {
	position: absolute;
	left: 611px;
	top: 399px;
}
#dulcian #schmuckbild {
	position: absolute;
	left: 100px;
	top: 380px;
}
#barbier #schmuckbild {
	position: absolute;
	left: 143px;
	top: 576px;
}
#gulliver #schmuckbild {
	position: absolute;
	left: 100px;
	top: 556px;
}

/*bilderreihe unterhalb des textes*/
.bilderreihe {
float: left;
clear:right;
background-color: #757B61;
padding: 10px 0px 0 10px;
width: 480px;
}
#barbier .bilderreihe {width: auto;}
.bilderreihe img {
padding: 0 10px 10px 0;
}

/*verschieden einsetzbare klassen*/
.links {float: left;
padding: 0px 10px 10px 0;
z-index: 100;
width: 200px;
}
.rechts {float: right;
padding: 0px 0px 10px 10px;}

.breaker {
clear: both;
padding: 30px 0;
}

/*einzelne seiten mit vergroessertem bild*/
/*fuer die body id*/
#dias {
text-align: center; 
margin: 50px;
vertical-align: middle;
}
/*bildlayer*/
#zoombild {
margin: 0 auto;
}
/*dia navigation
#zoombildnavi {
position: relative;
width: 300px;
top:20px;
left: 0;}
#diazurueck {float: left;}
#diavor {float: right;}
#dias #zoombild #zoombildnavi a:hover{
background-color: #CBDDAB;}
*/

#footer {
 margin: 5px 5px 5px 5px;
 display: inline; /* IE Hack */
 padding: 4px;
 float: left;
 width: 97.7%;
}