/**********************************************************************************/
/*																				  */
/*          Copyright 2006, SWM Services GmbH, S-IP-AN-BE Webteam      	  		  */
/*																				  */
/**********************************************************************************/


html, body{
	width:100%;
}

div#logo{
	position:absolute;
	top:10px;
	left:10px;
}

/* Für die Barrierefreiheit, wird von normalen Browsern ausgeblendet */
span.hidden{ 
	position:absolute;
 	left:-1000px;
 	top:-1000px;
 	width:0;
 	height:0;
 	overflow:hidden;
 	display:inline;
}

h2.hidden{   /*edit*/  /*muss noch auf h6 geändert werden */
	position:absolute;
 	left:-1000px;
 	top:-1000px;
 	width:0;
 	height:0;
 	overflow:hidden;
 	display:inline;
}
/* -------------------------------*/

img{ /* Damit keine Ränder um Bilder gezeichnet werden */
	border:0px none;
}


/* Erweiterung des Head für große Monitore */
div#headextension,
div#breadgrumbextension{
	display:none;
}

/* ---------------------------------------------------- */

body{
	font-family:Arial, Verdana, Helvetica, Tahoma;
	font-size:100.01%; /* 100% führt zu Bugs */
	padding:0;
	margin:0;
}

div#main{ /* umschließt alle relativ positionierten div-tags */
	position:absolute;
	left:0;
	top:0;
	width:100%;
	margin:0;
	padding:0;

}

div#head{	
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	height:180px;
	width:100%;
	background-color:#002970;
}


/*-------------------------------------*/
div#searchbar{ /* Suchzeile oben in der Mitte*/
	z-index:100;
	font-size:0.8em;
	position:absolute;
	width:100%;
	top: 65px;
	left:0px;
	color:#FFFFFF;
	text-align:left;
	
}

div#searchbar a{text-decoration:none; color:#ffffff} /*linkformatierung suchzeile*/

div#searchbar a:link,
div#searchbar a:visited{}

div#searchbar a:focus,
div#searchbar a:hover,
div#searchbar a:active
{text-decoration:underline;}

/*----------------------- Hilfsnavigation -----------------*/

div#helpnavigationright{ /* Navigationszeile oben rechts*/
	z-index:101;
	position:absolute;
	top:120px;
	left:0px;
	width:100%;
	text-align:left;
	padding:4px;
}


div#helpnavigationright  a{ /* links der Navigatonzeile*/
	margin-left:5px;
	font-size:12px;
	color:#ffffff;
	text-decoration:underline;
}

div#helpnavigationright a:link,
div#helpnavigationright  a:visited{}

div#helpnavigationright  a:focus,
div#helpnavigationright  a:hover,
div#helpnavigationright  a:active{
	text-decoration:none;

}

/* --- Ende Div's über Grundstruktur --- */


div#horizontalmenue{
	background-color:#D7D7D7;
	z-index:201;
	padding-top:200px;
	padding-bottom:15px;
}

div#horizontalmenueleft{ /* Linker unbenutzter Reiter des Menüs */
	display:none;

}

div#horizontalmenueleft span{ /* Runde Kante des linken Reiters*/
	display:none;
}

div#horizontalmenueright{	/*Runde Kante für den Rechten Reiter*/ 
	display:none;

}

div#horizontalmenuecenter{ /* In diesem Div liegen die Menüreiter */
}


/*edit*/
/*---------Variable Menüpunkte---------------------------------*/
/* die Hintergrundbilder werden mit dem <b>-Tag eingebunden, da bei fast allen
	 anderen Tags hat der IE den Hover-Effekt nicht richtig angezeigt */

div#horizontalmenuecenter ul.level2 { /*die Aufzählung für die Menüpunkte*/
	list-style:none;
	padding:0;
	margin:0;
	font-size:0.9em;


}

