html, body {
  	width: 100%;
  	margin: 0;
  	padding: 0;
  	background: #FFF;
}


#main {
  	width: 61.313em; /*981px;*/
   margin: 0px auto;
   text-align: left;
}

#oben {
	height: 1.313em; /*21px;*/
   border-top: 28px solid #FFF;
   background: #FFF;
}

#schriftzug {
	float: left;
   margin-left: 16px;
}

#quicknav {
	float: right;
   font-size: 0.688em;
   margin-right: 11px;
   margin-top: 5px;
}

#quicknav a { text-decoration: none; }

#fotocollage {
	float: left;
   display: inline;
	margin-top: 11px;
   margin-left: 8px;
}

#logo {
	display: inline;
	float: right;
	margin-top: 18px;
   margin-right: 41px;
}

#hauptmenue {
   width: 100%;
   height: 1.563em; /*25px;*/
   border-top: 8px solid #FFF;
   /*background: #EDF0F2;*/
}

#hmenuepunkte { margin-left: 49px; }

#men_abstand {
	float:left;
   width:10px;
   height:1.563em; /*25px;*/
   background: #FFF;
}

*html #hauptmenue, *html #men_abstand { height: 1.625em; /*26px;*/ }

#breadcrumb {
	float: left;
	height: 2.200em; /*22px;*/
   width: 55.500em; /*555px;*/
   font-size: 0.625em; /*10px;*/
   line-height: 1.600em; /*26px;*/
   border-bottom: 1px solid #CCCCCC;
}

#content {
	float: right;
   margin-left: 2.188em; /*35px;*/
   margin-top: 20px;
   position: relative;
   width: 47.125em; /*754px;*/
}

#content_links {
	float: left;
   width: 46.250em; /*555px;*/
   font-size: 0.750em;
   /*border-right: 1px solid #CCCCCC;*/
   margin-top: 20px;
}
#rechts { float: right; }

#bl_headline {
	width:11.875em; /*190px;*/
	font-size: 0.688em;
   text-align: center;
   font-weight: bold;
   line-height: 1.5;
}
/*************************  HEAD  ******************************/

#head {  }

#head_ob { background: url(/media/head_ob.gif) #EDF0F3 0px 0px repeat-x; }
#head_un { background: url(/media/head_un.gif) 0px 100% repeat-x; }
#head_li { background: url(/media/head_li.gif) 0px 0px repeat-y; }
#head_re { background: url(/media/head_re.gif) 100% 0px repeat-y; }
#head_li_ob { background: url(/media/head_li_ob.gif) 0px 0px no-repeat; }
#head_li_un { background: url(/media/head_li_un.gif) 0px 100% no-repeat; }
#head_re_ob { background: url(/media/head_re_ob.gif) 100% 0px no-repeat; }
#head_re_un { background: url(/media/head_re_un.gif) 100% 100% no-repeat; min-height: 144px; /*padding: 5px 20px 0px 11px;*/ }
* html #head_ob,* html #head_un,* html #head_li,* html #head_re,* html #head_li_ob,* html #head_li_un,* html #head_re_ob,* html #head_re_un { height: 144px; /*9.000em*/ }

/***************************************************************/


/*********************** STARTSEITE ***************************/

#main_start {
  	width: 61.313em; /*981px;*/
   margin: 0px auto;
   text-align: left;
}

#start_content {
   background: #FFF;
   margin-bottom: 97px;
}


#start_men {
	float: left;
	width: 11.250em; /*180px;*/
	height: 13.000em; /*208px;*/
	margin-top: 50px;
   margin-right: 10px;
}

