/* -------------------------------------------------------------------
| basics
 ------------------------------------------------------------------ */

body {	
	margin: 0;
	padding: 0;
	padding-bottom: 3em;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 63%;
	background: url(../img/basics/bg.gif) left top;
}


h1, h2, h3, h4, h5, h6, ul, ol, li, p, form{
	padding: 0;
	margin: 0;
}


h3.flash {
 	font-size: 1.3em;
 	letter-spacing: -0.05em;
 	font-weight: bold;
 	color: #F58220;
 	margin-bottom: .4em;
}

h4 {
 	font-size: 1em; 	
 	font-weight: bold;
 	color: #000;
 	margin-bottom: .2em;
}

strong.flashmed{
	color: #F58220;
	font-size: 2em;
	font-weight: normal;
}

strong.flashbig{
	color: #F58220;
	font-size: 3.8em;
	font-weight: normal;
}

ul.std{
	padding: 0 0 2px 20px; 	
	line-height: 1.2em; 
	margin-bottom: .7em;
	list-style-image: url(../img/list_bullet.gif);
}

ul.agents{
	padding: 0;	
	margin:0;
	margin-bottom: .7em;
	list-style: none;
	/*
	padding: 0 0 2px 20px;	
	list-style-image: url(../img/list_agents.gif);
	*/
}

ul.agents li{
	padding: 0 0 3px 23px;	
	background: url(../img/list_agents.gif) no-repeat left top;
}
ul.agents li.empty{
	padding: 0 0 2px 20px;	
	background-image: none;
	/*
	list-style-image: url(../img/list_agents_empty.gif);
	*/
}


ol.std{
	padding: 0 0 2px 20px; 	
	line-height: 140%;
	margin-bottom: .7em;
}

ul.std li, ol.std li{
	padding-bottom: 2px;	
}

img {
	border: 0;
	color: #fff;
	background: transparent;
}

p {
	margin-bottom: .8em;
	/*line-height: 130%;*/
	line-height: 1.2em;
}

q {
	quotes: '"' '"' '\'' '\'';
	font-style: italic;
}
q:before { content: open-quote; }
q:after  { content: close-quote; }

.error{
	color: #F00;
}

ul.error{
	padding: 0 0 5px 20px; 	
	line-height: 140%; 
	/*margin-bottom: .7em;*/
	list-style-image: url(../img/list_bullet.gif);
}


input, select{
	font-size: 1em;
}

input.lined, label.lined{
	margin: 5px 0; 
	display: block;
}

.mini{
	font-size: .85em;
}

.skip{
	display: none;
}

.clear{
	clear:both;
	font-size: 1px;
	height: 2px;
}

.f-right{
	float: right;
}
.f-left{
	float: left;
}

/* rahmen um detail-bild */
.detailimg{
	position: absolute; 	
	visibility: hidden;
	z-index: 2000; 
	text-align: right; 
	background-color: #ECE4D1; 
	border: 2px #9B9794 solid; 	
}

.detailimg .sub-close{	
	padding: 2px 18px 2px 0; 
	text-align: right;
	background: url(../tratsch/forum/img/close.gif) no-repeat right 2px;		
}

/* -------------------------------------------------------------------
| umgehung von clear-tags
 ------------------------------------------------------------------ */
/* src: http://jassesnee.de/easyclear/index.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -------------------------------------------------------------------
| rahmen
 ------------------------------------------------------------------ */

#pagewrap{
	position: relative;
	z-index: 2;
	margin: auto;
	width: 960px;
	height: 620px;
	text-align: left;
	font-size: 1.1em;
}