/*---------------------- Button on -------------------------------------------*/
div#horizontalmenuecenter ul.level2 li.activeleaf,
div#horizontalmenuecenter ul.level2 li.activeopen,
div#horizontalmenuecenter ul.level2 li.leaftrail,
div#horizontalmenuecenter ul.level2 li.open { /*Magnolia-Klassen für die Aktiven Buttons*/
	list-style:none;
	padding:	0;
	margin:		0;

}

div#horizontalmenuecenter ul.level2 li.activeleaf a,
div#horizontalmenuecenter ul.level2 li.activeopen a,
div#horizontalmenuecenter ul.level2 li.leaftrail a,
div#horizontalmenuecenter ul.level2 li.open a{ /* Formatierung der Hyperlinks */
	text-decoration:	none;
	color:				#000000;
}


div#horizontalmenuecenter ul.level2 li.activeleaf b{ /* Mittlere Teil des Buttons*/
	padding:2px 4px 0 4px; /* änderungen bei allen buttons machen!!!*/
}
	
div#horizontalmenuecenter ul.level2 li.activeleaf b.left,
div#horizontalmenuecenter ul.level2 li.activeleaf b.right{
	display:none;
}



/*---------------------- Button out/over    ---------------------------------------------------------*/
div#horizontalmenuecenter ul.level2 li.leaf{ /*Umschließt einen Button*/
	padding:	0;
	margin:		0;
	
}

div#horizontalmenuecenter ul.level2 li.leaf b.right,   /*Rechte ecke des Buttons*/
div#horizontalmenuecenter ul.level2 li.leaf b.left{ /*Linke Ecke des Buttons*/
	display:none;
}

div#horizontalmenuecenter ul.level2 li.leaf b{ /* Mittlere Teil des Buttons*/
	padding:2px 4px 0 4px; /* änderungen bei allen buttons machen!!!*/
}	


/*----------------Formatierung der Links mit den Hovereffekten---------*/
div#horizontalmenuecenter ul.level2 li.leaf a {	/*Allgemeiner Linktext*/
	text-decoration:	none;
	color:		#002970;
}

/* Mouse out --- Für die Ecken und den Mittleren Bereich wird jeweils ein Bild eingebunden*/

div#horizontalmenuecenter ul.level2 li.leaf a, 
div#horizontalmenuecenter ul.level2 li.leaf a:link,
div#horizontalmenuecenter ul.level2 li.leaf a:visited 
{
	text-decoration:underline;
}


/*Mouse over --- Jetzt wird Das Bild so verschoben, dass der zweite Bildes zu sehen ist*/
div#horizontalmenuecenter ul.level2 li.leaf a:focus,
div#horizontalmenuecenter ul.level2 li.leaf a:hover,
div#horizontalmenuecenter ul.level2 li.leaf a:active 
{ 
	text-decoration:none;
}


div#horizontalmenuecenter ul.level2 li.leaf a b.left,
div#horizontalmenuecenter ul.level2 li.leaf a:link b.left,
div#horizontalmenuecenter ul.level2 li.leaf a:visited b.left,
div#horizontalmenuecenter ul.level2 li.leaf a b.right,
div#horizontalmenuecenter ul.level2 li.leaf a:link b.right,
div#horizontalmenuecenter ul.level2 li.leaf a:visited b.right,	
div#horizontalmenuecenter ul.level2 li.leaf a:focus b.left,
div#horizontalmenuecenter ul.level2 li.leaf a:hover b.left,
div#horizontalmenuecenter ul.level2 li.leaf a:active b.left,
div#horizontalmenuecenter ul.level2 li.leaf a:focus b.right,
div#horizontalmenuecenter ul.level2 li.leaf a:active b.right,
div#horizontalmenuecenter ul.level2 li.leaf a:hover b.right
{ 
	display:none;
}

/*------Ende ----------- Formatierung der Links ------------- Ende -----------------------------------*/

div#horizontalmenueicons,
div#horizontalmenueicons a,
div#horizontalmenueextension{ /* Erweiterung des Menüs für große Monitore*/
	display:none;
	
}
/* ----------------------------------------------------------- */

