/* ================ letzter import: 28.5.09/aenderungsdatum: 28.5.09, 12:24 ============== */


/* =============== DEKLARATIONEN ZUM SEITENAUFBAU UND DEN EINZELNEN ELEMENTEN, POSITION NAVIGATION ETC. =============== */

/* ============================= Hintergrundfarbe und Schrift fuer alle Seiten ============================= */
body {
	margin:0px;
	padding:0px;
	background-color:#00527d; /*#383838;*/ /* Hintergrundfarbe gruen #79e1d4*/ /*Hintergrundfarbe: dunkelblau: #00527d;*/ /*ANTHRAZIT*/
	background-image:url(../img/ksl/fulltab_bg.gif); /*Bild geaendert wegen Farbe, Bild wird nicht angezeigt, EG*/
	background-repeat:repeat-y;
	font-family:Arial, Verdana, sans-serif; /*Schrift*/
}


html, body {
	min-height:100%; /*das wird benoetigt, damit der tabbar 100% hohe akzeptiert, EG */ 
}





/*=============== Tabbar =============== */

#tabbar{
	position:absolute; /*statt fixed, das vom IE 6 nicht verstanden wird*/
	top:0;
	left:0;
	margin:0;
	padding:0; /*Farbe kommt jetzt vom ksm-Element, daher rechts kein Padding, EG */
        width:64px; /*geringere Breite, da Farbe vom ksm-Element, EG*/
	height:100%;
	z-index:18;
	/*background-image:url(../img/ksl/fulltab_bg.gif);*/ /*Bild geaendert wegen Farbe, Bild wird oben im Body angezeigt, sonst nur FF und nur 100% viewport, EG*/
}

#tabbar_bg{
	margin:0;
	padding:0;
	background:transparent;
	padding-left:1px;
	height:100%;
}


.tabs{
	margin-top:1px;
	width:64px;
	height:107px;
	display:block;
	border:none;
}



.tabs span{
	display:none;
}

/* JMBTAB  */

#jmb_tab{
	background-image:url(../img/ksl/jmb_tab_normal.gif);
}

#jmb_tab:hover{
	background-image:url(../img/ksl/jmb_tab_hover.gif);
}

#ksm_tab{
	background-image:url(../img/ksl/ksm_tab_normal.gif);
}


#ksm_tab:hover{
	background-image:url(../img/ksl/ksm_tab_hover.gif);
}

#ksm_tab_active{
	background-image:url(../img/ksl/ksm_tab_active.gif);
}


#osp_tab{
	background-image:url(../img/ksl/osp_tab_normal.gif);
}

#osp_tab:hover{
	background-image:url(../img/ksl/osp_tab_hover.gif);
}



/* ============================= Definition vom gesamten KSM-Bereich im Verhaeltnis zum tabbar  ============================= */
#ksm {
	position:relative; 
	top:0px;
        left:64px;
	margin:0;
	padding:0;
	border:0;
	border-left:solid;
	border-left-width:10px;
	border-left-color:#00527d;
	background-color:#79e1d4; /*eigentlich: #79e1d4, Hintergrundfarbe: dunkelblau: #00527d;*/ 
	min-width:100%;
	height:100%;
}


/* =============== Karteireiter, auf dem die Navigation liegt =============== */
#karteireiter {
	margin:0px;
	padding:14px 0px 0px 0px; /*Abstand Tabs von oben bzw. bg-color, EG*/
	border:0px;		
	border-bottom-style:solid; /*gegen coll. margins, EG. */
	border-bottom-color:#79e1d4;
	border-bottom-width:1px;
	background-color:#00527d; /*Hintergrundfarbe: dunkelblau: #00527d;*/
	min-width:100%; /*keine feste Breite, da sonst die Navigation hinter die anderen Elemente, EG*/
	height:30px;
	z-index:2;
		}

#karteireiter li {
	display:inline;
	list-style:none;
	text-transform:uppercase;
	font-size:1.4em;
	font-weight:bold;

}

#karteireiter ul {
	margin:0px;
	padding:0px; /*bewirkt positionierung direkt neben tabbar, EG*/
	border:0px;
	background-color:#00527d;

}

.bereiche {
	font-size:1.4em;
	font-weight:bold;
}