.blau { color: #004BB4; }
.gruen { color: #199114; }
.rot { color: #E10A19; }
.orange { color: #FF7300; }
.grau { color: #323232; }


#blau_ob { background: url(/media/start_ob_blau.gif) #BFD2EC 0px 0px repeat-x; }
#blau_un { background: url(/media/start_blau.gif) 0px 100% repeat-x; }
#blau_li { background: url(/media/start_blau.gif) 0px 0px repeat-y; }
#blau_re { background: url(/media/start_blau.gif) 100% 0px repeat-y; }
#blau_li_ob { background: url(/media/start_ecke.gif) 0px 0px no-repeat; }
#blau_li_un { background: url(/media/start_ecke.gif) 0px 100% no-repeat; }
#blau_re_ob { background: url(/media/start_ecke.gif) 100% 0px no-repeat; }
#blau_re_un { background: url(/media/start_ecke.gif) 100% 100% no-repeat; min-height: 1.688em; /*27px;*/ /*padding: 5px 20px 0px 11px;*/ }
#blau_re_un a { display:block; color: #004BB4; text-decoration: none; }
* html #blau_ob,* html #blau_un,* html #blau_li,* html #blau_re,* html #blau_li_ob,* html #blau_li_un,* html #blau_re_ob,* html #blau_re_un { height: 1.688em; /*27px;*/ }

#um_blau_ob { background: url(/media/start_blau.gif) #FFF 0px 0px repeat-x; margin-top:1px; }
#um_blau_un { background: url(/media/start_un_blau.gif) 0px 100% repeat-x; }
#um_blau_li { background: url(/media/start_blau.gif) 0px 0px repeat-y; }
#um_blau_re { background: url(/media/start_blau.gif) 100% 0px repeat-y; }
#um_blau_li_ob { background: url(/media/start_ecke.gif) 0px 0px no-repeat; }
#um_blau_li_un { background: url(/media/start_ecke.gif) 0px 100% no-repeat; }
#um_blau_re_ob { background: url(/media/start_ecke.gif) 100% 0px no-repeat; }
#um_blau_re_un { background: url(/media/start_ecke.gif) 100% 100% no-repeat; min-height: 11.250em; /*180px;*/ /*padding: 5px 20px 0px 11px;*/ }
* html #um_blau_ob,* html #um_blau_un,* html #um_blau_li,* html #um_blau_re,* html #um_blau_li_ob,* html #um_blau_li_un,* html #um_blau_re_ob,* html #um_blau_re_un { height: 11.250em; /*180px;*/ }

#um_blau {
	padding: 10px;
   font-size: 0.750em; /*12px;*/
   line-height: 1.500em; /*18px;*/
}

#um_blau a {
	background: url(/media/quadrat_blau.gif) no-repeat;
   padding-left: 11px;
   text-decoration: none;
}

#um_blau a:hover {
	color: #004BB4;
	background: url(/media/quadrat_blau_ov.gif) no-repeat #D9E4F4;
   text-decoration: none;
}


#gruen_ob { background: url(/media/start_ob_gruen.gif) #BFE3C9 0px 0px repeat-x; }
#gruen_un { background: url(/media/start_gruen.gif) 0px 100% repeat-x; }
#gruen_li { background: url(/media/start_gruen.gif) 0px 0px repeat-y; }
#gruen_re { background: url(/media/start_gruen.gif) 100% 0px repeat-y; }
#gruen_li_ob { background: url(/media/start_ecke.gif) 0px 0px no-repeat; }
#gruen_li_un { background: url(/media/start_ecke.gif) 0px 100% no-repeat; }
#gruen_re_ob { background: url(/media/start_ecke.gif) 100% 0px no-repeat; }
#gruen_re_un { background: url(/media/start_ecke.gif) 100% 100% no-repeat; min-height: 1.688em; /*27px;*/ /*padding: 5px 20px 0px 11px;*/ }
#gruen_re_un a { display:block; color: #199114; text-decoration:none; }
* html #gruen_ob,* html #gruen_un,* html #gruen_li,* html #gruen_re,* html #gruen_li_ob,* html #gruen_li_un,* html #gruen_re_ob,* html #gruen_re_un { height: 1.688em; /*27px;*/ }

#um_gruen_ob { background: url(/media/start_gruen.gif) #FFF 0px 0px repeat-x; margin-top:1px; }
#um_gruen_un { background: url(/media/start_un_gruen.jpg) 0px 100% repeat-x; }
#um_gruen_li { background: url(/media/start_gruen.gif) 0px 0px repeat-y; }
#um_gruen_re { background: url(/media/start_gruen.gif) 100% 0px repeat-y; }
#um_gruen_li_ob { background: url(/media/start_ecke.gif) 0px 0px no-repeat; }
#um_gruen_li_un { background: url(/media/start_ecke.gif) 0px 100% no-repeat; }
#um_gruen_re_ob { background: url(/media/start_ecke.gif) 100% 0px no-repeat; }
#um_gruen_re_un { background: url(/media/start_ecke.gif) 100% 100% no-repeat; min-height: 11.250em; /*180px;*/ /*padding: 5px 20px 0px 11px;*/ }
* html #um_gruen_ob,* html #um_gruen_un,* html #um_gruen_li,* html #um_gruen_re,* html #um_gruen_li_ob,* html #um_gruen_li_un,* html #um_gruen_re_ob,* html #um_gruen_re_un { height: 11.250em; /*180px;*/ }

#um_gruen {
	padding: 10px;
   font-size: 0.750em; /*12px;*/
   line-height: 1.500em; /*18px;*/
}

#um_gruen a {
	background: url(/media/quadrat_gruen.gif) no-repeat;
   padding-left: 11px;
   text-decoration: none;
}

