/* ----------------------------------------------------------------
	www.euregiokarte.com Standard CSS
	Autor: guycolle // Guy-Maurice Collé
	Version: 29.10.2007
	Allg. Formatierungen, Layout,...
---------------------------------------------------------------- */
body {
	background: #91aa54 url(../images/bgbody.jpg) repeat-x top;
	font-size: 101%;
	text-align: center;
	margin: 0;
	padding: 0;
}

div, h2, h3, h4, h5, h6, p, table, ul, ol, img {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a, a:focus {
	text-decoration: none;
	outline: none;
}

img {
	border: 0;
}

#off_out {
	position: absolute;
	bottom: 200px;
	left: 7px;
	width: 192px;
	height: 72px;
}

#infos {
	position: absolute;
	background: url(../images/bginfos.jpg) repeat-y;
	bottom: 1px;
	left: 7px;
	width: 192px;
	height: 175px;
}

	#infos h1 {
		background: #FFF url(../images/bginfos_header.jpg) no-repeat top;
		padding: 0 0 11px 19px;
		margin: 0;
		font-size: 0.74em;
		color: #FFF;
	}
	
	#infos p {
		border-bottom: 1px #97ad5f solid;
		margin: 6px 19px 0 19px;
		padding: 0 0 4px 0;
		color: #FFF;
		font-size: 0.69em;
		line-height: 1.24em;
	}

	#infos p.wo {
		border-bottom: 0;
		margin: 6px 19px 0 19px;
		padding: 0 0 4px 0;
		color: #FFF;
		font-size: 0.69em;
		line-height: 1.24em;
	}

	#infos p label {
		float: left;
		width: 35px;
	}

	#infos p a {
		color: #FFF;
	}

.banner {
	position: absolute;
	bottom: 1px;
	left: 199px;
	width: 566px;
	height: 66px;
	border-top: 1px #c9e28d solid;
}


/* Main-Container
------------------------------------------------- */
#main-c {
	position: relative;
	background: #FFF url(../images/bgmain.jpg) repeat-y center;
	width: 964px;
	margin: 0 auto;
}

	/* Center-Container
	------------------------------------------------- */
	#main-c #center-c {
		position: relative;
		background: url(../images/shadows.jpg) no-repeat top;
		width: 950px;
		padding: 0 7px 0 7px;
	}
	
			#main-c #center-c .icons {
				position: absolute;
				right: 13px;
				top: 126px;
			}
	
		/* Top-Container
		------------------------------------------------- */
		#main-c #center-c #top-c {
			position: relative;
			background: #FFF url(../images/header/image01.jpg) no-repeat;
			width: 950px;
			height: 160px;
			overflow: hidden;
		}

		#main-c #center-c #top-c .logo {
			position: absolute;
			top: 0;
			left: 0;
			width: 192px;
			height: 160px;
		}

		/* Content-Container
		------------------------------------------------- */
		#main-c #center-c #content-c {
			position: relative;
			background: #d5e7b0 url(../images/bgleft.jpg) repeat-y;
			width: 950px;
			border-bottom: 1px #FFF solid;
		}

		/* LEFT-Container
		------------------------------------------------- */
		#main-c #center-c #content-c #left-c {
			position: relative;
			float: left;
			width: 192px;
		}
		
			/* MAIN-Navigation
			------------------------------------------------- */
			#main-c #center-c #content-c #left-c ul#navigation {
				position: relative;
				width: 192px;
				margin: 0;
				padding-bottom: 175px;
			}

			#main-c #center-c #content-c #left-c ul#navigation li {
				list-style: none;
				margin: 0px; 
				list-style-type: none;
				text-transform: uppercase;
				float: left;
				width: 100%;
			}
			
			#main-c #center-c #content-c #left-c ul#navigation a:link,
			#main-c #center-c #content-c #left-c ul#navigation a:visited {
				background: url(../images/navigation/bgnavL1.jpg) no-repeat top;
				display: block;
				text-decoration: none; 
				color: #FFF;
				padding: 4px 0 4px 28px;
				font-size: 0.64em;
				font-weight: bold;
			}

			#main-c #center-c #content-c #left-c ul#navigation a:hover,
			#main-c #center-c #content-c #left-c ul#navigation a:active {
				background: url(../images/navigation/bgnavL1_hover.jpg) no-repeat top;
			}

			#main-c #center-c #content-c #left-c ul#navigation li a.active:link,
			#main-c #center-c #content-c #left-c ul#navigation li a.active:visited, 
			#main-c #center-c #content-c #left-c ul#navigation li a.active:hover,
			#main-c #center-c #content-c #left-c ul#navigation li a.active:active {
				background: url(../images/navigation/bgnavL1_active.jpg) no-repeat top;
				display: block;
				text-decoration: none; 
				color: #FFF;
				padding: 4px 0 4px 28px;
				font-size: 0.64em;
				font-weight: bold;
			}
				/* SUB-Navigation
				------------------------------------------------- */
				#main-c #center-c #content-c #left-c ul#navigation li ul {
					width: 192px;
					font-weight: normal;
					font-size: inherit;
					margin: 0; 
					padding: 0;
				}

				#main-c #center-c #content-c #left-c ul#navigation li ul li {
					list-style: none;
					color: #FFF;
					margin: 0; 
					padding: 0;
					text-transform: none;
					float: left;
					width: 100%;
				}
				
					/* Default-Navigation
					------------------------------------------------- */
					#main-c #center-c #content-c #left-c ul#navigation li ul a:link,
					#main-c #center-c #content-c #left-c ul#navigation li ul a:visited {
						background: url(../images/navigation/bgnavL2.jpg) no-repeat top left;
						display: block;
						text-decoration: none; 
						color: #FFF;
						padding: 3px 0 4px 28px;
						font-size: 0.69em;
						font-weight: normal;
					}
	
					#main-c #center-c #content-c #left-c ul#navigation li ul a:hover,
					#main-c #center-c #content-c #left-c ul#navigation li ul a:active {
						background: url(../images/navigation/bgnavL2_active.jpg) no-repeat top left;
					}
	
					#main-c #center-c #content-c #left-c ul#navigation li ul a.active:link,
					#main-c #center-c #content-c #left-c ul#navigation li ul a.active:visited,
					#main-c #center-c #content-c #left-c ul#navigation li ul a.active:hover,
					#main-c #center-c #content-c #left-c ul#navigation li ul a.active:active {
						background: url(../images/navigation/bgnavL2_active.jpg) no-repeat top left;
						display: block;
						text-decoration: none; 
						color: #024593;
						padding: 3px 0 4px 28px;
						font-size: 0.69em;
						font-weight: normal;
					}


					/* Default-Navigation (FIRST ITEM)
					------------------------------------------------- */
					#main-c #center-c #content-c #left-c ul#navigation li ul li.first a:link,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.first a:visited {
						background: url(../images/navigation/bgnavL2_1.jpg) no-repeat top left;
						display: block;
						text-decoration: none; 
						color: #FFF;
						padding: 3px 0 5px 28px;
						font-size: 0.69em;
						font-weight: normal;
					}
	
					#main-c #center-c #content-c #left-c ul#navigation li ul li.first a:hover,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.first a:active {
						background: url(../images/navigation/bgnavL2_1_active.jpg) no-repeat top left;
					}
	
					#main-c #center-c #content-c #left-c ul#navigation li ul li.first a.active:link,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.first a.active:visited,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.first a.active:hover, 
					#main-c #center-c #content-c #left-c ul#navigation li ul li.first a.active:active {
						background: url(../images/navigation/bgnavL2_1_active.jpg) no-repeat top left;
						display: block;
						text-decoration: none; 
						color: #024593;
						padding: 3px 0 5px 28px;
						font-size: 0.69em;
						font-weight: normal;
					}

					/* GREEN ITEM-Navigation 
					------------------------------------------------- 
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_62:link,
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_62:visited {
						background: url(../images/navigation/bgnavL2_green.jpg) no-repeat top left;
						display: block;
						text-decoration: none; 
						color: #FFF;
						padding: 3px 0 5px 28px;
						font-size: 0.69em;
						font-weight: normal;
					}
	
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_62:hover,
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_62:active {
						background: url(../images/navigation/bgnavL2_green_active.jpg) no-repeat top left;
					}
					
					#main-c #center-c #content-c #left-c ul#navigation li ul li.active a.navid_62:link,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.active a.navid_62:visited,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.active a.navid_62:hover,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.active a.navid_62:visited {
						background: url(../images/navigation/bgnavL2_green_active.jpg) no-repeat top left;
						display: block;
						text-decoration: none; 
						color: #024593;
						padding: 3px 0 5px 28px;
						font-size: 0.69em;
						font-weight: normal;
					}*/
	
				
					/* BEIGE ITEM-Navigation 
					------------------------------------------------- */
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_62:link,
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_62:visited {
						background: url(../images/navigation/bgnavL2_beige.jpg) no-repeat top left;
						display: block;
						text-decoration: none; 
						color: #FFF;
						padding: 3px 0 4px 28px;
						font-size: 0.69em;
						font-weight: normal;
					}
	
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_62:hover,
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_62:active {
						background: url(../images/navigation/bgnavL2_beige_active.jpg) no-repeat top left;
					}
					
					#main-c #center-c #content-c #left-c ul#navigation li ul li.navid_62 a.active:link,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.navid_62 a.active:visited,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.navid_62 a.active:hover,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.navid_62 a.active:visited {
						background: url(../images/navigation/bgnavL2_beige_active.jpg) no-repeat top left;
						display: block;
						text-decoration: none; 
						color: #024593;
						padding: 3px 0 4px 28px;
						font-size: 0.69em;
						font-weight: normal;
					}
	
				
					/* BLUE ITEM-Navigation 
					------------------------------------------------- */
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_63:link,
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_63:visited {
						background: url(../images/navigation/bgnavL2_blue.jpg) no-repeat top left;
						display: block;
						text-decoration: none; 
						color: #FFF;
						padding: 3px 0 4px 28px;
						font-size: 0.69em;
						font-weight: normal;
					}
	
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_63:hover,
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_63:active {
						background: url(../images/navigation/bgnavL2_blue_active.jpg) no-repeat top left;
					}
					
					#main-c #center-c #content-c #left-c ul#navigation li ul li.navid_63 a.active:link,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.navid_63 a.active:visited,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.navid_63 a.active:hover,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.navid_63 a.active:visited {
						background: url(../images/navigation/bgnavL2_blue_active.jpg) no-repeat top left;
						display: block;
						text-decoration: none; 
						color: #024593;
						padding: 3px 0 4px 28px;
						font-size: 0.69em;
						font-weight: normal;
					}
	
				
					/* ORANGE ITEM-Navigation 
					------------------------------------------------- */
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_64:link,
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_64:visited {
						background: url(../images/navigation/bgnavL2_orange.jpg) no-repeat top left;
						display: block;
						text-decoration: none; 
						color: #FFF;
						padding: 3px 0 4px 28px;
						font-size: 0.69em;
						font-weight: normal;
					}
	
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_64:hover,
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_64:active {
						background: url(../images/navigation/bgnavL2_orange_active.jpg) no-repeat top left;
					}
					
					#main-c #center-c #content-c #left-c ul#navigation li ul li.navid_64 a.active:link,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.navid_64 a.active:visited,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.navid_64 a.active:hover,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.navid_64 a.active:visited {
						background: url(../images/navigation/bgnavL2_orange_active.jpg) no-repeat top left;
						display: block;
						text-decoration: none; 
						color: #024593;
						padding: 3px 0 4px 28px;
						font-size: 0.69em;
						font-weight: normal;
					}


					/* YELLOW ITEM-Navigation 
					------------------------------------------------- */
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_65:link,
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_65:visited {
						background: url(../images/navigation/bgnavL2_yellow.jpg) no-repeat top left;
						display: block;
						text-decoration: none; 
						color: #FFF;
						padding: 3px 0 4px 28px;
						font-size: 0.69em;
						font-weight: normal;
					}
	
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_65:hover,
					#main-c #center-c #content-c #left-c ul#navigation li ul li a.navid_65:active {
						background: url(../images/navigation/bgnavL2_yellow_active.jpg) no-repeat top left;
					}
					
					#main-c #center-c #content-c #left-c ul#navigation li ul li.navid_65 a.active:link,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.navid_65 a.active:visited,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.navid_65 a.active:hover,
					#main-c #center-c #content-c #left-c ul#navigation li ul li.navid_65 a.active:visited {
						background: url(../images/navigation/bgnavL2_yellow_active.jpg) no-repeat top left;
						display: block;
						text-decoration: none; 
						color: #024593;
						padding: 3px 0 4px 28px;
						font-size: 0.69em;
						font-weight: normal;
					}




		/* TEXT-Container
		------------------------------------------------- */
		#main-c #center-c #content-c #text-c {
			position: relative;
			background: #FFF url(../images/bgtext.jpg) no-repeat;
			float: left;
			width: 566px;
			padding: 40px 0 90px 0;
			min-height: 565px;
			height: auto;
			_height: 565px;
		}
		
			#main-c #center-c #content-c #text-c h1 {
				margin: 0;
				padding: 6px 40px 0 40px;
				font-size: 1.34em;
				color: #024593;
			}
			
			#main-c #center-c #content-c #text-c h2 {
				padding: 38px 40px 0 40px;
				margin: 0;
				font-size: 0.74em;
				color: #97c24a;
			}
			
			#main-c #center-c #content-c #text-c p/*,
			#main-c #center-c #content-c #text-c div*/ {
				padding: 22px 40px 0 40px;
				margin: 0;
				font-size: 0.74em;
				line-height: 1.34em;
				color: #464a4c;
				list-style: none;
			}
				
			#main-c #center-c #content-c #text-c ul {
				padding: 0 40px 0 40px;
				margin: 0;
				font-size: 0.74em;
				line-height: 1.34em;
				color: #464a4c;
				list-style: none;
			}
			
			#main-c #center-c #content-c #text-c ul li {
				padding: 0;
				margin: 0;
				line-height: 1.34em;
				color: #464a4c;
			}

			#main-c #center-c #content-c #text-c .csc-textpic-center {
				margin: 7px 0 0 0px;
			}
			
			#main-c #center-c #content-c #text-c .csc-textpic-imagecolumn {
				margin: 7px 0 0 20px;
			}
			
			#main-c #center-c #content-c #text-c .tx-mdasbbtimetable-pi1 {
				margin: 15px 0 0 40px;				
			}			

			/*#main-c #center-c #content-c #text-c div div {
				padding: 22px 40px 0 40px;
				margin: 0;
				font-size: 0.99em;
				line-height: 1.34em;
				color: #464a4c;
			}*/
			
			#main-c #center-c #content-c #text-c embed {
				margin: -32px 0 0 0;
			}
			
			/*#main-c #center-c #content-c #text-c .csc-textpic-imagewrap {
				padding: 0;
				margin: 17px 0 0 0;
			}*/
			
				#main-c #center-c #content-c #text-c ul li a:link,
				#main-c #center-c #content-c #text-c ul li a:visited,
				#main-c #center-c #content-c #text-c div div a:link,
				#main-c #center-c #content-c #text-c div div a:visited,
				#main-c #center-c #content-c #text-c p a:link,
				#main-c #center-c #content-c #text-c p a:visited {
					color: #024593;
					text-decoration: underline;
				}
			
				#main-c #center-c #content-c #text-c ul li a:hover,
				#main-c #center-c #content-c #text-c ul li a:active, 
				#main-c #center-c #content-c #text-c div div a:hover,
				#main-c #center-c #content-c #text-c div div a:active,
				#main-c #center-c #content-c #text-c p a:hover,
				#main-c #center-c #content-c #text-c p a:active {
					color: #024593;
					text-decoration: none;
				}

			#main-c #center-c #content-c #text-c .offerboxheader {
				position: relative;
				background: url(../images/bgofferbox.jpg) no-repeat top;
				width: 566px;
				min-height: 125px;
				height: auto;
				_height: 125px;
			}
			
				#main-c #center-c #content-c #text-c .offerboxheader h3 {
					color: #034695;
					font-size: 0.74em;
					padding: 40px 0 0 40px;
				}
			
				#main-c #center-c #content-c #text-c .offerboxheader p {
					padding: 15px 40px 0 40px;
				}
			
				#main-c #center-c #content-c #text-c .offerboxheader .printlist {
					position: absolute;
					right: 30px;
					top: 30px;
					width: 147px;
					height: 22px;
				}


			#main-c #center-c #content-c #text-c .offerbox {
				position: relative;
				width: 506px;
				padding: 0 30px 0 30px;
				margin: 0 0 20px 0;
			}
			
				#main-c #center-c #content-c #text-c .offerbox h1 {
					background: #004494;
					color: #FFF;
					font-weight: normal;
					font-size: 0.74em;
					padding: 3px 0 3px 10px;
				}
				
				#main-c #center-c #content-c #text-c .offerbox h2 {
					color: #004494;
					font-size: 0.74em;
					padding: 12px 0 3px 10px;
				}
				
				#main-c #center-c #content-c #text-c .offerbox img {
					margin: 5px 0 0 0;
					float: right;	
				}
				
				#main-c #center-c #content-c #text-c .offerbox p {
					padding: 3px 0 3px 10px;
					line-height: 1.54em;
				}
				
				#main-c #center-c #content-c #text-c .offerbox hr {
					color: #eee;
					width: 506px;
				}
				
				#main-c #center-c #content-c #text-c .offerbox p.rabatt {
					background: #eeeeee;
					margin: 3px 110px 0 0;
					line-height: 1.14em;
				}
				
				#main-c #center-c #content-c #text-c .offerbox p.rabatt label {
					width: 220px;
					float: left;
					font-weight: bold;
				}

			
		/* RIGHT-Container
		------------------------------------------------- */
		#main-c #center-c #content-c #right-c {
			position: relative;
			background: #d5e7b0 url(../images/bgright.jpg) no-repeat top;
			float: left;
			width: 192px;
			overflow: hidden;
		}

			#main-c #center-c #content-c #right-c #meta {
				position: relative;
				width: 181px;
				height: 22px;
				font-size: 0.64em;
				text-align: right;
				color: #FFF;
				padding-top: 18px;
				padding-right: 11px;
				text-transform: uppercase;
			}	
			
				#main-c #center-c #content-c #right-c #meta a:link,
				#main-c #center-c #content-c #right-c #meta a:visited {
					color: #FFF;
					font-weight: bold;
					padding: 0 2px 0 2px;
				}
	
				#main-c #center-c #content-c #right-c #meta a:hover,
				#main-c #center-c #content-c #right-c #meta a:active {
					color: #360;
					font-weight: bold;
				}
			
				#main-c #center-c #content-c #right-c #meta a.active:link,
				#main-c #center-c #content-c #right-c #meta a.active:visited, 
				#main-c #center-c #content-c #right-c #meta a.active:hover,
				#main-c #center-c #content-c #right-c #meta a.active:active {
					text-decoration: none; 
					color: #360;
					padding: 0 2px 0 2px;
					font-weight: bold;
				}			
			
			#main-c #center-c #content-c #right-c .module {
				position: relative;
				width: 192px;
				margin: 17px 0 10px 0;
				text-align:left;
				font-family: Arial, Helvetica, sans-serif;
			}
			
				#main-c #center-c #content-c #right-c .module h1 {
					background: url(../images/right_modbgheader.jpg) repeat-x;
					font-size: 0.74em;
					color: #FFF;
					padding: 4px 0 3px 23px;
					margin: 0;
				}
			
				#main-c #center-c #content-c #right-c .module p {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 0.69em;
					color: #000;
					margin: 8px 0 0 23px;
				}
			
				#main-c #center-c #content-c #right-c .module a {
					margin: 5px 0 0 0;
				}
				
				#main-c #center-c #content-c #right-c .module .standaloneImage {
					margin: 5px 0 0 0;	
				}
			
				#main-c #center-c #content-c #right-c .module .meteoheader {
					background: url(http://www.meteocentrale.ch/Weather/Romanshorn/Background/TRZL3YCDPLVRP.png) top left repeat-x;
					height:22px; 
					width: 192px; 
					text-align: left;
				}
				
				#main-c #center-c #content-c #right-c .module .meteotext {
					text-align: left;  
					width: 130px; 
					margin: 5px 0 0 23px;
				}
				
					#main-c #center-c #content-c #right-c .module .meteotext h2 {
						font-size: 0.69em;
						color: #000000; 
						margin: 0; 
						background-color: transparent;
						font-family: Arial, Helvetica, sans-serif;
						font-weight: normal;
					}
				
				#main-c #center-c #content-c #right-c .module .meteoimage {
					text-align: left;
					width: 130px; 
					margin: 5px 0 0 23px;
				}
				
				#main-c #center-c #content-c #right-c .module .meteoform {
					text-align: left;  
					width: 130px; 
					margin: 5px 0 0 23px;
				}
				
					#main-c #center-c #content-c #right-c .module .meteoform .meteobutton {
						background-color: #ffffff; 
						width:23px; 
						padding: 0px; 
						margin-bottom:1px; 
						margin-left:2px; 
						border: 1px solid #b4b4b4;
						color: #000000;
						font-family: arial,helvetica,sans-serif; 
						font-size:11px; 
						font-weight: bold;
					}

.clear {
	clear: both;
	font-size: 0.01em;
	line-height: 0.01em;
}