.sprache {
	font-size:0.8em;
	font-weight:bold;
	background-color:#00537d;
	vertical-align:top;
}

.sprache a {
	text-decoration:none;
	border:solid;
	border-left-width:120px;
	border-top-width:10px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-color:#00527d;
}


/* =============== Sprachwechsel-Buttons am rechten Rand ===============  */

#sprachwechsel {/*im ff verschwindet sprachwechsel noch hinter forum, nicht schlimm, so lange forum nicht existiert*/
	float:right;
	margin-top:-35px; /*andere Position im IE */
	margin-right:85px; /*andere Position im IE */
}

#sprachwechsel li {
	list-style:none;
	display:inline;
	font-size:0.7em;
	font-weight:bold;
	background-color:#00537d;
}

#sprachwechsel ul {
	background-color:#00537d;
}

#sprachwechsel a {
	text-decoration:none;
	text-transform:uppercase;
}


/* =============== Karteikarte Hintergrundfarbe =============== */
#karteikarte {
/*position:absolute;*/ /*bei absoluter Positionierung verschwindet Navi im IE bei Schriftvergroesserung hinter Karteikarte */
	border-top: 1px solid #79e1d4; /*border gegen collapsing margins, im IE andere Farbe */
        margin-top:-2px; /*Positionierung fuer Firefox 3.6, wird fuer IE 6, 7 und Safari wieder aufgehoben*/
        margin-right:0px;
	margin-bottom:0px;
	padding-top:10px;
	padding-right:0px; /*bewirkt leider keine aenderung im ie, EG */
	background-color:#79e1d4; /*Hintergrundfarbe gruen: #79e1d4 */
	min-width:100%; /* muss im IE width heissen, EG */
	height:100%;
	z-index:20;
}

/* ============================= hellgrüner Rahmen um den Content ============================= */
#contentrahmen {
 	margin-top:10px; 	
 	margin-bottom:10px;
 	margin-left:10px;	
 	padding-top:10px;
 	padding-bottom:10px;
 	background-color:#c9f3ee;
 	width:655px;
}

/* ============================= weißer COntentbereich je nach Inhalt, wenn die alle einzeln definiert sind, muss das in ksm_content.css ============================= */
.content {
	margin-left:10px;
	margin-top:10px;
  	padding-bottom:20px; /*entfernen für Abstand Infobox, dafuer bei .begriffsnavigation, .mehr, .textmitBild - Umbau auf Glossarseiten*/
	width:635px;
	background-color:#ffffff;
/*min-height:375px; */
}



/* =============== Filter und Buttons =============== */

div.filterzeile{
	margin-top:7px;
	margin-bottom:10px; /*abstand nach unten, wirkt sich nur im IE aus, NEU EG*/
}

form.einzeilig{
	margin:0px; 
	padding:0px;
	border:0;
	display:inline;
}

form.einzeilig_en{/*neu DG*/
	margin:0px 0px 0px 9px; 
	padding:0px;
	border:0;
	display:inline;
}

form.einzeilig_glossar{
 	margin: 0px 0px 0px 387px;/*DG 451px */
 	padding: 0px;
 	border:0;
 	display:inline;
}

/*
.filterzeilenursuche {/*funktioniert noch nicht einwandfrei, NEU EG - eigentlich hatte Dagmar dafuer schon einen Style vorgesehen?*/
	margin-top:7px;
	margin-left:-2px;
}
*/


 /*Text zur Filterbenutzung*/

p.filterhilfe{
 	width:635px;
 	padding-left:10px;
 	padding-bottom:0px;
 	font-weight:bold;
}

select.filter{
	width:156px;/*von 160 auf 156 gesetzt, damit abstand zw. img zum wechsel zwischen teaser als galerie/liste moeglich wird*/
	height:18px;
	margin: 0px 0px 0px 10px;
	display:inline;
	border:0px;
	cursor: pointer;
}

/*Drowdown rechts*/
#filter2 {
	margin: 0px 0px 0px 6px;
}