#um_gruen a:hover {
	color: #199114;
	background: url(/media/quadrat_gruen_ov.gif) no-repeat #D9EEDF;
   text-decoration: none;
}


#rot_ob { background: url(/media/start_ob_rot.gif) #F7C2C5 0px 0px repeat-x; }
#rot_un { background: url(/media/start_rot.gif) 0px 100% repeat-x; }
#rot_li { background: url(/media/start_rot.gif) 0px 0px repeat-y; }
#rot_re { background: url(/media/start_rot.gif) 100% 0px repeat-y; }
#rot_li_ob { background: url(/media/start_ecke.gif) 0px 0px no-repeat; }
#rot_li_un { background: url(/media/start_ecke.gif) 0px 100% no-repeat; }
#rot_re_ob { background: url(/media/start_ecke.gif) 100% 0px no-repeat; }
#rot_re_un { background: url(/media/start_ecke.gif) 100% 100% no-repeat; min-height: 1.688em; /*27px;*/ /*padding: 5px 20px 0px 11px;*/ }
#rot_re_un a { display: block; color: #E10A19; text-decoration: none; }
* html #rot_ob,* html #rot_un,* html #rot_li,* html #rot_re,* html #rot_li_ob,* html #rot_li_un,* html #rot_re_ob,* html #rot_re_un { height: 1.688em; /*27px;*/ }

#um_rot_ob { background: url(/media/start_rot.gif) #FFF 0px 0px repeat-x; margin-top:1px; }
#um_rot_un { background: url(/media/start_un_rot.gif) 0px 100% repeat-x; }
#um_rot_li { background: url(/media/start_rot.gif) 0px 0px repeat-y; }
#um_rot_re { background: url(/media/start_rot.gif) 100% 0px repeat-y; }
#um_rot_li_ob { background: url(/media/start_ecke.gif) 0px 0px no-repeat; }
#um_rot_li_un { background: url(/media/start_ecke.gif) 0px 100% no-repeat; }
#um_rot_re_ob { background: url(/media/start_ecke.gif) 100% 0px no-repeat; }
#um_rot_re_un { background: url(/media/start_ecke.gif) 100% 100% no-repeat; min-height: 11.250em; /*180px;*/ /*padding: 5px 20px 0px 11px;*/ }
* html #um_rot_ob,* html #um_rot_un,* html #um_rot_li,* html #um_rot_re,* html #um_rot_li_ob,* html #um_rot_li_un,* html #um_rot_re_ob,* html #um_rot_re_un { height: 11.250em; /*180px;*/ }

#um_rot {
	padding: 10px;
   font-size: 0.750em; /*12px;*/
   line-height: 1.500em; /*18px;*/
}

#um_rot a {
	background: url(/media/quadrat_rot.gif) no-repeat;
   padding-left: 11px;
   text-decoration: none;
}

#um_rot a:hover {
	color: #E10A19;
	background: url(/media/quadrat_rot_ov.gif) no-repeat #FADADC;
   text-decoration: none;
}

