/* CSS Document */

/* ---- ELEMENTE ---- */

html, body{
/*   erzwungender Scrollbalken im FF, verhindert das Springen der Seite  */
	height: 100.01%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #FFF;
	color: #222;
	margin: 0px 15px;
	padding: 0px;

}


p{
	margin-top: 0px;
	margin-bottom: 10px;
}

#teaser p {
	 font-size: 85%;
	 padding: 0px 9px 0px 9px;
	 line-height: 130%;
	 margin-bottom: 5px;
}

h1 {
    color: #3365DE;
	font-size: 140%;
	font-weight:bolder;
	margin-top:15px;
	margin-bottom:8px;
}
	
h2 {
	font-size: 120%;
	font-weight:bolder;
	margin-top:0px;
	margin-bottom:10px;
}
	
h3 {
	font-size: 100%;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:5px;
}
	
	
h4 {
	color: #222;
	font-size: 100%;
	margin-bottom: 5px;
	padding: 3px 0px 0px 0px;
	margin-top: 10px;
	border-bottom: 1px dotted #555;
}

h5 {
	color: #222;
	text-transform: uppercase;
	font-size: 85%;
	margin-bottom: 1px;
	padding: 3px 9px 3px 9px;
	margin-top: 0px;
	background-color: #C3C3C3;
}

h6 {
	color: #3465DC;
	font-size: 85%;
	margin-bottom: 1px;
	padding: 5px 9px 3px 9px;
	margin-top: 0px;
}

#content ul{
margin:0 0 10px 0;
padding:0px;
}

#content ul ul{
margin:0px;
padding:0 0 0 20px;
}

#content ul li{
margin:0px;
padding:0px 0px 0px 20px;
list-style-type: none;
background: url(../img/i_liste.gif) no-repeat 5px 6px;
}


#content ol{
margin:0 0 10px 15px;
padding:0px;
}

#content ol li{
margin:0 0 0 10px;
padding:0px;
}

form{
margin: 0px;
padding: 0px;
display:inline;
}

/* ---- Links ---- */

a:link, a:visited {
	color: #222;
}

a:hover, a:active {
	color: #3467DC;
}

a.metaweiss:link, a.metaweiss:visited {
	color: #fff;
	font-size: 90%;
}

a.metaweiss:hover, a.metaweiss:active {
	color: #fff;
	font-size: 90%;
}


#meta a:link, #meta a:visited {
	color: #fff;
	font-size: 90%;
	text-transform: uppercase;
}

#meta a:hover, #meta a:active {
	color: #fff;
	font-size: 90%;
	text-transform: uppercase;
}
a.blau:hover, a.blau:active, a.blau:link, a.blau:visited{color: #3366DC;}
/* ---- Formulare ---- */

textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#funktionen select {
	 font-size: 105%;
	 width: 160px;
}

#suchfeld select {
	 font-size: 89%;
}


#funktionen input.suche {
	 font-size: 90%;
	  width: 158px;
	  border: 1px solid #7F9DB9;
}

#teaser select {
 font-size: 100%;
 margin-bottom:5px;
 margin-top:1px;}
 
#teaser input {
 font-size: 90%;
 margin-bottom:5px;
 margin-top:1px;}


/* ---- Navi ---- */

li.bordertopdotted {border-top:1px dotted ##515151;}

ul#hauptnav {
	border-top: 1px dotted #515151;
	margin: 20px 35px 0px 8px;
	padding:0px;
}

ul#hauptnav li {
	text-transform: uppercase;
	font-weight: bold;
	list-style-type: none;
	border-top: none !important;
	display: inline;
}

ul#hauptnav  a:link, ul#hauptnav  a:visited  {
	display:block;
    padding: 5px 5px 5px 12px !important;
	margin: 0px 0px 0px 0px !important;
	background-image: url(../img/i-navi.gif);
	background-repeat: no-repeat;
	border-bottom: 1px dotted #515151;
	text-decoration:none;
	font-size: 85%;
}

