/* CSS Document */

* {margin:0; padding:0;}

/*------ Fixes, Workarounds etc. ----- */
.clearfix:after {	/*--- Clearfix für das Float-clearing ---*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* ---------- Basic --------- */

html { 	font-family: Arial, Helvetica, sans-serif; 	font-size: 100.1%;  }
	
body { margin:0; padding:0;  }

ul, li { list-style-type: none; }

img {border:0; }

a:link { color:#390; text-decoration: underline; }
a:visited { color:#000; text-decoration: underline; }
a:hover { color:#360; text-decoration: underline; }
a:focus { color:#360; text-decoration: underline; }
a:active { color:#390; text-decoration: underline; }


/* ------------ Accessibility ------------- */

#accesskeys {
	left: 0pt;
	position: absolute;
	top: -1000px; }
	
.hidden {
	display: inline;
	left: -1000px;
	overflow: hidden;
	width: 0px;
	position: absolute;
	top: -1000px;
	height: 0px;
	padding: 0 !important; }

/* ------------ Layout ------------- */

#main {
	width: 100%; 
	min-height:400px; }
	
#main.portal {background-image:url(../images/design/bg-head-portal.gif); background-repeat: repeat-x; }
#main.container {background-image:url(../images/design/bg-head-container.gif); background-repeat: repeat-x;}
#main.intranet {background-image:url(../images/design/bg-head-intranet.gif); background-repeat: repeat-x; }
#main.extranet {background-image:url(../images/design/bg-head-extranet.gif); background-repeat: repeat-x;}
#main.gva {background-image:url(../images/design/bg-head-gva.gif); background-repeat: repeat-x;}
#main.afs {background-image:url(../images/design/bg-head-afs.gif); background-repeat: repeat-x;}
#main.portalspezial {background-image:url(../images/design/bg-head-portalspezial.gif); background-repeat: repeat-x;}

#header {width: 988px; }
#headerprint { display: none; width: 100%;  }

	#emotion {
		float: left;
		height: 97px;
		width: 236px;  }
		
	#emotion img { vertical-align: bottom;  }
		
	#generic {
		float: left;
		height: 97px;
		width: 752px;
		background-image: url(../images/design/top.gif); background-repeat: no-repeat;  }
		
		#generic.noBackground {
		background-image: url(../images/design/topspez.gif); background-repeat: no-repeat;  }
		
		
	#suche {
		float: left;
		height: 30px;
		width: 220px;
		border-right: solid #fff 1px;
		padding: 0 0 0 15px; }
		
	#breadcrumb {
		float: left;
		width: 542px; 
		border-right: solid #fff 1px;
		background-color: #CCCCCC;
		height: 30px;  }
		
	#tools {
		float: left;
		width: 209px;	}
	
#maincontent {
		width: 988px;	
		font-size: 0.75em; 
		background-image:url(../images/design/bg-service.gif); background-repeat: repeat-y; background-position: left top; 		}
	
	#navigation {
		float: left;
		width: 210px;
		margin: 20px 19px 20px 15px;}	
		
	#inhalt {
		float: left;
		width: 516px;
		margin: 0 19px 0 0; 
		padding-bottom: 30px; }
		
	#service {
		float: left;
		width: 168px;
		overflow: hidden; 
		padding-bottom: 100px;
		margin: 16px 19px 0 19px;	}
		
#footer {
		background-color:#e5e5e5;
		width: 100%;
		height: 19px; }
		
#footerprint { display: none;  }
		
		
	#inhalt.width {		/* --- Klassen fürs Ausblenden der Service-Spalte --- */
		width: 730px;
		margin: 0 10px 0 0; }
		
	#maincontent.width {
		background-image: none;	}

/* ------------ Generic ------------- */

.home  {  /* --- Link auf Wappen --- */
	display: block; 
	position: absolute; top: 6px; left: 194px; 
	height: 54px; width: 48px;
	background-image: url(../images/design/spacer.gif);
	cursor: pointer;  }
	
.homehidden  { display: none;   }

