@charset "utf-8";

/* Author: Dennis Schmerbeck */
/* Company: Euroweb Internet GmbH */
/* Copyright: 2009 - Dennis Schmerbeck & Euroweb Internet GmbH */


/*==================================================
    => global tags
==================================================*/

* {
	padding:0;
	margin:0;
}

html {
	background-color:#f6efd5;
}

body {
	color:#333;
	vertical-align:baseline;
	text-align:left;
	font:12px/18px Arial, Helvetica, sans-serif;
	background:url(../images/bg-body.jpg) repeat-x center top;
}

html,
body,
#container {
	height: 100%;
}

body > #container {
	height: auto;
	min-height: 100%;
}
 html[xmlns^="http"] {
 overflow-y:scroll;
}

ol,
ul,
dl {
	list-style:none;
}

a,
.escape span {
	text-decoration:underline;
	color:#5e930d; /*white-space:nowrap;*/
}

a:hover,
a:hover span {
	color:#5e930d;
	text-decoration:none;
}

a {
	outline:none; /* disable dotted active-link borders */
}

p {
	margin:0 0 15px 0;
}

img,
img a {
	border:none;
}

/*==================================================
    => global classes / ID's
==================================================*/
.hr {
	height:20px;
	background:url(../images/p-hr.jpg) repeat-x top;
	margin:20px 0 0 0;
}

.clear {
	clear:left;
	float:none;
	height:0;
	line-height:0.0em;
}

.highlight {
	font-weight:bold;
	background:#fafafa url(../images/icon-get-more.png) no-repeat 3px center;
	border-bottom:solid 1px #e5e4e1;
	border-top:solid 1px #e5e4e1;
	padding:0 0 0 20px;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.externerLink {
	background:url(../images/icon-external-link.gif) no-repeat right center;
	padding:0px 20px 0px 0px;
}

.error404 li {
	background:url(../images/icon-get-more.png) 5px 8px no-repeat;
	padding-left:20px;
	line-height:28px;
}

#buttonImprint {
	display:none;
}

/*==================================================
    => container
==================================================*/

div#container {
	width:960px;
	position:relative;
	margin:0 auto;
	text-align:left;
}

/*==================================================
    => header  
==================================================*/

div#header {
	background:url(../images/bg-head.jpg) no-repeat center top;
	height:405px;
	position:relative;
}

div#header div#panoramaFormatierung {
	height:250px;
	left:20px;
	position:relative;
	top:95px;
	width:920px;
	z-index:1;
}

/*------------------ =branding  ------------------*/

h1#branding {
	background:url(../images/logo.png) no-repeat 0 0;
	behavior:url(iepngfix.htc);
	height:117px;
	display:block;
	position:absolute;
	text-indent:-9999px;
	top:15px;
	left:33px;
	width:340px;
	z-index:90;
}

h1#branding a {
	display:block;
	height:85px;
}

/*==================================================
    => content-container  
==================================================*/

div#contentContainer {
	padding-bottom: 111px;
}

div#contentContainer h2 {
	color:#72918b;
	font:lighter 22px/28px Arial, Helvetica, sans-serif;
	padding-bottom:20px;
	height:74px;
	display:block;
	text-indent:-9999px;
}

div#contentContainer h3 {
	color:#72918b;
	font:bold 16px/24px Arial, Helvetica, sans-serif;
}

div#contentContainer h4 {
	color:#72918b;
	font:bold 14px/22px Arial, Helvetica, sans-serif;
}

div#contentContainer h2#hlIndex {
	background:url(../images/hl/startseite.jpg) no-repeat 0 0;
}

div#contentContainer h2#hlUeber {
	background:url(../images/hl/ueber-uns.jpg) no-repeat 0 0;
}

div#contentContainer h2#hlLeistungen {
	background:url(../images/hl/leistungen.jpg) no-repeat 0 0;
}

div#contentContainer h2#hlPolle {
	background:url(../images/hl/polle-preisliste.jpg) no-repeat -45px 0;
}

div#contentContainer h2#hlWeserterrasse {
	background: url(../images/hl/koester-preisliste.jpg) no-repeat -45px 0;
}

div#contentContainer h2#hlAktivitaeten {
	background: url(../images/hl/aktivitaeten.jpg) no-repeat 35px 0;
}

div#contentContainer h2#hlImpressionen {
	background: url(../images/hl/impressionen.jpg) no-repeat 35px 0;
}

div#contentContainer h2#hlKontakt {
	background: url(../images/hl/kontakt.jpg) no-repeat 0 0;
}

div#contentContainer h2#hlImpressum {
	background: url(../images/hl/impressum.jpg) no-repeat 0 0;
}

div#contentContainer h2#hlDanke {
	background: url(../images/hl/danke.jpg) no-repeat 0 0;
}