ul#hauptnav a:hover, ul#hauptnav a:active   {
	display:block;
    padding: 5px 5px 5px 12px !important;
	margin: 0px 0px 0px 0px !important;
	background-image: url(../img/i-navi.gif);
	background-repeat: no-repeat;
	border-bottom: 1px dotted #515151;
	text-decoration:none;
	font-size: 85%;
	background-image: url(../img/i-navihover.gif)  !important;
}

ul#hauptnav li a.aktiv {
	background-image: url(../img/i-naviaktiv.gif)  !important;
}

ul#subnav {
	margin: 0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
}

ul#subnav li{
	text-transform: none;
	font-weight: normal;
    display: inline;
	list-style-type: none;
}

ul#subnav a:link, ul#subnav a:visited, ul#subnav a:hover, ul#subnav a:active {
display:block;
padding: 3px 5px 3px 12px !important;
margin: 0px 0px 0px 0px !important;
background-image: none  !important;
border-bottom: none !important;
color: #3366DC;
font-size: 85%;
font-weight:normal;
}


ul#subnav li a.aktiv {
	color: #3366DC;
	background-image: none  !important;
	font-weight:bold !important;
}

ul#hauptnav .aktiv{
	background-image: url(../img/i-naviaktiv.gif);
	color: #3366DC;
}





/* ---- EBENEN ---- */
#center {
	width: 896px;
	margin: auto;
	text-align: left;
	background-image: url(../img/bg-navi.gif);
	position:relative;
}

#center_child {

	margin: auto;
	text-align: left;
	position:relative;
}

#header {
	height: 60px;
	background-color: White;
	padding-bottom:20px;
}

#logo{
	float:left;
	margin-top: 20px;
}

#links{
	float: left;
	width: 665px;
	margin: 0px;
	
}

#rechts{
	float: left;
	width: 231px;
	margin: 0px;
}


#wetter {
     padding:5px;}



#teaser {
   width: 205px;
   float:right;
   background-color: #EDEDED;
   margin-top: 23px;
	border-bottom: 1px solid #C3C3C3;
}

#navi {
 float:left;
 width: 230px;
}

#content {
	float:right;
	background-color: #fff;
 width: 434px;
}



#footer {
	border-top:1px solid #FFF;
   background-color: #EBEBEB;
   padding: 5px;
   font-size:75%;
   height:16px;
   }
   
#footer_child{
	margin-top: 20px;
	padding:5px;
	background-color: #EBEBEB;
	font-size:75%;
  height:16px;
}

#meta{
	position: absolute;
	top:238px;
	left: 0px;
	background-color: #3366DC;
	font-size: 75%;
	color: #fff;
	padding:5px 10px 5px 10px;
	margin:0px;
	width:185px;
}	


#meta_child{
background-color: #EDEDED;
padding: 5px;
font-size: 75%;
}


#bereich  a{
	font-size: 80%;
	font-weight:normal;
}

#suchfeld{
   background-color: #D6D6D6;
   padding:5px;
}

#suchfeld table td{
	font-size: 85%;
}
#suchfeld table td select{
	font-size: 105%;
}

#suchergebnis p{
border-bottom: 1px dotted #515151;
margin:0px;
padding: 7px;
}

#suchergebnis a{
color: #3366DC;
font-weight: bold;
}

#suchergebnis{
font-size:85%
}

#kategorien {/* ---- Event-Details ---- */
font-size:85%;
color: #3366DC;
margin-bottom:10px;
}

#termine {/* ---- Event-Details ---- */
margin-top:20px;
}

#eventinfo th {/* ---- Event-Details ---- */
   	color: #222;
	border-bottom: 1px dotted #555;
    padding:3px 3px 0px 0px;
	width:50%;
}

#eventinfo td {/* ---- Event-Details ---- */
    padding:3px 3px 0px 0px;
	vertical-align:top;
}


#eventinfo {/* ---- Event-Details ---- */
   margin-top:10px;
}



/* Sitemap	*/
#sitemap {
	font-size: 100%;
	line-height: 145%
}

#sitemap li{
	list-style-type: none;
background: url(../img/i_pfeilrechts.gif) no-repeat 4px 5px !important;
	margin-left: -23px;
	padding-left: -5px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 100%;
}