.topnav {
	background-image: url(../images/design/topnormal.gif); background-position: 15px 0; background-repeat:no-repeat;
	height: 45px; 
	font-size: .82em;
	color: #fff;
	float: left;
	padding: 1px 10px 0 15px;
	margin-top: 21px;
	border-right: 1px solid #fff; }
	
.topnav-ol {border-right: none; }
	
.topnav a:link, 
.topnav a:visited, 
.topnav a:hover, 
.topnav a:active {
	color:#fff;
	text-decoration: none;}
		
ul.portalnav {
	margin: 22px 0 0 0;
	font-size: .82em;
	height: 29px; }
	
ul.portalnav li { 
	display: inline;
	float: left;
	background-image: url(../images/design/bg-portalnav.gif); background-position:right 4px; background-repeat:no-repeat; 
	margin: 0px;
	padding: 0 12px 0 10px;
	color: #FFF; }
	
ul.portalnav li a:link, 
ul.portalnav li a:visited, 
ul.portalnav li a:hover, 
ul.portalnav li a:active {
	color:#fff;
	text-decoration: none; }
	
.containerinfo {
	font-weight: bold;
	color: #000;
	font-size: .82em;
	margin: 0;
	position: relative; left: 10px; top: 2px;
	width: 720px; }
	
ul.generic {
 	clear: both;
	font-size: 0.69em;
	position: relative; top: 11px;
	float: left;  }

ul.generic li {
	float:left;
	line-height:18px;
	background-image:url(../images/design/bg-generic.gif); background-position:right top; background-repeat: no-repeat;
	padding: 0 8px 0 8px;  }
	
ul.generic li a:link, 
ul.generic li a:visited, 
ul.generic li a:hover, 
ul.generic li a:active {
	color:#000;
	text-decoration: none;}
	
	
/* ------------ Suche ------------- */

#suche input {
	width: 167px;
	height: 16px;
	margin-top: 5px; 
	padding: 1px;
	border: solid 1px #999999;
	vertical-align: middle;
	font-size: 0.82em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em; }
	
#suche input.go {
	height: 16px; width: 16px;
	margin-left: 11px;
	vertical-align: middle;
	border: none; }
	
/* ------------ Breadcrumb ------------- */

ul.breadcrumb {
	padding: 0 0 0 4px;
	font-size: 0.69em;
	margin: 6px 0 0 4px;
	line-height: 1.1em;   }
		
ul.breadcrumb li { display: inline;   }	
ul.breadcrumb li a:link, 
ul.breadcrumb li a:visited, 
ul.breadcrumb li a:active {
	color:#000;
	text-decoration: underline; }
	
ul.breadcrumb li a:hover {color:#360; }
	
ul.breadcrumb li.aktiv {
	font-weight: bold;
	text-decoration: none;}
	
/* ------------ Tools ------------- */	

ul.tools {
	padding: 0 0 0 4px;
	font-size: 0.69em;
	margin-top: 6px;  }
	
ul.tools li {float: left; }
	
ul.tools li a:link, 
ul.tools li a:visited, 
ul.tools li a:active {
	color:#000;
	padding: 0 4px 0 4px;
	text-decoration: underline; }
	
ul.tools li a:hover {color:#360; }
	
/* ------------ Navigation ------------- */

#navigation h3 {
	font-size: 1em; 
	color: #666;
	font-weight: bold;
	padding: 0 0 12px 14px; }

#navigation ul li {list-style-type: disc !important;}

/* ------------------------- */	
/* Ebene 1 */

#navigation ul {  }

#navigation ul li {
	display: block;
	background-image: url(../images/design/nav-bg-1a.gif); background-position: left top; background-repeat: no-repeat;
	line-height: 21px; }
	
#navigation ul li a:link, 
#navigation ul li a:visited, 
#navigation ul li a:active {
	display: block;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	padding-left: 14px;
	overflow: hidden; }
	
#navigation ul li a:hover {
	color: #360; }
	
#navigation ul li a.aktiv,
#navigation ul li a.aktiv:link,
#navigation ul li a.aktiv:visited,
#navigation ul li a.aktiv:hover,
#navigation ul li a.aktiv:active  {
	background-image: url(../images/design/nav-bg-1b.gif); background-position: left top; background-repeat: no-repeat;
	color: #fff; }
	
