* { margin: 0;
    padding: 0;}
	
a { 
	color: #999; 
	text-decoration: none; }
	
a:hover { 
	color: #00a08b; 
	text-decoration: none; }
	
img {
	border: 0;}
	
	
h1 { color: #00a08b; font-size: 24px; font-weight: normal; line-height: 24px; }
h2 { color: #666; font-size: 17px; font-weight: normal; line-height: 24px; }
h3 { color: #00a08b; font-size: 15px; font-weight: normal; line-height: 24px; }

.sternaktiv {
	color: #00a08b; font-size: 24px; font-weight: normal; line-height: 24px;  }
	
.sterninaktiv {
	color: #cccccc; font-size: 24px; font-weight: normal; line-height: 24px;  }


/* Höhen- und Breitenanpassung zu 100%; Scrollbar ausblenden */
body, html{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #666;
}

/* Body-Dummy absolut über BG-Image legen; Scrollbar bei Bedarf einblenden */
#bodyDiv{
	position: absolute;
	top: -1px;
	left: -144px;
	overflow: auto;
	width: 100%;
	height: 100%;
	text-align: center;
}

/* Layoutelemente */
#mainDiv{ 
	background-image: url(images/gitter.gif); 
	background-repeat: repeat; 
	width: 970px; 
	margin: auto; /* Div soll zentriert werden */
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */ 
	text-align: left; }
	
#main2Div { 
	background-image: url(images/gitter2.gif); 
	background-repeat: repeat; 
	text-align: left; 
	margin: auto; 
	width: 970px; 
	height: auto !important; 
	min-height: 100%; 
	overflow: hidden !important; }

#headDiv{ 
	height: 36px; }

#titelbildDiv { 
	height: 366px; 
	margin-top: 1px; }

#bildDiv { 
	margin-top: 1px; 
	height: 201px; }

#footerDiv{ 
	font-size: 11px; 
	background: #fff; 
	text-align: right; 
	height: 23px; 
	margin-top: 1px; 
	padding-top: 2px; 
	padding-right: 20px;
	float: right;  }
	
#footerDiv li { 
	width: 100px; 
	height: 22px;
	list-style-type: none;
	float: left;}

#footerDiv li a { 
	color: #666;  }
	




/*CONTENTNAVI*/

#contentnaviDiv { }

#contentnaviDiv .section1 { 
	font-size: 12px; 
	text-align: center; 
	width: 490px; 
	margin-top: 7px; }
	
#contentnaviDiv .section1 li { 
	color: #00a08b; 
	line-height: 22px; 
	background-color: #fff; 
	width: 161px; 
	height: 22px; 
	float: left; 
	margin-right: 1px; 
	list-style-type: none; 
	list-style-image: none; }
	
#contentnaviDiv .section1 li a { 
	color: #666; 
	list-style-type: none; }
	
#contentnaviDiv .section1 li a:hover { 
	color: #fff; 
	background-color: #008473; 
	list-style-type: none; 
	display: block; }
	
	
	
/*NEBENNAVI*/

#nebennaviDiv { 
	background: #fff; 
	width: 600px; 
	height: 23px; 
	float: right; 
	margin-top: 13px; }
	
#nebennaviDiv li { 
	color: #00a08b; 
	font-size: 11px; 
	float: right; 
	padding-right: 15px; 
	padding-left: 15px; 
	list-style-type: none; 
	list-style-image: none; }
	
	
/*LOGO*/

#logo { 
	background-color: #fff; 
	text-indent:-9000px; 
	background-image: url(images/krazer-logo.gif); 
	background-repeat: no-repeat; 
	width: 200px; 
	margin-top: 1px; 
	height: 89px; 
	float: left; }
	
	
/*HAUPTNAVI*/

#hauptnaviDiv {
	background-color: #fff;
	height: 29px;
	margin-top: 1px;
	padding-top: 60px;
	z-index: 1000001;
}

#hauptnaviDiv li a:hover { 
	color: #00a08b; }
	


#hauptnaviDiv ul#navlist a
{ }

