body {
	margin:0;
	padding: 0;
	font-size:62.5%;
	font-family: arial,verdana,helvetica,sans-serif;
	color:#242D32;
	background:#778D98;
}

a {
	color:#242D32;
}

ul li {
	list-style-type:disc;
	margin-left:30px;
}

ol li {
	list-style-type:decimal;
	margin-left:30px;
}


h1, h2, h3, h4 {
	color:#768A95;
	font-weight:bold!important;
}

h1 {
	font-size:1.8em!important;
	line-height:1.1em!important;
	margin:10px 0 0 0!important;
}

h2 {
	font-size:1.4em!important;
	line-height:1.1em!important;
	margin:5px 0 0 0!important;
}

h3 {
	font-size:1.1em!important;
	line-height:1.1em!important;
	margin:5px 0 0 0!important;
}

hr{
	border: 0px;
	border-top: solid 1px #768A95;
	border-bottom: transparent;
	clear:both;
}

strong {
	font-weight:bold;
}


input, select, textarea {
	padding:2px 5px;
	border:1px solid #768A95;
	background:#fff;
	color:#0A5279;
	margin-right:5px;
}

input.defaultvalue, textarea.defaultvalue {
	color:#8F8F8F;
}

input.filled, textarea.filled {
	color:#0A5279;
}

input.error, textarea.error, select.error {
	background:#E6B0BA;
}

div.error {
	background:#E6B0BA;
	font-weight:bold;
	color:#D5002D;
	border:1px solid #D5002D;
	padding:2px 5px;
	text-align:center;
	margin-top:5px;
}


/* Transparenz des PNG soll auch im IE 6 verfügbar sein */
img, div {
	behavior: url('/www/live/wwwnavi/style/iepngfix.htc')
}


