/*   Farbdefinitionen - Hintergründe für den Global style   */

/* Ebenen  - Farb- und Hintergrunddefinitionen */
#kopf { background-color: white; background-image: url(../layout/kopfgrafik.jpg); }
#wappen { background-image: url(../../../../../global/pic/wappen_kl_neu.gif); }
#navi_kopf { background-color: #e1a703; background-image: url(../keyvisual/key_leiste_neu.jpg); background-repeat: no-repeat; }
#navi_rechts { font-size: 0.75em; background-color: transparent; border-color: #0068b1; }

.clear_all { clear:both; }


/* navibox Veranstaltungen */
#navibox_veranstaltungen { background-color: #edf2f6; width:10em; top: 11em; position: absolute; left: 52em; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; padding-bottom: 10px; border: solid 1px #cfd8f0; }
#navibox_veranstaltungen p { font-size: 0.75em; }
#navibox_veranstaltungen h2 { padding: 5px 5px 3px; margin: 0; font-size: 0.8em; text-align: left; color: #1d52a0; background-repeat: no-repeat; border-left-color: #cfd8f0; border-left-width: 1px; border-right-color: #cfd8f0; border-right-width: 1px; border-top-width: 1px; }
.navibox_img { background-repeat: no-repeat; width: 160px; height: 50px; margin-bottom: 10px; margin-left: 0; padding-top: 25px; }



/* Klasse für Veranstaltungen */
.veranstaltungen { font-size: 0.85em; }
/* compact Veranstaltungen */
.compact_v_dreispaltig { height: auto; width: 204px; float:left; background-position: 0 0; text-align: left; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; padding: 2px 0; }
.compact_v_zweispaltig { height: auto; width: 306px; float:left; background-position: 0 0; text-align: left; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; padding: 2px 0; }
.compact_v_vierspaltig { background-position: 0 0; text-align: left; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; padding: 2px 0; width: 153px; height: auto; float: left; }
.compact_terminliste { height: auto; width: 14.6em; float:left; background-position: 0 0; text-align: left; margin-top: -4px; margin-bottom: 10px; padding: 2px 0 2px 25px; }
#terminliste { background-color: #f3f3f3; text-align: justify; height: auto; width: 100%; padding-top: 12px; border: solid 1px #039; }
#terminliste ul li img {border:0; }
#terminliste ul { margin-left: 25px; }
#terminliste ul li{ padding-right: 4px; list-style-type: none; display:inline; }


/* Rechte Spalte neu */


#block_n_rechts h1 { padding: 3px 5px; margin: 0; font-size: 1em; border-bottom: 1px solid #1d52a0; text-align: center; color: #1d52a0; background-repeat: no-repeat; background-color: #fff; }
#block_n_rechts h2 { padding: 3px 5px; margin: 0; font-size: 1em; border-bottom: 1px solid #1d52a0; text-align: center; color: #1d52a0; background-repeat: no-repeat; background-color: #fff; border-top: 1px solid #1d52a0; }
#block_n_rechts h3 { padding: 3px 5px; margin: 0; font-size: 0.95em; border-bottom: 1px solid #1d52a0; text-align: center; color: #1d52a0; background-repeat: no-repeat; background-color: transparent; }

#block_n_rechts { background-color: #eff7f7; text-align: center; width: 12.4em; margin-bottom:10px; padding-bottom: 5px; border: solid 1px; }

