/* body und div-Container */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4;
	color:#FFFFFF;
	background-color: #000000;
	background-attachment: fixed;
	background-image: url(../grafik/layout/bg_hinten.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
   }

#position {
	margin: 0px auto;
	width: 780px;
	background-color:#000000;
	text-align: left;
	border: 1px solid #854444;
	background-image:url(../grafik/layout/bg_oben.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#navigation {
	margin: 107px 0 0 166px;
	padding: 0;
	height: 60px;
	text-align: left;
	display:block;
}


#inhalt {
  margin: 0 0 20px 0;
  padding: 0;
  clear: both;
}

#unter_navi {
  margin: 0;
  padding: 0;
  float: left;
  text-align: left;
  width: 146px;
  border: 0;
}

#content {
  margin: 0 0 0 20px;
  padding: 0;
  float: left;
  text-align: left;
  width: 580px;
  border: 0;
}


#bottom {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 50px;
	clear: both;
	text-align:left;
	vertical-align:middle;
	background-image:url(../grafik/layout/bg_unten.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	border: 0;
}

/*********************************************************************************************** NAVIGATION  und  TEXT-LINKS **/



a:link, a:visited {
text-decoration:none;
font-weight:bold;
color:#eeeeee;
padding-left:8px;
background-image:url(../grafik/layout/pfeil.gif);
background-position:left;
background-repeat:no-repeat;
}

a:hover, a:active {
text-decoration:underline;
font-weight:bold;
color: #f34c4c;
padding-left:8px;
background-image:url(../grafik/layout/pfeil.gif);
background-position:left;
background-repeat:no-repeat;
}

a.ohne:link, a.ohne:visited  {
   text-decoration:none;
   background-image:none;
   padding:0;
}

a.ohne:hover, a.ohne:active {
   text-decoration:none;
   background-image:none;
   padding:0;
}

.programm a:link, .programm a:visited {
background-image:url(../grafik/layout/pfeil_grau.gif);
}

.programm a:hover, .programm a:active {
color: #777777;
background-image:url(../grafik/layout/pfeil_grau.gif);
}

/**********************************************/


#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation li {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}

*html #navigation li.navi1 {
	border-top: 1px solid #B1C903;
	border-bottom: 1px solid #B1C903;
}

*html #navigation li.navi2 {
	border-top: 1px solid #008BCE;
	border-bottom: 1px solid #008BCE;
}

*html #navigation li.navi3 {
	border-top: 1px solid #E30167;
	border-bottom: 1px solid #E30167;
}

*html #navigation li.navi4 {
	border-top: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
}


/* Definition der NAVIGATIONS-Farben */

/* NAVI 01 */

#navigation li a.navi1:link, #navigation li a.navi1:visited {
        border: 1px solid #B1C903;
        background-color: #000000;
        color: #B1C903;
		padding: 2px;
    }
    
#navigation li a.navi1:hover, #navigation li a.navi1:active, #navigation li a.navi1_aktiv:visited, #navigation li a.navi1_aktiv:hover, #navigation li a.navi1_aktiv:active {
		border: 1px solid #B1C903;
        background-color: #B1C903;
        color: #000000;
    }
	
/* NAVI 02 */
	
#navigation li a.navi2:link, #navigation li a.navi2:visited {
        border: 1px solid #008BCE;
        background-color: #000000;
        color: #008BCE;
		padding: 2px;
    }
    
#navigation li a.navi2:hover, #navigation li a.navi2:active, #navigation li a.navi2_aktiv:visited, #navigation li a.navi2_aktiv:hover, #navigation li a.navi2_aktiv:active {
        border: 1px solid #008BCE;
        background-color: #008BCE;
        color: #000000;
    }

/* NAVI 03 */

#navigation li a.navi3:link, #navigation li a.navi3:visited {
        border: 1px solid #E30167;
        background-color: #000000;
        color: #E30167;
		padding: 2px;
    }

 
#navigation li a.navi3:hover, #navigation li a.navi3:active, #navigation li a.navi3_aktiv:visited, #navigation li a.navi3_aktiv:hover, #navigation li a.navi3_aktiv:active {
        border: 1px solid #E30167;
        background-color: #E30167;
        color: #000000;
    }