#orange_ob { background: url(/media/start_ob_orange.gif) #FFDCBF 0px 0px repeat-x; }
#orange_un { background: url(/media/start_orange.gif) 0px 100% repeat-x; }
#orange_li { background: url(/media/start_orange.gif) 0px 0px repeat-y; }
#orange_re { background: url(/media/start_orange.gif) 100% 0px repeat-y; }
#orange_li_ob { background: url(/media/start_ecke.gif) 0px 0px no-repeat; }
#orange_li_un { background: url(/media/start_ecke.gif) 0px 100% no-repeat; }
#orange_re_ob { background: url(/media/start_ecke.gif) 100% 0px no-repeat; }
#orange_re_un { background: url(/media/start_ecke.gif) 100% 100% no-repeat; min-height: 1.688em; /*27px;*/ /*padding: 5px 20px 0px 11px;*/ }
#orange_re_un a { display:block; color: #FF7300; text-decoration: none; }
* html #orange_ob,* html #orange_un,* html #orange_li,* html #orange_re,* html #orange_li_ob,* html #orange_li_un,* html #orange_re_ob,* html #orange_re_un { height: 1.688em; /*27px;*/ }

#um_orange_ob { background: url(/media/start_orange.gif) #FFF 0px 0px repeat-x; margin-top:1px; }
#um_orange_un { background: url(/media/start_un_orange.jpg) 0px 100% repeat-x; }
#um_orange_li { background: url(/media/start_orange.gif) 0px 0px repeat-y; }
#um_orange_re { background: url(/media/start_orange.gif) 100% 0px repeat-y; }
#um_orange_li_ob { background: url(/media/start_ecke.gif) 0px 0px no-repeat; }
#um_orange_li_un { background: url(/media/start_ecke.gif) 0px 100% no-repeat; }
#um_orange_re_ob { background: url(/media/start_ecke.gif) 100% 0px no-repeat; }
#um_orange_re_un { background: url(/media/start_ecke.gif) 100% 100% no-repeat; min-height: 11.250em; /*180px;*/ /*padding: 5px 20px 0px 11px;*/ }
* html #um_orange_ob,* html #um_orange_un,* html #um_orange_li,* html #um_orange_re,* html #um_orange_li_ob,* html #um_orange_li_un,* html #um_orange_re_ob,* html #um_orange_re_un { height: 11.250em; /*180px;*/ }

#um_orange {
	padding: 10px;
   font-size: 0.750em; /*12px;*/
   line-height: 1.500em; /*18px;*/
}

#um_orange a {
	background: url(/media/quadrat_orange.gif) no-repeat;
   padding-left: 11px;
   text-decoration: none;
}

#um_orange a:hover {
	color: #FF7300;
	background: url(/media/quadrat_orange_ov.gif) no-repeat #FFEAD9;
   text-decoration: none;
}

#start_aufeinenklick {
	width: 11.813em; /*189px;*/
	height: 8.750em; /*140px;*/
	margin-top: 20px;
}

#start_headline_aufeinenklick {
   text-align:center;
   font-size: 0.688em; /*11px;*/
   font-weight:bold;
   line-height:1.6;
   color:#323232;
}

#grau_ob { background: url(/media/start_ob_grau.gif) #DADDDF 0px 0px repeat-x; }
#grau_un { background: url(/media/start_grau.gif) 0px 100% repeat-x; }
#grau_li { background: url(/media/start_grau.gif) 0px 0px repeat-y; }
#grau_re { background: url(/media/start_grau.gif) 100% 0px repeat-y; }
#grau_li_ob { background: url(/media/start_ecke.gif) 0px 0px no-repeat; }
#grau_li_un { background: url(/media/start_ecke.gif) 0px 100% no-repeat; }
#grau_re_ob { background: url(/media/start_ecke.gif) 100% 0px no-repeat; }
#grau_re_un { background: url(/media/start_ecke.gif) 100% 100% no-repeat; min-height: 1.188em; /*19px;*/ /*padding: 5px 20px 0px 11px;*/ }
* html #grau_ob,* html #grau_un,* html #grau_li,* html #grau_re,* html #grau_li_ob,* html #grau_li_un,* html #grau_re_ob,* html #grau_re_un { height: 1.188em; /*19px;*/ }

