@import url(http://fonts.googleapis.com/css?family=Share:700|Inconsolata|Acme|Alfa+Slab+One|Passion+One|Tienne:400,700,900|Archivo+Narrow:400,700);

body {margin:0%; padding:0%; min-height: 100%; background:#666666}

/*Kopfzeile Hintergrund*/ 
.kopf {width:100%; margin-top:0px; padding-left:2%; 
visibility: visible;  border-bottom-style: solid ; border-bottom-color: black; border-width:1px}


/*Inhaltsrahmen*/
#box
{margin-left:20%; width:70%; height:40em; margin-bottom: 2%; text-align:center; }
/*Linke Spalte Titelseite*/ 
.bild {float:left;
width:40%; margin-top:0%; }

/*Linke Spalte Inhalte*/ 
.content {float:left; 
width:55%; margin-top:0%; margin-left:5%;}

/*Links oben Titel*/ 
.titel{position: absolute; margin-left:1em; margin-top:0em; width:8%; }

/*rechts Menueleiste*/ 
.links {float:left; width:20%; margin-top:0%; padding-left:0%; border-left-color: black; border-left-style: solid; border-left-width:1px}

/*rot im Titel*/ 
.red {color:red}

li {line-height:125%}



/*kleine Kopfzeile links*/ 
h2 {font-family: arial, sans serif; color:#999; font-size:1.4em; text-align:left; padding-left:10%; margin:0%; letter-spacing:0.1em; line-height:1.3em}

/*Titel*/ 
h3 {font-family: 'share', arial, sans-serif; color:white; font-size:1.1em; letter-spacing:0.1em; line-height:1.4em; 
margin-left: 2%; margin-top:0%; margin-bottom:2%; text-align:left; padding-right:10% }

/*Unter- und Zwischentitel*/ 
h4 {font-family: verdana, arial, sans-serif; color:black; font-size:0.8em; line-height:1.8em; 
font-weight:bold; margin-bottom:-30px; padding:0px; text-align:left; margin-left: 3%;  }



/*Fotos im Text*/ 
span.foto {text-align:left; border:0; float:left; margin-right: 3%;
 margin-bottom:2%; margin-top:1%;} 

 /*Fotoseite*/ 
  .zeile {padding-top:15px; padding-bottom:15px; width:400px }
  
   /*CDs*/ 
  .zeile1 {vertical-align:top; padding-bottom:15px; width:100px; text-align:right; padding-right: 50px;  }
 

/*CDs*/ 
  .zeile2 { padding-bottom:15px; width:400px; vertical-align:top; font-family: verdana, arial; color:black; font-size:0.8em; letter-spacing: 1px; text-align:left; 
line-height:1.6em; margin-top:20px; margin-left: 3%; margin-right: 50px;  }

  /*CDs*/ 
  .zeile3  { width:100px;  vertical-align:bottom; text-align:right; padding-right: 50px; padding-bottom:10px}
  
/*CDs*/ 
  .zeile4  { width:400px; vertical-align:bottom; font-family: verdana, arial; font-weight: bold; color:black; font-size:0.8em; letter-spacing: 1px; text-align:left; 
 
line-height:1.6em; margin-top:10px; margin-left: 3%; margin-right: 50px;  }
  
  
 

/*Normaler Text*/ 
.break {font-family: verdana, arial; color:white; font-size:0.7em; letter-spacing: 0.1em; text-align:left;
line-height:1.6em; margin-top:1%; margin-left: 2%; margin-right: 15%;  overflow:auto
}
 



/*Normaler Text*/ 
.text {font-family: verdana, arial; color:white; font-size:0.8em; letter-spacing: 0.1em; text-align:left;
line-height:1.6em; margin-top:1%; margin-left: 2%; margin-right: 15%;  overflow:auto
}

.text1 {font-family: verdana, arial; color:white; font-size:0.7em; line-height:1.5em; text-align:left; vertical-align:baseline}

#limarkiert {color:silver; margin-left:0%; text-decoration:underline; font-weight:bold; 
 font-size:0.8em; font-family: courier, sans-serif; text-align:left; 
}

/*Menueleiste rechts*/ 
.menue {list-style-type:none; text-align:left; width:60%; margin-top:0%; margin-left:5%; }



.menue li a {color: silver; text-decoration:none; padding:0%; font-weight:bold; 
font-size:0.8em; font-family: courier, sans-serif; text-align:left;
}

.menue li a:visited {color:silver; text-decoration:none; font-weight:bold; 
font-family: courier, sans-serif; text-align:left;
 }
  
.menue li a:hover {color:#ffcc33; text-decoration:none; font-weight:bold; 
font-family: courier, sans-serif;
 }




/*Links im Text*/ 
a:link { text-decoration:none; color:#99cc99; }
 a:visited { text-decoration:none; color:#99cc99; }
 a:hover { text-decoration:none; color:orange; }
 
 
a.typ_2:link {color:#888}
a.typ_2:visited {color:#888}
a.typ_2:hover {text-decoration:none; color:red}