body{
	color:black;
	background: #ffffff url(images/topback2.gif) no-repeat top left;
	padding:0;
	margin:0;
	font:12px verdana, sans-serif;
}

h1{
	color:white;
	padding: 10px 10px 10px 0;
	margin:0 0 10px 0;
	text-align:right;
}

#logo{
	position: absolute;
	top: 25px;
	left: 20px;
}

#links{
	float:left;
	width:210px;
	padding: 100px 0 0 25px;
	background-image : url(images/randzier1.gif);
	background-repeat : no-repeat;
	background-position:  25px 75px;
}

#links .first{
margin:0 0 20px 0;
padding:0;
list-style:none;
width:180px;
}

#links .second{
	margin:0 0 20px 0;
	padding:0 0 0 0;
	list-style: none;
	border:1px solid #CE4252;	
}

#links .first li{
	padding: 0 0 8px 0;
	/*der abstand zw den menupunkten kann wegen dem ie nicht mit margin gesetzt werden*/
	margin:0;
}
#links .first li a{
	with:200px;
	/*die breitenangabe wir nur vom ie benoetigt*/
	display:block;
	color:white;
	background:#CE4252;
	border:1px solid black;
	padding: 7px 10px 7px 10px;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
#links .first li a:hover{
color:#CE4252;
background:#F0F0F0;
border:1px solid black;}


#links .first li a#termine{
	color:black;
	background: #FF9C9C;
	border:1px solid #CE4252;
}

#links .first li a#termine:hover{
color:#CE4252;
background:#F0F0F0;
border:1px solid black;}




#links .second li{
	padding: 0 0 0px 0;
	/*der abstand zw den menupunkten kann wegen dem ie nicht mit margin gesetzt werden*/
	margin:0;
}
#links .second li a{
	background:#ffffff;
	display:block;
	border-left:5px solid #FFFFFF;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;		
	padding: 5px 7px 5px 7px;
	font-size:11px;
	text-decoration:none;
	color:#CE4252;
}
#links .second li .selected{
	background:#ffffff;
	display:block;
	border-left:5px solid #CCCCCC;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;		
	padding: 5px 7px 5px 7px;
	font-size:11px;
	text-decoration:none;
	color:#CE4252;
}

#links .second  li a:hover{
	color:#CE4252;
	background:#ffffff;
	border-left:5px solid #CE4252;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;		
}


#links .titel{font-weight:bold;margin:0;padding:0;}

#rechts{
	margin:0 0 0 250px;
	padding: 30px 50px 30px 10px;
	background-image : url(images/juncai_bg.gif);
	background-position : 400px 300px;
	background-repeat : no-repeat;
	background-color : White;
	background-attachment : fixed;
}
#rechts h2{
	margin:0 0 10px 0;
	padding:2px 0 2px 5px;
	font:bold 14px verdana, sans-serif;
	border-left:10px solid #CE4252;
	border-bottom:1px solid #CE4252;
	text-transform : uppercase;
	letter-spacing: 1px;
}
#rechts h3{
	margin:25px 0 10px 0;
	padding: 2px 0 2px 0px;
	font:bold 13px verdana, sans-serif;
	border-bottom:1px solid #CE4252;
}
#rechts h4{
	margin:25px 0 10px 0;
	padding: 2px 0 2px 0px;
	font:bold 12px verdana, sans-serif;
	border-bottom:1px solid #CE4252;
}
#rechts td {
	font:12px verdana, sans-serif;
	line-height: 17px;
}
#rechts p {
	font:12px verdana, sans-serif;
	line-height: 18px;
}
#rechts li {
	margin-bottom: 10px;
	line-height: 18px;
}

#rechts a:link { color:#CE4252; text-decoration:underline }
#rechts a:visited { color:#AE2222; text-decoration:underline }
#rechts a:hover { color:#FFFFFF; background-color: #CE4252; text-decoration:none }
#rechts a:active { color:#FFFFFF; background-color: #CE4252; text-decoration:none }
#rechts a:focus { color:#CE4252; text-decoration:underline }

#rechts .picture {
	margin: 5px 5px 5px 0px;
	border: 1px solid #666666;
}

#rechts .floatingpicture_left {
	width: 240px;
	margin: 0px 10px 5px 0px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	font-size: 10px;
	color: #666666;
	line-height: 12px;
	float: left;
}

#rechts .floatingpicture_right {
	width: 240px;
	margin: 0px 0px 5px 10px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	font-size: 10px;
	color: #666666;
	line-height: 12px;
	float: right;
}

#rechts .floatingpicture_left img {
	margin-bottom: 5px;
}
#rechts .floatingpicture_right img {
	margin-bottom: 5px;
}


#rechts .download {
	padding: 5px 10px 5px 10px;
}

#rechts .menukasten {
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
	padding: 10px 20px 10px 10px;
	border: 1px outset #CE4252;
	background-image: url(images/menukastenhintergrund.gif);
	background-position : top;
	background-repeat : no-repeat;
}

.menukastentitel {
	color: #FFFFFF;
	font-weight: bold;
}

#rechts .menukasten ul {
	font:12px verdana, sans-serif;
	line-height: 15px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#rechts .menukasten li {
	line-height: 18px;
	margin-bottom: 0px;
}

#rechts .innenliste {
	list-style: disc;	
}

#rechts .innenliste li {
	margin-bottom: 0px;
}


#foot{
clear:left;
color:white;
background:#CE4252;
padding:10px 30px 10px 0;
margin:20px 0 0 0;
font:bold 12px verdana, sans-serif;
text-align:right;
}
#foot p{margin:0;padding:0;}

#foot a {
	color:white;
}

.chrono_eintrag {
	padding: 20px;
	/* border-left: 2px solid #CE4252;
	*/
	border: 0px;
	margin: 5px 10px 5px 0px;
}

.chrono_bild {
	float: left;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin : 0px 10px 10px 0px;
}

.chrono_datum {
	font: 12px verdana, sans-serif;
	color: #CE4252;
	margin-bottom: 5px;
}

.chrono_titel {
	font:bold 12px verdana, sans-serif;
	color: #CE4252;
	margin-bottom: 8px;
}

.chrono_teaser {
	font: 12px verdana, sans-serif;
	color: #000000;
}


/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #links {
margin-right: 7px;
}
* html #rechts {
height: 1%;
margin-left: 0;
}
/* End hide from IE5/mac */