/*
Farben:
dunkelgrau: #494848
hellbrau: #989595
rot: #801010
gold-hell: #c8b99c
gold-dunkel: #90856f
*/


@import url('https://fonts.googleapis.com/css?family=Crimson+Text');

* {
	margin: 0;
}

html 
{
	height: 100%;
}


body
{
	margin: 0;
	background-color: #FFF;
	background-image: url(../images/navi/bg.gif);
	background-repeat: no-repeat;
	height: 100%;
	background-position: 0 24px;
	background-attachment: fixed;

}

img
{
	border: 0 none;
}


#container
{
	position: relative;
	width:950px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom:-26px;
	overflow: auto;
 }
 
 #start
{
	width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom:-26px;
	text-align: center;
 }


/* --------------- inhalte --------------- */

#main
{
	/*float:left;*/
	width:650px;
	margin-left:204px;
}
#header
{
	height:175px;
}
#logo
{
	margin-left:9px;
	width:220px;
	float:left;
}
#content
{
	margin: 3px 0 40px 36px;
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height: 18px; /* 18 */
	color: #494848;
}

#text
{
	padding: 2px 0px 0 1px;
}

#text a:hover, #text a:focus 
{
	color: #801010;
	text-decoration: underline;
}


#text a, #text .linkpf
{
	color: #801010;
	text-decoration: none;
	outline: none;
}


#text a.active {
	color: #90856f;
}

// keine dotted-links
:focus {
  -moz-outline-style: none;
}

:-moz-any-link:focus {
  outline: none;
}


#text p 
{ 
	margin: 0 0 10px 0; 
}

#text strong
{
	color: #801010;
	font-weight: normal;
}

.ref
{
	white-space: nowrap;
	margin-left: -5px;
}

.efo
{
	color: #5CAC4D;
	font-weight: normal;
	margin-right:1px;
}

.floatleft
{
	float:left;
	width: 290px;
	margin-right:10px;
}


#startfooter
{
	position:absolute;
	z-index:2;
	height:26px;
	background-color:#eeeae1;
	width:100%;
}
#startfooter p
{
	padding: 5px 0 0 0;
	text-align: center;
}
/* Georgia
h1, #text h2
{
	color: #90856f;
	font-family: Georgia;
	font-size: 17px;
	line-height: 25px;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin-top: -0px;

}
*/

/* Crimson */

h1, #text h2
{
	color: #90856f;
	font-family: 'Crimson Text', serif;
	font-weight: normal;
	font-size: 21px;
	line-height: 25px;
	margin: -4px 0 0 0;
	opacity: 0.8;
	/* -4px */
}

h1 { margin-bottom: 6px; }

#text h2 
{
	margin-bottom: 2px;
	padding-top: 8px;

}

#info 
{
	position:absolute;
	z-index:100;
	top:178px;
	left:240px;		
	/*width:650px;*/
}


/* --------------- listen --------------- */


#text ul
{
	list-style-type: square;
	list-style-position: outside;
	padding-left: 0;
	margin: 0px 0px 10px 18px;
	/*border-bottom: 1px #ddd dotted;*/
}

/* liste mit hintergrund */
#text ul.libg
{
	list-style-type: none;
	margin: 0px 0px 10px 0px;
}


#text ul.libg li
{
	background-color: #EEEAE1;
	border-top: 2px #fff solid;
	padding: 3px 3px 3px 18px;
}

/* liste mit hintegrund und rand */
#text ul.libgbo
{
	list-style-type: none;
	margin: 0px 0px 10px 0px;
}


#text ul.libgbo li
{
	/*background-color: #EEEAE1;*/
	margin-top: 2px;
	padding: 3px 3px 3px 18px;
	border: 1px #c3c1c1 solid;
}



.lidot li
{

	background-image: url(bg/blackdot.gif);
	background-repeat: no-repeat;
	background-position: 6px 10px;
}

#text ul ul
{
	list-style: square outside url("bg/blackline.gif");
	padding-left: 0;
	margin: 0px 0px 10px 16px;
	border: none;
}

#text ul ul li, #text ul.libg ul li,#text ul.libgbo ul li
{
	border: none;
	padding: 0;
	background-image: none;
	border: none;
}

/* --------------- navigation --------------- */


#footer
{
	position: fixed;
	bottom: 0px;
	z-index: 2;
	height: 26px;
	background-color: #eeeae1;
	width: 100%;
}

#footer p 
{
	padding: 5px 0 0 235px;
}

.meta
{
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #989595;

}

#footer p.start
{
	padding: 5px 0 0 0px;
}
.start
{
	text-align: center;
}
.meta a
{
	font-size: 12px;
	color: #989595;
	text-decoration: none;
	margin: 2px 6px 0px 6px;
}

.meta a:hover, .meta .active, .meta a:focus
{
	color: #801010;
	text-decoration: none;
}

