@import url('http://fonts.googleapis.com/css?family=Exo:900|Signika:700|Inconsolata|Archivo+Black|Archivo+Narrow:400,700');


body {
margin:auto; 
padding:auto; 
background:#990000; 
font-size:100.01%}

html{height:100%}

#kopf {
width:100.01%; 
height:5.0em;  
margin:0%; 
background: black; 
background-image: url(../bildleiste-ex.jpg); background-position:left;

background-repeat:no-repeat; 
background-position:35% 0%;
padding-top:0em; 
padding-bottom:0em; 
margin-bottom:0%}

#untertitel {
width:100.01%; 
margin:0%; 

height:1.6em;
visibility: visible; }
h1 {font-family: verdana, arial; color:yellow;  font-size:2.6em; line-height:0.2em; font-weight:bold;  margin-top:0em; padding-top:0.6em; 
padding-bottom:0em; padding-left:3.8%; text-align:left; letter-spacing:0.2em; margin-bottom:0em
}
h2 {font-family: 'Inconsolata', sans-serif; color:silver; font-size:1.1em; letter-spacing: 0.1em; padding-left:4%; 
margin-top:0em; margin-bottom:0em;  padding-top:1.0em; padding-bottom:0em; }






#rahmen{width:60%; background-color:white; margin:auto; padding-bottom: 2%; height:100%}

.content /*Abschnitte*/ {width:100%; background-color:white; margin-bottom: 0%; padding-bottom:1em; overflow:auto}

.content2 /*Monate*/ {width:100%; background-color:#669900;  overflow:auto}


p /*normaler text*/ {color: black; font-family: arial, sans serif; font-size: 0.9em; line-height: 1.6em; text-align:left; margin-right:7%; margin-left:4%; margin-bottom:0%}

p.text1 /*Zwischentitel1*/ {color: white; background-color: black; font-family: verdana, arial, sans serif; font-size: 1.2em; line-height: 1.6em; font-weight: bold; 
text-align:center; margin-bottom:3%;}


h3 /*Seitentitel*/ {font-family: arial, sans-serif; color:white; font-size:0.9em; font-weight:bold; padding-left:4%; 
margin-top:0em; margin-bottom:0em;  padding-top:0.5em; padding-bottom:0.5em; }


h4 /*Veranstaltungstitel*/ {font-family:  Arial, Verdana, Tahoma, Helvetica, sans-serif; font-weight: bold; color:black; font-size:0.9em;  letter-spacing:0em; line-height:1.4em; 
margin-left:4%; margin-right:7%; margin-bottom:0%; margin-top:2%}

img /*alle Bilder*/ { border:0; float:left; margin-right: 1.5em; margin-top: 0.4em; 
 margin-bottom:0.7em;  }
 
 img.face /*facebook*/ { position:absolute; float:none; margin-top:0.2%; border:0; margin-left: 0em; 
}
 

span.logos  /*Logos Abstände rechts*/ {margin-right:15px; }
 
/*Links*/
a.typ_2:link {color:yellow}
a.typ_2:visited {color:yellow}
a.typ_2:hover {text-decoration:none; background:none; color:red}
   
 a:link {text-decoration:none; color:#00cc00;}
 a:visited { text-decoration:none; background: none; color:#00cc00;}
a:hover { text-decoration:underline; background: none; color:red;}

/*Menue*/
ul#menue {
    margin: 0; padding: 0.3em;
    text-align: center;
    width:60%
    background-color: red;
  }
  ul#menue li {
    list-style: none;
    display: inline;
   
    margin: 0; padding: 0.6em;
 font-family: arial; color:#ffcc33; font-size:0.9em; line-height:1.5em}

  ul#menue a, ul#menue span {
    padding: 0.4em;
    text-decoration: none; font-weight: bold;
   
 color: silver; 
  }
  * html ul#menue a, * html ul#menue span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    width: 70%;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  ul#menue a:hover {
   
    color: red; text-decoration:none; background:none
  } 
  
  
  ul#menue span {
   
    color: white; 
  }