/*        
++++++++++++++++++++++++++++++++++++++++++++++++++
BASICs
++++++++++++++++++++++++++++++++++++++++++++++++++
outside url(../images/kasten_grau.gif)
*/

html, body{
	width:100%;
	height:100%;
}

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:130%;
	padding:0;
	margin:0;
}

body#zsh {
	background: silver;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

div#OuterShell{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: silver;
}


div#InnerShell{
	position:relative;
	top:0;
	left:0;
	width:768px;
	margin:0 auto;
	background: white;
}

h1,h2,h3,h4,h5 {
	font-family:Optima, Arial,Helvetica, sans-serif;
	color:#002F71;
	line-height:130%;
	font-weight:normal;
}

h1 { font-size:15px;margin:0 0 10px 0; }
h2 { font-size:13px; }
h3 { font-size:11px; }
h4 { font-size:10px; }
h5 { font-size:9px; }

a,
a:link,
a:visited {
	text-decoration:none;
	color:#002F71;
}

a:hover,
a:active {
	text-decoration:none;
	color:#769E2C;
}

.pfeilgruen,
a.pfeilgruen,
a.pfeilgruen:link,
a.pfeilgruen:visited {
	color:#769E2C;
	text-transform:uppercase;
	font-weight:bold;
	float:right;
	padding:0 0 0 9px;
	clear:both;
	background:transparent url(../images/pfeil_weiss.gif) 0px 5px  no-repeat;
	list-style:none;
}

a.pfeilblau,
.pfeilblau {
	color:#002F71;
	padding:0 0 0 10px;
	background:transparent url(../images/pfeil_blau.jpg) 0px 4px  no-repeat;
	list-style:none;
}

a.pfeilgruenblau,
.pfeilblau {
	color:#002F71;
	/*color:#769E2C;*/
	font-size: 12px;
	padding:0 0 0 10px;
	background:transparent url(../images/pfeil_weiss.jpg) 0px 5px  no-repeat;
	list-style:none;
}

.gruen,
a.gruen,
a.gruen:link,
a.gruen:hover,
a.gruen:visited  {
	font-size:12px;
	color:#769E2C;
	font-weight:bold;
	padding:0 0 0 0px;
	list-style:none;
}


div.table { display:table;border-collapse:collapse; }
div.tr { display:table-row; }
div.td { display:table-cell;float:left;text-align:left;vertical-align:top; }

em, i {
	font-style:italic;
}

em.normal, i.normal {
	font-size:12px;
	line-height:155%;
	color:#666;
	font-style:italic;
}

strong, b {
	font-weight:bold;
}

strong.normal, b.normal {
	font-size:12px;
	line-height:155%;
	color:#666;
	font-weight:bold;
}

hr {
	width:100%;
	border:0;
	height:1px;
	background:#9C9A9A;
	clear:none;
}

p {
	margin:5px 0 5px 0;
	line-height:155%;
}

p.description {
	font-size:12px;
	line-height:155%;
	color:#666;
}

td {
	font-size:12px;
	line-height:155%;
	color:#666;
}

li.description {
	font-size:12px;
	line-height:150%;
	color:#666;
}

.input_text {
	font-size:12px;
	line-height:155%;
	color:#00000;
}

form#searchform {
	border: 0;
	margin: 0;
	padding: 0;
	clear: both;
}

input.searchword {
	position:relative;
	top:0;
	left:0;
	border:1px solid #999;
	color:#999;
	border-right: none;
	margin:0;
	padding:0;
	height:22px;
	line-height:12px;
	font-size:12px;
	float:left;
	width:125px;
}

input.searchsubmit {
	position:relative;
	top:0;
	left:0;
	border:1px solid #666;
	margin:0;
	padding:0;
	height:22px;
	line-height:22px;
	font-size:12px;
	width:22px;
	float:left;
}

td#ContentMiddle ul,
td#ContentMiddle ol {
	margin-left:30px;
	padding-left:10px;
	line-height:155%;
}

td#ContentMiddle ul {
	margin-top:5px;
	list-style:circle;
/*        
list-style:square outside url(../images/kasten_grau.gif);
*/
}


td#ContentMiddle ol{
	list-style:numeric;
}

div#TeaserShell ul,
div#TeaserShell ol {
	margin-left:0px;
	padding-left:0px;
	line-height:155%;
}

/*        
++++++++++++++++++++++++++++++++++++++++++++++++++
HEADER
++++++++++++++++++++++++++++++++++++++++++++++++++
*/

div#HeaderShell {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:262px;
	overflow:hidden;
}

div#HeaderIntro {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:58px;
	background:#6589A5;
	color:#D8E1E8;
	border-bottom:1px solid #B2C4D2;
}	

div#Zeit {
	position:relative;
	top:22px;
	left:28px;
}

div#MetaNavigation {
	position:relative;
	top:8px;
	left:372px;
}

div#MetaNavigation a {
	color:#D8E1E8;
	text-transform:uppercase;
	text-decoration:none;
}

div#MetaNavigation a:hover {
	color:white;
}


div#Logo {
	position:relative;
	top:0;
	left:0;
	width:260px;
	height:204px;
	float:left;
	background:transparent url(../images/logo_verlauf.jpg) top left repeat-x;
}

div#Logo a {
	position:relative;
	left:33px;
	top:45px;
}

div#EmotionHeader {
	position:relative;
	top:0;
	left:0;
	width:508px;
	overflow:hidden;
	height:204px;
	float:right;
	background:#DCE1EA;
}


/*        
++++++++++++++++++++++++++++++++++++++++++++++++++
CONTENT
++++++++++++++++++++++++++++++++++++++++++++++++++
*/

div#ContentShell {
	position:relative;
	top:0;
	left:0;
	width:100%;
	background:transparent url(../images/baum.jpg) left bottom no-repeat;
	clear:both;
}