#hauptnaviDiv ul#navlist, #hauptnaviDiv ul#navlist ul, #hauptnaviDiv ul#navlist li
{
list-style-type: none;
}

#hauptnaviDiv ul#navlist li { 
	font-size: 13px; 
	font-weight: bold; 
	float: left; 
	padding-right: 10px; 
	padding-left: 25px; }
	
#hauptnaviDiv ul#navlist .current_page_item a { 
	color: #00a08b; }
	
#hauptnaviDiv ul#navlist li a
{
color: #999;
padding: 3px;
}

#hauptnaviDiv ul#navlist li a:hover
{
color: #00a08b;
}

#hauptnaviDiv ul#navlist li a:active
{
color: #008473;
}

#hauptnaviDiv ul#subnavlist { 
	font-size: 12px; 
	font-weight: normal; 
	display: none; }
	
#hauptnaviDiv ul#subnavlist li { 
	font-size: 12px; 
	font-weight: normal; 
	font-style: normal; 
	width: 200px; 
	float: none; 
	margin: 0; 
	padding: 0; }

#hauptnaviDiv ul#subnavlist li a
{ color: #b3e3dc; padding-left: 10px; }

#hauptnaviDiv ul#subnavlist li a:hover { color: #fff; padding-left: 10px; }
#hauptnaviDiv ul#navlist li:hover ul#subnavlist 
{ font-size: 12px; font-weight: normal; background-color: #fff; display: block; position: absolute; padding-top: 10px; }

#hauptnaviDiv ul#navlist li:hover ul#subnavlist li a
{ background-color: #00a08b; display: block; border-bottom: 1px dotted #5ac1b4; }
#hauptnaviDiv ul#navlist li:hover ul#subnavlist .current_page_item a { color: #fff; background-color: #008473; background-image: url(images/pfeil1.gif); background-repeat: no-repeat; background-position: right 0; display: block; border-bottom: 1px dotted #5ac1b4; }
#hauptnaviDiv ul#navlist li:hover ul#subnavlist li a:hover { background-color: #008473; background-image: url(images/pfeil1.gif); background-repeat: no-repeat; background-position: right 0; display: block; border-bottom: 1px dotted #5ac1b4; }
#hauptnaviDiv ul#navlist li:hover ul#subnavlist li a:before { content: "  "; }

/*Popup*/
.popup1 { 
	position:absolute !important; 
	top: 546px;
	width: 970px; 
	height: 400px;
	float: left;  
	background-color: #fff; 
	z-index: 3; 
	visibility: visible; 
	}
.popup1 .section1 { padding: 30px 20px 30px 30px; width: 435px; float: left; visibility: visible;}
.popup1 .section2 { font-size: 11px; line-height: 15px; width: 485px; float: left; padding-top: 30px; padding-bottom: 30px;  }
.popup1 .section2 li { width: 223px; float: left; padding-right: 10px; list-style-type: none; list-style-image: none; display: block; }

.popup1 .section3 { padding: 30px 20px 30px 30px; width: 435px; float: left; visibility: hidden;}

/*Content*/
#contentDiv{ background: #fff; width: 970px; min-height: 400px; margin-top: 1px; }
#contentDiv .section1 { width: 435px; float: left; padding: 30px 20px 30px 30px; visibility: visible;}
#contentDiv .section2 { font-size: 11px; line-height: 15px; width: 485px; float: left; padding-top: 30px; padding-bottom: 30px; visibility: visible;}
#contentDiv .section2 li { list-style-type: none; list-style-image: none; padding-right: 10px; width: 223px; float: left; }
#contentDiv .section3 { width: 435px; float: left; padding: 30px 20px 30px 30px; visibility: hidden;}
#contentDiv .section4 { font-size: 11px; line-height: 15px; width: 485px; float: left; padding-top: 30px; padding-bottom: 30px; visibility: hidden;}
#contentDiv .section4 li { width: 223px; float: left; padding-right: 10px; list-style-type: none; list-style-image: none; }

/*Standardcontent*/
#standard { 
	width: 970px; 
	min-height: 300px; }
	
#standard .section1 { 
	width: 200px; 
	float: left; 
	display: block; }
	
#standard .section1 li { 
	color: #fff; 
	background-color: #008473; 
	height: 25px; 
	margin-top: 1px; 
	list-style-type: none; 
	}
	