/* hack: IE 5 verliert die Styleangaben im table */
#pagewrap td, #pagewrap th{
	font-size: 0.7em;
	voice-family: "\"}\""; /* start bmh */
	voice-family: inherit;
	font-size: 1em;
}
html>body #pagewrap td, html>body #pagewrap th{
	font-size: 1em; /* end bmh */
}
/* hack: op6 verliert die Styleangaben im table*/
html>body #pagewrap td { font-size: 0.7em; }
html>body #pagewrap th { font-size: 0.7em; }
html>body #pagewrap caption { font-size: 0.7em; }
/* the Owen hack -- http://www.albin.net/CSS/OwenHack.html */
head:first-child+body #pagewrap td { font-size: 1em; }
head:first-child+body #pagewrap th { font-size: 1em; }
head:first-child+body #pagewrap caption { font-size: 1em; }

/* -------------------------------------------------------------------
| allg. image-replacement-definitionen
 ------------------------------------------------------------------ */

/* ir bei transparentem, nicht verlinktem bild..*/
.replace-trans{
	overflow: hidden;
}

/* ir bei transparentem, verlinktem bild..*/
.replace-trans-link a{
	display: block;
	overflow: hidden;
}

/* angabe fuer op6 */
.replace-trans-link a, 
.replace-trans-link a:link, 
.replace-trans-link a:visited, 
.replace-trans-link a:hover, 
.replace-trans-link a:active{ text-decoration: none; }

/* ir bei allen nicht-transparenten bildern..*/
.replace {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 1.1em; /* Choose a
	font-size here that will keep
	the headline small enough to fit
	completely under the span. */
}

.replace em {
	display: block;
	position: absolute;
	top: 0;
	z-index: 1; /* for opera5 (?) and o6/mac */
}

.replace a {
	cursor: hand;		/* for ie5.x/win, invalid */
	c\ursor: pointer;	/* reset for other browsers */
}


/* General IR statements for IE5.x mac only */

* html>body	.replace {
	position: static;
	overflow: visible;
	font-size: 10px;
	/* Since overflow: hidden doesn't
	work with ie5.x/mac, we choose a
	font-size here that will keep
	the headline small enough to fit
	completely under the span.*/
}
* html>body	.replace em  {
	position: static;
}
* html>body	.replace a {
	text-decoration: none; /* ie5.0-5.1.x/mac
	must have this value or the underline
	shows through the image. */
}
/* -------------------------------------------------------------------
| links
 ------------------------------------------------------------------ */

a { color: #4B4A4D; }
a:link 		{ text-decoration: underline; }
a:visited 	{ text-decoration: underline; }
a:hover 		{ text-decoration: underline; }
a:active 	{ text-decoration: underline; }

/* -------------------------------------------------------------------
| idcard
 ------------------------------------------------------------------ */

#idcard{
	position: absolute;
	z-index: 9;
	left: 3px;
	top: 9px;
	width: 214px;
	height: 137px;
	background: url(../img/basics/inner/idcard_bg.jpg) top left no-repeat;
}
/* sonderfall homepage */
.hp #idcard{
	width: 218px;
	background: url(../img/basics/hp/idcard_bg.jpg) top left no-repeat;
}

/* position */
#idcard .sub-logo{
	position: absolute;
	left: 12px;
	top: 7px;
	width: 192px;
}
/* ausmasse und bild */
#idcard .sub-logo h1 a{
	padding-top: 82px;
	width: 192px;
	background: url(../img/basics/xundco.gif) top left no-repeat;
	height: 82px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
html>body #idcard .sub-logo h1 a{
	height: 0;
}

#idcard .sub-agent{
	position: absolute;
	color: #FFFFFF;
	font-size: 1.3em;
	background: url(../img/basics/agent.gif) top left no-repeat;
	left: 16px;
	top: 87px;
	width: 190px;
	height: 25px;
	padding-left: 50px;
	voice-family: "\"}\""; /* start bmh */
	voice-family: inherit;
	width: 140px;
}
html>body #idcard .sub-agent{
	width: 140px; /* end bmh */
}

/* -------------------------------------------------------------------
| metanav
 ------------------------------------------------------------------ */
#metanav {
	position: absolute;
	z-index: 10;
	list-style-type: none;
}