div#Micronavigation {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:33px;
	color:#999;
	overflow:hidden;
	border-bottom:1px solid #B3B3B3;
	font-size:11px;
}

div#Micronavigation div{
	position:relative;
	top:8px;
	left:28px;
}

div#Micronavigation a {
	text-decoration:none;
	color:#999;
	font-size:11px;
}

td#ContentLeft {
	position:relative;
	top:0;
	left:0;
	width:260px;
	background:transparent url(../images/linie.gif) right top no-repeat;
	float:left;
}

td#ContentMiddle {
	position:relative;
	top:0;
	left:0;
	width:508px;
}

div#SubNavigation {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:40px;
	overflow:visible;
	font-size:11px;
	background: transparent url(../images/subnavi.jpg) top left repeat-x;
	border-bottom:0px solid #B2B2B2;
}

div#SubNavigation ul {
	position:relative;
	top:0;
	left:0;
	height:39px;
	margin:0;
	padding:0;
}

div#SubNavigation li {
	position:relative;
	top:0;
	left:0;
	height:39px;
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	background: transparent url(../images/subnavi.jpg) top left repeat-x;
	border-right:1px solid #B2B2B2;
	border-bottom:0px solid #B2B2B2;
}

div#SubNavigation a {
	position:relative;
	top:0;
	left:0;
	height:39px;
	line-height:39px;
	padding:0 10px; 0 10px;
	font-size:12px;
	color:#002B66;
	display:block;
	float:left;
}

div#SubNavigation li.current {
	height:39px;
	background:white;
	border-bottom:1px solid white;
}

div#SubNavigation li.last {
	border-right:0px solid #B2B2B2;
	height:39px;
}

div#SubNavigation li.current a{
	height:39px;
	color:#8CBC34;
	font-weight:bold;
}

div#SubNavigation a:hover {
	height:39px;
	color:#8CBC34;
}

div#ContentContent {
	position:relative;
	margin-top:27px;
	margin-left:26px;
	width:456px;
	clear:both;
}

div#TeaserShell {
	position:relative;
	top:0;
	left:0;
	width:149px;
	border:1px solid #003B6A;
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	padding:14px;
	color:#002F71;
}

div#TeaserShell a {
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0 0 0 12px;
	background: transparent url(../images/pfeil.gif) 0px 4px  no-repeat;
	display:block;
}

div#TeaserShell h1 {
	font-weight:bold;
	text-decoration:none;
	color:#002F71;
}
  
/*        
++++++++++++++++++++++++++++++++++++++++++++++++++
NAVIGATION
++++++++++++++++++++++++++++++++++++++++++++++++++
*/

div#Navigation {
	position:relative;
	top:0px;
	left:0px;
	width:230px;
	margin:30px 0 250px 30px;
	padding:0;
	border:0;
	clear:both;
	overflow:hidden;
}

.open {
	display:block;
	visibility:visible;
}

.close {
	display:none;
	visibility:hidden;
}

div#Navigation a,
div#Navigation li {
	text-decoration:none;
	color:#002F71;
}

div#Navigation a:hover,
div#Navigation a.current,
div#Navigation li:hover {
	color:#769E2C;
}

div#Navigation ul {
	position:relative;
	top:0;
	left:0;
	padding:0;
	margin:0;
	border:0;
	list-style:none;
}

div#Navigation ul li {
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0 0 0 10px;
	background: transparent url(../images/pfeil.gif) 0px 12px  no-repeat;
	line-height:275%;
	display:block;
}

div#Navigation ul li a {
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	line-height:275%;
	color:#002F71;
}


div#Navigation ul li.current {
	color:#769E2C;
	background: transparent url(../images/pfeil_runter.gif) 0px 12px   no-repeat;
}

div#Navigation li li,
div#Navigation li li.current {
	font-weight:normal;
	line-height:150%;
	margin:3px 0 3px 0;
	background: transparent url(../images/pfeil_weiss.gif) 0px 6px   no-repeat;
}

div#Navigation ul li li a {
	line-height:150%;
	font-weight:normal;
	text-transform:none;
	text-decoration:none;
}

/*        
++++++++++++++++++++++++++++++++++++++++++++++++++
FOOTER
++++++++++++++++++++++++++++++++++++++++++++++++++
*/

div#FooterShell {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:77px;
	background:#406C8F;
	color:#BFCEDA;
	line-height:155%;
}

div#Copyright {
	position:relative;
	top:0px;
	left:0px;
	width:260px;
	height:77px;
	float:left;
}

div#Copyright span {
	position:relative;
	top:13px;
	left:32px;
}

div#Hotline { 
	position:relative;
	top:0px;
	left:0px;
	height:77px;
	float:left;
}

div#Hotline span {
	position:relative;
	top:13px;
	left:26px;
}

div#FooterShell a {
	color:#BFCEDA;
	text-decoration:none;
}

div#FooterShell a:hover {
	color:white;
}

/*        
++++++++++++++++++++++++++++++++++++++++++++++++++
GEWINNSPIEL
++++++++++++++++++++++++++++++++++++++++++++++++++
*/

div#gewinnspielHeader {
	height: 135px;
	margin-top: -20px;
	color: white;
	background: url(/images/gewinnspiel_header.jpg) 0 0 no-repeat;
}

#gewinnspielHeader div#gewinnspielHeaderTxt {
	padding: 25px 155px 4px 4px;
	text-align: justify;
}

#gewinnspielHeader h1 {
	color: white;
	margin-bottom: 5px;
}

/*        
++++++++++++++++++++++++++++++++++++++++++++++++++
copy 2006 xmachina.de
deus ( a t ) xmachina.de
++++++++++++++++++++++++++++++++++++++++++++++++++
*/