/* 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:#b04500; text-decoration: underline; }
a:visited { color:#622600; text-decoration: underline; }
a:hover { color:#622600; text-decoration: underline; }
a:focus { color:#b04500; text-decoration: underline; }
a:active { color:#b04500; 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 }

/* ------------ Layout ------------- */

#main {
	width: 988px;
	min-height:400px; }
	
#main.srft {background-image:url(../images/design/bg-head-srft.gif); background-repeat:no-repeat; }

div.headerbild  {
		position: absolute;
		top:0; left:0;    }

#header {
		width: 988px; 
		background-image: none;  	}

	#emotion {
		float: left;
		height: 97px;
		width: 236px; }
		
	#emotion img { display: none;   }
		
	#generic {
		float: left;
		height: 97px;
		width: 752px;
		margin-left: 236px; 
		background-image: none;
		background-repeat: no-repeat;
		display: inline; 	  }
		
	#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 {
		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; 
		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: 2px; left: 70px; 
	height: 80px; width: 160px;
	background-image: url(../images/design/spacer.gif);
	cursor: pointer;  }
	
.homehidden  { display: none;   }

.topnav {
	background-image: none; background-position: 15px 0; background-repeat:no-repeat;
	height: 45px; 
	font-size: .82em;
	color: #fff;
	float: left;
	padding: 0;
	margin-top: 21px;
	border-right: none; }
	
.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: 19px; }
	
ul.portalnav li { 
	display: inline;
	float: left;
	background-image: none; 
	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: 10px 0 0 0;
	position: relative; left: 10px; top: 2px;
	width: 616px;   }
	
ul.generic {
 	clear: both;
	font-size: 0.69em;
	position: relative; 
	top: 11px; 
	margin-left: -1px; 
	float: left; 
	display: inline;  }

ul.generic li {
	float:left;
	line-height:19px;
	background-color: #fff;  
	background-image:url(../images/design/srft/bg-generic.gif); background-position:right top; background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0;  }
	
ul.generic li a:link, 
ul.generic li a:visited{
	color:#000;
	text-decoration: none;
	padding: 0 10px 0 10px; }
	
ul.generic li a:hover, 
ul.generic li a:active {
	color: #622600;  }
	
	
/* ------------ 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:#622600; }
	
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:#622600; }
	
/* ------------ 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: none;
	background-color: #fff; 
	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;
	border-top: solid 1px #dbdbdb;  }
	
#navigation ul li a:hover {
	color: #622600; }
	
#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: none;
	background-color: #622600;
	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: none;
	background-color: #555555;
	color: #fff;  }
	
/* ------------------------- */	
/* Ebene 2 */

#navigation ul ul {margin-left: 0px;}

#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;
	border-top: none;  }
	
#navigation ul ul li a:hover {
	background-color: #b04500;
	color: #fff;  }
	 
#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-color: #b04500;
	color: #000;   }
	
#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-color: #555555;
	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: #b04500;
	color: #fff;  }
	 
#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: #b04500;
	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: #b04500;
	color: #fff;   }
	 
#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: #b04500;
	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: #b04500;
	color: #fff;   }
	 
#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: #b04500;
	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: #b04500;
	color: #fff; }
	 
#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: #b04500;
	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-back2.gif) right top no-repeat !important;
	background-color: #622600 !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: #bec665  url(../images/design/nav-back2.gif) right top no-repeat !important;
	background-color: #b04500 !important;
	color: #fff !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; }



	

	


/* ------------------------- */	
/* Content */

div.p ul.button li a,
div.t ul.button li a { 
	color: #b04500;  }
	
div.p ul.button li a:link, ul.button li a:visited, ul.button li a:active, ul.button li a:hover,
div.t ul.button li a:link, ul.button li a:visited, ul.button li a:active, ul.button li a:hover {
	color: #b04500;  }

ul.button li.top {background-image: url(../images/design/srft/icon_top.gif); background-position: 0 0; background-repeat: no-repeat; }
ul.button li.back {background-image: url(../images/design/srft/icon_back.gif); background-position: left top; background-repeat: no-repeat;  }
ul.button li.frage {background-image: url(../images/design/srft/icon_frage.gif); background-position: left top; background-repeat: no-repeat;  }
ul.button li.warenkorb {background-image: url(../images/design/srft/icon_warenkorb.gif); background-position: left top; background-repeat: no-repeat;  }
ul.button li.submit {background-image: url(../images/design/srft/icon_forward.gif); background-position: left top; background-repeat: no-repeat;  }
ul.button li.mehr {background-image: url(../images/design/srft/icon_mehr.gif); background-position: left top; background-repeat: no-repeat;  }
ul.button li.meldung {background-image: url(../images/design/srft/icon_senden.gif); background-position: left top; background-repeat: no-repeat;  }

div.t form input.abbrechen,
div.t form input.senden,
div.t form input.submit {
	color: #b04500; }
	
div.t form input.abbrechen {background: url(../images/design/srft/icon_abbrechen.gif) no-repeat 0 0;}
div.t form input.senden {background: url(../images/design/srft/icon_senden.gif) no-repeat 0 0;}
div.t form input.submit {background: url(../images/design/srft/icon_forward.gif) no-repeat 0 0;}

div.t input.mehr {
	color: #b04500; }