div#root {
	width:1000px;
	font-size:1.1em;
	line-height:1.2em;
	float:left;
	position:absolute;
	background:#fff url('../style/hg_content.jpg') repeat-y;
	padding-right:5px;
}

	div#header {
		float:left;
		width:992px;
		height:197px;
		border-left:4px solid #fff;
		border-right:4px solid #fff;
		border-top:4px solid #fff;
	}

		#headerbild{
			position:absolute;
			z-index:1;
		}

		div#languages {
			z-index:2;
			position:absolute;
			left:155px;
			top:12px;
		}

		div#landkarte_bg {
			top:30px;
			background:url('../style/hg_landkarte.png') no-repeat;
			width:272px;
			height:238px;
			position:absolute;
			z-index:2;
		}

		div#landkarte {
			position:absolute;
			top:30px;
			line-height:1.4em;
			padding:10px 0 0 0;
			z-index:3;
			width:272px;
			height:238px;
			cursor:pointer;
		}

			div#landkarte a {
				text-decoration:none;
			}

			div#landkarte a:hover, div#landkarte a.active {
				color:#C50012;
				font-weight:bold;
			}

			div#landkarte img {
				position:absolute;
				top:0;
				right:0;
				z-index:4;
			}

		div#orte_selectbox {
			cursor:pointer;
			background:#ff0000;
			height:33px;
			width:150px;
			background:url('../style/bi_ort_waehlen.png') no-repeat;
			position:absolute;
			z-index:2;
			top:10px;
		}

		div#orte_liste {
			background:#fff;
			width:144px;
			height:163px;
			overflow:hidden;
			top:38px;
			filter:alpha(opacity=80);
			-moz-opacity:.80;
			opacity:.80;
			display:none;
			position:absolute;
			z-index:2;
			line-height:11.5px;
		}

			div#orte_liste li {
				margin-left:20px;
			}

			div#landkarte li {
				margin-left:15px;
			}

			div#orte_liste a {
				text-decoration:none;
			}

			div#orte_liste a:hover, div#orte_liste a.active {
				color:#C50012;
				font-weight:bold;
			}

	div#metaa {
		float:left;
		width:992px;
		height:28px;
		border-left:4px solid #fff;
		border-right:4px solid #fff;
	}

		div#metaa img {
			float:left;
		}

		input#suche {
			color:#000;
			width:195px;
			height:14px;
			border:0;
			margin-top:3px;
			padding:4px 10px;
			position:absolute;
			right:4px;
		}
		
		input#suche_button {
			position:absolute;
			background:transparent;
			border:0;
			width:25px;
			right:4px;
			margin-top:4px;
			cursor:pointer;
		}

		#schnellsuche {
			margin-top:3px;
			width:200px;
		}

	div#main {
		border-left:4px solid #fff;
		border-right:4px solid #fff;
		width:992px;
		float:left;
	}

	div#color {
		height:10px;
		border-bottom:1px solid #fff;
		float:left;
		width:100%;
	}

	div#left {
		float:left;
		width:151px;
	}

		ul#primaer {
			margin-bottom:10px;
		}

		div#service {
			height:19px;
			text-align:right;
			padding:5px 5px 0 0;
			cursor:pointer;
		}

		div#interaktiv {
			height:19px;
			text-align:right;
			padding:5px 5px 0 0;
			cursor:pointer;
			margin-top:10px;
		}

		div#kontakt {
			height:19px;
			text-align:right;
			padding:5px 5px 0 0;
			cursor:pointer;
			margin-top:10px;
		}

			div.kontakt_content {
				padding:5px;
			}

				span.kosten {
					font-size:0.9em;
				}
				
		div#web20 {
			height:19px;
			text-align:right;
			padding:5px 5px 0 0;
			margin-top:10px;
		}

			div.web20_content {
				padding:5px;
			}						

		div#left li {
			list-style-type:none;
			margin:0;
			__float:left;
			__width:100%;
		}

		div#left a {
			text-decoration:none;
			display:block;
			border-bottom:1px solid #fff;
			padding:3px 0 3px 20px;
		}

		div#left a:hover, div#left a.active {
			color:#fff;
		}

		div#left li ul li a {
			padding:0 0 0 27px;
			border:0;
		}

		div#left li.terzaer a {
			padding:0 0 0 34px;
			border:0;
		}

	div#middle {
		float:left;
		width:626px;
		overflow:hidden;
	}

		div#content {
			padding:0 30px;
		}

			/* um neben einem Bild richtig dargestellt zu werden */
			div#content ul, div#content ol {
				overflow:auto;
				zoom:1;
				padding-bottom:1px; /*sonst scrollbar ie8 */
				margin-top:10px;
			}

			.formsubmit {
				border:1px solid #768A95!important;
				background:#768A95!important;
				color:#fff!important;
			}

			div#systemstatus {
				margin-bottom:15px;
				margin-top:7px;
			}

				div#systemstatus a {
					color:#000!important;
					background:none!important;
					padding:0!important;
				}

			img.border {
				border:1px solid #768A95;
			}

			div#content p {
				margin:10px 0;
			}

				a.link {
				padding-left:11px;
			}

			div.full_content {
				width:566px;
				float:left;
				margin-bottom:12px;
			}

			div.half_content {
				width:277px;
				float:left;
				margin-right:12px;
				margin-bottom:12px;
			}
			
			div.half_content div.home_banner {
				height:105px;
				overflow:hidden;								
			}

				div.headline {
					font-weight:bold;
					font-size:1.2em;
					padding:3px 10px;
					height:13px;
					overflow:hidden;
				}

				div.full_content div.text {
					width:546px;
					height:155px;
					overflow:hidden;
				}

				div.half_content div.text {
					width:257px;
					height:66px;
					overflow:hidden;
				}

				div.text {
					padding:10px;
					float:left;
				}

					div.text p {
						margin:0!important;
					}

					div.full_content img, div.half_content img{
						float:left;
						margin:0 10px 0 0;
					}

			div#content_tabs div {
				color:#fff;
				background:#0076BA;
				border:1px solid #0076BA;
				font-weight:bold;
				float:left;
				padding:3px 10px;
				margin-right:5px;
				cursor:pointer;
			}

			div#content_tabs div.active {
				color:#0076BA;
				background:#fff;
			}

			div.highlight_content {
				padding:5px;
				margin-top:10px;
			}
			
			div.suche {
				float:left;
				width:100%;
				margin-bottom:10px;	
			}
			
				div.suche p {
					margin:0!important;	
				}
				
				span.meinten_sie {
					color:#CC0000;
					font-size:1.2em;
				}
			

	div#right {
		float:left;
		width:215px;
		overflow:hidden;
	}

		div#right a.link {
			float:left;
		}

		div#gastgebersuche {
			height:24px;
		}

		div#gastgebersuche_content {
			padding:10px;
			border-bottom:1px solid #fff;
		}

			div#gastgebersuche_content input {
				padding:2px 10px;
				float:right;
			}

			div#gastgebersuche_content select {
				padding:0;
			}

		div#gastgebersuche_links, div#betrieb_anfragen {
			padding:1px 9px 10px 10px;
			border-bottom:1px solid #fff;
		}

			div#gastgebersuche_content a, div#gastgebersuche_links a, div#betrieb_anfragen a {
				text-decoration:none;
				padding-left:15px;
				margin-right:10px;
			}

			div#betrieb_anfragen input, div#betrieb_anfragen textarea {
				width:179px;
				margin-top:3px;
			}

			input.suchen_button {
				background:url('../style/bu-suchen-do.jpg');
				width:123px;
				height:41px;
				border:0;
				cursor:pointer;
			}

			input.suchen_button:hover {
				background:url('../style/bu-suchen-up.jpg');
			}

			input#betrieb_anfragen {
				background:url('../style/bu_anfrage_senden_do.gif');
				width:177px!important;
				height:41px;
				border:0;
				cursor:pointer;
			}

			input#betrieb_anfragen:hover {
				background:url('../style/bu_anfrage_senden_up.gif');
			}

			input.right_suche_button {
				background:url('../style/bu-suchen-do-kl.jpg');
				width:65px!important;
				height:22px;
				border:0;
				cursor:pointer;
			}

			input.right_suche_button:hover {
				background:url('../style/bu-suchen-up-kl.jpg');
			}

	div#watzmann {
		height:51px;
		margin-top:20px;
		float:left;
		width:100%;
		position:relative;
	}

		div#watzmann .cont {
			padding-left:181px;
		}

		#drucken, #bookmark_site {
			text-decoration:underline;
			cursor:pointer;
		}
		
		div#bookmarks {
			position:absolute;
			left:431px;
			top:22px;
		}
		
			div#bookmarks ul, div#bookmarks li {
				padding:0;
				margin:0;
				list-style-type:none;
				
			}
			
			div#bookmarks li {
				height:29px;
				float:left;
				cursor:pointer;
				width:60px;
				display:inline;
			}			
			
			div#bookmarks a {
				text-indent:-9999px !important;
				width:60px;
				height:29px;
				display:block;
				background:transparent url('../style/sexy-sprite.png') no-repeat scroll 0 0;
			}
			
			a#bookmark_rss {
				background-position:-420px bottom !important;				
			}
			
			a#bookmark_rss:hover {
				background-position:-420px top !important;				
			}
			
			a#bookmark_twitter {
				background-position:-490px bottom !important;				
			}
			
			a#bookmark_twitter:hover {
				background-position:-490px top !important;				
			}
			
			a#bookmark_facebook {
				background-position:-1330px bottom !important;				
			}
			
			a#bookmark_facebook:hover {
				background-position:-1330px top !important;				
			}
			
			a#bookmark_friendfeed {
				background-position:-1750px bottom !important;				
			}
			
			a#bookmark_friendfeed:hover {
				background-position:-1750px top !important;				
			}
			
			a#bookmark_delicious {
				background-position:-1190px bottom !important;				
			}
			
			a#bookmark_delicious:hover {
				background-position:-1190px top !important;				
			}
			
			a#bookmark_technorati {
				background-position:-560px bottom !important;				
			}
			
			a#bookmark_technorati:hover {
				background-position:-560px top !important;				
			}
			
			a#bookmark_misterwong {
				background-position:-1400px bottom !important;				
			}
			
			a#bookmark_misterwong:hover {
				background-position:-1400px top !important;				
			}
			
			a#bookmark_google {
				background-position:-210px bottom !important;				
			}
			
			a#bookmark_google:hover {
				background-position:-210px top !important;				
			}
			
			a#bookmark_digg {
				background-position:-980px bottom !important;				
			}
			
			a#bookmark_digg:hover {
				background-position:-980px top !important;				
			}
			
			a#bookmark_stumbleupon {
				background-position:-630px bottom !important;				
			}
			
			a#bookmark_stumbleupon:hover {
				background-position:-630px top !important;				
			}

	div#footer {
		float:left;
		width:100%;
		color:#fff;
		padding:10px 0;
		border-bottom:4px solid #fff;
	}

		div#footer a {
			color:#fff;
		}

		#mh {
			width:14px;
			height:15px;
			overflow:hidden;
		}

		div#footer_content {
			padding:20px;
		}