/* position */
#metanav .sub-login{
	position: absolute;
	left: 75px;
	top: 123px;
	width: 57px;
}
/* ausmasse und bild */
#metanav .sub-login div a{
	padding-top: 88px;
	width: 57px;
	background: url(../img/nav/meta/login.gif) top left no-repeat;	
	height: 88px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
html>body #metanav .sub-login div a{
	height: 0;
}


/* position */
#metanav .sub-persbereich{
	position: absolute;
	left: 21px;
	top: 122px;
	width: 154px;
}
/* ausmasse und bild */
#metanav .sub-persbereich div a{
	padding-top: 115px;
	width: 154px;
	background: url(../img/nav/meta/persbereich.gif) top left no-repeat;	
	height: 115px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
html>body #metanav .sub-persbereich div a{
	height: 0;
}


/* position */
#metanav .sub-anmelden{
	position: absolute;
	left: 63px;
	top: 225px;
	width: 78px;
}
/* ausmasse und bild */
#metanav .sub-anmelden div a{
	padding-top: 127px;
	width: 78px;
	background: url(../img/nav/meta/anmelden.gif) top left no-repeat;
	height: 127px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
html>body #metanav .sub-anmelden div a{
	height: 0;
}


/* position */
#metanav .sub-bestellzettel{
	position: absolute;
	left: 51px;
	top: 262px;
	width: 96px;
}
/* ausmasse und bild */
#metanav .sub-bestellzettel div a{
	padding-top: 93px;
	width: 96px;
	background: url(../img/nav/meta/bestellzettel.gif) top left no-repeat;
	height: 93px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
html>body #metanav .sub-bestellzettel div a{
	height: 0;
}





/* position */
#metanav .sub-kontakt{
	position: absolute;
	left: 64px;
	top: 392px;
	width: 67px;
}
/* ausmasse und bild */
#metanav .sub-kontakt div a{
	padding-top: 115px;
	width: 67px;
	background: url(../img/nav/meta/kontakt.gif) top left no-repeat;
	height: 115px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
html>body #metanav .sub-kontakt div a{
	height: 0;
}

/* -------------------------------------------------------------------
| hauptnavigation
 ------------------------------------------------------------------ */
#mainnav {
	position: absolute;
	z-index: 11;
	left: 225px;
	top: 4px;
	list-style-type: none;
}

#mainnav .active, #mainnav-bottom .active{	
	z-index: 25;
}

#mainnav .sub-subnav-lft{
	position: absolute;
	z-index: 20;
	left: -26px;
	top: 61px;
	background: url(../img/nav/sub/bg_lft.jpg) top left no-repeat;
	padding: 35px 25px 0 30px;
	width: 359px;
	height: 137px;
	voice-family: "\"}\""; /* start bmh */
	voice-family: inherit;
	width: 304px;
	height: 102px;
}
html>body #mainnav .sub-subnav-lft{
	width: 304px;
	height: 102px;  /* end bmh */
}

#mainnav .sub-subnav-rgt{
	position: absolute;
	z-index: 20;
	left: 333px;
	top: 61px;
	background: url(../img/nav/sub/bg_rgt.jpg) top left no-repeat;
	padding: 35px 25px 0 30px;
	width: 363px;
	height: 137px;
	voice-family: "\"}\""; /* start bmh */
	voice-family: inherit;
	width: 308px;
	height: 102px;
}
html>body #mainnav .sub-subnav-rgt{
	width: 308px;
	height: 102px;  /* end bmh */
}


/* position */
#mainnav .sub-spiel{
	position: absolute;
	left: 0px;
	top: 8px;
	width: 110px;
}
/* ausmasse und bild */
#mainnav .sub-spiel div a{
	padding-top: 55px;
	width: 110px;
	background: url(../img/nav/main/spiel.png) top left no-repeat;
	height: 55px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
/* ausmasse und bild */
#mainnav .sub-spiel div.active a{	
	padding-top: 81px;
	width: 110px;
	background: url(../img/nav/main/spiel_a.png) top left no-repeat;
	height: 81px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
html>body #mainnav .sub-spiel div a{
	height: 0;
}