#navigation ul li a.aktivnow,
#navigation ul li a.aktivnow:link,
#navigation ul li a.aktivnow:visited,
#navigation ul li a.aktivnow:hover,
#navigation ul li a.aktivnow:active  {
	background-image: url(../images/design/nav-bg-1c.gif); background-position: left top; background-repeat: no-repeat;
	color: #fff; }
	
/* ------------------------- */	
/* Ebene 2 */

#navigation ul ul {margin-left: 5px;}

#navigation ul ul li {
	display: block; 
	line-height: 15px;
	background: #ccc;
	border-top: solid white 1px;}

#navigation ul ul li a:link, 
#navigation ul ul li a:visited, 
#navigation ul ul li a:active {
	display: block; 
	color: #000;
	text-decoration: none;
	font-size: 0.93em;
	font-weight: normal;
	padding-right: 22px; }
	
#navigation ul ul li a:hover {
	background-color: #390;
	color: #000;  }
	 
#navigation ul ul li a.aktiv,
#navigation ul ul li a.aktiv:link,
#navigation ul ul li a.aktiv:visited,
#navigation ul ul li a.aktiv:hover,
#navigation ul ul li a.aktiv:active {
	background: #390;
	color: #fff; }
	
#navigation ul ul li a.aktivnow,
#navigation ul ul li a.aktivnow:link,
#navigation ul ul li a.aktivnow:visited,
#navigation ul ul li a.aktivnow:hover,
#navigation ul ul li a.aktivnow:active {
	background: #555;
	color: #fff; }

/* ------------------------- */	
/* Ebene 3 */

#navigation ul ul ul {margin-left: 0;  }

#navigation ul ul ul li {
	display: block; 
	line-height: 15px;
	background: #e5e5e5;
	border-top: solid #999 1px;  }
	
#navigation ul ul ul li a:link, 
#navigation ul ul ul li a:visited, 
#navigation ul ul ul li a:active {
	display: block; 
	color: #000;
	text-decoration: none;
	font-size: 0.93em;
	padding-left: 19px;  }
	
#navigation ul ul ul li a:hover {
	background-color: #390;
	color: #000;  }
	 
#navigation ul ul ul li a.aktiv,
#navigation ul ul ul li a.aktiv:link,
#navigation ul ul ul li a.aktiv:visited,
#navigation ul ul ul li a.aktiv:hover,
#navigation ul ul ul li a.aktiv:active {
	background-color: #390;
	color: #fff;  }
	
#navigation ul ul ul li a.aktivnow,
#navigation ul ul ul li a.aktivnow:link,
#navigation ul ul ul li a.aktivnow:visited,
#navigation ul ul ul li a.aktivnow:hover,
#navigation ul ul ul li a.aktivnow:active {
	background-color: #555;
	color: #fff;  }

/* ------------------------- */	
/* Ebene 4 */

#navigation ul ul ul ul {}

#navigation ul ul ul ul li {
	display: block; 
	line-height: 15px;
	background-color: #fff;
	border-top: solid #999 1px; }
	
#navigation ul ul ul ul li a:link, 
#navigation ul ul ul ul li a:visited, 
#navigation ul ul ul ul li a:active {
	display: block; 
	color: #000;
	text-decoration: none;
	font-size: 0.93em; 
	padding-left: 24px; }
	
#navigation ul ul ul ul li a:hover {
	background-color: #390;
	color: #000;  }
	 
#navigation ul ul ul ul li a.aktiv,
#navigation ul ul ul ul li a.aktiv:link,
#navigation ul ul ul ul li a.aktiv:visited,
#navigation ul ul ul ul li a.aktiv:hover,
#navigation ul ul ul ul li a.aktiv:active {
	background-color: #390;
	color: #fff;
	border-bottom: 1px solid #999; }
	
#navigation ul ul ul ul li a.aktivnow,
#navigation ul ul ul ul li a.aktivnow:link,
#navigation ul ul ul ul li a.aktivnow:visited,
#navigation ul ul ul ul li a.aktivnow:hover,
#navigation ul ul ul ul li a.aktivnow:active {
	background-color: #555;
	color: #fff;
	border-bottom: 1px solid #999; }
	
/* ------------------------- */	
/* Ebene 5 */