/* NAVI 04 */

#navigation li a.navi4:link, #navigation li a.navi4:visited {
	border: 1px solid #FF9900;
	background-color: #000000;
	color: #FF9900;
	padding: 2px;
    }
    
#navigation li a.navi4:hover, #navigation li a.navi4:active, #navigation li a.navi4_aktiv:visited, #navigation li a.navi4_aktiv:hover, #navigation li a.navi4_aktiv:active {
	border: 1px solid #FF9900;
        background-color: #FF9900;
        color: #000000;
    }


/* NAVI 05 */

#navigation li a.navi5:link, #navigation li a.navi5:visited {
	border: 1px solid #5ae8e6;
	background-color: #000000;
	color: #5ae8e6;
	padding: 2px;
    }
    
#navigation li a.navi5:hover, #navigation li a.navi5:active, #navigation li a.navi5_aktiv:visited, #navigation li a.navi5_aktiv:hover, #navigation li a.navi5_aktiv:active {
	border: 1px solid #5ae8e6;
        background-color: #5ae8e6;
        color: #000000;
    }
	
/* NAVI 06 */

#navigation li a.navi6:link, #navigation li a.navi6:visited {
	border: 1px solid #00CC66;
	background-color: #000000;
	color: #00CC66;
	padding: 2px;
    }
    
#navigation li a.navi6:hover, #navigation li a.navi6:active, #navigation li a.navi6_aktiv:visited, #navigation li a.navi6_aktiv:hover, #navigation li a.navi6_aktiv:active {
	border: 1px solid #00CC66;
	background-color: #00CC66;
	color: #000000;
    }
	
/* NAVI 07 */

#navigation li a.navi7:link, #navigation li a.navi7:visited {
	border: 1px solid #fddd34;
	background-color: #000000;
	color: #fddd34;
	padding: 2px;
    }
    
#navigation li a.navi7:hover, #navigation li a.navi7:active, #navigation li a.navi7_aktiv:visited, #navigation li a.navi7_aktiv:hover, #navigation li a.navi7_aktiv:active {
	border: 1px solid #fddd34;
	background-color: #fddd34;
	color: #000000;
    }


/************************************************UNTERNAVI***/

#unter_navi ul {
list-style-type:none;
margin:0;
padding:0;
}

#unter_navi li a.punkt:link, a.punkt:visited {
font-weight:normal;
display:block;
text-align:right;
background-color:transparent;
width:130px;
padding: 0.2em 0.6em;
border-bottom-width:6px;
border-bottom-color:transparent;
text-decoration:none;
background-image:none;
border-top:1px solid #570202;
color:#eeeeee;
}

#unter_navi li a.punkt:hover, a.punkt:active, a.aktiv:link, a.aktiv:visited, a.aktiv:hover, a.aktiv:active {
font-weight:normal;
display:block;
text-align:right;
background-color:#ffffff;
width:130px;
padding: 0.2em 0.6em;
border-bottom-width:6px;
border-bottom-color:transparent;
text-decoration:none;
background-image:none;
border-top:1px solid #570202;
color:#570202;
opacity: 0.7;
}

/*********************************************************************************************/
/* Galerien */
/*********************************************************************************************/


.galerie {
	float:left;
	margin-right: 10px;
	margin-bottom: 15px;
}

.galerie_trennstrich {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-left:15px;
}

.quadrat {
	background-color:#131313;
	height:150px;
	width:150px;
	border: 1px solid #acacac;
	text-align:center;
	
}

.quer {
	padding-top:15px;
}

/*********************************************************************************************/
/*********************************************************************************************/


.clear {
clear:both;
}

#clear_space {
clear:both;
height: 106px;
}

.bildRechts {
float:right;
padding-left: 10px;
text-align:center;
font-size:0.7em;
}

.bildLinks {
float:left;
padding-right: 20px;
}


.rahmen {
	text-align: left;
	z-index: 100;
	margin-top: 1px;
	padding-left: 5px;
	padding-right: 5px;
	background: transparent;
	display: block;
}