/* position */
#mainnav .sub-auftraege{
	position: absolute;
	left: 110px;
	top: 8px;
	width: 106px;
}
/* ausmasse und bild */
#mainnav .sub-auftraege div a{
	padding-top: 54px;
	width: 106px;
	background: url(../img/nav/main/auftraege.png) top left no-repeat;
	height: 54px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
/* ausmasse und bild */
#mainnav .sub-auftraege div.active a{
	padding-top: 81px;
	width: 106px;
	background: url(../img/nav/main/auftraege_a.png) top left no-repeat;
	height: 81px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
html>body #mainnav .sub-auftraege div a{
	height: 0;
}


/* position */
#mainnav .sub-eintauschen{
	position: absolute;
	left: 216px;
	top: 2px;
	width: 117px;
}
/* ausmasse und bild */
#mainnav .sub-eintauschen div a{
	padding-top: 63px;
	width: 117px;
	background: url(../img/nav/main/eintauschen.png) top left no-repeat;
	height: 63px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
/* ausmasse und bild */
#mainnav .sub-eintauschen div.active a{
	padding-top: 87px;
	width: 117px;
	background: url(../img/nav/main/eintauschen_a.png) top left no-repeat;
	height: 87px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
html>body #mainnav .sub-eintauschen div a{
	height: 0;
}


/* position */
#mainnav .sub-teams{
	position: absolute;
	left: 340px;
	top: 4px;
	width: 114px;
}
/* ausmasse und bild */
#mainnav .sub-teams div a{
	padding-top: 59px;
	width: 114px;
	background: url(../img/nav/main/teams.png) top left no-repeat;
	height: 59px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
/* ausmasse und bild */
#mainnav .sub-teams div.active a{
	padding-top: 82px;
	width: 114px;
	background: url(../img/nav/main/teams_a.png) top left no-repeat;
	height: 82px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
html>body #mainnav .sub-teams div a{
	height: 0;
}


/* position */
#mainnav .sub-tratsch{
	position: absolute;
	left: 458px;
	top: 0px;
	width: 111px;
}
/* ausmasse und bild */
#mainnav .sub-tratsch div a{
	padding-top: 61px;
	width: 111px;
	background: url(../img/nav/main/tratsch.png) top left no-repeat;
	height: 61px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
/* ausmasse und bild */
#mainnav .sub-tratsch div.active a{
	padding-top: 86px;
	width: 111px;
	background: url(../img/nav/main/tratsch_a.png) top left no-repeat;
	height: 86px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
html>body #mainnav .sub-tratsch div a{
	height: 0;
}

/* position */
#mainnav .sub-pur{
	position: absolute;
	left: 569px;
	top: 5px;
	width: 109px;
}
/* ausmasse und bild */
#mainnav .sub-pur div a{
	padding-top: 64px;
	width: 109px;
	background: url(../img/nav/main/pur.png) top left no-repeat;
	height: 64px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
/* ausmasse und bild */
#mainnav .sub-pur div.active a{
	padding-top: 84px;
	width: 109px;
	background: url(../img/nav/main/pur_a.png) top left no-repeat;
	height: 84px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
html>body #mainnav .sub-pur div a{
	height: 0;
}


/* -------------------------------------------------------------------
| hauptnavigation unten
 ------------------------------------------------------------------ */

#mainnav-bottom {
	position: absolute;
	z-index: 11;
	left: 224px;
	bottom: 4px;	
	list-style-type: none;
	
	width: 10px;
	height: 10px;		
	font-size: 0.1em;
}

.scroll #mainnav-bottom {
	position: relative;
	z-index: 11;
	padding-top: 133px;
}

/* position */
#mainnav-bottom .sub-nachgefragt{
	position: absolute;
}


.scroll #mainnav-bottom {
	padding-top: 0px;
}

/* position */

#mainnav-bottom .sub-nachgefragt{
	top: -24px;
}


.scroll #mainnav-bottom .sub-nachgefragt{	
	top: 99px;
}