/*filter ausloesen: button los de + en*/
#filter_go {
position:relative;
top:1px;
height:18px;
margin: 0px 0px 0px 6px;
padding:0px 1px 0px 1px;
display:inline;
background-color:#077c89;
color:#ffffff;
border:0;
font-family:Arial,Verdana,sans-serif;
font-size:0.8em;
font-weight:bold;
text-transform:uppercase;
cursor: pointer;
}

#galerieIcon{
position:relative;
top:4px;
margin: 0px 0px 0px 17px;
}

#listenIcon{
position:relative;
top:4px;
margin: 0px 0px 0px 5px;
}

#galerieIcon_en{
position:relative;
top:4px;
margin: 0px 0px 0px 25px;
}

#listenIcon_en{
position:relative;
top:4px;
margin: 0px 0px 0px 5px;
}


/*Sucheingabefeld*/
input.sucheingabe{
/* position:relative;
top:-1px; wuerde die abweichung bei seiten, die formulare.css includieren fixen; muesste ggf. als eigener style gemacht + in webE abgefragt werden*/
width:189px;
margin-left:66px; /*war vorher 6px, NEU EG*/
padding-left:5px;
display:inline;
border:0px;
}

input.sucheingabe_filterseite{
width:189px;
margin-left:6px; 
padding-left:5px;
display:inline;
border:0px;
}


input.sucheingabe_filterseite_en{
width:188px;
margin-left:-3px;
padding-left:5px;
border:0px;
}


input.suchanfrage_senden{
position:relative;
top:4px;
left:-4px;
widht:18px;
height:18px;
display:inline;
}

/* =============== Satz zur Treffermenge oder "Zurueck zur Auswahl" =============== */


#trefferzurueck {
padding-left:10px;
padding-bottom:20px; /*anderes padding-bottom in IE */
width:645px;
color:#393939;
font-size:0.8em;
}

#trefferzurueck a {
color:#393939;
}

/* ========== Positionierung von "alle Angebote" oder Zurueck" (links) und Paginierung (rechts) =============== */
#linkeseite {
float:left;
width:300px;
}

.paginierung {
padding-top:-120px;
padding-right:10px;
float:right;
width:100px;
text-align:right;
}

.clearboth {
clear:both;
height:1px;
margin-top: -4px !important;
overflow:hidden;
width:1px;
}

/* =============== Utilities =============== */
#utilities {
clear:both;
top:0px;
left:0px;
width:665px;
background-color:#79e1d4; /*Hintergrundfarbe gruen: #79e1d4 */
color:#393939; /*Farbe der Striche, EG */
}

/* =============== Utilities: Kontakt und Oeffnungszeiten, Impressum, Sitemap =============== */
#utilitiesleft {
/*margin-left:20px;*/
padding-left:10px;
width:350px;
float:left;
text-align:left;
}
#utilitiesleft ul {
/*background-color:#FF3399;*/ 
}

#utilitiesleft li{
list-style:none;
display:inline;
font-size:0.6em;
/*background-color:#990000;*/ 
}

#utilitiesleft a {
color:#393939;
text-decoration:none;
}

/* =============== Utilities: Seite drucken und Seite versenden =============== */
#utilitiesright { /*koennen eigentlich entfallen, sauber testen und loeschen, EG */
padding-right:10px;
/*background-color:#666666;*/ 
width:200px;
float:right;
text-align:right;
}
#utilitiesright ul {
/*background-color:#FF0099;*/ 
}

#utilitiesright li{
list-style:none;
display:inline;
font-size:0.6em;
/*background-color:#CCCC00;*/ 

}

#utilitiesright a {
color:#393939;
text-decoration:none;
}


/* =============== clear =============== */
#ksm hr {
clear:both;
/*margin:-20px;*/ /* funktioniert nicht bei IE*/
/*color:red;*//*farbe nur fuer testzwecke*/
visibility:hidden;/*auskommentiert nur fuer testzwecke*/
padding-bottom:-10px; /* funktioniert nicht bei IE*/
/*border:none;*/ /*auskommentiert nur fuer testzwecke*/
}


/* =============== Safari Hack fuer Positionierung Karteikarte - funktioniert ggf. auch fuer IE7 =============== */
/*\*/
html* #karteikarte {
margin-top:-7px;      
} 

#utilities {
height:40px; 
width:100%;
margin-bottom:0px;
padding-bottom:20px;     
}