.schmal {
width: 180px;
}


.breit {
width: 400px;
}

.spalte {
float:left;
}

.abstand {
margin-left: 5px;
margin-right: 5px;
}

/*******************************************************************  TEXT- FORMATIERUNGEN  **************************/


h1 {
	font-family: Arial Narrow, Helvetica, sans-serif;
	font-size: 2.1em;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}

h3 {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

h4 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}




.small {
	font-size: 0.8em;
}





.roeter {
font-weight:bold;
background-color:#990000;
color:#FFFFFF;
text-align:center;
}




/******************************************** SONSTIGE **/



.trans {
background-color: #FFFFFF;
opacity: 0.6;
color:#000000;
text-align:left;
}

.duenn {
font-weight:normal;
}

.bg {
color:#FFFFFF;
text-decoration:none;
background-image:none;
font-size: 1.2em;
font-weight: bold;
text-align: center;
}

.txt {
font-style:italic;
font-size:0.9em;
}

/**************************************  FARBEN etc. fuer Programmpunkte ********/

.programm {
    margin: 0 20px 20px 0;
	width: 230px;
    text-align:left;
    float: left;
}

.programmpunkt h1 {
	font-size: 1.2em;
	display:block;
	margin: 0 0 20px 0;
	padding: 3px 3px 3px 6px;
    color: #000000;
}

.programm h1 {
	font-family: Arial Narrow, Helvetica, sans-serif;
	font-size: 2.1em;
	margin: 0;
	padding: 0 0 0 5px;
	font-weight:bold;
	letter-spacing: -0.03em;
	color:#FFFFFF;
}

.programm h2, .programm h3 {
	font-size: 1em;
	padding: 0;
	font-weight:bold;
}

.programm h2 {
	margin: 16px 0 2px 0;
	color:#FFFFFF;
}

.programm h3, .programm h4 {
	margin: 2px 0 2px 0;
}


.programm h4 {
	font-size: 0.8em;
    font-style: italic;
    font-weight:normal;
	padding: 0;
}

.programm p {
	margin: 3px 0 3px 0;
	padding: 0;
	font-size: 0.9em;
}

.programmpunkt {
	margin: 0 0 30px 0; 
}

.juni05, .juni06, .juni07, .juni08, .juni09, .juni10, .juni11, .juni12, .juni13, .juni14 {
	background-image:url(../grafik/layout/programm_trans.png);
	padding: 5px;
	margin: 0 5px 30px 0;
}

*html .juni05, .juni06, .juni07, .juni08, .juni09, .juni10, .juni11, .juni12, .juni13, .juni14 {
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../grafik/layout/programm_trans.png');
	padding: 5px;
	margin: 0 5px 30px 0;
}

.juni05, .farbe05 {
	color: #e85193;
}

.juni05 h1 {
	background-color: #e85193; 
}

.juni06, .farbe06 {
	color: #5ae8e6; 
}

.juni06 h1 {
	background-color: #5ae8e6; 
}

.juni07, .farbe07 {
	color: #B1C903; 
}

.juni07 h1 {
	background-color: #B1C903; 
}

.juni08, .farbe08 {
	color: #008BCE; 
}

.juni08 h1 {
	background-color: #008BCE; 
}

.juni09, .farbe09 {
	color: #E30167; 
}

.juni09 h1 {
	background-color: #E30167; 
}

.juni10, .farbe10 {
	color: #e63a28; 
}

.juni10 h1 {
	background-color: #e63a28; 
}

.juni11, .farbe11 {
	color: #f9b828; 
}

.juni11 h1 {
	background-color: #f9b828; 
}

.juni12, .farbe12 {
	color: #e85a7a; 
}

.juni12 h1 {
	background-color: #e85a7a; 
}

.juni13, .farbe13 {
	color: #5ae8e6; 
}

.juni13 h1 {
	background-color: #5ae8e6; 
}

.juni14, .farbe14 {
	color: #B1C903; 
}

.juni14 h1 {
	background-color: #B1C903; 
}