/* ausmasse und bild */
#mainnav-bottom .sub-nachgefragt div a{
	
	padding-top: 34px;
	width: 123px;
	background: url(../img/nav/main/nachgefragt.png) top left no-repeat;
	height: 34px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
html>body .#mainnav-bottom .sub-nachgefragt div a{
	height: 0;
}

#mainnav-bottom .sub-nachgefragt div.active{
	position: relative;
	top: -11px;
}

/* ausmasse und bild */
#mainnav-bottom .sub-nachgefragt div.active a{	
	padding-top: 45px;
	width: 123px;
	background: url(../img/nav/main/nachgefragt_a.png) top left no-repeat;
	height: 45px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
html>body #mainnav-bottom .sub-nachgefragt div a{
	height: 0;
}


/* -------------------------------------------------------------------
| subnavigation
 ------------------------------------------------------------------ */
#subnav {
	position: relative;
	list-style-type: none;
	width: 304px;
	height: 102px;
	background: url(../img/nav/sub/line.gif) 150px 0px no-repeat;
}

#subnav li{
	position: relative;
	padding-bottom: 7px;
	width: 135px;
}

#subnav .sub-lft{
	float: left;
	clear: left;
	font-weight: bold;
}
#subnav .sub-rgt{
	float: right;
	clear: right;	
	font-weight: bold;
}

#subnav .sub-selected{
	position: absolute;	
	z-index: 21;	
	left: -12px;
	top: 0;
	width: 140px;
	height: 16px;	
}

#subnav .sub-spiel			{ background: url(../img/nav/sub/sel_spiel.gif) top left no-repeat; }
#subnav .sub-auftraege		{ background: url(../img/nav/sub/sel_auftraege.gif) top left no-repeat; }
#subnav .sub-eintauschen	{ background: url(../img/nav/sub/sel_eintauschen.gif) top left no-repeat; }
#subnav .sub-teams			{ background: url(../img/nav/sub/sel_teams.gif) top left no-repeat; }
#subnav .sub-tratsch			{ background: url(../img/nav/sub/sel_tratsch.gif) top left no-repeat; }
#subnav .sub-pur				{ background: url(../img/nav/sub/sel_pur.gif) top left no-repeat; }

#subnav a.active{		
	position: relative;
	z-index: 22;
	color: #FFF;
}


#subnav a { color: #000; }
#subnav a:link 	{ text-decoration: none; }
#subnav a:visited { text-decoration: none; }
#subnav a:hover 	{ text-decoration: none; }
#subnav a:active 	{ text-decoration: none; }

/* -------------------------------------------------------------------
| grobaufteilung allg.
 ------------------------------------------------------------------ */

/* position */
#pur{
	position: absolute;
	left: 54px;
	top: 541px;
	width: 91px;
	height: 48px;
}

/* -------------------------------------------------------------------
| grobaufteilung innen
 ------------------------------------------------------------------ */

#book{
	position: absolute;
	z-index: 3;
	left: 180px;
	top: 59px;
	width: 764px;
	height: 545px;
	background: url(../img/basics/inner/book.jpg) top left no-repeat;
}


#formular{
	position: absolute;
	z-index: 4;
	left: 94px;
	top: 202px;
	width: 104px;
	height: 266px;	
	/*
	background: url(../img/basics/inner/form.png) top left no-repeat;
	*/
}

#book .page-std{
	position: absolute;
	z-index: 25;
	top: 150px;
	width: 320px;
}

#book .page-big{
	position: absolute;
	z-index: 25;
	top: 45px;
	width: 320px;
}

#book .page-lft{
	left: 38px;
}

#book .page-rgt{
	left: 402px;
}


#book .sub-prev{
	position: absolute;
	top: 471px;
	left: 38px;
	width: 88px;
	height: 41px;
	z-index: 100;
}

#book .sub-next{
	position: absolute;
	top: 471px;
	left: 644px;
	width: 88px;
	height: 41px;
	z-index: 100;
}





