/*
##################################### NAVIGATION
*/							
		#container #navi {
			border-top: 3px solid #F8F4EB;
			border-bottom: 0;
			background:url(../bilder/hg_navi-folgeseite.jpg) repeat-x;
			height: 72px;
			position:relative;	
			padding-top: 4px;		
			}

/*
Navi
*/
#container #navi UL.eins LI A,
#container #navi UL.zwei LI A {
	margin-top: 0;
	}
							
			
			
#container  #kopf { 
	height: 172px;
	}
	#container #kopf #reiter {
		top: 143px;
		}
	#container #content H1 {
		color: #292140;
		font-size: 1.3em;
		margin: 0;
		padding: 10px 0;
		clear: both;
		}
	#container #content {
		padding: 0 21px 30px 30px;
		width: 849px;
		font-size: 0.75em;
		color: #2E2143;
		}
		#container #content A {
		color: #2E2143;
		}
	#container #content #sprachwahl {
			text-align: right;
			padding: 5px 0;
			}	
		.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:100%;
}
/*
####################################### KATEGORIEN
*/
.kategorietitel {
  height:36px;
  padding-top: 8px;
  width: 849px;	
  background: url(../bilder/hg_kategorie-kopf.jpg);
  position: relative;
  font-size: 1.1em;
  }
  .wismar {
		background: url(../bilder/hg_kategorie-kopf-wismar.jpg) no-repeat;
		padding-left: 75px;
	}
	.rostock {
  		background: url(../bilder/hg_kategorie-kopf-rostock.jpg) no-repeat;
		padding-left: 75px;		
	}	
	.rostock .wappen {
		position: absolute;
		top: -12px;
		left: 10px;
		}
	.wismar .wappen {
		position: absolute;
		top: -13px;
		left: 10px;
		}		
	.kategorietitel H2 {
		color: #FFFFFF;
		font-size: 1.1em;
		font-weight: normal;
		margin: 0 0 0 10px;
		text-transform:uppercase;
		}
		#container #content  .rostock H2 A {
			color: #FFFFFF;
			text-decoration: none;
			}
		.wismar H2,
		#container #content  .wismar H2 A {
			color: #2D2543;
			text-decoration: none;
			}
			.kategorietitel SUP {
				font-size: 0.55em;
				}
			.kategorietitel .erste_zeile {
				position: absolute;
				color: #2D2543;
				font-size: 0.9em;
				font-weight: bold;
				text-align: center;
				}
			.rostock .erste_zeile {
				color: #2D2543;
				}
			 .wismar .erste_zeile {
				/*color: #586774;*/
				}				
			.kategorietitel .eins {				
				left: 355px;
				top: 3px;
				width: 55px;
				}
			.kategorietitel .zwei {				
				left: 430px;
				top: 3px;
				width: 45px;
				}
			.kategorietitel .drei {
	left: 542px;
	top: 3px;
	width: 255px;
				}
			.kategorietitel .vier {
	left: 520px;
	top: 19px;
	width: 75px;
	color: white;
	color: green;
				}
			.kategorietitel .fuenf {
	left: 745px;
	top: 19px;
	width: 80px;
	color: white;
	color: red;
				}	
				
			.kategorietitel .sechs {
				color: #FF9900;
				}
			.kategorietitel .sieben {
	left: 619px;
	top: 19px;
	width: 115px;
	color: white;
	color: #FFCC00;
				}					