.nav_rechts_ohne li { padding: 0; margin: 0; font-size: 0.95em; font-weight: bold; background-color: transparent; }
.nav_rechts_weiss li { font-size: 0.95em; font-weight: bold; background-color: #fff; }
.nav_rechts_unternav li { padding: 0; margin: 0 0 0 10px; font-size: 0.95em; background-color: #fff; }

#block_n_rechts ul { text-align: left; list-style-type: none; margin: 0 0 0; padding: 0 5px; }

#block_n_rechts[id] ul { margin: 0 0 0; background-color: #eff7f7; text-align: left; }
#block_n_rechts ul li { color: #1d52a0; text-align: left; margin-bottom: 5px; }
#block_n_rechts a { 
	color: #185aad; 
	font-size: 0.95em; 
	text-align: left; 
	padding-bottom: 0; 
	padding-left: 0; 
}

#block_n_rechts a:hover,
#block_n_rechts a:active,
#block_n_rechts a:focus { 
	text-decoration: underline; 
	color: #000 !important; 
	text-align: left; 
}

#block_n_rechts p { color: #666; font-size: 0.95em; font-weight: normal; text-decoration: none; text-align: left; padding-left: 3px; }
#block_n_rechts .shopbild { margin-top: 10px; margin-left: 15px; border:0; }
#block_n_rechts img { border:0; }

.flagge { background-color: #eff7f7; float: left; margin-right: 5px; margin-bottom: 10px; border: 0; }

#bg_home, #bg_seite {
	background-color:#315273;
	background-image: url(../layout/bg_white.gif);
	background-repeat: repeat-y;
	background-position:9.4em 0;}

#schriftzug h1 { font-size: 0.95em; margin: 0; padding: 12px 145px 0 0; line-height: 21px; background-image: url(../../../../../global/pic/wappen_kl_neu.gif); background-repeat:no-repeat; background-position:right top; color: #003399 }

/* Rechte Spaltes -  Linkfarben */
#kopfsymbole { text-align: right; padding-left: 30px; }
#kopfsymbole img{ border:0px; text-align: right; float: left; margin-left: 10px; }
#kopfsymbole a { margin-left: 8px; border-style: none; }
#kopfsymbole a img{ border:0px }

	
#keyvisual { background-color: #315273; }
/* Ebenen für Startseite - Hintergrundfarben */
#titelbild { background-image: url(../layout/titelbild.jpg); height: 596px; width: 544px; left: 150px; top: 93px; position: absolute; visibility: visible; }
#navi_kopf_home { background-color: #e1a703; background-image: url(../keyvisual/key_leiste_neu.jpg); background-repeat: no-repeat; }
#navi_rechts_home { font-size: 0.75em; }

#content_home p {  font-size: 1em; }

/* Surfpfad */
#surfpfad {
	top: -5px;
	left: 10px;
}

#surfpfad ul { margin: 0; padding:0;}
#surfpfad ul li { list-style-type: none; display:inline; }

#surfpfad ul li a:link,
#surfpfad ul li a:visited,
#surfpfad ul li a:hover {
	color: #1D589A !important; 	
}

/* Suchformular */

#navi_rechts_home label,
#navi_rechts label { display: none; }

#navi_rechts form,
#navi_rechts_home form { margin-top: 15px; margin-bottom:60px; }

#navi_rechts form[id],
#navi_rechts_home form[id] { 
	position: relative; 
	top: -13px;
	left: 0px;
	margin-bottom:51px;
}

#navi_rechts input#suche,
#navi_rechts_home input#suche {
	width:11.15em;
	font-size: 0.9em;
}

#navi_rechts input#search_submit,
#navi_rechts_home input#search_submit {
	vertical-align:bottom;
}


#navi_rechts form[id],
#navi_rechts_home form[id] { 
	position: relative; 
	top: -13px;
	left: 0px;
	margin-bottom:51px;
}

#navi_rechts input#suche,
#navi_rechts_home input#suche {
	width: 110px;
	font-size: 0.9em;
}

#navi_rechts input#search_submit,
#navi_rechts_home input#search_submit {
	width: 20px;
	border: 0px;
	background-color: #FFF;
	background-image: url(../layout/sent.gif);
	background-repeat: no-repeat;
	background-position: 1px 3px;
}

/* Liste neu*/

.listenblock { position: relative; width: 18em; float: right; }