/* --------------------- Breadcrumb ------------------------------*/
div#breadcrumb{ /* Umschließt die Breadcrumbs */
	clear:both;
	background-color:#D7D7D7;
	color:#002970;
	position:relative;
	z-index:200;
	
}


div#breadcrumbtext{ /*Ausrichtung und Formatierung der Breadcrumbs*/
	padding:3px;
	font-size:0.7em;
	font-weight:normal;
}

div#breadcrumbtext a{ /* formatierung der Hyperlinks*/
	color:#002970;
	font-size:1em;
	font-weight:normal;
	text-decoration:underline;
}

div#breadcrumbtext a:link,
div#breadcrumbtext a:visited{}

div#breadcrumbtext a:focus,
div#breadcrumbtext a:hover,
div#breadcrumbtext a:active{
	text-decoration:none;
}



/* -------- Vertikales Menü -------*/

div.verticalmenuebackground{ /* Hintergrund des Menüs, geht über die komplette Seite*/
	display:none;


}

div.verticalmenue{
	position:relative; /* Damit z-index auch bei firefox geht*/
	z-index:1;			/* Damit das Menü vor dem Hintergrund ist */
	width:12.5em; /* wie div.verticalmenuebackground */
	padding:0;
	color:#000000;
	background-color:#D7D7D7;
	width:200px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}


div.verticalmenue h3{ /*Überschrift des Menü's*/
	color:#002970;
	padding:0;
	margin:0;
	font-size:1em;
	font-weight:bold;
	padding-left:17px;

}

							/*level3 da oben schon level2 in den Menüs verwendet wurde*/
div.verticalmenue ul.level3 { /* Aufzählung im Menü , erste Ebene im vertikalen Menü*/	
	border-bottom:1px dotted #002970;	
	list-style:none;
	padding:0;
	margin:0;
	padding-top:10px;
	width:161px;
	margin-left:4px;
}

div.verticalmenue ul.level3 li { /* Menüpunkt, erste Ebene*/
	list-style: none;
	margin: 0; 
	padding:2px 0;	
	border-top:1px dotted #002970;
	font-size:0.9em;
}

div.verticalmenue ul.level3 li.activeopen a, /* Aktiver Link, erste Ebene */
div.verticalmenue ul.level3 li.activeleaf a,
div.verticalmenue ul.level3 li.opentrail a,
div.verticalmenue ul.level3 li.open a
 {	
	display:block;
	padding-left:13px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;

}

div.verticalmenue ul.level3 li.leaf a { /* Normaler Link, erste Ebene */
	display:block;
	padding-left:13px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;

}
div.verticalmenue ul.level3 li.leaf a:link{}
div.verticalmenue ul.level3 li.leaf a:visited{}

div.verticalmenue ul.level3 li.leaf a:focus, /* Hover Link, erste Ebene */
div.verticalmenue ul.level3 li.leaf a:active,
div.verticalmenue ul.level3 li.leaf a:hover{	
	padding-right:1px; /* Hack für IE, sonst wird Bild nicht angezeigt */
	background-image:url('images/design/design/pfeil-grau-menue-gross.gif') ; 
   	background-repeat:no-repeat;
   	font-weight:bold;
}


div.verticalmenue ul.level4 { /* Auzählung, zweite Ebene*/
	list-style:none;
	border:0;
	margin: 0; 
	padding:0;
	font-size:1em;
}

div.verticalmenue ul.level4 li{ /*Menüpunkt, zweite Ebene */
	list-style:none;
	margin: 0; 
	padding:0;
	border:0;
	margin-left:13px;
}

div.verticalmenue ul.level4 li.activeopen a, /* Aktiver Link, zweite Ebene */
div.verticalmenue ul.level4 li.activeleaf a,
div.verticalmenue ul.level4 li.opentrail a,
div.verticalmenue ul.level4 li.open a{
	display:block;
	padding-left:13px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;

}

div.verticalmenue ul.level4 li.leaf a{ /* Normaler Link, zweite Ebene */
	display:block;
	width:100%;
	padding-left:13px;
	font-weight:normal;
	background-image:none;	
	color:#000000;
	text-decoration:none;
}