div#contentContainer h2#hlError {
	background: url(../images/hl/error.jpg) no-repeat 0 0;
}

div#contentContainer h2#hlAnfahrt {
	background: url(../images/hl/anfahrt.jpg) no-repeat 0 0;
}

div#contentContainer h2#hlAktuelles {
	background: url(../images/hl/aktuelles.jpg) no-repeat 0 0;
}

div#contentContainer h2#hlFmerror {
	background: url(../images/hl/fmerror.jpg) no-repeat -45px 0;
}
div#contentContainer h2#hlFragen {
	background:url(../images/hl/fragen.jpg) no-repeat 0 0;
	height:43px;
	display:block;
	text-indent:-9999px;
	padding:0;
}

div#contentContainer h2#gbook {
	background:url(../images/hl/gbook.jpg) no-repeat 0 0;
	height:43px;
	display:block;
	text-indent:-9999px;
	padding:0;
}

/*------------------ =content-main  ---------------*/

div#contentMain {
	float:left;
	width:629px;
}

/*------------------ =content-sidebar  -------------*/

div#contentSidebar {
	float:left;
	width:326px;
}

/*==================================================
    => image  
==================================================*/

.image {
	border: 1px solid #447590;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 0px 15px 10px 0;
	cursor: url(../images/icon-zoomin.cur), pointer;
	outline: none;
}

.image:hover,
a:hover img.image {
	border: 2px solid #5E930D;
	padding: 1px;
}

.image2 {
	border: 1px solid #666;
	padding: 2px;
	margin: 0px 15px 10px 0;
	outline: none;
}

/*==================================================
    => imprint  
==================================================*/

dl.imprintBusiness dt,
dl.imprintAddress dt {
	display:block;
	width:30%;
	float:left;
}
 dl.imprintBusiness dd, dl.imprintAddress dd, dl#pollePreis dd, {
 clear:right;
}

dl#pollePreis dt {
	display:block;
	width:50%;
	float:left;
}

/*==================================================
    => navi    
==================================================*/

ul#navi {
	display:block;
	left:690px;
	position:relative;
	top:-180px;
	width:280px;
}

ul#navi li {
	float:left;
	padding:0 18px 0 0;
	display:block;
}

ul#navi li a {
	text-decoration:none;
}

ul#navi li a:hover {
	text-decoration:underline;
}

/*------------------ =navi-add  -----*/

ul#naviAdd {
	background:url(../images/bg-navi.jpg) no-repeat 0 0;
	height:325px;
	display:block;
	text-indent:-9999px;
}

ul#naviAdd li#liUeber {
	padding-top:35px;
}

ul#naviAdd li a {
	display:block;
	height:40px;
}

ul#naviAdd li#liUeber a:hover {
	background:url(../images/bg-navi-hover.jpg) no-repeat 87px 2px;
}

ul#naviAdd li#liAngebote a:hover {
	background:url(../images/bg-navi-hover.jpg) no-repeat 87px -38px;
}

ul#naviAdd li#liLeistungen a:hover {
	background:url(../images/bg-navi-hover.jpg) no-repeat 87px -78px;
}

ul#naviAdd li#liAktivitaeten a:hover {
	background:url(../images/bg-navi-hover.jpg) no-repeat 87px -118px;
}

ul#naviAdd li#liImpressionen a:hover {
	background:url(../images/bg-navi-hover.jpg) no-repeat 87px -158px;
}

/*==================================================
    => footer   
==================================================*/


/*------------------ =footer-container  --------*/

div#footerContainer {
	background:url(../images/bg-footer.jpg) repeat-x 0 0;
	position: relative;
	margin-top: -111px; /* negative value of footer height */
	height: 111px;
	width: 100%;
	top:18px;
}

/*------------------ =footer  --------*/

div#footer,
div#footer a,
div#footer a span {
	color:#447590;
}

div#footer {
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 111px;
}

/*==================================================
    => standarts   
==================================================*/

/*------------------ =list  --------*/
ul.list {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

ul.list li {
	padding: 5px 0 5px 25px;
	border-bottom: dashed 1px #ccc;
	margin: 0 10px 0 0;
	line-height: 18px;
	list-style:none;
	_height: 20px;
}

p#absatzFragen {
	padding:0 30px 0 72px;
}

p#absatzGaestebuch {
	padding:0 30px 0 72px;
}

ul#footer01 {
	display:block;
	float:left;
	padding:35px 69px 0 380px;
	width:200px;
}

ul#footer02 {
	display:block;
	float:left;
	padding:35px 0 0 50px;
	width:250px;
}

div#inhalt {
	padding:0 0 0 47px;
}

#panorama { padding:0 0 0 0;}

/*==================================================
    => clearfix   
==================================================*/

.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}

* html .clearfix {
	height:1%;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */