body {
	font-size: 8pt;
	font-family: verdana, arial, tahoma, helvetica, sans-serif;
	padding:0px;
	margin:0px;
	background-color:white;
}

/* anfang: HEADER */
#banner{
	margin:10px auto 0px auto;
    padding:0px;
    border: 0px;
    background-color: transparent;
    clear:both;
    width: 998px;
    color:black;
    position:relative; 
}

/* Darstellung der Links im Banner*/
#banner a{
	text-decoration: none;
	color: #FFFFFF;	
}

/*Darstellung der Links im Banner, wenn Maus über Link*/
#banner a:hover{
	text-decoration: underline; 
	color: #FFFFFF;	
}


#banner #logo{
margin-left:14px;
}

#banner #schriftlogo{
margin-left:180px;
}

#headMainSeparator {
	margin:10px auto 0px auto;
	height: 5px;
	background-color: #CCCCCC;
	width: 998px;
}

#breadcrumb {
	margin: 3px auto 0px auto;
	width: 998px;
}

#breadcrumb .breadcrumb-text {
	font-size: 7pt;	
	color: #000000;
	padding-left: 148px;
	
}

#breadcrumb .breadcrumb-text a{
	color: #333333;	
	text-decoration: none;
}

#breadcrumb .breadcrumb-text a:hover{
	text-decoration: underline;
}


/* ende: HEADER */

/* anfang: footer */

#footer {
	width: 998px;
	margin: 20px auto 0px auto;
}

/* ende: footer */
.clear {
	clear: both;
}



#cp_main_container {
	width: 998px;	
	margin: 20px auto 0 auto;		
}

#cp_left {
	width: 650px;	
	float: left;	
}

#cp_right {
	width: 348px;	
	float: right;	
}

#cp_left_navi {	
	
}

#cp_right_navi {
	
}

#cp_left_content {
	margin-top: 5px;
	height: 450px;
	background: #CCCCCC;
}

#cp_right_content {	
	margin-top: 5px;
	height: 450px;	
	color: #000000;
	/* background: #9C9D9F;*/
	background: #CCCCCC;	
	overflow: auto;
}

#cp_right_content #cp_right_content_1, #cp_right_content #cp_right_content_2, #cp_right_content #cp_right_content_3{	
	padding: 13px;
}


#cp_left_navi, #cp_right_navi, #cp_left_content, #cp_right_content {
	border: 0px solid black;
}

#cp_map {
	width: 650px;
	height: 450px;	
}

#cp_map noscript div { padding: 7px; }



#cp_right_content_1 {
	display: none;
}

#cp_right_content_2 {
	display: none;
}

#cp_right_content_3 {
	display: none;
}

.error {
	color: white;
}
 
.error .attention {
	font-weight: bold;
	display: block;
	padding: 0 0 5px 0;
}

.error .explanation {	
	display: block;
	padding: 0 0 9px 0;
}

/* begin: TABMENU common */
.tabmenu {	
	margin: 0;
	padding: 0;	
}

.tabmenu li {	
	display: inline;
}
.tabmenu li a {
	padding: 5px 1.5em 5px 1.5em;	
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	border-bottom: 0;
	height: 1px;
}

.tabmenu li a:hover { text-decoration: underline; }
/* end: TABMENU common */

/*
#cp_left_navi .tabmenu li a {
	color: #262573;
	background: #FFFFFF;
	border: 1px solid #262573;
	border-bottom: 0;
}

#cp_right_navi .tabmenu li a {
	color: red;
	background: #FFFFFF;	
	border: 1px solid #CCCCCC;
	border-bottom: 0;	
}
*/
/* begin: LEGEND */
#cp_right_content_1 table td {
	padding-bottom: 4px;
	color: #000000;
	font-size: 8pt;
}

#cp_right_content_1 table td.short {
	font-weight: bold;
	width: 50px;
}

#cp_right_content_1 table td.long {

}
/* end: LEGEND */

/* begin: SEARCH */
#search {
	margin: 0 0 3px 0;
	border: 1px solid #303030;
}

#cp_right_content_2 div.explanation {	
	font-weight: bold;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #000000;	
}

#cp_right_content_2 div.cp_search_example {	
	padding: 10px 0 3px 0;
}

#cp_search_form div {
	padding: 0;
}

#cp_search_field {	
	padding: 1px 0 1px 0;
	font-size: 8pt;
	font-family: verdana, arial, tahoma, helvetica, sans-serif;
	border: 1px solid #262573;
	margin-bottom: 4px;
	
	display: block;	
}

#cp_search_options_on_off a { text-decoration: none; color: blue; }
#cp_search_options_on_off a:hover { text-decoration: underline; }

#cp_search_options { display: none; margin: 10px 0 8px 0; }

#cp_search_buttons { margin: 6px 0 4px 0; padding:0;}

#cp_search_buttons .search_button { 
	font-size: 8pt;
	font-family: verdana, arial, tahoma, helvetica, sans-serif;
	border: 1px solid #262573;	
}

#cp_search_hits {
	margin: 0;
	padding: 0;
}

#cp_search_hits .error {
	padding: 10px 0 0 0;
	margin: 0;	
}

