/* Grundeinstellung -------------------------------------------------------------------------------------------------------------- */
* {margin:0;padding:0}
body {
padding: 0 0 0 0px;
font:0.9em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;
BACKGROUND: #fff url(../images/hg_body.jpg) repeat-x top; 
}

/* allgemein --------------------------------------------------------------------------------------------------------------------- */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* Listen --------------------------------------------------------------------------------------------------------------------- */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

/* Typographie --------------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;color:#000;padding-bottom: .1em}
h1 {font-size: 126%;margin-top:.6em;color:#333;}
h2 {font-size: 96%; color:#333;margin-top:.6em;}
h3 {font-size: 126%; margin-top:.2em; margin-bottom:.1em; color:#333;}
h4 {font-size: 116%; color:#333;}
.acronym acronym.A{
	cursor: help;
}

/* Links --------------------------------------------------------------------------------------------------------------------- */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#1B8094} 
a:visited {color:#1B8094} 
a:hover,a:active {color:#1B8094} 

/* Kopf --------------------------------------------------------------------------------------------------------------------- */
#header {
background-color:#FFFFFF;
width: 100%;
padding-bottom: 0px;
margin-bottom:0px;
}
#kopf {
	background-color : rgb(212,208,196);
	background-image : url('../upload/Image/Kopf_img_0562.jpg');
	height : 180px;
	left : 0px;
	top : 0px;
	width : 900px;
  }

#titel {
	color : rgb(255,255,255);
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 56px;
	font-style : normal;
	font-weight : bold;
	left : 10px;
	position : relative;
	top : 50px;
	letter-spacing : 1px;
	line-height : 60px;
  }
#seestern {
	height : 100px;
	left : 615px;
	position : absolute;
	top : 152px;
	width : 115px;
	z-index: 100;
  }
#wetterbox {
	padding-left : 10px;
	width : 120px;
	height : 180px;
  }




/* Contentbereich --------------------------------------------------------------------------------------------------------------------- */

#container_kopf {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 	
	PADDING-TOP: 0px; 	
	FLOAT: none; 
	MARGIN: 0px auto; 
	WIDTH: 900px; 
	background-color:#fff;
}

#wrapper {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-TOP: 0px; 	
	PADDING-BOTTOM: 0px; 	
	Z-INDEX: 1; 
	LEFT: 0px; 
	WIDTH: 900px; 
	background: #fff;
	min-height: 800px;
}

/* Menuspalte bei Content */
#contentmenuespalte {
	PADDING-TOP: 20px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; 
	FLOAT: left;  
	WIDTH: 200px;  
	POSITION: relative; 
	BACKGROUND: url(../images/hg_menu.gif) repeat-x top; 
	color:#1B8094;
}
#contentmenuespalte H1 {padding-left: 5px; color:#1B8094}
#contentmenuespalte DT {padding-left: 5px;font:0.9em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;}
#contentmenuespalte DD {padding-left: 15px;font:0.9em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;}
#contentmenuespalte P {padding-left: 5px;padding-top:-2px;font:0.9em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;}
#contentmenuespalte a,#contentmenuespalte a:link,#contentmenuespalte a:active,#contentmenuespalte a:link,#contentmenuespalte a:hover {text-decoration:none;cursor:pointer;} 
#contentmenuespalte a:link {color:#1B8094} 
#contentmenuespalte a:visited {color:#1B8094}
#contentmenuespalte a:hover,a:active {color:#fff;background: #1B8094;}
#contentmenuespalte li {color:#1B8094}

.menu {line-height: 25px;
}