div.verticalmenue ul.level4 li.leaf a:link{}
div.verticalmenue ul.level4 li.leaf a:visited{}


div.verticalmenue ul.level5 { /*aufzählung, dritte Ebene*/
	margin: 0; 
	padding:0;
	list-style:none;
	font-size:1em;
}

div.verticalmenue ul.level5 li{ /*Menüpunkt, dritte Ebene*/
	list-style: none;
	margin: 0; 
	padding:0;
	margin-left:22px;
}


div.verticalmenue ul.level5 li.activeopen a,
div.verticalmenue ul.level5 li.activeleaf a,
div.verticalmenue ul.level5 li.opentrail a,
div.verticalmenue ul.level5 li.open a{ 	/* Aktiver Link, dritte Ebene */
	display:block;
	width:100%;
/*	padding-left:13px;  */
 	font-weight:bold; 
	color:#000000;
	text-decoration:none;
	background-image:url('images/design/pfeil-grau-menue-gross.gif') ; 
   	background-repeat:no-repeat;
}

div.verticalmenue ul.level5 li.leaf a{ /* Normaler Link, dritte Ebene */
	display:block;
	width:100%;
	padding-left:13px;
	font-weight:normal;
	display:block;
	color:#000000;
	text-decoration:none;
}
div.verticalmenue ul.level5 li.leaf a:link{} 
div.verticalmenue ul.level5 li.leaf a:visited{}


div.verticalmenue ul.level5 li.leaf a:focus,
div.verticalmenue ul.level5 li.leaf a:active,
div.verticalmenue ul.level5 li.leaf a:hover{ /* Hover Link, dritte Ebene */
	background-image:url('images/design/pfeil-grau-menue-gross.gif') ; 
   	background-repeat:no-repeat;
   	font-weight:bold;
}

/* vervollständigt den head, da der menü-hintergrund sich über head geschoben hat */
div#blue4menue{
	display:none;

}

/* -------------------------------------------------------------- */


/* ---------------Info-Box Leiste rechts----------------------------*/

div#rightcontent{ /* Feld, in welchem die Boxen sind */
	
	padding-top:10px;
	float:left;

}




/* ------------hier beginnt das boxdesign-------------- */
div.rightinfobox{ /* Umschliesst immer eine Box*/
	padding: 5px 0 5px 0;
	width:178px;

}

div.rightinfoboxtop{ /* Hier steht die Boxüberschrift, Hintergrund mit runden Ecken*/
	height:15px;
	width:177px;
	font-size:0.75em;
	font-weight:bold;
	background-image:url('images/design/fensteroben.jpg'); 
	background-repeat:no-repeat;
	color:#ffffff;
	padding-left:15px;
	

}

div.rightinfoboxbottom{ /* Fuss jeder Box, Zeigt ein Bild mit runden Ecken */
	background-image:url('images/design/fensterunten.jpg');
	background-repeat :no-repeat;
	height:9px;
	
	width:100%
}



div.rightinfoboxcontent{ /* Hier stehen die Inhalte der Box */
	background-color:#D9DAFF;
	width:177px;
	padding:0;
	margin:0;
}

div.rightinfoboxcontent p{ /* um die Texte in de Box muss ein <p>-Tag sein, da damit 
								die Texte ausgerichtet werden */
	color:#000000;
	margin:0;
	padding-left:15px;
	padding-right:15px;
	font-size:0.7em;
	
}

div.rightinfoboxcontent div{ /*Falls ein Div in die Box soll/muss */
	color:#000000;
	margin:0;


}

div.rightinfoboxcontent a{ /*Formatierung der Hyperlinks in der box */
	text-decoration:none;
	font-size:0.9em;
	color:#002970;
}

div.rightinfoboxcontent a:link,
div.rightinfoboxcontent a:visited{

}

div.rightinfoboxcontent a:focus,
div.rightinfoboxcontent a:hover,
div.rightinfoboxcontent a:active{
	text-decoration:underline;
}