#standard .section1 li a { 
	color: #b3e3dc; 
	background-color: #00a08b; 
	height: 23px; 
	padding-top: 2px; 
	display: block; }
	
#standard .section1 li a:hover { 
	color: #fff; 
	background-color: #008473; 
	background-image: url(images/pfeil1.gif); 
	background-repeat: no-repeat; 
	background-position: right 0; 
	height: 23px; 
	padding-top: 2px; 
	display: block; }
	
#standard .section1 li .current_page_item a { 
	color: #fff; 
	background-color: #008473; 
	background-image: url(images/pfeil1.gif); 
	background-repeat: no-repeat; 
	background-position: right 0; 
	display: block; 
	padding-top: 2px; 
	height: 23px; }
	
#standard .section1 li a:extra { 
	color: #fff; 
	background-color: #f42a2a; 
	background-image: url(images/pfeil1.gif); 
	background-repeat: no-repeat; 
	background-position: right 0; 
	display: block; 
	height: 23px; 
	padding-top: 2px; }
	
#standard .section2 { 
	background-color: #fff; 
	width: 679px; 
	float: left; 
	min-height: 300px; 
	margin-top: 1px; 
	margin-left: 1px; 
	padding-top: 30px; 
	padding-right: 30px; 
	padding-left: 60px; }
	
#standard .section2 li {
	margin-left: 15px;
	list-style-position: outside;
	list-style-image: url(images/pfeil2.gif);	
}
	
#standard .section3 { 
	font-size: 11px; 
	background: #fff; 
	margin-top: 1px; 
	padding-top: 2px; 
	width: 480px; 
	height: 23px; 
	float: left; 
	margin-left: 1px; 
	padding-left: 60px; }
	
#standard .section4 { 
	background-color: #fff; 
	margin-top: 1px; 
	margin-left: 1px; 
	padding-top: 30px; 
	padding-left: 60px; 
	width: 709px; 
	min-height: 300px; 
	float: left; 
	list-style-type: none; }
	
#standard .section4 li { 
	width: 200px; 
	float: left; 
	margin-right: 7px; 
	margin-bottom: 7px; 
	list-style-type: none; }
	
#standard .section5 { 
	background-color: #fff; 
	list-style-type: none; 
	margin-top: 1px; 
	margin-left: 1px; 
	padding-top: 30px; 
	padding-left: 60px; 
	width: 709px; 
	min-height: 300px; 
	float: left; }
	
#standard .section5 li { 
	list-style-type: none; 
	margin-right: 7px; 
	margin-bottom: 7px; 
	width: 117px; 
	float: left; }
	
#standard .section6 { 
	background-color: #fff; 
	list-style-type: none; 
	margin-top: 1px; 
	margin-left: 1px; 
	padding-top: 30px; 
	padding-left: 60px; 
	width: 709px; 
	min-height: 300px; 
	float: left; }
	
#standard .section7 { 
	color: #00a08b; 
	background: #fff url(images/pikto-ref.gif) no-repeat; 
	margin-top: 1px; 
	padding-left: 40px; 
	width: 189px; 
	height: 23px; 
	float: left; 
	padding-top: 2px; }
	
#standard .section8 { 
	width: 200px; 
	float: left; }

/*Tabelle*/
table { border-collapse: collapse; }
th { color: #fff; background-color: #008473; vertical-align: top; width: 168px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-bottom: 1px dotted #fff; }

td { text-align: left; vertical-align: top; width: 168px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; }
.weiss {
   background-color: #fff;
   }
.dunkelgrau { background-color: #d2d2d2; }
.grau { background-color: #eaeaea; }
tr { border-bottom: 1px dotted #008473; }