/* -------------------------------------------------------------------
| grobaufteilung hp (ueberschreibt standard-definitionen)
 ------------------------------------------------------------------ */


.hp #formular{
	position: absolute;
	z-index: 4;
	left: 96px;
	top: 200px;	
	width: 110px;
	height: 282px;
	/*
	background: url(../img/basics/hp/form.png) top left no-repeat;
	*/
}

.hp #mainnav{
	position: absolute;
	z-index: 5;
	left: 225px;
	top: 27px;
	width: 338px;
	height: 34px;
	background: url(../img/nav/mainnav_closed.gif) top left no-repeat;
}

.hp #mainnav-bottom{
	position: absolute;
	z-index: 25;
	left: 224px;
	bottom: 3px;
	width: 124px;
	height: 31px;
	background: url(../img/nav/nachgefragt_hp.gif) top left no-repeat;
}

.hp #teaserblock-l{
	position: absolute;
	left: 587px;
	top: 40px;
	width: 355px;
}

.hp #teaserblock-m{
	position: absolute;
	left: 587px;
	top: 58px;
	width: 355px;
}

.hp #teaserblock-s{
	position: absolute;
	left: 587px;
	top: 59px;
	width: 355px;
}

.hp #book{
	position: absolute;
	z-index: 7;
	left: 202px;
	top: 60px;
	width: 372px;
	height: 535px;
	background: url(../img/basics/hp/book.jpg) top left no-repeat;
}

/* position */
.hp #book .sub-a{
	position: absolute;
	left: 107px;
	top: 155px;
	width: 221px;
}
/* ausmasse und bild */
.hp #book .sub-a h2 a{
	padding-top: 136px;
	width: 221px;
	background: url(../img/basics/hp/zumspiel.png) top left no-repeat;
	height: 136px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
html>body .hp #book .sub-a h2 a{
	height: 0;
}

/* -------------------------------------------------------------------
| footer
 ------------------------------------------------------------------ */


#footer{
	z-index: 20;
	position: relative;
	color: #4B4A4D;
	left: 465px;
	top: 600px;
	width: 475px;
	text-align: right;	
}


.scroll #footer{		
	z-index: 2;
	padding-top: 113px;		
	top: 0;
}

#footer a 				{ color: #4B4A4D; }
#footer a:link 		{ text-decoration: underline; }
#footer a:visited 	{ text-decoration: underline; }
#footer a:hover 		{ text-decoration: underline; }
#footer a:active 		{ text-decoration: underline; }

/* -------------------------------------------------------------------
| visual
 ------------------------------------------------------------------ */
#visual-rgt{
	position: absolute;
	z-index: 21;
	left: 558px;
	top: 64px;
	width: 364px;
	height: 130px;	
}

#visual-lft{
	position: absolute;
	z-index: 21;
	left: 199px;
	top: 65px;
	width: 360px;
	height: 141px;	
}


/*********************
 * STICKY FOOTER
 *********************/	
	
#sfooter {
	font-family:Arial,Helvetica,sans-serif;	
	position:fixed;		/* ueberschrieben in ie6.css */
	bottom:0px;
	left: 0px;
	background-color:#184670;
	width:100%;
	z-index:110;
	color:#fff;
	height:24px;
	overflow:visible;

}

#sfooter .stdcontainer {
	height:24px;
	width: 930px;
	margin: 0 auto;
	position:relative;
}

#sfooter .fl {
	float:left;
}

	#sfooter .fl ul {
		font-size:12px;
		line-height: 18px;


		margin-top:0px;
		padding:0 !important;
		list-style-image:none;
		list-style-position:outside;
	}
	
	#sfooter ul {
		margin-left:0px !important;
	}

