﻿/*   Farbdefinitionen - Hintergründe für den Global style   */

/* Ebenen  - Farb- und Hintergrunddefinitionen */
#kopf { background-color: white; background-image: url(../layout/teaser.jpg); }
#wappen { background-image: url(../../../../../global/pic/wappen_kl.gif); }
#navi_kopf { background-color: #036; }
#navi_links { background-color: #036; }
#navi_rechts { font-size: 0.75em; }

#bg_home, #bg_seite {
	background-color:#036;
	background-image: url(../layout/bg_white.gif);
	background-repeat: repeat-y;
	background-position:9.4em 0;}

/*schriftzug*/
#schriftzug h1 { font-size: 0.95em; color: #039; margin: 0; padding: 12px 138px 0 0; line-height: 21px; background-image: url(../../../../../global/pic/wappen_kl_neu.gif); background-repeat:no-repeat; background-position:right top;}

/*keyvisual*/
#keyvisual { background-color: #036; }

#seitenabschluss { color: #003366; text-align: center; font-size: 11px; background-image: url(../layout/hr.gif); background-repeat: repeat-x; background-position: 0; width: 100%; z-index: 0; }
#seitenabschlusstxt { /*background-color: #e5ebf5;*/ text-align: center; padding: 12px; }
#lead { left: 9.4em; top: 8.75em; position: absolute; }

/* Ebenen für Startseite - Hintergrundfarben */
#navi_kopf_home { background-color: #003366; }
#navi_rechts_home { font-size: 0.75em; }

