body { background-image:  url(images/bg.png);
	   background-attachment:fixed;
	   margin-top: 0px;
	   margin-bottom: 0px;
}
body.start{
	 background-image:  url(images/bg.png);
	 background-attachment:fixed;
}
#page-container {
	width: 612px;
	margin: auto;
	padding-top: 30px;
	background-image: url(images/bgtab2.png);
}
#page-container.start {
	width: 670px;
}
#header {
	height: 100px;
	width: 598px;
	margin-bottom: 40px;
	margin-left: 5px;
	background-image: url(images/kristinaherbstbleu.png);
	}
#header.start {
	width: 660px;
	background-image: url(images/kristinaherbststart.png);
	}
#main-nav {
	height: 73px;
	padding: 0px;
	image-border: 0px;
	margin-bottom: 65px;
}
#start-nav {
	height: 660px;
	padding: 0px;
	image-border: 0px;
}
#menu {
	width: 584px;
	height: 73px;
	background: url(images/menu/menu_under.png) no-repeat;
	margin-left: 12px;
	position: relative;
	}
#menu li {
    margin: 0; 
	padding: 0; 
	position: absolute;
	list-style: none;
	top: 0;
	}
#menu li, #menu a {
    height: 73px; 
	width: 73px;
	display: block;
	}
#panel1b {left: 0;}
#panel2b {left: 73px;}
#panel3b {left: 146px;}
#panel4b {left: 219px;}
#panel5b {left: 292px;}
#panel6b {left: 365px;}
#panel7b {left: 438px;}
#panel8b {left: 512px;}
#menu a:hover {
	background: url(images/menu/menu_over.png) no-repeat;
}
#panel1b a:hover {
	background-position: 0 0;}
#panel2b a:hover {
	background-position: -73px 0;}
#panel3b a:hover {
	background-position: -146px 0;}
#panel4b a:hover {
    background-position: -219px 0;}
#panel5b a:hover {
    background-position: -292 0 ;}
#panel6b a:hover {
    background-position: -365px 0;}
#panel7b a:hover {
    background-position: -438px 0;}
#panel8b a:hover {
    background-position: -512px 0;}
#entree {
    width: 660px; 
	height: 660px;
	background: url(images/menu/start_under.png) no-repeat;
  	margin-left: 12px; 
	position: relative;
	}
#entree li {
    margin: 0; 
	padding: 0; 
	position: absolute;
	list-style: none;	
	}
#entree li, #entree a {
    height: 195px; 
	width: 196px;
	display: block;
	}
#entree1b {left: 0; top: 0}
#entree2b {left: 225px; top: 0}
#entree3b {left: 449px; top: 0}
#entree4b {left: 0px; top: 224px}
#entree5b {left: 449px; top: 224px}
#entree6b {left: 0px; top: 447px}
#entree7b {left: 225px; top: 447px}
#entree8b {left: 449px; top: 447px}
#entree a:hover {
	background: url(images/menu/start_over.png) no-repeat;
}
#entree1b a:hover {
	background-position: 0 0;}
#entree2b a:hover {
	background-position: -225px 0;}
#entree3b a:hover {
	background-position: -449px 0;}
#entree4b a:hover {
    background-position: 0px -224;}
#entree5b a:hover {
    background-position: -449px -224 ;}
#entree6b a:hover {
    background-position: 0px -447;}
#entree7b a:hover {
    background-position: -225px -447;}
#entree8b a:hover {
    background-position: -449px -447;}
#content {
	margin-left: 12px;
	width: 580px;
	min-height:300px;
	height:auto !important;  /* f¸r moderne Browser */
	height:300px;  /*f¸r den IE */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	text-align: left;
	color: #FFFFFF;
	padding-bottom: 45px;
}
#footer {
	padding-left: 12px;
	padding-right: 12px;
	clear: both;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	color: #FFFFFF;
	text-decoration: none;
	}
#below_footer {
	padding-bottom: 30px;
	padding-left: 12px;
	padding-right: 12px;
	clear: both;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	}	
a:link {
	font-family: Geneva;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}
a:visited {
	color: #DDDDDD;
	text-decoration: none;
}
a:active {
	color: #FEDD02;
	text-decoration: none;
}
a:hover {
	color: #FEDD02;
	text-decoration: none;
}
a.flow:link {
	font-family: Century Gothic, Avant Garde, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
a.flow:visited {
	color: #DDDDDD;
	font-weight: bold;
}
a.flow:active {
	color: #FEDD02;
	font-weight: bold;	
}
a.flow:hover {
	color: #FEDD02;
	font-style: italic;
}
h1 {
	font-family: Century Gothic, Avant Garde, sans-serif;
	font-size: 14px;
	color: #6699CC;
	text-decoration: none;
	font-weight: normal;
}
h2 {
	font-family: Geneva;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
h3 {
	font-family: Century Gothic, Avant Garde, sans-serif;
	font-size: 12px;
	color: #012240;
	text-decoration: none;
	font-weight: normal;
}
h4 {
	font-family: Times;
	font-size: 38px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
img {
border: none;
}
hr{
 border: 0px; /* F¸r Firefox und Opera */
 border-top: solid 1px #DDDDDD;
 border-bottom: transparent;
}
table{ 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	text-align: left;
	color: #FFFFFF;
	border: 0px;
}