#lang
{
	float: left;
	margin: 24px 0 0 345px;
	letter-spacing: -1px;
}


#lang.meta a
{
	padding: 14px 6px 0px 6px;
	margin: 0;
	top: 1px;
	position: relative;
}



#navigation
{
	width: 204px;
	left:0px;
	float: left;
	overflow: hidden;
	position: fixed;
}
#topnavi 
{ 
	width:200px;
	margin: 175px 0 0 24px; 
	overflow:hidden;
}
#subnavi 
{ 
	width:180px;
	margin: 49px 0 0 24px; 
}

#topnavi ul, #subnavi ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#topnavi li
{
	width: 200px;
	min-height: 24px;
	height:auto !important;
  	height:24px;
	cursor: pointer;
	overflow:hidden;
}

#topnavi ul li a
{
	height: 24px;
}

#subnavi li
{
	width: 180px;
	height: 24px;
	cursor: pointer;
}

.trans
{
	opacity: 0.0;
	width: 100%;
	height: 100%;
	display: block;
	filter: alpha(opacity = 0);
	overflow: hidden;
	padding-left:36px
}

#infolist
{
	list-style-type: none;
	font-family: verdana;
	padding: 0px;
	margin: 4px 0 6px 26px;
}
#infolist a 
{
	font-size: 12px;
	line-height: 18px;
	color: #90856f;
	text-decoration:none;
	height:16px;
	outline: none;
}
#infolist a:hover, #infolist a.active, #infolist a:focus
{
	color: #801010;
	text-decoration:none;
}


li#tn1
{
	background-image: url(../images/navi/m1n.gif);
	background-position: -211px;
	width:110px;
	overflow:hidden;
}
li#tn2
{
	background-image: url(../images/navi/m2n.gif);
	background-position: -211px;
	width:126px;
	overflow:hidden;
}
li#tn3
{
	background-image: url(../images/navi/m3n.gif);
	background-position: -211px;
	width:102px;
	overflow:hidden;
}
li#tn4
{
	background-image: url(../images/navi/m4n.gif);
	background-position: -211px;
	width:129px;
	overflow:hidden;
}

li#sn1
{
	background-image: url(../images/navi/s1.gif);
	background-position: -210px;
}
li#sn2
{
	background-image: url(../images/navi/s2.gif);
	background-position: -210px;
}
li#sn3
{
	background-image: url(../images/navi/s3.gif);
	background-position: -210px;
}
li#sn4
{
	background-image: url(../images/navi/s4.gif);
	background-position: -210px;
}
li#sn5
{
	background-image: url(../images/navi/s5.gif);
	background-position: -210px;
}
li#sn6
{
	background-image: url(../images/navi/s6.gif);
	background-position: -210px;
}
li#sn7
{
	background-image: url(../images/navi/s7.gif);
	background-position: -210px;
}
li#sn8
{
	background-image: url(../images/navi/s8.gif);
	background-position: -210px;
}
li#sn9
{
	background-image: url(../images/navi/s9.gif);
	background-position: -210px;
}
li#tn1:hover, li#tn2:hover, li#tn3:hover, li#tn4:hover, li#sn1:hover, li#sn2:hover, li#sn3:hover, li#sn4:hover, li#sn5:hover, li#sn6:hover, li#sn7:hover, li#sn8:hover, li#sn9:hover, li#en1:hover, li#en2:hover, li#en3:hover, li#en4:hover, li#en5:hover,
li#tn1:focus, li#tn2:focus, li#tn3:focus, li#tn4:focus, li#sn1:focus, li#sn2:focus, li#sn3:focus, li#sn4:focus, li#sn5:focus, li#sn6:focus, li#sn7:focus, li#sn8:focus, li#sn9:focus, li#en1:focus, li#en2:focus, li#en3:focus, li#en4:focus, li#en5:focus
{
	background-position: 0px;
}

li#tn1.aktiv, li#tn2.aktiv, li#tn3.aktiv, li#tn4.aktiv, li#sn1.aktiv, li#sn2.aktiv, li#sn3.aktiv, li#sn4.aktiv, li#sn5.aktiv, li#sn6.aktiv, li#sn7.aktiv, li#sn8.aktiv, li#sn9.aktiv, li#en1.aktiv, li#en2.aktiv, li#en3.aktiv, li#en4.aktiv, li#en5.aktiv
{
	background-position: 0px;
}


/* eFORECAST */
li#en1
{
	background-image: url(../images/navi/se1.gif);
	background-position: -210px;
}
li#en2
{
	background-image: url(../images/navi/se2.gif);
	background-position: -210px;
}
li#en3
{
	background-image: url(../images/navi/se3.gif);
	background-position: -210px;
}
li#en4
{
	background-image: url(../images/navi/se4.gif);
	background-position: -210px;
}
li#en5
{
	background-image: url(../images/navi/se5.gif);
	background-position: -210px;
}