div#skyscraper {
	width:175px;
	height:550px;
	position:absolute;
	top:0;
	left:1005px;
}

/* Style der alten Seite */
.formtextlang                  {width: 250px;}
.formtextsehrlang              {width: 350px;}
.formtextklein                 {width: 50px;}
.formtextmittellang            {width: 80px;}

.box                    {width:222px; float:right; color:#000;}
.box .mitte             {background: #DFDFDF; padding:5px 10px 10px 10px;}
.box .mitte a 			{padding-left:15px;background:#DFDFDF url('../style/ic_pfeil.gif') no-repeat 5px left;}

.box_familie            {width:222px; float:right; color:#B4084A;}
.box_familie .mitte     {background: #EDB6CC; padding:5px 10px 10px 10px;}
.box_familie .mitte a 	{padding-left:15px;background:#EDB6CC url('../style/ic_pfeil.gif') no-repeat 5px left;}


.wbbanner, .wbanzeige, .wblink					{margin-bottom:10px;}


#boxwerbebanner        {overflow:hidden; margin-left:20px; width:210px;}
.wbbanner,
.wbanzeige,
.wblink,
.trennlinie        {float:left;width:213px;}
.wbanzeige         {width:210px; margin-right:10px;}
.trennlinie        {margin:2px 0;}

#formbox {
  width: 536px;
}

.formzeile {
  width: 536px;
  clear:both;
}

.bez {
  float: left;
  width: 150px;
  height:25px;
}

.feld {
  float: right;
  width: 386px;
  height:25px;

}

/* Autocomplete */
.ac_results {
	padding: 0px;
	border: 1px solid #768A95;
	background-color:#fff;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	overflow: hidden;
}

.ac_loading {
	background: white url('../style/indicator.gif') right center no-repeat;
}

.ac_odd {
	/*background-color:#A6CFE7;*/
}

.ac_over {
	background-color:#0076BA;
	color:#fff;
}

.ui-effects-transfer {
	width:15px!important;
	height:15px!important;
	background:url('../style/ic_merkzettel.png') no-repeat center;
}

.merkzettel_filled, .merkzettel_filled span {
	font-weight:bold;
}