@charset "utf-8";

/* Company: Euroweb Internet GmbH */

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

* {
   padding:0;
   margin:0;
}

body {
   color:#372a24;
   vertical-align:baseline;
   text-align: center;
   font: 14px Arial, Helvetica, sans-serif;
   background:#fcf9e6 url(../images/bg-body.jpg) center 0 repeat-x;
}

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

a:link,
a:visited {
   color: #372a24;
   text-decoration: underline;
}

a:hover {
   color: #372a24;
   text-decoration: none;
}

a:active {
   color: #372a24;
   text-decoration: none;
}


.trenn {
   padding:0 0 0 0;
   margin-bottom:10px;
   border-bottom:#dddbdb 1px solid;
   clear:left;
   height:1px;
   width:610px;
}

p {
	margin-bottom: 20px;
}

/*==================================================
    => global classes
==================================================*/

.clear {
   clear:left;
   float:none;
}

.floatLeft {
   float: left;
}

.floatRight {
   float: right;
}

.noMarginRight {
   margin-right: 0;
}


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

div#container {
   width: 942px;
   position:relative;
   margin: 0 auto;
   text-align: left;
   background: url(../images/bg-container.png) repeat-y;
}

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

div#header {
   height: 493px;
   background: url(../images/bg-header.jpg) no-repeat 0 0;
   position:relative;
}


#slider {
	height: 306px;
	width: 571px;
	position:absolute;
	top: 54px;
	left: 353px;
	overflow:hidden;
	z-index: 1;

}

#slider li { 
	position:relative;
	height: 306px;
	width: 571px;
	overflow:hidden; 
}
	
#nextBtn {
	display:block;
	width:29px;
	height:62px;
	left:352px;
	position:absolute;
	top:180px;
	z-index:1;
}

#prevBtn {
	display:block;
	width:29px;
	height:62px;
	position:absolute;
	z-index:1;
	top:180px;
	right:18px;
}							
			
#nextBtn a, #slider1next a{  
	display:block;
	position:relative;
	width:29px;
	height:62px;
	text-indent:-5000px;
	background:url(../images/slider/pfeil-links.png);
	border:none;
	   outline:none;
}	
#prevBtn a, #slider1prev a{ 
	display:block;
	position:relative;
	width:29px;
	height:62px;
	text-indent:-5000px;
	background:url(../images/slider/pfeil-rechts.png);
	border:none;
	   outline:none;
}



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

h1#branding a {
	display:block;
	width:300px;
	height:120px;
	position:absolute;
	top:325px;
	left:33px;
	text-indent:-9999px;
	outline:none;
}

/*==================================================
    => contentContainer  
==================================================*/
div#contentContainer {
   height:100% !important;
   padding:0 0 0;
   width:942px;
}

/*------------------ =contentMain  ---------------*/

div#contentMain {
   float:left;
   width: 551px;
   text-align:left;
   height:auto !important;
   min-height:450px;
   height:450px;
	line-height:23px;
}

.coloumn1, .coloumn2 {
	float: left;
	width: 267px;
}

.coloumn1 {
	margin-right: 17px;
}

.green1 {
	color: #727966;
	font: 17px Georgia, "Times New Roman", Times, serif;
}

.green2 {
	color: #372a24;
	font: 17px Georgia, "Times New Roman", Times, serif;
}

.bildbox {
	background: url(../images/bg-einblick.gif) no-repeat;
	width: 530px;
	height: 166px;
	padding: 51px 0px 0px 20px;
	margin-top:20px;
}

#contentMain ul {
	margin-bottom: 20px;
}

.link img {
	border: none;
	margin-bottom: 20px;
}

/*------------------ =headlines  ---------------*/

h2 {
	font:30px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
}
   
h3 {
	font: 19px Georgia, "Times New Roman", Times, serif;
	margin-bottom:40px;
}	

/* =image */

.image {
   border: 3px solid #f7f4e2;
   margin: 0px 25px 10px 0;
   cursor: url(../images/icon-zoomin.cur), pointer;
   outline: none;
}

.image:hover,
a:hover img.image {
   border: 3px solid #727967;
}



.bild {
   border: 3px solid #727967;
   margin: 0px 0px 10px 0;
   cursor: url(../images/icon-zoomin.cur), pointer;
   outline: none;
}

.bild:hover,
a:hover img.bild {
   border: 3px solid #f7f4e2;
}

/*==================================================
    => contentSidebar    
==================================================*/

div#contentSidebar {
	position:relative;
   float:left;
   width: 303px;
   height:auto !important;
   min-height:450px;
   height:450px;
   background:url(../images/bg-sidebar.gif) no-repeat 0 0;
   display: inline;
	margin-left:26px;
	margin-right: 50px;
}

.contact {
	margin-top: 70px;
	margin-left:13px;
}

.route {
	margin-top: 125px;
	margin-left:13px;
}

.big {
	font-size: 16px;
}

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

ul#navi{
	width:551px;
	height:35px;
	position:absolute;
	top:399px;
	left:379px;
}

ul#navi li {
   float:left;
}

ul#navi li a {
   height:35px;
   display:block;
   outline:none;
   text-decoration: none;
   text-indent: -999em;
}

ul#navi li a.hotel {
   width:112px;
}

ul#navi li a.zimmer {
   width:128px;
}

ul#navi li a.worms {
   width:201px;
}

ul#navi li a.infolinks {
   width:110px;
}


ul#navi li a:hover {
   background:url(../images/bg-naviHover.gif) no-repeat 0 0;
}

ul#navi li a.zimmer:hover {
   background-position: -112px 0px;
}

ul#navi li a.worms:hover {
   background-position: -240px 0px;
}

ul#navi li a.infolinks:hover {
   background-position: -441px 0px;
}


/*==================================================
    => naviAdd   
==================================================*/

ul#naviAdd{
   width:409px;
   height:26px;
   position:absolute;
   top:71px;
   left:431px;
}

ul#naviAdd li {
	float: left;
}

ul#naviAdd li a {
   height:26px;
   display:block;
   outline:none;
   text-decoration: none;
   text-indent: -999em;
}

ul#naviAdd li a.home {
   width:74px;
}

ul#naviAdd li a.kontakt {
   width:107px;
}

ul#naviAdd li a.anfahrt {
   width:108px;
}

ul#naviAdd li a.impressum {
   width:120px;
}

ul#naviAdd li a:hover {
   background:url(../images/bg-naviAddHover.gif) no-repeat 0 0;
}

ul#naviAdd li a.kontakt:hover {
   background-position: -74px 0px;
}

ul#naviAdd li a.anfahrt:hover {
   background-position: -181px 0px;
}

ul#naviAdd li a.impressum:hover {
   background-position: -289px 0px;
}


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

div#footer {
   height: 136px;
   margin:0 auto 0px;
   background: url(../images/bg-footer.gif) repeat-x 0 0;
}

div#footerContent {
	position:relative;
	margin: auto;
	width:942px;
	height:136px;
	background: url(../images/bg-footerContent.jpg) no-repeat top;
	text-align:left;
}


/*==================================================
    => googlemaps   
==================================================*/

div#map a {
   display:block;
   margin:10px 0 5px 0;
}

.iframemap {
   border:3px solid #9EA494;
}

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

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

.clearfix {
   display: inline-block; /* for IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {
   height: 1%;
   zoom: 1; /* triggers hasLayout */
}

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