* {
	padding: 0px;
	margin: 0px;
}

body, html {
	height: 100%;
}


html {
	/*background-image: url(../bilder_2010/punktverlauf_3.jpg);*/
	background-image: url(../bilder/verlauf_2011_01.jpg);
	background-color: #C7C7C7;
	background-repeat: repeat-x;
}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-size: 0.75em;
	line-height: 1.5em;
	text-align: center; /* IE-Zentrierung */


}



/*************************************************************************/

/*                              E B E N E N                              */

/*************************************************************************/







#container_start{ /* Startseite (ohne vert. Linie) */
	position: relative;
	/*float: left;*/
	width: 850px;
	margin: auto auto;

	min-height: 100%;
	height: auto !important;
	height: 100%;
	
	background-image: url(../bilder_2010/schatten_start.png);
	background-repeat: repeat-y;
	background-position: center;
	
	text-align: left;
	
	z-index: 1;
}




* html #container_start{ /* Startseite (ohne vert. Linie) IE6 ...*/
	background-image: url(../bilder_2010/hintergrund_ie6_start.gif);
}



#container{
	position: relative;
	width: 850px;
	margin: auto auto;

	min-height: 100%;
	height: auto !important;
	height: 100%;
	
	background-image: url(../bilder_2010/schatten.png);
	background-repeat: repeat-y;
	background-position: center;

}


* html #container{ /* IE6 ...*/
	background-image: url(../bilder_2010/hintergrund_ie6.gif);
}











#kopf{
	position: relative;
	float: left;
	clear: both;
	width: 800px;
	height: 132px;
	left: 25px;
	background-image: url(../bilder_2010/cr_kopf_2011.jpg);
}

#kopflogo{
	position: relative;
	float: left;
}


#kopfbild {

	position: absolute;
	top: 0px;
	right: 0px;

}


#hautpnavi{
	position: absolute;
	bottom: 0px;
	
	width: 100%;
	height: 25px;
	
}


#hautpnavi_start{
	position: relative;
	float: left;
	clear: both;
	left: 25px;
	
	width: 800px;
	height: 25px;
	
	background-color: #000;
	background-image: url(../bilder_2010/hn_hint.gif);
}


#start_inhalt {
	position: relative;
	float: left;
	clear: both;
	width: 800px;
	height: 1073px;
	left: 25px;
	display: block;
	background-image: url(../bilder_2010/hint_komplett_10_12.jpg);
}

#start_inhalt_11 {
	position: relative;
	float: left;
	clear: both;
	width: 800px;
	height: 1073px;
	left: 25px;
	display: block;
	background-image: url(../bilder_2010/hint_komplett_11_05.jpg);
}

/***************************************************/
/* Teaser in Startseite */
/**************************************************/


#tea_oben {
	position: relative;
	float: left;
	width: 734px;
	height: 355px;
	margin: 22px 0 75px 0px;
	left: 33px;
	
	/*background-image: url(../bilder/rosa.png);*/
}


#to_bild {
	position: relative;
	float: left;
	width: 734px;
	height: 267px;
}


/******************************************/
/* "PopUp-Ebene" */
/******************************************/

#pu_cr {
	position: relative;
	float: left;
	
	width: 500px;
	width: 709px;
	
	height: 400px;
	height: 567px;

	/*margin: -853px 0 0 142px;*/
	margin: -880px 0 0 44px;

	background: #6a202a url(../bilder_2010/pu_hint_rot_11_01.gif);
	
	border: 1px solid #666;
	
	color: #FFF;
	
	cursor: pointer;
	

	/*display: none;*/
	
}


#pu_cr img {
	margin: 0px 0px 0px -2px;
	border: 1px solid #FFF;


}



* html #pu_cr {
	/*margin: -853px 0 -253px 68px;*/
	margin: -883px 0 -253px 22px;
}



#pu_cr p {
	margin: 0 10px 15px 10px;
}

#pu_cr p.inhaltstitel {
	margin: 8px 10px 10px 10px;
	color: #FFF;
}




#pu_cr .bild_rechts{
	/*margin-left: 7px;
	margin-right: 10px;*/
	margin: -2px 8px 8px 10px;
	
	clear: both;
	border: 0 !important;
}



#tea_oben a:link,
#tea_oben a:visited,
#tea_oben a:hover,
#tea_oben a:active,
#tea_oben a img {
	/*color: #000;*/
	color: #FFF;
	border: 0;
	coursor: pointer;
}



/******************************************/
/* ENDE "PopUp-Ebene" */
/******************************************/





#to_text {
	position: relative;
	float: left;
	width: 535px;
	height: 50px;
	top: 32px;
	left: 40px;
	font-size: 12px;
	line-height: 14px;
}

#to_link {
	position: relative;
	float: right;
	width: 118px;
	height: 20px;
	top: 64px;
	text-align: center;
}


#to_link a:link,
#to_link a:visited {
	line-height: 22px;
	color: #FFF;
}


#to_link a:hover,
#to_link a:active {
	line-height: 22px;
	color: #480718;
}















.teaser_unten {
	position: relative;
	float: left;
	width: 352px;
	height: 155px;
	

}

#tea_m_1 { left: 41px; }
#tea_m_2 { left: 64px; }






#tea_m_3 {
	top: 15px;
	left: 41px;
}

