/* ---------------------------------------------------------------- */
/* --------------- Anfang General HTML-Tags  positions------------- */
/* ---------------------------------------------------------------- */



/* -----------fuer Ausrichtung der 3 Bereiche (links, mitte, rechts, brauchen wir!!!---------------- */
* {
	margin: 0;
	padding: 0;
}

.unsichtbar {
	position: absolute;
	left: -1000em;
	top: -1000em;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}



.floatleft {
   float:left;
   padding-right: 0.4em;
   padding-bottom: 0.4em;
}

.clear {
	clear: both;
	visibility: hidden;
}



/* fuer 2-spaltiges Seitenlayout */
.col_one{
 margin-top: 1em;
 float: left;
 width: 45%;
}

.col_two{
 margin-top: 1em;
 margin-left: 1em;
 float: left;
 width: 45%;
}


/* ----------------------------------------------------------------- */
/* --------------- Ende General HTML-Tags  positions --------------- */
/* ----------------------------------------------------------------- */





/* ------------------------------------------------------------------ */
/* --------------- Fortsetzung Rahmen-Layout ------------------------ */
/* ------------------------------------------------------------------ */

#borderline {
	z-index:1000;
	width:100%;
	position:absolute;
	top:11.9em;
	left:0;
	border:0;
	color: #fff;
	background-color: #fff;
	height: 0.4em;
}

/* ------------------------------------------------------------- */
/* --------------- Ende Rahmen-Layout -------------------------- */
/* ------------------------------------------------------------- */





/* ------------------------------------------------------------- */
/* --------------- #content wird in basic_content definiert!!!!- */
/* ------------------------------------------------------------- */





/* ------------------------------------------------------------- */
/* --------------- Anfang Global Header ------------------------ */
/* ------------------------------------------------------------- */
/* der Kopf-Bereich, oben ueber den 3 Navi bzw. Contentbereichen */
#kopf {
	background-image: url(../../own/images/kopf.jpg); /* hoehe 40px */
	background-repeat: repeat-x;
	font-size: 0.75em;
	padding-bottom: 0.4em; /*dieses padding verschiebt mitte auf abstand zum oberen seitenrand 45px */
}

#kopf img{
	border:0;
}

#kopf .headernavi {
	position: absolute;
	background-color: #fff; /* sollte die selbe farbe sein, wie der Kopf, wird in individual.css überschrieben */
	left: 300px;/* feste groesse wegen skalieren */
	top: 0;
	width: 50em;
	height: 25px; /* feste groesse wegen skalieren */
	padding: 0.5em 1em 0.5em 1em; /* top|right|bottom|left */
}

#kopf .headernavi ul{
	list-style-type: none;
}

#kopf .headernavi li{
	float: left;
}

#kopf .headernavi li.english{
	background-image: url(../images/english.gif);
	background-repeat: no-repeat;
	margin-left: 3.2em;
	padding-left: 1.8em;
}

#kopf .english img {
	border: none;
	padding-right: 2px;
}

#kopf .english a,
#kopf .english a:link,
#kopf .english a:visited {
	color: #005494;
}

#kopf .english a:hover,
#kopf .english a:active,
#kopf .english a:focus{
	background-color: #cccccc;
}
/* ------------------------------------------------------------- */
/* --------------- Ende Global Header -------------------------- */
/* ------------------------------------------------------------- */




/* ------------------------------------------------------ */
/* ------- Anfang Hauptnavigation Area ------------------ */
/* ------------------------------------------------------ */

/* Die Hauptnavigation --> linker Bereich mit Header-Bild */
/* Menue links */
#navi {
	position: absolute;
	z-index:999;
	left: 0;
	top: 44px;			 /* Abstand zum oberen Seitenrand! px weil beim skalieren stehen bleiben soll! */
	background-image: url(../../own/images/links.jpg);
	background-repeat: no-repeat;
	xwidth: 14.8em; /* 212px */
	width: 214px; /* 212px feste groesse wegen skalieren */
	font-size: 0.9em;
}



/* erste Ebene bzw alle */
#navi ul {
	list-style-type: none;
	padding-left:0; /* !!! default_content.css ueberschreiben */
}


#navi ul li{
	font-weight: 700;
	font-size: 0.9em;
	line-height: 2em;
}

/* 
die cur-Menue-eintraege werden in der Regel nicht verlinkt 
(ausser bei weiterleitung auf die unterseite, da werden sie doch verlinkt), 
darum span! 
*/

