* { margin:0; padding:0; }

html {
background : url(../bilder/bg_verlauf.gif) repeat;
}

body {
background: url(../bilder/bg_verlauf.gif) repeat-x 0 0;
font-family: Arial, Tahoma, Verdana, sans-serif; 
text-align: center; 
margin : auto; 
padding : 0; 
}

table {
font-family: Arial, Tahoma, Verdana, sans-serif; 
font-size: 100%;
text-align: center; 
line-height: 1.5em;
margin : auto; 
padding : 20px 0 0 0; 
}
body {
background: url(../bilder/bg_winter.png) repeat;
/* Scrollbarattribute werden nur von Internet Explorer ab der Version 5.5 unterstützt  */
	scrollbar-base-color:#EEEEEE;
	scrollbar-track-color:#0062A0;
	scrollbar-face-color:#FF0000;
	scrollbar-highlight-color:#9AA2B3;
	scrollbar-3d-light-color:#EFEFEF;
	scrollbar-dark-shadow-color:#EFEFEF;
	scrollbar-shadow-color:#DEDEDE;
	scrollbar-arrow-color:#FFFFFF;
font-size: 80%;
height: 100%;
} 
	

	* html #page
	{
		height: 90%;
	}

#nonFooter
{
min-height: 90%;
}



  /* Alles umschliessender Container */
#wrapper {
background: url(../bilder/bg_shadow.png) repeat-y;
position: center;
text-align: center;
clear: both;
width: 740px;
height: auto;
margin: auto;
padding: auto;
border: 0px;
padding-bottom: 7,5em;
overflow: hidden;
}
#content {
background: url(../bilder/bg_content.gif) no-repeat 11px 0;
clear: both;
text-align: center;
font : 90%/0.1em Arial, Tahoma, Verdana, sans-serif; 
padding: 4em;
margin: auto;
/*height: 90%;*/
overflow: visible;
}

#content a, #footer a {
text-decoration: none;
color: #0062A0;
}


/* Header */
#header { /* umschliesst oder enthaelt Logo */
border: 0px solid #00f;
text-align: center;
margin: auto;
}
/* Aktiviere das Element, das Du nutzen willst (Text- oder Bild-Logo) */
div#header #logo h1 {
display: none;
}
div#header #logo {
background-image: url(../bilder/logo_guter-punkt_winter.png);
background-repeat: no-repeat;
text-align: center;
width: 700px;
height: 120px;
margin:auto;
padding: 0;
}

a img { border: none; }

div#text {
text-align: center;
clear: both;
	width: 600px;
	margin: auto;
	padding: 15px 0 25px 0;
	text-align: left;
	line-height: 1.5em;
}

div#preview {
	float: none;
	position: inherit;
	text-align: center;
	width: 600px;
	height: auto;
	margin: auto;
	padding: 0;
	border: 0;
	}

div#subnav {
	float: none;
	position: inherit;
	text-align: center;
	width: 600px;
	height: 50px;
	margin: auto;
	padding: auto;
	border: 0;
	display: block;
	}
	
div#subnav0l a{ /* Pfeil nach links ist inaktiv */
float: left;
margin: 0;
padding: 0;
background-image:url(../bilder/guter-punkt_pfeil_links_grau.gif);
background-repeat:no-repeat;
display: block;
height:50px;
width:300px;
}

div#subnav0r a{ /* Pfeil nach rechts ist inaktiv */
float: left;
margin: 0;
padding: 0;
background-image:url(../bilder/guter-punkt_pfeil_rechts_grau.gif);
background-repeat:no-repeat;
display: block;
height:50px;
width:300px;
}

div#subnav1 a{ /* Pfeil nach links */
float: left;
margin: 0;
padding: 0;
background-image:url(../bilder/guter-punkt_pfeil_links.gif);
background-repeat:no-repeat;
display: block;
height:50px;
width:300px;
}
div#subnav1 a:hover {
background-image:url(../bilder/guter-punkt_pfeil_links_rol.gif);
background-repeat:no-repeat;
}

div#subnav2 a{  /* Pfeil nach rechts */
float: right;
margin: 0;
padding: 0;
background-image:url(../bilder/guter-punkt_pfeil_rechts.gif);
background-repeat:no-repeat;
display: block;
height:50px;
width:300px;
}
div#subnav2 a:hover {
background-image:url(../bilder/guter-punkt_pfeil_rechts_rol.gif);
background-repeat:no-repeat;
}
	
div#navigation {
	float: none;
  	position:center;
  	text-align: center;
    width:45em;
	height:20px;
	margin:auto;
    padding:auto;
	overflow: visible;
	visibility: visible;
	display: block;

  }
  * html div#navigation {  /* Korrektur fuer IE 5.x */
    width: 48.7em;
    w\idth: 47.1em;
  }
  div#navigation div {
     clear: left; 
  }
  ul#menu {    
  	text-align: center;
    margin:auto;
	padding: auto;
	text-transform:lowercase;
  }

  ul#menu li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: auto; 
	padding: auto;
  }


  ul#menu li ul {
  	float:none;
    position: absolute;
	width: auto;
    margin: 0; 
	padding: 0;
	font-weight:normal;
    top: 1.5em; 
	left: 0;
    display: none;  /* Untermenu ausblenden */
	/* visibility: hidden;  Untermenu unsichtbar machen */
  }


  *:first-child+html ul#menu ul {  /* Workaround fuer den IE 7 */
    background-color:fff; 
	padding-bottom:0.4em;
  }
  ul#menu li:hover ul {
    display: inline;  /* Untermenu in modernen Browsern einblenden */
  }
  ul#menu li ul li {
    float: none;
	padding:0;
  }

  ul#menu a, ul#menu span {
    display: block;
    width: 5em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em 1em;
    text-decoration: none; 
	font-weight: normal;
    border: 0px;
    color: #0062A0; 
	background-color: #fff;
  }
  * html ul#menu a, * html ul#menu span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  }
  ul#menu a:hover, ul#menu span, li a#aktuell {
    border-color: white;
    border-left-color: black; 
	border-top-color: black;
    color: #CCF; 
	background-color: #0062A0;
  }
  ul#menu a.selected {
	color : #f00; 
	text-decoration: underline;
} 
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: #0062A0; 
	background-color: #fff;
  }
  ul#menu li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: #ccc;
  }


#infobox {
width: 566px;
color: #003366; 
margin-bottom: 10px;
padding: 10px 15px 15px 15px;
text-align: left;
background: #f3f6fa;
border: 2px solid #b9c9e4;
}
	#infobox h3 {
	margin:0 0 15px 0;
	}
  


#footer {
	clear: both;
	background: url(../bilder/bg_footer.png) no-repeat;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: right;
	height:125px;
	font-size: 90%;
	text-align: center;
	padding: 6em 0 1em 0;
	color: #004D80;
	position: relative;
	z-index: 1;
}