@charset "utf-8";


/* ########## Allgemeine Formatierungen ########## */

*{
 margin:0;
 padding:0;
}

html{
font-size: 100.1%;
}

body{
 background: url(img/hintergrund.gif) repeat-x left;
 font:14px verdana, "trebuchet ms", arial, sans-serif;
 color:#682808;
 text-align:right;
}

#content{
 z-index:1;
 float:left;
 display: inline;
 margin:31px 0 0 25px;
 width:786px;
 height:350px;
 overflow:hidden;
}

img{
 border:0;
}

.backlink{
 color:#fff;
}


/* ########## Formatierungen Layout Startseite ########## */

#seite_start{
 background:#fff url(img/start_bg.jpg) no-repeat;
 margin:18px auto;
 text-align:left;
 width:786px;
 height:381px;
}

#content_start{
 float:left;
 margin:31px 0 0 25px;
 width:786px;
 height:350px;
 padding:0;
}



/* ########## Formatierungen Container ########## */

#content_shop{
 float:left;
 display: inline;
 margin:31px 0 0 25px;
 width:786px;
 height:350px;
 overflow:hidden;
}
#content_kontakt{
 float:left;
 display: inline;
 margin:31px 0 0 25px;
 width:786px;
 height:350px;
 overflow:hidden;
}




/* ########## Formatierungen der einzelnen Seiten-Layouts ########## */

#seite_profil{
 background:#fff url(img/profil_bg.jpg) no-repeat;
 margin:18px auto;
 width:786px;
 height:381px;
}

#seite_musiker{
 background:#fff url(img/bg_doro.jpg) no-repeat;
 margin:18px auto;
 width:786px;
 height:381px;
}

#seite_musiker2{
 background:#fff url(img/bg_maria.jpg) no-repeat;
 margin:18px auto;
 width:786px;
 height:381px;
}

#seite_kontakt{
 background:#fff url(img/kontakt_bg.jpg) no-repeat;
 margin:18px auto;
 width:786px;
 height:381px;
}

#seite_galerie{
 background:#fff url(img/galerie_bg.jpg) no-repeat;
 margin:18px auto;
 width:786px;
 height:381px;
}

#seite_event{
 background:#fff url(img/event_bg.jpg) no-repeat;
 margin:18px auto;
 width:786px;
 height:381px;
}

#seite_repertoire{
 background:#fff url(img/repertoire_bg.jpg) no-repeat;
 margin:18px auto;
 width:786px;
 height:381px;
}

#seite_referenzen{
 background:#fff url(img/referenzen_bg.jpg) no-repeat;
 margin:18px auto;
 width:786px;
 height:381px;
}

#seite_hoerproben{
 background:#fff url(img/hoerproben_bg.jpg) no-repeat;
 margin:18px auto;
 width:786px;
 height:381px;
}

#seite_shop{
 background:#fff url(img/shop_bg.jpg) no-repeat;
 margin:18px auto;
 width:786px;
 height:381px;
}

#seite_unterricht{
 background:#fff url(img/unterricht_bg.jpg) no-repeat;
 margin:18px auto;
 width:786px;
 height:381px;
}

#seite_links{
 background:#fff url(img/links_bg.jpg) no-repeat;
 margin:18px auto;
 width:786px;
 height:381px;
}

#seite_projekte{
 background:#fff url(img/projekte_bg.jpg) no-repeat;
 margin:18px auto;
 width:786px;
 height:381px;
}

#seite_impressum{
 background:#fff url(img/impressum_bg.jpg) no-repeat;
 margin:18px auto;
 width:786px;
 height:381px;
}







/* ########## Formatierungen Inhalt ########## */


#links{
z-index:10;
 display: inline;
 float:left;
 margin:0 0 0 16px;
 width:300px;
 height:327px;
}

#rechts{
 display: inline;
 float:left;
 text-align:left;
 margin:0 0 0 60px;
 width:300px;
 height:327px;
}


#inhalt{
z-index:100;
 display: inline;
 float:left;
 margin: 0;
 padding: 0;
 width:300px;
 height:315px;
 overflow: hidden;
}

.titel{
 float:right;
 width:90px;
 padding:0 10px 0 0
}

.titel img{
 border:0
}

#contentbutton{

 float:left;
 margin-top: 10px;
 padding: 0;
 text-align: left;
 width:300px;
 height:20px;
}

.nextpage{
 float: right;           /* Einstellung für div: contentbutton, wg. projekt-navi */
 color:#7D330E;
 margin:0 10px 0 0;
}
.nextpage img{
 vertical-align:middle;
}

.backpage{
 float:left;
 text-align:left;
 color:#7D330E;
}
.backpage img{
 vertical-align:middle;
}

.demo{
 float: left;
 color:#7D330E;
 padding:0 0 0 5px;
}
.demo img{
 vertical-align:middle;
}

#unten{
 background: url(img/menuspiegelung.jpg) bottom left no-repeat;
 padding-top:2px;
 width:790px;
 height:140px;
 clear:both;
}

#impressum{
 display: inline;
 margin-left: 0;
 float: right;
 width:21px;
 height:191px;
 margin-top:135px;
}

#impressum_start{
 margin-left: 761px;
 width:21px;
 height:191px;
 margin-top:135px;
}




/* ########## Schrift-Formatierungen ########## */

h2 {
 color:#fff;
 font:2.5em "lucidana fax", lucidana grande, verdana, "trebuchet ms", arial, sans-serif;
 letter-spacing:0.01em;
 margin:18px 0 26px 0;
 text-align:left;
}


h1,h4,h5,h6{
 font:1.05em verdana, arial, sans-serif;
 font-weight:bold;
 margin:15px 0 30px 0;
 line-height:16px;
 text-align:left;
}

h3{
 font-size:2.4em;
 font-weight:bold;
 margin:0 0 8px 0;
 text-align:left;
}

h4{
 font-size:12px;
 font-weight:bold;
 text-align:left;
 margin:0;
}


.liste {
 font-size: 11px;
 line-height: 14px;
 text-align:left;
 float:left;
 padding-top: 10px;
}

.liste ul {
 padding-top: 5px;
}

.liste li {
 font-size: 11px;
 margin-left: 16px;
 text-align:left;
}

.impressum {
 background: url(img/impressum.gif) left top no-repeat;
 width: 21px;
 height: 191px;
 float: left;
}

#links p img{
 border:#7D330E solid 1px;
 float:left;
 margin:1px 8px 5px 5px;
 overflow:hidden;
}
#links p{
 font-size:.78em;
 line-height:16px;
 text-align:left;
}
#links p a:link{
 font-size:1em;
 line-height:15px;
 text-align:left;
}

.bildunterschrift{
 background-color:white;
 -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;
 filter:alpha(opacity=80);
 margin:5px 0 0 0;
}
.text{
 font-size:11px;
 line-height:20px;
 text-align:left;
 padding:0 0 0 5px;
}



/* ########## Link-Formatierungen ########## */

a:link,a:visited,a:active{
color:#682808;
 font-size:11px;
 text-decoration:underline;
}

a:hover{
 font-size:11px;
 text-decoration:underline;
}

#listMenuRoot a{
 color:#fff;
 font-size:13px;
 text-decoration:none;
}

.impressum a {
 background: url(img/impressum_on.gif) left top no-repeat;
}

#footer a{
 color:#9E914C;
 text-decoration:none
}

#footer a:hover{
 text-decoration:underline;
}