#sfooter .fr {
	float:right;
}

	#sfooter li {
		float:left;
		list-style-type:none;
	}
	
			#sfooter li span {
				padding:3px 0px 5px;
				display:inline-block;
			}
			
			#sfooter li a
			 {
				padding:3px 6px 5px;
				color:#fff;
				display:inline-block;
				text-decoration:none;
			}
			
			#sfooter li a:hover {
				text-decoration:underline;
			}
			
			#sfooter li a:active,
			#sfooter li a:focus {
				background-color:#fff;
				color:#184670;
			}
			#sfooter li a.sub-rss {
				background-image:url(../img/sfooter/sprite.png);
				background-position:0 -36px;
				background-repeat:no-repeat;
				padding-left:20px;
			}
			
	#sfooter #sfooterlogo {
		position:relative;
		top:0px;
		right:0px;
		display:block;
		z-index:1;
	}
		
	#sfooter #layertrigger {
		display:block;
		text-decoration:none;
	}		
	
	#sfooter #layertrigger:active,
	#sfooter #layertrigger:focus {
		background-color:transparent;
		text-decoration:underline;
		color:#fff;
	}
	
		#sfooter #sfooterlink {
			font-size:12px;
			line-height: 18px;

			position:relative;
			bottom:6px;
			color:#fff;
			text-decoration:none;
		}
	
		#sfooter #layertrigger:active #sfooterlink,
		#sfooter #layertrigger:focus #sfooterlink {
			/*color:#153D64;*/
		}		
		
		#sfooter #layertrigger img {
			width:75px;
			margin-left:0px !important;
			position:relative;
		}
		
		

/***************************************
 * STERNLAYER / FOOTERLAYER / TOOLTIP
****************************************/
#sternlayer-wrap {
	position: absolute;
	top: 0;
	left: 0;
}
#sternlayer {
	/* dieses konstrukt erzeugt fehler bei opera
	position:absolute;
	bottom: 30px;
	*/
	position:relative;
	bottom: 207px;
	font-size:12px;
	line-height: 18px;
	left:200px;
	width:741px;
	height:200px;
	background:url('../img/sfooter/bg-tooltip-reduced.png') no-repeat 0 0;
}

	#sternlayer ul {
		top:95px;
		position:absolute;
		padding-left:0;
		margin-top:0;
	}
	
	#sternlayer h2 {
		position:absolute;
		top:70px;
		color:#BF2727;
		font-size:1.6em;
		text-transform:uppercase;
	}
	
	#sternlayer .forderung {
		left:17px;
	}
	
	#sternlayer ul.forderung {
		width:380px;				
	}
	
	/*
	#sternlayer .forderung {
		left:335px;
	}
		
	#sternlayer ul.forderung {
		width:305px;
	}
	*/

	
	#sternlayer .initiativen {
		left:421px;
	}
	#sternlayer ul.initiativen {
		width:305px;
	}
	
	#sternlayer h2.akm {
		left:268px;
		top:12px;
	}
	#sternlayer ul.akm {
		width:auto;
		left:273px;
		top:35px;
	}	
	
		#sternlayer ul.akm li {
			float:left;
		}
	
			
		#sternlayer ul li {
			text-align:left;
			float:none;
		}
		
		#sternlayer ul li.col2 {
			float:left;
			width:148px;
		}
		
			#sternlayer ul li a {
				color:#153d64;
				padding-top:0;
				padding-bottom:0;
				background:url('../img/sfooter/sprite.png') no-repeat 0 -403px;
				padding-left:10px;
				text-align:left;
				line-height: 1.4em;
			}
			
			#sternlayer ul li a:active,
			#sternlayer ul li a:focus {
				background-color:#153d64;
				color:#fff;
			}			
		
			#sternlayer #sfootercloselink {
				position:absolute;
				right:10px;
				top:10px;
				background:url('../img/sfooter/sprite.png') no-repeat 0 -660px;
				overflow:hidden;
				width:0;
				height:0;
				padding:16px 16px 0 0;
			}
			

/*************
 * OVERLAYS
 *************/

#overlay {
	background:#295075;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0px;
	z-index:100;
	display:none;
	opacity:0.8; /* siehe ie6.css, ie7.css und ie8.css */
}

.dynd #overlay {
	display:block;
}