* {
	outline: none;
}
body.main {
	background: #F2F2F2; 
	font-family: Tahoma;
}
h2 {
	color: #FFF;
}
p {margin: 0; padding: 0; font-size: 16px; font-family: Tahoma;}
a.menu {
	color: #1f1715; 
	text-decoration: none; 
	padding: 5px 10px;
	z-index: 10;
	xtext-transform: uppercase;
	display: block;
}
div.menu {
	float: left;
	position: relative; 
}
div.btn-bg {
	width: 100%; 
	height: 30px; 
	background: #CCC; 
	position: absolute; 
	z-index: -6; 
	top: 30px;
	left: 0;
}
div.hider {
	position: absolute;
	top: 30px;
	width: 100%;
	height: 30px;
	z-index: -5;
	background: #CCC;
}
div.current {
left: 0;
}
div.bg {
	position: absolute;
	top: 72px;
	left: 0;
	width: 900px;
	height: 400px;
	z-index: -10;
	background: #CCC;
}
a {
outline: none;
}
img.background {
	z-index: -4;
}
img.current-bg {
	z-index: -3;
}
div.contentwrapper {
	left: 0;
}

 html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  .map-canvas {
		height:400px;
	}
	.map-input-wrapper {
		xbackground: #FFF;;
		float:left;
		width:400px;
		height: 350px;
	}
	.map-directionsPanel {
		font-size:11px;
		height:0;
		overflow:auto;
	}

	p.map-button {
		cursor:pointer;
		font-size: 12px;
		font-weight: bold;
		background: #EEE;
		margin: 0 0 0 100px;
		width: 230px;
		padding: 3px;
		text-align: center;
	}
	p.map-button:hover {
		background: #CCC;
	}
	.map-druck-link {
		color: #000;
		text-decoration: none;
		font-size: 12px;
		font-weight: bold;
		float: right;
		padding: 3px 10px;
		text-align: center;
		background: #EEE;
	}
	.map-druck-link:hover {
		background: #CCC;
	}
	.c {
		clear: both;
	}
	div.cont-start {
		background: url(images/start-trans-pink-d.png);
	}
	div.cont-about {
		background: url(images/about-trans-blue.png); 
	}
	div.cont-album {
		background: url(images/album-trans-grey.png); 
		height: 360px;
    	margin: 10px 0 15px 346px;
    	padding: 5px;
    	width: 450px;
		float: left; 
		border: 3px solid #FFF;
	}
	div.cont-buchen {
		background: url(images/buchen-trans-orange.png); 
	}
	div.cont-kontakt {
		background: url(images/kontakt-trans-black.png); 
	}	
	div.cont-album a {
		margin: 3px;
		border: 2px solid #FFF;
		float: left;
	}
	input.form-field {float: left; width: 300px; margin: 3px 0;}
	input {float: left; width: 230px; margin: 3px 0;}
	input.form-button { cursor: pointer; float: left; width: 150px;}
	select {float: left; width: 236px; margin: 3px 0;}
	label {float: left; font-size: 13px; width: 100px; margin: 4px 0;}
	textarea {float: left; width: 300px; height: 100px}
	form {padding: 10px 0px;}
	form label {color: #FFF; font-weight: bold;}
	form textarea#k-body, form input.form-field {background: url(images/kontakt-trans-white.png); border: 0;}
	a.langswitch {
		cursor: pointer; 
		float: left;
		margin: 8px 8px 0 16px;
	}
	div.menu-buttons {
		position: absolute; 
		bottom: 0; 
		right: 0;
	}
	div.menu-wrapper {
		height: 72px; 
		position: relative;
		float: left; 
		width: 675px;
	}
	div.header {
		height: 72px; 
		width: 900px; 
		float: left;
	}
	div.wrapper {
		position: absolute; 
		top: 50%; 
		left: 50%; 
		width: 900px; 
		height: 520px; 
		xbackground: #CCC; 
		margin: -250px 0 0 -450px; 
		overflow:hidden;
	}
	div.footer {
		position: absolute; 
		top: 480px; 
		left: 0;
		width: 100%;
	}
	#impressum p {
		float: left;
		width: 220px;
		margin: 0 0.8em 0 0;
		font-size: 0.9em;
	}
	#impressum p.wide {
		float: left;
		width: 100%;
		margin: 1em 0;
		font-size: 0.7em;
	}
	#kontakt p {
		font-size: 0.95em;
		float: left;
		margin-right: 2em;
	}
	p.impressum {
		margin: 0 0 0 5px; 
		font-size: 13px; 
		padding: 0; 
		float: left; 
		display: block;
		color: #000;
	}
	a.impressum {
		margin: 0 0 0 5px; 
		font-size: 13px; 
		padding: 0; 
		color: #000;
		text-decoration: none;
	}
	a.impressum:hover {
		text-decoration: underline;
	}
	div.like-buttons {
		float: right;
		width: 45px;
		margin: 0 130px 0 0;
	}

.wrapper .addthis_default_style .at300b,.wrapper  .addthis_default_style .at300bo,.wrapper  .addthis_default_style .at300m {
    padding: 2px;
}


	a.link {
		cursor: pointer;
		color: #FFF;
		text-decoration: none;
		margin: 0 5px;
		font-weight: bold;
	}
	a.link:hover {
		text-decoration: underline;
	}
	table.accommodations, table.pricelist {
		color: #FFF;
	}
	div.about, p.about {
		color: #FFF;
	}
.jqhistory {
	color: #FFF;
}
label.contact-error {
	color: #F00;
}
	
	
div.about span.col1, div.about span.col2, p.about span.col1, p.about span.col2  {
	width: 45%;
	height: 50px;
	display: block;
	float: left;
	margin: 5px 10px 5px 0px;
}
div.heidelberg p, div.hotel p {
	margin: 20px 0 0 0;
	display: block;
	clear: both;
	float: left;
	
}

span.block {
	display: block; 
	width: 500px; 
	border: 2px solid #ffffff; 
	padding: 10px;
}


div.about span img, p.about span img {
	float: left;
	margin: 0 5px 0 0;
}
	
div.about div.nl, p.about span.nl {
	clear: both;
}

.bild-r {
	float: right;
	margin: 0 0 0 10px;
}
	
.bild-l {
	float: left;
	margin: 0 10px 0 0;
}