.kategoriewrap {
	background:url(../bilder/hg_kategorie-acc1.jpg) repeat-y;
	position: relative;
	  font-size: 1.2em;
	  _width: 847px;
	}
	.wismar-mitte {
		background:  url(../bilder/hg_kategorie-kopf-wismar-kasten1-mitte.jpg);
				margin-bottom: 5px;
		}
	.wismar-mitte2 {
		background:  url(../bilder/hg_kategorie-kopf-wismar-kasten2-mitte.jpg);
		}	
	.rostock-mitte {
		background: url(../bilder/hg_kategorie-kopf-rostock-kasten1-mitte.jpg);
		margin-bottom: 5px;
		}
	.rostock-mitte2 {
			background: url(../bilder/hg_kategorie-kopf-rostock-kasten2-mitte.jpg);
			}		
		
  .grau {
  	background: url(../bilder/hg_kategorie-acc2.jpg) repeat-y;
	}
	.kategoriewrap H3 {
		color: #09305E;
		font-weight: normal;
		font-size: 0.8em;
		padding-left: 10px;
		margin: 0 0 10px 0;
		}
	.kategoriewrap P.info {
		color: #09305E;
		font-weight: normal;
		font-size: 0.8em;
		padding-left: 10px;
		margin: 20px 0 10px 0;
		}
			.kategoriewrap .zweite_zeile {
				position: absolute;
				color: #2D2543;
				font-size: 0.9em;
				font-weight: bold;
				text-align: center;
				font-style: italic;
				}
			.kategoriewrap .eins {				
				left: 355px;
				top: 3px;
				width: 45px;
				}
			.kategoriewrap .zwei {				
				left: 430px;
				top: 3px;
				width: 45px;
				}
			.kategoriewrap .drei {
	left: 545px;
	_left: 545px;
	top: 3px;
	width: 45px;
				}
			.kategoriewrap .vier {
	left: 766px;
	_left: 760px;
	top: 3px;
	width: 45px;
				}
			.kategoriewrap .fuenf {
	left: 516px;
	_left: 520px;
	top: 25px;
	width: 45px;
				}		
			.kategoriewrap .sechs {
	left: 735px;
	_left: 735px;
	top: 25px;
	width: 45px;
				}		
			.kategoriewrap .sieben {
	left: 656px;
	_left: 650px;
	top: 3px;
	width: 45px;
				}	
			.kategoriewrap .acht {
	left: 625px;
	_left: 627px;
	top: 25px;
	width: 45px;
				}					
	.AccordionTitle	{
	  	/*overflow:hidden;
	  	cursor:pointer;*/
	  	font-weight:bold;
	  	display:table-cell;
	  	-moz-user-select:none;
		color: #B32525;
		font-weight: normal;
		font-size: 0.8em;
		font-style: italic;
		/*text-decoration: underline;*/
		padding: 7px 0 7px 275px;
		background: #C1D3DD;
		width: 569px;
		display: block;
		margin-bottom: 15px;
	}
	#container #content .AccordionTitle	A {
		color: #B32525;
		color: #761819;
		color: #B32524;
		font-weight: bold;
		text-decoration: underline;
		width: auto;
		}
				#container #content .left P.extern {
			}
#container #content .left P.extern	A {
		color: #B32524;
		font-style: italic;
		font-weight: bold;
		font-size: 1em;
	}
		.AccordionContent
		{
		  font-size: 0.8em;
		padding-left: 5px;
		color: #09305E;
		}
			.AccordionContent .left {
				float: left;
				width: 481px;
				padding-top: 0px;
				margin: 0;
				padding-left: 4px;
				}
				.AccordionContent .left P {
					margin-top: 0;
					}
			.AccordionContent .right {
				float: right;
				width: 362px;
				padding-top: 0px;
				}
			.AccordionContent .right IMG {
				border: 2px solid #FFFFFF;
				/*border-left: 0;
				border-collapse: inherit;*/
				margin: 0 0 0 5px;
				}	
				.AccordionContent .right IMG.first {
					/*border-left: 2px solid #FFFFFF;*/
					margin: 0 45px 0 15px;
					margin: 0 0px 0 15px;
					}
				.AccordionTitle H4,
				.AccordionContent .right H6 {
					/*background: url(../bilder/hg_kategorie-h4.png) no-repeat*/;
					width: 383px;
					width: 375px;
					height: 24px;
					font-size: 1.0em;
					font-style: italic;
					padding: 5px 0 0 10px;
					/*margin: 0px 0 10px 10px;
					letter-spacing: 2px;*/
					color: #0A4887;
					position: absolute;
					left: 465px;
					top: -13px;
					*top: 2px;
					}
					.AccordionTitle A H4 {
						text-decoration: none;
						}
					.AccordionContent .right H6 {
						font-size: 0.95em;
						padding-top: 8px;
						}
					.AccordionContent .right H4 EM,
					.AccordionContent .right H6 EM {
						font-style: normal;
						color:#FFFFFF;
						}
					.unsichtbar {
						display: none;
						}	

.AccordionContainer
{
}
.klein {
	font-size: 0.8em;
	}
#container #content H5 {
	font-size: 1.1em;
	color: white;
	background: url(../bilder/hg_h4.jpg) no-repeat;
	margin: 0 0 10px 0;
	}		
#container #content .spalte12 {
	float: left;
	width: 247px;
	padding-left: 15px;
	}	
