/*============== Allgemeines ============ */

* {margin:0;padding:0;}

body{   
background-color:#ffffff;
background-image: url(grafik/blumen_02.gif);
font-family:"Trebuchet MS", Arial, Sans-Serif;
font-size:80%; /*80*/
color:#000000;
line-height:18px;
/*line-height:14pt;*/
}

img{
border:0;
}


/* ============ Textformate ============*/ 

a {
/*font-weight:bold;*/

text-decoration:none;
color:#800000;
}

a:hover,a:active {
text-decoration:underline;
}

p a {
color:#800000;  
}

p {
margin-bottom:16px;
}

h2, h3, h4 {
font-weight:bold;
}
h2 {
font-size:150%;
}
h3 {
font-size:110%;
margin-top:32px;
margin-bottom:4px;
}



h4 {
font-size:100%;
}

/* oberste Ueberschrift ohne Abstand oben */
.first {
margin-top:0;
}

.kleiner{font-size:80%;}

/* zum optischen Angleich der Zahlen an die Buchstaben */
.termin{
font-weight:bold;
font-size:90%;
}

.kuenstler {
font-style:italic;
}


/*==================== Navigation ==================*/

#navigation { 
position:absolute; /*relative; */
top:136px;  /*optisch auf gleicher Hoehe wie #inhalt */
left:100px; 
/*width:60px;*/ 
height:300px; 
z-index:30; 
text-align:right;
/*background-color:#900;*/
}

#navigation ul{
margin-left:0;
}

#navigation li{
list-style-type:none;
}

#navigation li a{
text-decoration:none;
color:#800000;
font-size:125%;
line-height:200%;
font-weight:bold;

border:none;
}

#navigation li a:hover{
color:black;
border-bottom: 2px dotted;
}

/* aktiven Menuepunkt hervorheben */

#indexseite #index a,
#musikseite #musik a,
#videoseite #video a,
#fotoseite #fotos a,
#infoseite #info a,
#echoseite #echo a,
#kontaktseite #kontakt a {
color:black;
border-bottom: 2px dotted;
}




/* ========== Header ==================== */

/* Header */

#schriftzug { 
position:absolute; 
top:30px; 
left:100px; 
width:250px; 
height:70px; 
z-index:5; 
padding:10px;}


#newsletter { 
position:absolute; 
top:20px; 
left:450px; 
width:260px; 
z-index:9; 

}

#newsletter #email{
font-size:15px;
}


/*============== Inhaltsbereich ==============*/

#inhalt, #bilder, #videoabspieler{
position:absolute;
top:140px; 
left:210px; 
height:65%; 
width:500px;
max-height:700px; 
overflow:auto;
padding-right:35px;
z-index:9; 
}

#infoseite #inhalt{
width:430px;
}

#videoabspieler{
padding:0;
width:436px;
}


#spalte_rechts{
position:absolute;
top:140px; 
left:635px; 
width:280px;
height:260px; /*240*/
z-index:12;
padding:0 16px;
overflow:auto;
}


div#fotografen {
position:absolute; 
top:540px; 
left:210px; 
width:400px; 
height:60px; 
overflow:hidden; 
z-index:10; 
}


#pressefenster{
margin:0 100px;
}


#indexseite #inhalt img{
float:left; 
margin: 8px 16px 8px 0;
}

/*============= Footer ===========*/

#sofa { 
position:absolute; 
bottom:0px;  
right:0px; 
width:385px; 
height:265px; 
z-index:5; 
background-image:url(grafik/sofa_kl.gif); 
background-repeat:no-repeat; 
}

#wiese { 
position:absolute; 
bottom:0px; 
left:0px; 
width:100%; 
min-width:400px; 
height:90px; 
z-index:2; 
background-image:url(grafik/wiese.gif); 
background-repeat:repeat;
}

#webdesign {
position:absolute; 
bottom:0px; 
right:0px; 
width:250px; 
height:30px; 
overflow:hidden; 
z-index:10; }


#validator_image,#validator_click{
position:absolute;
bottom:20px;
left:2px;
}

#validator_image{
z-index:1;
height:31px;
width:88px;
}

#validator_click{
z-index:3;
}
#validator_click a{
display: block;
height:31px;
width:88px;
}