/* Liste für Buchstaben az */
.liste_az ul {background-color: #fffae5; border: solid 1px #039;}

/* Elemente Seite A-Z */
#index-a-z { background-color: #bdc9cc; border-color: #33676c; }

/* Kopfnavigation */
#navi_kopf_punkte {padding-left:85px;}
#navi_kopf_punkte a.navi_head:link,
#navi_kopf_punkte a.navi_head:visited { color: #182838;  }

#navi_kopf_punkte a.navi_head:hover,
#navi_kopf_punkte a.navi_head:active,
#navi_kopf_punkte a.navi_head:focus { color: #fff; background-repeat: no-repeat; background-position: 1px 1px; background-color: #182838; }

#navi_kopf_punkte a.navi_head_marker:link,
#navi_kopf_punkte a.navi_head_marker:visited { color: #fff; background-repeat: no-repeat; background-position: 1px 1px; background-color: #182838; }

#navi_kopf_punkte a.navi_head_marker:hover,
#navi_kopf_punkte a.navi_head_marker:active,
#navi_kopf_punkte a.navi_head_marker:focus { 
	 
}


#kopfsymbole img { border:0; }



/* Linkmanagement  */

a:hover { color: #1d52a0; }

/* neu linke Navigation */
.navi_links_punkte a:link, 
.navi_links_punkte a:visited { color: white; font-size: 0.75em; font-weight: bold; }
.navi_links_punkte a:focus, 
.navi_links_punkte a:hover,
.navi_links_punkte a:active { background-color: #fffffe; color: #1d589a; font-size: 0.75em; font-weight: bold; }

a.navi_link_marker { color: #315273 !important; background-color: #fff; border-top: 1px solid #1d52a0; border-left: 1px solid #1d52a0; border-right-color: #1d52a0; border-bottom-color: #1d52a0; }

.navi_links_punkte ul.unternavi { background-color: #edf2f6; border-left: 1px solid #1d52a0; border-bottom: 1px solid #1d52a0; }

.navi_links_punkte ul.unternavi a, .navi_links_punkte ul.unternavi a:visited{ 
	background-color: #edf2f6;
	color: #315273;
}
.navi_links_punkte ul.unternavi a:focus,
.navi_links_punkte ul.unternavi a:hover,
.navi_links_punkte ul.unternavi a:active,
.navi_links_punkte ul.unternavi a.navi_link_marker:link, 
.navi_links_punkte ul.unternavi a.navi_link_marker:visited { color: white !important; background-color: #315273; }



/* Rechte Spaltes -  Linkfarben */

a.navi_rechts:link { color:#1d52a0; }
a.navi_rechts:visited { color: #1d52a0; }
a.navi_rechts:active { color: #1d52a0; }
a.navi_rechts:hover { color: #1a3553;  }


/* Ueberschriften  Farben */
h1 { color: #315273; }
h1_home { color: #6c3; }
h2 { color: #2e4561; }
h3 { color: #2e4561; }
h4 { color: #2e4561; }


/* Trennlinie - Farbe */
hr     { color: #2e4561; text-align: center; border-color: #022651; }


/************************ Lokaler Content ****************************/
/* Content Navigationsbox 4. Ebene */
#content #content_navibox, #content_home #content_navibox
{ float:right; width: 250px; margin-top: 3px; margin-left: 15px; margin-bottom: 10px; padding: 4px; background-color: #fff; font-weight: bold; color: #bd8c00; border: solid 1px #022651; outline: solid 1px #0038b1; }

#content #content_navibox h3, #content_home #content_navibox h3
{ margin: 0; margin-top: 2px; margin-bottom: 2px; }

#content #content_navibox a, #content_home #content_navibox a
{ font-weight: normal; }

#content #content_navibox .navibox_link_marker, #content_home #content_navibox .navibox_link_marker
{ color: #fc3; font-weight: bold; }

#content #content_navibox .subnav_vierte, #content_home #content_navibox .subnav_vierte
{ font-size: 85%; padding-left:15px; }

/* Content Tabellen */
#content table
{ border-collapse:collapse; margin-bottom: 20px; }
#content table caption
{ padding-bottom: 5px; }
#content th
{ text-align: left; vertical-align: top; border: solid 1px #240b89; padding: 3px; color: #2e4561; background-color: #cfe0f2; }
#content td
{ border: 1px solid #a2a2a2; padding: 3px; text-align: left; vertical-align: top; }
#content tr
{ background-color: #edf2f6; border: solid 1px #240b89; }
#content .row2
{ background-color: #D7DFEE; }


/* Content Feature */
#content .content_feature, #content_home .content_feature
{ margin-bottom: 20px; padding: 0;
/* das hier für den ie */
height: 109px; border: solid 1px #040262; }

/* folgende anweisung wird nicht vom ie interpretiert */
#content .content_feature[class], #content_home .content_feature[class]
{
height:auto;
min-height: 109px;
}

#content .content_feature h4, #content_home .content_feature h4 
{
font-size: 100%;
margin: 2px 0 5px;
color: #2e4561;
}

#content .content_feature img, #content_home .content_feature img
{ float: right; margin-left: 5px; }

/* Content Rahmen damit Bilder nicht ineinander laufen */
#rahmen { height: auto; width: 650px; left: 0; top: 105px; float:left; visibility: visible; margin-bottom: 10px; }


/* Content umflossene Bilder */
#content .bildimtext_links, #content_home .bildimtext_links
{ float: left; margin-top: 3px; margin-right: 15px; margin-bottom: 10px; }

#content .bildimtext_rechts, #content_home .bildimtext_rechts 
{ float:right; margin-top: 3px; margin-left: 15px; margin-bottom: 10px; }


/* Vergrößerbares Content-Bild mit Legende */
#content .content_zoom_img, #content_home .content_zoom_img 
{
width: 254px;
vertical-align: bottom;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 4px;

background-color: #44708B;
}

#content .content_zoom_img img, #content_home .content_zoom_img img
{ margin: 2px; margin-bottom: 0; }

#content .content_zoom_img_label, #content_home .content_zoom_img_label 
{ 
color: #fff;
background-color: #44708B;
}

#content .content_zoom_img_plus_button, #content_home .content_zoom_img_plus_button
{
margin-left: 2px;
margin-right: 5px;
padding-left: 4px;
padding-bottom: 0;
padding-right: 3px;
float: left;

background-color: #055B77;
}

#content .content_zoom_img_plus_button a, #content_home .content_zoom_img_plus_button a
{
font-size: 130%;
font-weight: bold;

color: #fff;
}


/* Content Weiterführende Informationen */
#content .content_more_info, #content_home .content_more_info
{ font-weight: bold; background-color: #e8eaeb; margin: 0; border: solid 1px #022651; }

#content .content_more_info h1, #content_home .content_more_info h1
{
font-size: 100%;
font-weight: bold;
margin: 0;
padding: 4px;

color: #2e4561;
background-color: #c0d0e0;
}

#content .content_more_info h2, #content_home .content_more_info h2
{ 
font-size: 100%; 
font-weight: normal; 
margin: 0; 
padding-top: 4px; 
padding-bottom: 2px; 
padding-left: 4px; 
padding-right: 4px;

color: #055B77;
background-color: #fff;
}
#content .content_more_info ul, #content_home .content_more_info ul { font-weight: normal; margin-top: 2px; margin-bottom: 2px; margin-left: 4px; list-style-type: none; }
#content .content_more_info .more_info_links, #content_home .content_more_info .more_info_links
{
font-size: 95%;

background-color: #D2D9E0; 
padding-top: 3px; 
padding-bottom: 3px;
}

#content .content_more_info .more_info_links a, #content_home .content_more_info .more_info_links a
{
font-weight: normal;
margin-left: 0px;
}


/* Globales Suchefeld anfangs rechter Spalte */
#right_globale_suche_lead
{ 
padding: 8px;
margin-bottom: 155px;
padding-top: 15px;
height: 25px;
background-color: #FFB618;
}

#right_globale_suche
{ color: white; padding: 15px 8px 8px; margin-bottom: 20px; height: 25px; background-color: transparent; }

#right_globale_suche a, #right_globale_suche_lead a
{ 
font-size: 110%; 
font-weight: bold; 
text-decoration: none; 
margin: 0;
border: 1px solid #0087B4;
color: #0087B4;
}

#right_globale_suche a:hover, #right_globale_suche_lead a:hover
{ color: #fff; background-color: #0087B4; }

#right_globale_suche form, #right_globale_suche_lead form
{ margin: 0; padding-bottom: 3px; }

#right_globale_suche input, #right_globale_suche_lead input
{ font-size: 80%; }


/* Karte rechte Spalte */
#right_karte
{ background-color: #44708B; margin-top: 20px; padding-bottom: 2px; }

#right_karte img
{ margin: 2px; }			

#right_karte_label
{ color: #fff; background-color: #44708B; margin-left: -15px; }

#right_karte_plus_button
{ font-size: 120%; font-weight: bold; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; top: -155px; left: 132px; color: #fff; background-color: #055B77; }

#right_karte_plus_button a
{ color: #fff; }

#right_karte_plus_button a:hover
{ color: #fc3; }

/* Featureblock rechte Spalte */
#right_feature { color: #000; margin-top: 10px; margin-bottom: 10px; width: 150px; }
.right_feature
{ width: 150px; text-align: center; margin-top: 30px; }

.right_feature h1
{ font-weight: bold; margin-left: 4px; margin-right: 4px; color: #0068b1; text-align: center; border-top: 1px solid #33676c; border-bottom: 1px solid #33676c; }

.right_feature a
{ font-weight: normal; text-decoration: none; padding-left: 4px; padding-right: 4px; color: blue; text-align: center; margin-right: 4px; margin-left: 4px; }
.right_feature p { color: black; font-weight: normal; text-decoration: none; text-align: center; left: 12px; right: 12px; margin-right: 4px; margin-left: 4px; padding-right: 2px; padding-left: 2px; }
.right_feature a:hover
{ color: #f90; background-color: transparent; text-align: center; margin-right: 4px; margin-left: 4px; }


/* Glossar rechte Spalte */
#right_glossar
{ 
width: 150px; 
margin-top: 10px; 
margin-bottom: 10px; 

color: #000;
}
#right_glossar h1
{ 
font-size: 110%; 
text-align: center; 
font-weight: bold; 
margin-left: 2px; 
margin-right: 2px; 

color: #33676C; 
border-top: 1px solid #33676C; 
border-bottom: 1px solid #33676C;
}

#right_glossar h2
{ 
font-size: 110%; 
font-weight: bold; 
margin-left: 5px; 
margin-right: 5px; 

color: #387A9D;
}

#right_glossar p
{ margin-top: 0; margin-bottom: 0; margin-left: 5px; margin-right: 5px; }
/* Teststyle Kilian */
.tabellenschrift
{ font-weight: bold; margin: 30px; }
/**wwa-container***** Weiterführende Links - Contentseite ******************/
/* Teststyle Kilian */

#content #test, #content_home #test
{ float:right; width: 133px; line-height: 8px; height: 100px; padding-bottom: 20px; }
#contentbild { height: 100px; width: 150px; left: 517px; top: 37px; position: absolute; visibility: visible; }
#navirechtsbild { line-height: 5px; height: 100px; width: 150px; left: 0; top: 48px; position: absolute; visibility: visible; }

/* Container für virtuellen Rundgang */
.rundgang { width: 320px; height: 290px; float:left; margin: 0; padding: 0; }
.rundgang img {border:0px;}

/* Container für Fotocollage */
.collage{ width: 640px; height: 142px; float:left; margin: 0; padding: 0; }
.collage img {border:0px;}

/* compact container Riegel 17.6.2008 */
.compact { height: auto; float:left; margin: -4px 10px 20px 0; padding: 6px 0; width:24em; }
.compact h3 { font-size: 0.85em; text-align: left; font-weight: bold; line-height: 0.95em; background-image: url(../layout/compact_hg_h3.jpg); background-repeat: no-repeat; background-position: left bottom; margin: 0 0 -10px; padding: 7px 0 7px 13px; color: #182838; }
.compact_text_img { text-align: left; position: relative; width: 80px; height: 80px; float: left; clear: left; margin-right: 5px; border:0; }
.mehr { background-image: url(../layout/compact_more.gif); background-repeat: no-repeat; background-position: left center; position: relative; width: 6em; }
/* Vertikaler Scroller */
#marqueecontainer{
position: relative;
width: 120px; /*marquee width */
height: 320px; /*marquee height */
background-color: white;
overflow: hidden;
border: 0px solid black; 
padding: 2px;
padding-left: 4px;
float:right;
}

/* Homepagetext */
.imagetext { color: #333; font-size: 1.1em; font-family: verdana; background-color: #fff; }

/* Nummerierte Listen linksbündig */


ol.nummer li{ margin-left: -16px; }  

/* slide-show-conatiner */



/* container stmug */

.compact_home { 
	height: auto; 
	width:18.3em;
	top: 0;
	left: 0;
	visibility: visible; 
	margin: 35px 15px 15px 0;
}

/* Klassen für die Symbole zum Aufruf der Mediathek */
.mediathek { margin-left: 15px; padding-left: 3px; list-style-image: url(../symbole/icon_mediathek.gif); }
.video { margin-left: 15px; padding-left: 3px; list-style-image: url(../symbole/icon_video.gif); }
.infografik { margin-left: 15px; padding-left: 3px; list-style-image: url(../symbole/icon_grafik.gif); }
.bilder { margin-left: 15px; padding-left: 3px; list-style-image: url(../symbole/icon_foto.gif); }

#video { background-color: #edf2f6; float:right; width: 362px; height: 320px; margin-bottom: 15px; margin-left: 5px; border: solid 1px #000; /*height: 354px; */}
#video h3 { margin-bottom: 5px; margin-left: 5px; padding-bottom: 0; }
#video p { margin-bottom: 5px; margin-left: 5px; padding-bottom: 0; }


/* Klassen für die Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url("data:image/gif;base64,AAAA"); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { left: 0; float: left; background: url(../symbole/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover { right: 0; float: right; background: url(../symbole/nextlabel.gif) right 15% no-repeat;} 

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 80px; float: right; padding-bottom: 0.7em; outline: none medium; }	 	

#overlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; }


/* fuer panoramastudio */

.ieaus { text-align: center }
* html .ieaus { display: none }

/* Pressebilder */
.compact_bilder { text-align: left; height: 120px; width: 140px; left: 0; top: 105px; visibility: visible; float: left; margin-top: 8px; margin-right: 7px; margin-bottom: 5px; border: solid 0 #fff; }
.compact_bilder img {width:113px; height:75px;}
a.compact_bilder:link { text-align: left; }
a.compact_bilder:visited { text-align: left; }
a.compact_bilder:active { text-align: left; }
a.compact_bilder:hover { color: #f90; text-align: left; }
.rahmen { height: auto; width: 650px; left: 0; float:left; visibility: visible; margin-bottom: 10px; }

/* Klassen für Newsletter und PDF im Pressesystem */

.pressebild { position: relative; right: 0; width:250px; float: right; border: solid 1px #000; }
.small { font-size: 0.8em; }