.clear {
	clear: both;
	}	
		.gross {
			font-size: 1.2em;
			font-weight: bold;
			}
		.klein {
			font-size: 1em;
			}
		.kleiner {
			font-size : 0.9em;
			}	
		.kleiner2 {
			font-size : 0.8em;
			font-style: italic;
			font-weight: normal;
			text-align: center;
			}	
		.kleiner3 {
			font-size : 1em;
			font-style: italic;
			font-weight: normal;
			text-align: center;
			margin: 25px 0;
			}		
		.padding1 {
			padding: 0px 10px;
			}	
		.abstand-elemente {
			margin-top: 10px;
			}	
		.links50 {
			float: left;
			width: 50%;
			}
		.links40 {
			float: left;
			width: 44%;
			}
		.links30 {
			float: left;
			width: 30%;
			}	
		.links25 {
			float: left;
			width: 25%;
			}					
		.linksx {
			float: left;
			}					
		.rahmen1 {
		height: 37px;
		width: auto;
			}
			
			 .rot {
				color: red;
				}
				.orange {
	color: #FC0;
				}	
			.pink {
				color:#ff00ff;}
			 .gruen {
				color: green;
				}	
			 .gelb {
				color: #FF9900;
				}
			.rahmen1 .links {
				float: left;
				}
			.rahmen1 .mitte {
				float: left;
				background:url(../bilder/rahmen1_hg.jpg) repeat-x;		
				padding-top: 6px;
				height: 31px;					
				}	
				.rahmen1 .mitte A {
					color: #2E2143;
					text-decoration: none;
					}
			.rahmen1 .rechts {
				float: left;
				}			
		.rahmen2 {
			background: url(../bilder/rahmen2_mitte.jpg) repeat-y;
			width: 453px;
			}
		.rahmen3 {
			background: url(../bilder/rahmen3_hg.jpg) repeat-y;
			width: 339px;
			}		
		.rahmen4 {
			padding: 0;
			background: url(../bilder/rahmen4.jpg) no-repeat;
			background: url(../bilder/rahmen_7-hg.jpg) repeat-y;			
			width: 342px;
			}
		.rahmen4 P {
			padding: 0 30px;
			}
		.rahmen6 {
			padding: 20px;
			background: url(../bilder/rahmen6_hg.jpg) no-repeat;
			width: 342px;
			height: 198px;
			text-align: center;
			}			
		.rahmen8 {
			width: auto;
			}			
		.rahmen8 .mitte {
				float: left;
				background:url(../bilder/rahmen8_hg.jpg) repeat-x;		
				padding-top: 6px;
				height: 35px;
				}
		.rahmen8 .links, .rahmen8 .rechts {
				float: left;
				}						
INPUT, TEXTAREA {width: 250px;}	
INPUT.anrede, INPUT.plz, INPUT.ort, INPUT.senden  {width: auto;}	
.weiss2kursiv {color: #FFFFFF; font-style: italic;}

	.right .mehr1, .right .mehr2, .right  .mehr3 {
						width: 55px;
						color: #B32524;
					/*	color: red;*/
						position: absolute;
						top: 87px;
						*top: 86px;
						font-weight: bold;
						right: 266px;
						background-color: #fff;
						filter: Alpha(opacity=85);
						opacity: 0.85;
						-moz-opacity: 0.85;
						padding: 0 1px 0 1px;
						font-size: 1.1em;
						text-decoration: none;
						font-style: italic;
						}
						
					.right .mehr2 { 
						position: absolute;
						right: 155px;
						}
					.right .mehr3 { 
						position: absolute;
						right: 40px;
						}	
/*
######################### Weitere FeWos und Ap.
*/	
.bad-wildbad {
	background: url(../bilder/hg_weitere-bad-wildbad.png) no-repeat;
	color: #2D2543;
	padding-left: 85px;
	width: 758px;
	}					
.stralsund {
	background: url(../bilder/hg_weitere-hst.png) no-repeat;
	color: #2D2543;
	padding-left: 85px;
	width: 758px;
	}
.ruegen-hiddensee {
	background: url(../bilder/hg_weitere-ruegen-hiddensee.png) no-repeat;
	color: #FFFFFF;
	padding-left: 150px;
	width: 693px;
	margin-bottom: 10px;
	}	
	.stralsund, .ruegen-hiddensee, .bad-wildbad {
		text-transform: uppercase;
		font-size: 1.2em;
		font-weight: bold;
		height: 53px;
		padding-top: 22px;
		clear: left;
		}
.screenshot-links {
	width: 405px;
	float: left;
	margin-bottom: 10px;
	}	
.screenshot-rechts {
	width: 430px;
	float: left;
	font-size: 1.2em;
	}
	#container #content .screenshot-rechts STRONG A,
	#container #content	.screenshot-rechts-weitere STRONG A {
		color: #AA2B29;
		text-decoration: none;
		}
.screenshot-rechts-weitere {
	width: 410px;
	margin-left: 15px;
	float: left;
	} 		
	.screenshot-rechts-weitere P {
		padding-left: 13px;
		padding-right: 10px;
		clear: left;
		margin: 12px 0;
		}
	.screenshot-rechts-weitere .rahmen8 {
		display: block;
		height: 50px;
		margin-top: 22px;
		}
/*
PREISINFOSEITE
*/		
H6 {
	background: url(../bilder/hg-h3.jpg) no-repeat;
	background: url(../bilder/preisinfo2011/hg-ueberschrift.jpg) no-repeat;
	padding: 10px 30px 11px 15px;
	margin: 0px 0 5px 0;
	width: 793px;
	width: 851px;
	color: #292140;
	font-size: 1.1em;
	_margin-right: -100px;
	border-left: 0px solid #fff;
	text-transform: uppercase;
	}
	.preisinfo {
		background: url(../bilder/preisinfo2011/hg-mitte.jpg) repeat-y;
		width: 861px;
		position: relative;
		margin: 0 0 5px -8px;
		}
		#container #content .preisinfo P {
			margin: 0 20px 10px 20px;
			}
		#container #content .preisinfo IMG {
			margin: 0 0 0 0px;
			}
		.preisinfo .kastenp1 {
			background: url(../bilder/preisinfo2011/hg-kasten1.jpg) no-repeat;
			width: 605px;
			height: 126px;
			margin-left: 25px;
			padding-top: 10px;
			padding-right: 0px;
			padding-left: 0px;
			float: left;
			text-align: center;
			}
			#container #content .preisinfo .kastenp1 P {
				margin-left: -0px;
				}
		.preisinfo .logo-hzps {
			float: left;
			margin: 25px 0 0 30px;
			}			
		.preisinfo .kastenp2 {
			position: absolute;
			background: url(../bilder/preisinfo2011/hg-kasten-extra_r1_c1.jpg) no-repeat;
			left: 20px;
			top: 50px;
			width: 154px;
			height: 37px;
			padding: 13px 0 0 0px;
			text-align: center;
			}	
		.preisinfo .kastenp3 {
			position: absolute;
			background: url(../bilder/preisinfo2011/hg-kasten-extra_r1_c1.jpg) no-repeat;
			left: 20px;
			top: 103px;
			width: 154px;
			height: 37px;
			padding: 5px 0 5px 0px;
			text-align: center;
			}	
		.preisinfo .kastenp14 {
			position: absolute;
			background: url(../bilder/preisinfo2011/hg-kasten-extra_r1_c1.jpg) no-repeat;
			left: 20px;
			top: 155px;
			width: 154px;
			height: 37px;
			padding: 5px 0 5px 0px;
			text-align: center;
			}			
		.preisinfo .kastenp4 {
			position: absolute;
			background: url(../bilder/preisinfo2011/hg-kasten-extra_r1_c3.jpg) no-repeat;
			left: 195px;
			top: 50px;
			width: 150px;
			height: 87px;
			padding-top: 3px;
			}		
		.preisinfo .kastenp5 {
			position: absolute;
			background: url(../bilder/preisinfo2011/hg-kasten-extra_r1_c5.jpg) no-repeat;
			left: 375px;
			top: 50px;
			width: 240px;
			height: 87px;	
			padding-top: 3px;
			}	
		.preisinfo .kastenp6 {
			position: absolute;
			background: url(../bilder/preisinfo2011/hg-kasten-extra_r1_c7.jpg) no-repeat;
			left: 649px;
			top: 50px;
			width: 150px;
			height: 87px;
			padding-top: 3px;
			}	
			.preisinfo .kastenp6 STRONG,
			.preisinfo .kastenp5 STRONG,
			.preisinfo .kastenp4 STRONG {
				color: #fff;
				}
			#container #content .preisinfo .kastenp6 P,
			#container #content .preisinfo .kastenp5 P,
			#container #content .preisinfo .kastenp4 P {
				text-align: center;
				padding: 0;
				margin: 2px 0 0 0;
				color: #fff;
				}		
		.preisinfo .kastenp15 {
			position: absolute;
			top: 103px;
			left: 195px;
			background: url(../bilder/preisinfo2011/hg-kasten-extra_r3_c3.jpg) no-repeat;
			width: 155px;
			height: 48px;
			padding: 0;
			text-align: center;
			}
			#container #content .preisinfo .kastenp15 P {
				margin: 10px 0 0 -10px;
				}
		.preisinfo .kastenp16 {
			position: absolute;
			top: 103px;
			left: 376px;
			background: url(../bilder/preisinfo2011/hg-kasten-extra_r3_c5.jpg) no-repeat;
			width: 245px;
			height: 48px;
			padding: 0;
			text-align: center;
			}
			#container #content .preisinfo .kastenp16 P {
				margin: 10px 0 0 -10px;
				}						
		.preisinfo .kastenp17 {
			position: absolute;
			top: 103px;
			left: 650px;
			background: url(../bilder/preisinfo2011/hg-kasten-extra_r3_c7.jpg) no-repeat;
			width: 155px;
			height: 48px;
			padding: 0;
			text-align: center;
			}
			#container #content .preisinfo .kastenp17 P {
				margin: 10px 0 0 -10px;
				}					
		.preisinfo .kastenp18 {
			position: absolute;
			top: 156px;
			left: 195px;
			background: url(../bilder/preisinfo2011/hg-kasten-extra_r3_c3.jpg) no-repeat;
			width: 155px;
			height: 48px;
			padding: 0;
			text-align: center;
			}
			#container #content .preisinfo .kastenp18 P {
				margin: 10px 0 0 -10px;
				}
		.preisinfo .kastenp19 {
			position: absolute;
			top: 156px;
			left: 376px;
			background: url(../bilder/preisinfo2011/hg-kasten-extra_r3_c5.jpg) no-repeat;
			width: 245px;
			height: 48px;
			padding: 0;
			text-align: center;
			}
			#container #content .preisinfo .kastenp19 P {
				margin: 10px 0 0 -10px;
				}						
		.preisinfo .kastenp20 {
			position: absolute;
			top: 156px;
			left: 650px;
			background: url(../bilder/preisinfo2011/hg-kasten-extra_r3_c7.jpg) no-repeat;
			width: 155px;
			height: 48px;
			padding: 0;
			text-align: center;
			}
			#container #content .preisinfo .kastenp20 P {
				margin: 10px 0 0 -10px;
				}			
		
		.preisinfo .kastenp7 {
			position: absolute;
			background: url(../bilder/preisinfo2011/hg-kasten6.jpg) no-repeat;
			left: 20px;
			top: 210px;
			width: 986px;
			height: 47px;			
			padding: 6px 0 0 10px;
			}			
		.preisinfo .kastenp8 {	
			width: 366px;
			height: 37px;
			background:url(../bilder/preisinfo2011/hg-kasten7.jpg) no-repeat;	
			padding: 6px 0 0 10px;
			margin: 0 0 0 20px;
			}
		.preisinfo .kastenp9 {
			background: url(../bilder/preisinfo2011/hg-kasten8.jpg) no-repeat;
			padding: 4px 0 0 0px;
			width: 818px;
			height: 187px;
			margin-left: 20px;
			}
			.preisinfo .kastenp9 STRONG {
				color: #fff;
			}
			.preisinfo .kastenp9 UL {
				margin-top: 0px;
				padding-top: 0px;
				line-height: 15px;
				}
			.preisinfo .links50prozent {
				float:left;
				width: 420px;
				text-align: center;
				}
			.preisinfo .rot {
				color: #ff0303;
				}
			.preisinfo .gelb{
				color: #ff0303;
				}			
			.preisinfo .gruen {
				color: #41850b;
				}	
			.preisinfo .kastenp10 {
				background: url(../bilder/preisinfo2011/hg-kasten10.jpg) no-repeat;
				height: 195px;
				padding: 15px 0 0 0;
				margin: 10px 0 0 15px;
				}	
			.preisinfo .kastenp11 {
				background: url(../bilder/preisinfo2011/hg-kasten9.jpg) no-repeat;
				height: 195px;
				padding: 15px 0 0 0;
				margin: 10px 0 0 10px;
				}		
		.preisinfo .kastenp12 {	
			width: 579px;
			height: 37px;
			background:url(../bilder/preisinfo2011/hg-kasten12.jpg) no-repeat;	
			padding: 6px 0 0 10px;
			margin: 0 0 0 20px;
			}
		.preisinfo .kastenp13 {
			position: absolute;
			top: 180px;
			left: 655px;
			font-size: 0.9em;
			color: #fff;
			}