#sitemap li ul {
	font-size: 100%;
	padding-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#sitemap li ul li ul {
	font-size: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

#sitemap li ul li ul li ul{
	font-size: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

#fehler{
border-top: 1px solid #C3C3C3;
border-bottom: 1px solid #C3C3C3;
background-color:#EBEBEB;
color: #CC0000;
font-size: 85%;
padding: 5px;

}


#meldung{
border-top: 1px solid #C3C3C3;
border-bottom: 1px solid #C3C3C3;
background-color:#EBEBEB;
color: #333333;
font-size: 85%;
padding: 5px;
font-weight:bold;

}


/* ---- Klassen ---- */

.border { /* ---- Bild Collage ---- */
  border-bottom: 5px solid #3366DC;
  border-top: 5px solid #89D43C;

}

.navilinoben {
	border-top: 1px dotted #515151 !important;
}

.impressum {
  float:left; 
	position:relative; 
	left:0px; 
	width:490px; 
	text-align:center
}


.top{
	float:left;
	width: 200px
}


.homeevents {
  padding:5px; 
	background-color: #F3F3F3;
	font-size:85%;
	margin-bottom:0px;
}



.bereich {
 font-size: 130%;
 line-height:100%;
 font-weight:bolder;
 color: #ADC4F0;
}

.width40 {
width:40px;}

.width60 {
width:60px;}

.width100 {
width:100px;}
.width120 {
width:120px;}

.width150 {
width:150px;}

.width188 {
width:188px;}

.width180 {
width:180px;}

.height20{
height:20px;}

.metaweiss{
color: #fff;
font-size: 90%;
}

.blau{
color: #3366DC;
}

.grau{
color: #666666;
}