#navi ul li a,
#navi ul li span,
#navi ul il ul{
	display: block;
	text-decoration: none;
	padding-left: 0.5em;
}


#navi ul li a:hover{
	background-color: royalblue;
}



/* ab hier die verschiedenen Zustaende: */


/* !!! */
#navi ul li.act,
#navi ul li.cur,
#navi ul li.curifsub{
	background-color: lightskyblue;
}

/* bei weiterleitung auf unterseite erscheinen cur-eintraege doch verlinkt (also cur a) */
#navi ul li.act a,
#navi ul li.cur a,
#navi ul li span.cur,
#navi ul li span.curifsub{
	color: #c80d1f; /* karmesin rot */
}


#navi ul li.no a,
#navi ul li.ifsub a{
	color: gray;
}

#navi ul li.act a:hover,
#navi ul li.ifsub a:hover,
#navi ul li.no a:hover{
	color: #fff;
}




/* zweite ebene */
#navi ul ul{
	margin-top: 0;
	margin-left: 1.2em;
}

#navi ul ul li{
	background-image: url(../../own/images/menu_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em; /* left top */
	border-top:solid #fff 1px;
	padding-left: 1.5em; /* hier abstand einbauen f�r da hintergrundbild */
}



/* dritte ebene */
#navi ul ul ul li{
	padding-left: 0;
	background-image: url();
}


#navi ul ul ul li.act a,
#navi ul ul ul li.ifsub a,
#navi ul ul ul li.no a{
	color: darkslategray;
}

#navi ul ul ul li span.curifsub,
#navi ul ul ul li span.cur{
	color: #c80d1f;
}

/* vierte ebene */
#navi ul ul ul ul li{
	margin-left: 1.2em;
}

/* login Seiten - extra styling */

/* generell */
#navi ul li.loggedin,
#navi ul li.loggedin .act,
#navi ul li.loggedin .curifsub,
#navi ul li.loggedin ul{
	background-color: thistle !important;
}


#navi ul li.loggedin a,
#navi ul li.loggedin span.cur,
#navi ul li.loggedin span.curifsub{
	border: solid red 1px;
}


/* !!! */
#navi ul li.loggedin span{
	padding-left:0;
}

/* ab hier die verschiedenen Zustaende */
#navi ul li.loggedin a:hover,
#navi ul li.loggedin .act a:hover,
#navi ul li.loggedin .no a:hover,
#navi ul li.loggedin .ifsub a:hover{
	background-color: #c80d1f;
	color: #fff !important;
}

#navi ul li.loggedin span.act a{
	color: #c80d1f;
}


#navi ul li.loggedin span.cur,
#navi ul li.loggedin span.curifsub{
	padding-left: 0.5em;
}

#navi ul li.loggedin span.cur{
	background-color: thistle;
	border: solid red 1px;
}


#navi ul li.loggedin .no a,
#navi ul li.loggedin .ifsub a,
#navi ul li.loggedin .act .no a,
#navi ul li.loggedin .act .ifsub a{
	color:gray;
}


/* zweite ebene */
#navi ul li.loggedin li.cur{
	background-color: thistle;
	border: solid red 1px;
}


/* wieso brauch ich dies???*/
#navi ul li.loggedin li.cur span.cur{
	padding-left: 0.5em;
}


/* 2te Ebene ohne roten Rand! */
#navi ul li.loggedin ul li a,
#navi ul li.loggedin ul li.cur span.cur{
	border:0;
}





/* ---------------------------------------------- */
/* ------- Ende Hauptnavigaion Area ------------- */
/* ---------------------------------------------- */






/* ------------------------------------------------------------- */
/* --------------- Anfang Suchformular ------------------------- */
/* ------------------------------------------------------------- */
#navi form {
	xmargin-top: 12em;/* Abstand zum oberen Seitenrand */
	margin-top: 160px;/* fester wert wegen skalieren */
	margin-bottom: 1em;
	padding-left: 0.2em;
}

/* kann ie6 nicht!!! */
/*
#navi input[type=text] {
	background-color: #fff;
	margin-right: 0.5em;
}
*/

#navi input.input{
	background-color: #fff;
	margin-right: 0.5em;
}
/* ------------------------------------------------------------- */
/* --------------- Ende Suchformular --------------------------- */
/* ------------------------------------------------------------- */