#cp_search_hits .ausgabe {
	padding: 10px 0 0 0;
	margin: 0;
}

#cp_search_hits .treffer {
	padding: 0;
	margin: 0;
}
#cp_search_hits .treffer ul {
	list-style-type: none;
	padding: 3px 0 0 15px;
	margin:0;
}

/* end: SEARCH */


/* begin: SUGGESTIONS */
#cp_right_content_3 div {	
	padding: 0;	
}

#cp_suggestions div .button { 
	font-size: 8pt;
	font-family: verdana, arial, tahoma, helvetica, sans-serif;
	border: 1px solid #262573;	
}

#cp_suggestions div input, textarea { 
	border: 1px solid #303030;	
}


/* end: SUGGESTIONS */




/* FORMATIERUNGEN DER GOOGLE MAPS ELEMENTE */
/* InfoWindow Gebude: allgemein */
.gebaeudeInfo {
	margin-top: 10px;
	width: 320px; 
	height: 230px;	
	overflow: auto;	
}

.gebaeudeInfo_klein {
	margin-top: 10px;
	width: 280px; 			
}

.link {
	color: blue;
	text-decoration: none;
}

.link:hover {
	text-decoration: underline;
}

.gebaeudeInfo h1{ font-size: 10pt; }
.gebaeudeInfo_klein h1{ font-size: 10pt; }


.gebaeudeInfo ul {
	color: black;
	padding: 0px 0px 0px 25px;	
	list-style-type: none;
}

.gebaeudeInfo ul li {
	padding: 0px;
	margin: 0px;
}

.gebaeudeInfo .name {
	font-size: 9pt;	
	list-style-type: disc;	
}

.gebaeudeInfo .name .link {
	color: #000000;
	text-decoration: none;	
}

.gebaeudeInfo .name .link:hover { text-decoration: underline; }

.gebaeudeInfo .abstand_halten { padding-bottom: 12px; }

.gebaeudeInfo .link_gebaeudeInfo { color: darkgrey; list-style-type: none; }
.gebaeudeInfo_klein .link_gebaeudeInfo { color: darkgrey; list-style-type: none;	}

.gebaeudeInfo .link_gebaeudeInfo a {
	font-size: 8pt;
	color: darkgrey;
	text-decoration: none;
}
.gebaeudeInfo_klein .link_gebaeudeInfo a {
	font-size: 8pt;
	color: darkgrey;
	text-decoration: none;
}

.gebaeudeInfo .link_gebaeudeInfo a:hover { text-decoration: underline; }
.gebaeudeInfo_klein .link_gebaeudeInfo a:hover { text-decoration: underline; }

.gebaeudeInfo .punkt_gebaeudeInfo {
	color: darkgray;
	font-size: 8pt;
	list-style-type: none;
}

/* ANFANG: InfoWindow - Bushaltestellen */
#bhs {
	min-width: 240px;
	max-width: 300px;	
}

#bhs .bhs_bez {
	color: darkgrey;
	padding-bottom: 3px;	
	border-bottom: 1px solid lightgrey;	
	margin-bottom: 10px;
}

#bhs .rahmen_icon_text { }

#bhs .bhs_icon {
	padding-right: 7px;	
	float: left;
}

#bhs .bhs_name {
	font-size: 11pt;
	font-weight: bold;	
	color: black;	
	padding-top: 6px;		
}

#bhs .link {
	clear: both;
	color: darkgrey;	
	padding-top: 5px;
	padding-bottom: 12px;
}

#bhs .link a {	
	color: darkgrey;
	text-decoration: none;
}

#bhs .link a:hover {	
	text-decoration: underline;
}
/* ENDE: InfoWindow - Bushaltestellen */

#iw_error_message {
	padding-top: 7px;
}

#iw_error_message div#img_con {
	float: left;
	width: 30px;
}

#iw_error_message div#msg_con {
	float: left;
	width: 200px;
}

#iw_error_message div img {
	padding: 5px;
	width: 16px;
	height: 16px;	
}

.url_verlinkung {
	width: 270px; 	
}

.url_verlinkung h1{
	font-size: 11pt; 	
}

.url_verlinkung .geb_bez {
	color: #9C9D9F;	
	padding-right: 0px;	
	border-bottom: 1px solid #9C9D9F;	
	margin-bottom: 12px;
}

.url_verlinkung .link{
	color: #9C9D9F;	
}

.url_verlinkung .link a{
	color: #9C9D9F;
	text-decoration: none;
}

.url_verlinkung .link a:hover{
	text-decoration: underline;
}


.url_verlinkung .punkt{
	color: #9C9D9F;
}

#coll_box {
	width: 350px;
}

#coll_box table {
	border-collapse: collapse;
	margin: 4px 0 7px 0;
}

#coll_box table caption {
	padding: 0 0 7px 0;
	text-align: left;
	font-weight: bold;
}

#coll_box table tr {
	padding: 0 0 7px 0;
}

#coll_box table tr td{
	padding: 3px;
	vertical-align: middle;
	border: 2px solid #f1f1f1 ;
}


#hotel {
	width: 300px;
}