#tea_m_4 {
	top: 15px;
	left: 64px;
}


#tea_u_1 {
	width: 348px;
	height: 152px;
	top: 98px;
	left: 41px;
}


#tea_u_2 {
	width: 348px;
	height: 152px;
	top: 98px;
	left: 70px;
}


.tea_text {
	position: relative;
	float: left;
	width: 155px;
	height: 155px;
	
	font-size: 12px;
	line-height: 14px;
}

.tea_text h1 {
	font-size: 13px;
	line-height: 15px;
	margin-bottom: 5px;

}




.tea_bild {
	position: relative;
	float: right;
	width: 185px;
	height: 133px;
}

.tea_link {
	position: relative;
	float: right;
	width: 185px;
	text-align: center;
}

.tea_link a:link,
.tea_link a:visited {
	line-height: 22px;
	color: #FFF;
}


.tea_link a:hover,
.tea_link a:active {
	line-height: 22px;
	color: #480718;
	
	
}







#fuss {
	position: relative;
	float: left;
	height: 170px;
	width: 800px;
	display: block;
	background-image: url(../bilder_2010/fusshint.jpg);
	left: 25px;
}

#fuss p {
	margin: 0 0 6px 30px;
	font-size: 11px;
	line-height: 13px;
}

#fuss p.fussnavi {
	margin: 15px 0 18px 30px;
}

#fuss a:link,
#fuss a:visited {
	color : #333333;
}




#fuss a:hover,
#fuss a:active {
	color : #B00935;
}


#stopper {
	position: relative;
	width: 800px;
	left: 25px;
	height: 1px;
	overflow: hidden;
	clear: both;
	background-color: #C0C0C0;
}


* html #stopper {
	display: none;
}



*+html #stopper {
	display: none;
}










#subnavi{
	position: relative;
	margin-top: 10px;
	width: 168px;
	margin-left: 35px;
	float: left;
}


* html #subnavi {   /* F...cking IE6 ?!?! */
	margin-left: 20px;
}



#startseite{
	position: relative;
	top: 0px;
	width: 778px;
	margin-left: 35px;
	clear: both;
	padding-bottom: 25px; /* Hoehe des Footers */

}


#iframe{

	background: #FFFFFF;
}



#td_seite{
	background-color: #FFFFFF;
	position: relative;
	top: 0px;
	width: 790px;
	margin-left: 35px;
	clear: both;
	padding-bottom: 25px; /* Hoehe des Footers */
	
	overflow: hidden;

}

#inhalt{
	position: relative;
	margin-top: 10px;
	width: 598px;
	margin-left: 10px;
	padding-bottom: 45px;
	float: left;
}




#footer{
	position: relative;
	height: 25px;
	width: 850px;
	margin: auto auto;
	margin-top: -25px;
	background-image: url(bilder/fusshint.gif);
}



#fusstext {
	position: absolute;
	width: 100%;
	top: 2px;
	text-align: center;
}







.clear{
	clear: both;
}




#aktuell_spalte_links{
position: relative;
top: 0;
/* width: 384px; */
width: 372px;
float: left;
}


#aktuell_spalte_rechts{
position: relative;
top: 0;
/* width: 384px; */
width: 372px;
float: right;
margin-right: 14px;

}

*html #aktuell_spalte_rechts{
margin-right: 1px;

}




.aktuell_box{
position: relative;
top: 0;
/* width: 372px; */
width: 362px;
float: left;
padding: 5px;
border: 1px solid #000;
margin-bottom: 10px;
}












/*************************************************************************/

/*                                T Y P O                                */

/*************************************************************************/


.inhaltstitel{

	font-size: medium;
	font-weight: bold;
	margin-top: 10px;
	color: #7F3253;
}




a:link,
a:visited {
	color : #B00935;
	text-decoration: none;
}




a:hover,
a:active {
	color : #333333;
	text-decoration: none;
}



.detnav_link:link    {color : #B00935; text-decoration: none;}
.detnav_link:visited {color : #B00935; text-decoration: none;}
.detnav_link:hover   {color : #333333; text-decoration: none;}
.detnav_link:active  {color : #333333; text-decoration: none;}







.aktuell_titel{
width: 100%;
display: block;
background-color:#7F3253;
color: #FFF;
font-weight: bold;
text-indent: 3px;
margin-bottom: 5px;
}



.teasertext{
font-style: italic;
line-height: 1.2em;

}





/*************************************************************************/

/*                              B I L D E R                              */

/*************************************************************************/





.bild_rechts{
	position:relative;
	float:right;
	top:0;
	right:0;
	margin-left:7px;
	clear:both;
}

.bild_links{
	position:relative;
	float:left;
	top:0;
	left:0;
	margin-right:7px;
	clear:both;
}

/*************************************************************************/
/*                         Animation Startseite                          */
/*************************************************************************/


#o_bild_1, #o_bild_2 {
	position: absolute;
	width: 734px;
	height: 267px;
	top: 0;
	left: 0;
	overflow: hidden;
}

#o_text_1, #o_text_2 {
	position: absolute;
	width: 565px;
	height: 50px;
	top: 0;
	left: 0;
	/*overflow: hidden;*/
	
}


#o_text_1 img, #o_text_2 img {
	position: absolute;
	width: 217px;
	height: 25px;
	margin: -28px 0 0 -35px;
}
