.bgweiss{background-color:#FFFFFF}

a.linkextern:link, a.linkextern:visited  {
    padding: 5px 5px 5px 12px !important;
	margin: 0px 0px 0px 0px !important;
	background-image: url(../img/i-navi.gif);
	background-repeat: no-repeat;
}

a.linkextern:hover, a.linkextern:active {
    padding: 5px 5px 5px 12px !important;
	margin: 0px 0px 0px 0px !important;
	background-image: url(../img/i-navihover.gif);
	background-repeat: no-repeat;
}


.button {
    background-color: #3366DC;
	background-image: url(../img/i-button-pfeil.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	padding-left: 12px;
	color:#FFFFFF;
	cursor:pointer;
	border:1px solid #3366DC;
}


table.email{/* ---- POI-Details ---- */
margin-bottom: 10px;
}	

table.bildarchiv{ /* ---- Bildarchiv ---- */
width:432px;
}

table.bildarchiv td.bild{/* ---- Bildarchiv ---- */
background-color:#EDEDED;
border: 1px solid #C3C3C3;
padding: 2px;
width:110px; 
vertical-align:middle;
}

.bildleer{/* ---- Bildarchiv ---- */
width: 110px;
}

table.bildarchiv td.bild img{/* ---- Bildarchiv ---- */
display: block;
}

table.bildarchiv td.download{/* ---- Bildarchiv ---- */
background-color:#EDEDED;
padding: 3px;
width:110px; 
font-size:85%
}

.zoom{/* ---- Bildarchiv ---- */
float: right;
}

.leerzeile{
height:25px;
}
 
 	
table.bildzoom{ /* ---- Bildarchiv Detail---- */
border-collapse:collapse;
background-color:#EDEDED;
}

table.bildzoom td{/* ---- Bildarchiv Detail---- */
border:1px solid #FFFFFF;
}
	
table.bildzoom p{/* ---- Bildarchiv Detail ---- */
font-size: 85%;
padding: 5px;
}

table.formular{/* ---- Bildarchiv Registrierung ---- */
border-collapse:collapse;
background-color:#EDEDED;
}

table.formular td{/* ---- Bildarchiv Registrierung ---- */
border:1px solid #FFFFFF;
padding: 5px;
font-size: 85%;
}

table.veranstaltungen td{/* ---- Veranstaltungen Übersicht ---- */
font-size: 85%;
padding: 10px 5px 10px 0px;
}

table.veranstaltungen p{/* ---- Veranstaltungen Übersicht ---- */
margin-bottom: 3px;
}

.iconkategorien{
border: 1px solid #C3C3C3;
padding:1px;
background-color: #EBEBEB;
margin-top: 5px;
}

table.formular input {
	 font-size: 100%;
}

table.formular select {
	 font-size: 100%;
}

/* ---- Tabellen Linien ---- */

tr.bordertop td{border-top:1px solid #C3C3C3;}
tr.borderbottom td{border-bottom:1px solid #C3C3C3;}

tr.bordertopdotted td{border-top:1px dotted #C3C3C3;}
tr.borderbottomdotted td{border-bottom:1px dotted #C3C3C3;}


/* ---- Funktion Blättern ---- */
#seitenoben{
font-size: 85%;
}

#seitenoben a{
text-decoration: none;
}

.seitefarbig{
font-weight: bold;
color: #3366DC;}

.trennstrich{
color:#A2A2A2;
}

/* ---- WYSIWYG ---- */
span.tabelle td{
padding: 5px 0px 5px 0px;
}

span.tabelleborder td {
border-bottom:1px dotted #C3C3C3;
padding: 10px 0px 7px 0px;
vertical-align: top;
}

span.teaserbody{
display:block;
font-size: 85%;
padding: 6px 9px;
background-color:#EDEDED;
border-bottom: 1px solid #C3C3C3;
}

span.teaserbody img{
float: right;
padding: 0 0 9px 9px;
}

span.linkliste li{
background: url(../img/i_linkliste.gif) no-repeat 5px 5px !important;
}

span.bildlinks{
float: left;
margin: 0px 10px 10px 0px; 
padding:2px;
background-color:#EDEDED;
border: 1px solid #C3C3C3;
}

span.bildrechts{
float: right;
margin: 0px 0px 10px 10px; 
padding:2px;
background-color:#EDEDED;
border: 1px solid #C3C3C3;
}


.bild{
margin:0px; 
padding:2px;
background-color:#EDEDED;
border: 1px solid #C3C3C3;
}

span.bildlinks img, span.bildrechts img, .bild img{/* ---- Für Firefox Kontra Padding-Bottom 2 Pixel ---- */
display:block;
}


.hellgrau{
color:#666666;
}

span.preis{
background-color:#EDEDED;
border: 1px solid #C3C3C3;
padding: 2px 3px;
font-weight:bold;
}

#bildblaettern{/* ---- Funktion Blaettern Bilder ---- */
float:right; 
background-color:#EDEDED;
margin:23px 0px 10px 0px;
}

#bildblaettern .bild{/* ---- Funktion Blaettern Bilder ---- */
display:block;
}

.blaettern{/* ---- Funktion Blaettern Bilder ---- */
padding:3px;
font-size:85%
}

.blaettern a{/* ---- Funktion Blaettern Bilder ---- */
text-decoration: none;
}

#content-druckansicht{/* ---- Druckansicht ---- */
margin-top:25px;
}



/* OEPNV TEASERBLOCK*/

/* CSS Document */



#oepnv h5 {
	color: #222;
	text-transform: uppercase;
	font-size: 11px;
	margin-bottom: 1px;
	padding: 3px 9px 3px 9px;
	margin-top: 0px;
	background-color: #C3C3C3;
	FONT-FAMILY: Verdana, Arial, sans-serif
}


#oepnv TD {
	COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif
}

#oepnv A {
	
	color: black;
	font-size: 10px;
	line-height: 13px;
	text-decoration:underline;
	font-weight:normal;
}

#oepnv SELECT {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial, Verdana, sans-serif;
}
#oepnv INPUT {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif;
	font-weight: normal !important;
	padding:0px !important;
}

#oepnv .klein {
	FONT-SIZE: 10px
}
#oepnv .klein-fett {
	FONT-WEIGHT: bold; FONT-SIZE: 10px
}

#oepnv .buttonAllg {
	HEIGHT: 76px;
	
}