/* ------------------------------------------------------------- */
/* --------------- Anfang Link Style-Switcher ------------------------- */
/* ------------------------------------------------------------- */
#navi a.colLink {
	text-decoration: none;
	color: gray;
	font-size: 0.7em;
	font-weight: bold;
	line-height:2em;
	padding-left:1em;
	display:block;
	margin-bottom:2em;
}

#navi a.colLink:hover {
	color: #fff;
	background-color: gray;
}
/* ------------------------------------------------------------- */
/* --------------- Ende Link Style-Switcher ------------------------- */
/* ------------------------------------------------------------- */





/* ---------------------------------------------- */
/* ------- Anfang Global Footer  ---------------- */
/* ---------------------------------------------- */

#fuss {
	clear: both;
	margin-left: 18em;
	margin-right: 18em;
	padding-left: 6em;
	padding-right: 6em;
	padding-top: 11em;
	font-size: 0.8em;
    text-align: center;
	padding-bottom: 44%;
}
#fuss a,
#fuss a:link,
#fuss a:visited {
	color: #005494; /* kraeftiges blau */
}
#fuss a:hover,
#fuss a:active,
#fuss a:focus{
	background-color: #cccccc;
}
/* ---------------------------------------------- */
/* ------- Ende Global Footer  ------------------ */
/* ---------------------------------------------- */





/* ------------------------------------------------------ */
/* ------- Anfang Service-Navigation Area --------------- */
/* ------------------------------------------------------ */

/* -------Bereich der Rechten Navigation --------- */
/*  rechter Menue-Bereich mit Kopf-Bild!  */
#rechts {
	position: absolute;
	z-index:999;
	right: 0;				/* used to be 4px */
	top:45px;
	width: 214px; /* feste groesse wegen skalieren */
	padding-top: 160px; /* wie hg-rechts */
	background-image: url(../../own/images/tapete.jpg);
	min-height:300%;			/* moderner Browser: Seiten mit wenig Inhalt */
	height:auto !important;		/* Seiten mit sehr viel Inhalt ('ueber' 100%)*/
	
	font-size: 0.9em;

}

#rechts img {
	border:0;
}


#rechts p,
#rechts form {
	font-size: 0.85em;
}



#rechts ul{
	padding-left: 1em;
	list-style-type: none;
}


#rechts ul li a{
	color:black;
}
	
	
#rechts p a,
#rechts p a:link,
#rechts p a:visited{
	color: #005494; /* kraeftiges blau */
	text-decoration:none;
}

#rechts p a:hover,
#rechts p a:active,
#rechts p a:focus {
	background-color: #cccccc;
	text-decoration:none;
}




/* maag_randomimages */
#header_motive{
	position: absolute;
	right: 0;
	top: 0;
	width: 214px; /* feste Breite wegen skalieren*/
	height: 150px;/* feste Hoehe wegen skalieren*/
	overflow: hidden;
}

#header_motive img{
	width: 214px; /* feste Breite wegen skalieren*/
	height: 150px;/* feste Hoehe wegen skalieren*/
}



/* Content Elemente im rechten Bereich */
/* nur manchmal vorhanden....*/

#right_top{
	position: relative;
	width: 214px; /* feste Breite wegen skalieren*/
	overflow: hidden;
	margin-top: 8em;
}


#right_content{
	padding-top: 3em;
	padding-bottom: 3em;
	padding-left: 1em;
}


#right_content h1{
	font-weight:bold;
	font-size: 1em;
	line-height: 1em;
}

/* ------------------------------------------------------ */
/* ------- Ende Service-Navigation Area ----------------- */
/* ------------------------------------------------------ */





/* ------------------------------------------------------ */
/* ------- Anfang breadcrumb navi ----------------------- */
/* ------------------------------------------------------ */

#brot{
	padding-bottom:0.4em;
	padding-left:230px; /* fester abstand - wie bei content (aber anderer wert)*/
}

#brot a,
#brot a:link,
#brot a:visited {
	background-image: url(../images/bg_brot.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 2em;
	padding-right: 1em;
	color: #005394;
	font-size: 0.85em;
	white-space: nowrap; 
	display: inline-block; 
}




#brot a:hover,
#brot a:active,
#brot a:focus {
	background-color: #cccccc;
}
/* ------------------------------------------------------ */
/* ------- Ende breadcrumb navi ------------------------- */
/* ------------------------------------------------------ */