#contentspalte_800 {
	PADDING-TOP: 20px; PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 40px; WIDTH: 660px; POSITION: relative;
	BACKGROUND: url(../images/hg_fuss.gif) repeat-x top; 
}
#contentspalte_800 P {padding-top: 10px;font:0.9em "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif; margin-bottom:5px;}
#contentspalte_800 a,#contentspalte_800 a:link,#contentspalte_800 a:hover,#contentspalte_800 a:active {background:transparent;text-decoration:underline;cursor:pointer} 
#contentspalte_800 a:link {color:#1B8094} 
#contentspalte_800 a:visited {color:#1B8094} 
#contentspalte_800 a:hover,a:active {color:#1B8094}
#contentspalte_800 h1 {font-family:Georgia, "Times New Roman", Times, serif;font-size:20px; font-weight:normal;color:#1B8094;}
#contentspalte_800 h2 {font-family:Georgia, "Times New Roman", Times, serif;font-size:18px; font-weight:normal;color:#1B8094;}
#contentspalte_800 h3 {font-family:Georgia, "Times New Roman", Times, serif;font-size:16px; font-weight:normal;color:#1B8094;}
#contentspalte_800 h4 {font-family:Georgia, "Times New Roman", Times, serif;font-size:14px; font-weight:normal;color:#1B8094;}

/* Fuss --------------------------------------------------------------------------------------------------------------------- */
#container_fuss {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 	
	PADDING-TOP: 0px; 	
	FLOAT: none; 
	MARGIN: 0px auto; 
	WIDTH: 900px; 
}

#footer { 
	clear: both; 
	color: #fff; 
	background: #1B8094; 
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #C5C5C5;	
	margin: 0; padding: 0; 
	height: 50px;	  
	font-size: 95%;		
	margin-top: 10px;
}
#footer a { 
	text-decoration: none; 
	color: #fff;
}
#footer .footer-left{
	float: left;
	padding-left: 5px;
	padding-top: 5px;
}
#footer .footer-right{
	float: right;
	padding-right: 5px;
	padding-top: 5px;
}
#developer { 
	clear: both; 
	color: #848484; 
	background: #fff; 
	height: 30px;	  
	font-size: 80%;		
}
#developer a { 
	text-decoration: none;
	color: #848484; 	 
}
#developer .footer-left{
	float: left;
	padding-left: 5px;
	padding-top: 5px;
}
#developer .footer-right{
	float: right;
	padding-right: 5px;
	padding-top: 5px;
}

#navfuss {
	clear: both; 
	color: #fff; 
	BACKGROUND: #1b8094;  
	border-top: 0px;
	margin: 0; padding: 0; 
	HEIGHT: 29px;   
	font-size: 0.85em;
}
#navfuss a { 
	text-decoration: none; 
	color: #fff;
}
#navfuss .navfuss-left{
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}
#navfuss .navfuss-right{
	float: right;
	padding-right: 10px;
	padding-top: 5px;
}
label.left
{
    float            : left;
    text-align        : left;
/*  Bei Aenderungen aber nicht 
    vergessen, die margins bei input.right 
    entsprechend anzupassen: */
    width            : 10em;
    margin-right    : .3em;
}

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */

input[type=text],
select
{
    float            : left;
}

/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */

input.right
{
    float                    :    left;
    width                    :    auto;
    clear                    :    both;
    margin-left                :    8.3em;
    margin-right            :    .3em;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, 
    warum das so ist. Feedback und 
    Loesungsvorschlaege willkommen */

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right
{
    margin-left                :    6.3em;
}

/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */

form br
{
    clear                    :    both;
}

/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor                    :    pointer;
}

/*  legt den vertikalen Abstand der 
    einzelnen Elemente zueinander fest */

form
{
    line-height                :    120%;
}
.accessKey {
	FONT-WEIGHT: bold; FONT-SIZE: 0.8em; VISIBILITY: hidden; COLOR: #fbabab; MARGIN-RIGHT: 1px; 
}
#accessKeyHelpText {
	BORDER-RIGHT: #05143F 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #05143F 1px solid; PADDING-LEFT: 5px; LEFT: -350px; VISIBILITY: hidden; PADDING-BOTTOM: 5px; BORDER-LEFT: #05143F 1px solid; WIDTH: 500px; COLOR: #000000; LINE-HEIGHT: 1.5em; PADDING-TOP: 5px; BORDER-BOTTOM: #05143F 1px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #fbabab; TEXT-ALIGN: left
}