/* -----------------------------------------------------------*/

div#contentimages{	/*Bildleiste im Content */
	width:130px; 	
	margin-top:10px;	
	margin-left:5px;
	padding-right:5px;
	text-align:center;
	float:left;
	
	
}

div#contentimages img{ /*formatierung der eingebunden Bilder*/
	margin-bottom:5px;
	font-size:0.8em;
	font-weight:normal;
}


div#contenttext, /* Textbereich im Content */
div#suche
{		
	position:relative;
	z-index:100;
	padding-top:5px;
	font-size:0.8em;
	margin:3px;
}

div#suche {  /*edit*/ /*???*/
	float:left;
	padding-left:25px;
}

div#contenttext a{ /* Links im content*/
	 color:#002970;
	 text-decoration:underline;
	 font-weight:bold;
}
div#contenttext a:link,
div#contenttext a:visited{ }

div#contenttext a:focus,
div#contenttext a:hover,
div#contenttext a:active{text-decoration:none;}

div#contenttext h1{ /*1. Überschrift im content*/
	font-size:1.25em;
	font-weight:bold;
	color:#002970;
	padding-top:0px;
}

div#contenttext h2{ /* 2. Überschrift im content*/
	font-size:1.1em;
	font-weight:bold;
	color:#000000;
}

div#lipsum{ /*edit*/ /*???*/

}
div#contenticons{ /* Box mit Gif's für Druckansicht und Email*/
	padding: 10px 0 5px 20px;
	text-align:left;

}

div#contenticons a{ /* Damit nichts Unterstrichen wird */
	text-decoration:none;
	border:0px none;
}	


/* ----- Footer-----------------------------------------------   */
div#footer{ /*Fußzeile, umschließt die Footerbereiche*/
	clear:both;
	width:100%;
	font-size:0.7em;
}

div#footerleft{ /* Linker Bereich, mit copyright*/
	text-align:center;
	float:left;
	color:#002970;
	
}

div#footerright{ /* Rechter bereich, Leer*/
	float:right;
	padding:3px;
	width:180px;
}

div#footercenter{ /*Mittlerer Bereich, leer*/
	color:#002970;
	padding:3px;
	text-align:center;
}

/* ------------Ende Footer --------------------------------------*/


/*********************************************************************************************************************/

/*********************************************************************************************************************/

/*********************************************************************************************************************/

/*************************nur für die Startseite *********************************************************************/
div.defaultleft{
	padding: 40px 0 20px 0;
	margin-bottom:10px;
}

div.defaultleft div{
	margin: 7px 15px;
	border-bottom: solid 1px #002970;
}

div.defaultleft div img{
	float:left;
	border:none;
}

div.defaultleft div h2{
	font-size:1em;
	padding-left:160px;
}
div.defaultleft div p{
	font-size:0.8em;
	padding-left:160px;
}

div.defaultleft div a{
	text-decoration:none;
	border:none;
	color:#002970;
}

div.defaultleft div a:hover,
div.defaultleft div a:active{
	text-decoration:underline;
}


/*****************************************/


div.defaultright{
	padding-top:20px;
	
}

div.defaultright img{
	float:right;
	margin-right:40px;
}

div.defaultright b{ /* Wäre eigentlich h1 geworden, IE checkt dass aber mal wieder nicht...*/
	color:#002970;
	text-decoration:underline;
	font-size:1em;

	
}

div.defaultright ul{
	float:left;
	margin:10px 0 0 0px;
	font-weight:bold;
	text-decoration:none;
	font-size:0.9em;
	color:#002970;
}
div.defaultright ul li{ /*Siehe Browserspezifische Dateien*/
	
	padding-bottom:6px;
	list-style-image:url('images/design/default-pfeile.gif');
}

div.defaultright ul a{
	color:#002970;
	text-decoration:none;
}

div.defaultright ul a:hover,
div.defaultright ul a:active{
	text-decoration:underline;
}