#um_grau_ob { background: url(/media/um_start_ob_grau.gif) #FFF 0px 0px repeat-x; margin-top:1px; }
#um_grau_un { background: url(/media/start_un_grau.gif) #F6F6F7 0px 100% repeat-x; }
#um_grau_li { background: url(/media/start_grau.gif) 0px 0px repeat-y; }
#um_grau_re { background: url(/media/start_grau.gif) 100% 0px repeat-y; }
#um_grau_li_ob { background: url(/media/start_ecke.gif) 0px 0px no-repeat; }
#um_grau_li_un { background: url(/media/start_ecke.gif) 0px 100% no-repeat; }
#um_grau_re_ob { background: url(/media/start_ecke.gif) 100% 0px no-repeat; }
#um_grau_re_un { background: url(/media/start_ecke.gif) 100% 100% no-repeat; min-height: 7.500em; /*120px;*/ /*padding: 5px 20px 0px 11px;*/ }
* html #um_grau_ob,* html #um_grau_un,* html #um_grau_li,* html #um_grau_re,* html #um_grau_li_ob,* html #um_grau_li_un,* html #um_grau_re_ob,* html #um_grau_re_un { height: 7.500em; /*180px;*/ }

#um_grau {
	padding: 10px;
   font-size: 0.688em; /*11px;*/
   line-height: 1.500em; /*18px;*/
}

#um_grau a {
   text-decoration: none;
}


#start_rechts {
	float: right;
   margin-top: 20px;
}

.start_headline {
	text-align:center;
   font-size: 0.875em; /*14px;*/
   font-weight:bold;
   line-height:1.9;
}

#footer_start {
	clear: both;
   /*position: absolute;*/
   width: 981px;
   height: 62px;
   /*bottom: 0px;*/
   background: url(/media/footer_start.gif) no-repeat;
   font-size: 0.688em; /*11px;*/
   text-align: right;
   margin-top: 20px;
}

/***************************************************************/

#optionen {
	height: 4.875em; /*78px;*/
   width: 11.875em; /*190px;*/
	background: url(/media/bg_optionen.jpg) top no-repeat;
}

#schriftoptionen {
	text-align: center;
   padding-top: 11px;
}

#suche {
	text-align: center;
	margin-top: 10px;
}

*html #suche { margin-top: 9px; }

.icons { margin-right:3px; }

a.stadtplan { height:15px; padding-left:20px; background: url(/media/icon_stadtplan.gif) no-repeat; }
a.wetter { height:15px; padding-left:20px; background: url(/media/icon_wetter.gif) no-repeat; }
a.weiw { height:15px; padding-left:20px; background: url(/media/icon_weiw.gif) no-repeat; }
a.fahrplan { height:15px; padding-left:20px; background: url(/media/icon_fahrplan.gif) no-repeat; }
a.veranstaltungen { height:15px; padding-left:20px; background: url(/media/icon_veranstaltungen.gif) no-repeat; }

#footer {
	clear: both;
   /*position: absolute;*/
   width: 981px;
   height: 62px;
   /*bottom: 0px;*/
   background: url(/media/footer.gif) right no-repeat;
   font-size: 0.688em; /*11px;*/
   text-align: right;
   margin-top: 20px;
}

.zeilenhoehe { line-height: 1.636em; /*18px;*/ }


/************************  DRUCKAUSGABE  *************************/

@media print {
	body, html { height: auto; }
	body { width: 17cm; background: none; text-align: left; }
	#main { position: static; height: auto; width: 17cm; margin: 0; border-left:0; }
	#oben, #schriftzug, #quicknav, #menue, #head, #hauptmenue, #hmenuepunkte, #optionen, #breadcrumb, #footer, #schriftoptionen, #drucken, #rechts { display: none; }
   #content { margin-left:0px; width: 17cm; float:left; }
   #content_links { width: 17cm; border-right: none; }
}