#navigation ul ul ul ul ul {}

#navigation ul ul ul ul ul li {
	display: block; 
	line-height: 16px;
	background-color: #fff;
	border: none; }
	
#navigation ul ul ul ul ul li a:link, 
#navigation ul ul ul ul ul li a:visited, 
#navigation ul ul ul ul ul li a:active {
	padding-left: 29px; }
	
#navigation ul ul ul ul ul li a:hover {
	background-color: #390;
	color: #000;  }
	 
#navigation ul ul ul ul ul li a.aktiv,
#navigation ul ul ul ul ul li a.aktiv:link,
#navigation ul ul ul ul ul li a.aktiv:visited,
#navigation ul ul ul ul ul li a.aktiv:hover,
#navigation ul ul ul ul ul li a.aktiv:active {
	background-color: #390;
	color: #fff;
	border: none;  }
	
#navigation ul ul ul ul ul li a.aktivnow,
#navigation ul ul ul ul ul li a.aktivnow:link,
#navigation ul ul ul ul ul li a.aktivnow:visited,
#navigation ul ul ul ul ul li a.aktivnow:hover,
#navigation ul ul ul ul ul li a.aktivnow:active {
	background-color: #555;
	color: #fff;
	border: none;  }
	
	
/* ------------------------- */	
/* Ebene 6 */

#navigation ul ul ul ul ul ul {}

#navigation ul ul ul ul ul ul li {
	display: block; 
	line-height: 16px;
	background-color: #fff;
	border: none; }
	
#navigation ul ul ul ul ul ul li a:link, 
#navigation ul ul ul ul ul ul li a:visited, 
#navigation ul ul ul ul ul ul li a:active {
	padding-left: 34px; }
	
#navigation ul ul ul ul ul ul li a:hover {
	background-color: #390;
	color: #000;  }
	 
#navigation ul ul ul ul ul ul li a.aktiv,
#navigation ul ul ul ul ul ul li a.aktiv:link,
#navigation ul ul ul ul ul ul li a.aktiv:visited,
#navigation ul ul ul ul ul ul li a.aktiv:hover,
#navigation ul ul ul ul ul ul li a.aktiv:active {
	background-color: #390;
	color: #fff;
	border: none;  }
	
#navigation ul ul ul ul ul ul li a.aktivnow,
#navigation ul ul ul ul ul ul li a.aktivnow:link,
#navigation ul ul ul ul ul ul li a.aktivnow:visited,
#navigation ul ul ul ul ul ul li a.aktivnow:hover,
#navigation ul ul ul ul ul ul li a.aktivnow:active {
	background-color: #555;
	color: #fff;
	border: none;  }



	
#navigation ul li a.nav-back1,
#navigation ul li a.nav-back1:link,
#navigation ul li a.nav-back1:visited,
#navigation ul li a.nav-back1:hover,
#navigation ul li a.nav-back1:active { 
background: url(../images/design/nav-back1.gif) right top no-repeat !important; }

#navigation ul li a.nav-back2,
#navigation ul li a.nav-back2:link,
#navigation ul li a.nav-back2:visited,
#navigation ul li a.nav-back2:hover,
#navigation ul li a.nav-back2:active { 
background: #390 url(../images/design/nav-back2.gif) right top no-repeat !important; }

#navigation ul li a.nav-more,
#navigation ul li a.nav-more:link,
#navigation ul li a.nav-more:visited,
#navigation ul li a.nav-more:hover,
#navigation ul li a.nav-more:active { 
background-image: url(../images/design/nav-more.gif);
background-position: right top;
background-repeat: no-repeat;}


	


/* ------------ Footer ------------- */	

ul.footer {
	padding: 0 0 0 236px;
	font-size: 0.69em;
	line-height: 19px; }
		
ul.footer li {
	float:left;
	border-right: solid #fff 1px;
	padding: 0 8px 0 8px;  }
	
ul.footer li.first { border-left: solid #fff 1px; }
ul.footer li.update { font-style: italic; }

ul.footer li a:link, 
ul.footer li a:visited, 
ul.footer li a:active {
	color:#000;
	text-decoration: none; }
	
ul.footer li a:hover {
	color:#360; }



	

	
