/* Elemente Seite A-Z */
.liste_az ul {background-color: #bdc9cc;; border: solid 1px #003366;;}
#index-a-z { background-color: #bdc9cc; border-color: #003366; }
#az { background-color: #bdc9cc; border-color: #33676c; outline-color: #33676c; }

/* Kopfnavigation */
#navi_kopf_punkte { padding-right: 10px; }
#navi_kopf_punkte a.navi_head:link,
#navi_kopf_punkte a.navi_head:visited { color: #fff;  }

#navi_kopf_punkte a.navi_head:hover,
#navi_kopf_punkte a.navi_head:active,
#navi_kopf_punkte a.navi_head:focus { color: #1d589a; background-repeat: no-repeat; background-position: 1px 1px; background-color: #fff; }

#navi_kopf_punkte a.navi_head_marker:link,
#navi_kopf_punkte a.navi_head_marker:visited { color: #1d589a; background-repeat: no-repeat; background-position: 1px 1px; background-color: white; }

#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; }

a.navi_link:link { color: white; }
a.navi_link:visited { color: #fff; }
a.navi_link:hover { color: #333; background-color: #036; }
a.navi_link:active { color: #1d52a0; }

/* neu linke Navigation */
.navi_links_punkte {
	background-color:#036;
}
.navi_links_punkte a, .navi_links_punkte a:link, .navi_links_punkte a:visited { 
	color: white; 
	font-size: 0.75em; 
	font-weight: bold;
}

.navi_links_punkte a:hover,
.navi_links_punkte a:active,
.navi_links_punkte a:focus { color: #1d589a; background-color: #fff; }

.navi_links_punkte 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 !important; 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:hover,
.navi_links_punkte ul.unternavi a:active,
.navi_links_punkte ul.unternavi a:focus,
.navi_links_punkte ul.unternavi a.navi_link_marker:link, 
.navi_links_punkte ul.unternavi a.navi_link_marker:visited { color: #fff !important; background-color: #036; }



/* Rechte Spaltes -  Linkfarben */
a.navi_rechts:link, a.navi_rechts_home:link { color:#055b77; }
a.navi_rechts:visited, a.navi_rechts_home:visited { color: #055b77; }
a.navi_rechts:active, a.navi_rechts_home:active { color: #055b77; }
a.navi_rechts:hover, a.navi_rechts_home:hover { color: #fc3; }


/* Ueberschriften  Farben */
h1 { color: #055b77; }
h2 { color: #055b77; }
h3 { color: #055b77; }
h4 { color: #000; }


/* Trennlinie - Farbe */
hr     { color: #055b77; }






/* 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: #edf2f6; font-weight: bold; color: #055b77; border: solid 1px; }

#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 Feature */
#content .content_feature, #content_home .content_feature
{ border-top: 1px solid black; border-bottom: 1px solid black; margin-bottom: 20px; padding: 0px; /* das hier für den ie */ height: 109px; }

/* 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: 0; margin-top: 2px; margin-bottom: 5px; color: #003366; }

#content .content_feature img, #content_home .content_feature img
{ float: right; }

#content .content_feature a:hover, #content_home a:hover
{ color: #055b77; }


/* Vergrößerbares Content-Bild mit Legende */
.content_zoom_img, .content_zoom_img_links, .content_zoom_img_rechts, .content_zoom_img_seitenbreite
{ width: 254px; vertical-align: bottom; margin-top: 20px; margin-bottom: 20px; padding-bottom: 2px; background-color: #44708B; }

.content_zoom_img_seitenbreite
{ width: 650px !important; }

.content_zoom_img img, .content_zoom_img_links img, .content_zoom_img_rechts img, .content_zoom_img_seitenbreite img
{ margin: 2px; margin-bottom: 0; }

.content_zoom_img_links, .content_zoom_img_rechts
{ float: left; }

.content_zoom_img_rechts
{ margin-left: 20px; display: inline; }

.content_zoom_img_label 
{ color: #fff; background-color: #44708B; }

.content_zoom_img_plus_button
{ margin-left: 2px; margin-right: 5px; padding-left: 4px; padding-bottom: 0; padding-right: 3px; display: inline; background-color: #055B77; }

#content .content_zoom_img_plus_button a
{ font-size: 130%; font-weight: bold; color: #fff !important; }

.clear_left 
{ clear: left; }

.clear_all
{ clear: both; }




/* Content Weiterführende Informationen
#content .content_more_info, #content_home .content_more_info
{ margin: 30px; border: solid 1px #055b77; outline-color: #055b77; }

#content .content_more_info h1, #content_home .content_more_info h1
{ font-size: 100%; font-weight: bold; margin: 0; padding: 4px; color: #003366; 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 .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-size: 105%; font-weight: normal; margin-left: 4px; }
*/







/* 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: 1px solid black; padding: 3px; color: #003366; background-color: #C0D0E0; }

#content td
{ border: 1px solid #a2a2a2; padding: 3px; text-align: left; vertical-align: top; }

#content .h_align_right
{ text-align: right; }

#content .h_align_center
{ text-align: center; }

#content .v_align_bottom
{ vertical-align: bottom; }

#content .v_align_middle
{ vertical-align: middle; }

#content tr
{ background-color: #F0F3F8; }

#content .row2
{ background-color: #D7DFEE; }

#content .zeilenhead { background-color: #003366; border: 1px solid black; }
#content .zeilenhead h4 { margin: 0 0 0 2px; padding: 0; color: #fff; }



/* Globales Suchefeld anfangs rechter Spalte */
#right_globale_suche_lead, #right_globale_suche
{ padding: 0 0 0 8px; margin-bottom: 155px; height: 47px;  }

#right_globale_suche
{ margin-bottom: 20px; }

#right_globale_suche a, #right_globale_suche_lead a
{ font-size: 110%; text-decoration: none; margin: 0;  }

#right_globale_suche a:hover, #right_globale_suche_lead a:hover
{ text-decoration: underline;  }

#right_globale_suche form, #right_globale_suche_lead form
{ margin: 0; padding: 0; }

/* Container für XHTML-konformes Formular */
#suche_container { margin: 0; padding: 0; display: inline; }

#right_globale_suche #suche_container input, #right_globale_suche_lead #suche_container input
{ font-size: 80%; }

#right_globale_suche #helplink, #right_globale_suche_lead #helplink
{ font-size: 75%;  }

#right_globale_suche label, #right_globale_suche_lead label
{ 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; font-size: 90%; }

#right_karte_plus_button
{ font-size: 120%; font-weight: bold; margin: 0; padding-left: 4px; padding-right: 0; margin-right: 5px; 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
{ width: 150px; text-align: center; margin-top: 6px; margin-bottom: 6px; background-color: #e5ebf5; border: solid 1px #055b77; }

.right_feature h1
{ margin-top: 0; font-size: 110%; font-weight: bold; /*margin-left: 2px; margin-right: 2px;*/ color: #fff; background-color: #003366; border-top: 1px solid #003366; border-bottom: 1px solid #003366; }




/* Glossar rechte Spalte */
#right_glossar
{ width: 150px; margin-top: 10px; margin-bottom: 10px; left: 2px; position: relative; color: #000; background-color: #e5ebf5; border: solid 1px #055b77; }

#right_glossar p
{ padding-left: 3px; padding-right: 3px; }

#right_glossar h1
{ margin-top: 0; font-size: 110%; text-align: center; font-weight: bold; color: #fff; background-color: #003366; border-top: 1px solid #003366; border-bottom: 1px solid #003366; }

#right_glossar h2
{ font-size: 110%; font-weight: bold; color: #387A9D; padding-left: 3px; padding-right: 3px; }



/* WWA-Kempten zwei Datencontainer nebeneinander */
#daten_container_links, #daten_container_rechts
{ width: 315px; vertical-align: bottom; margin-top: 20px; margin-bottom: 20px; padding-bottom: 4px; float: left; }

#daten_container_rechts
{ margin-left: 20px; display: inline; }




.toplink { margin: 10px; }

.alert { font-weight: bold; color: #ff0000; }

label { font-weight: bold; }



/* 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: #edf2f6; font-weight: bold; color: #055b77; border: solid 1px; }

#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: #315273; font-weight: bold; }

#content #content_navibox .subnav_vierte, #content_home #content_navibox .subnav_vierte
{ font-size: 85%; padding-left:15px; }




/* ------------------------------------------ Ab hier Anpassungen Oktober 07 ------------------------------------------- */


/* Navibox 3. Ebene */
#content_navibox
{ float:right; width: 250px; margin-top: 3px; margin-left: 15px; margin-bottom: 10px; padding: 4px; background-color: #edf2f6; font-weight: bold; color: #055b77; border: 1px solid;  }

#content_navibox h3
{ margin: 0; margin-top: 2px; margin-bottom: 2px; }

/* Ausgleich für Linkmarker-Größenangabe im global */
#content_navibox .liste_nav li a.navi_link_marker
{ font-size: 1em; }

#content_navibox .liste_nav
{ margin-bottom: 0; text-align: left; margin-top: 0; margin-left: 0; padding:0; list-style: none; }

#content_navibox .liste_nav li
{ margin-bottom: 3px; color: #315273; }

#content_navibox .liste_subnav
{ text-align: left; margin-top: 0; margin-left: 0; padding:0; list-style: none; }

#content_navibox .liste_subnav li
{ margin-bottom: 0; color: #315273; padding-left:15px; font-weight: bold; font-size: 0.85em; margin-bottom: 2px; }

/*#content_navibox .liste_subnav li a.navi_link_marker
{ font-weight: normal; }*/



/* Linkliste */
.linkliste { text-align: left; margin-top: 0; margin-left: 0; margin-bottom: 20px; padding:0; list-style-type: none; }
.linkliste[class] { margin-left: 0; }
.linkliste li { padding-bottom: 3px; }

/* ----------------------- Content Weiterführende Informationen -------------------- */
.content_more_info { margin: 30px; clear: left; border: solid 1px #0770B0; background-color: #D2D9E0; }
.content_more_info h2 { font-size: 1em !important; margin: 0; padding: 4px; color: #003366; background-color: #C0D0E0; }
.content_more_info h3 { margin: 0; padding-top: 4px; font-weight: normal; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; color: #055B77; background-color: #fff; }
.content_more_info .linkliste { margin-left: 0; padding-top: 3px; padding-bottom: 3px; margin-bottom: 0; }
.content_more_info[class] .linkliste { margin-left: 6px; }

.h1_lead { margin-top: 11em; color: #4f6569; font-size: 155%; }


img { border: 0; }

/* ---------------------------- Bildergalerie ---------------------------- */
#galerie_container { margin: 35px 0 35px 0; }
#paginate_container { width: 100%; text-align: center; margin: 15px 0 15px 0; padding: 4px 0 4px 0; }
#paginate_container .navi_link_marker{ color: #696969; }
.paginate_button, .paginate_button_disabled { display: inline; margin-right: 2px; font-weight: bold; }
.paginate_button_disabled { color: #909090; padding: 0 6px 0 6px; border: 1px solid #d7d7d7; background-color: #eeeeee; }
.paginate_button a, .paginate_button a:hover { padding: 0 6px 0 6px; border: 1px solid #d7d7d7; background-color: #eeeeee; }
.paginate_button a:hover { background-color: #8c8c8c; text-decoration: none; }
.thumb_rahmen { border: 1px solid #C7C7C7; padding: 3px; margin-bottom: 6px; float: left; margin: 0 18px 12px 0; }

/* Regionalsuche für die WWÄ in linker Spalte */
.regionalsuche { margin: 15px 0 0 4px; }
.regionalsuche p { color: #D2E8FE; font-size: 0.75em; margin: 10px 0 0 0; }
.regionalsuche select { font-size: 0.7em; padding: 0; width: 12em; }
.regionalsuche input { font-size: 0.65em; display: block; }