/* grundlegendes */

html{
  overflow-x:hidden;
  height: 100%;
}

body {
	background-color: #FFFFFF;
	background-image:url(/img/bg.jpg);
	background-repeat:repeat;
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #4E4B4A;
	height:100%;
  scrollbar-face-color: #F5821F;
  scrollbar-track-color: #840000;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-darkshadow-color: #000000;
  scrollbar-track-color: #FFFFFF;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #999999
}

.gross{font-size:36px;line-height:1em;margin-top:4px;}
.clearIt{clear:both;}
.forpng{position:absolute;left:0px;top:0px;}



#wrapper{
  width:980px;
  margin:auto;
  /*position:absolute;
  left:50%;
  margin:0px 0px 0px -490px;
  border:1px solid;*/
  margin-bottom: 80px;
}

/* header */

#header{
  height:164px;
  margin-bottom:10px;
}

#logo{
  float:left;
  width:150px;
  height:80px;
  padding:15px 0 0 30px;
}

#spruch{
  width:550px;
  height:34px;
  float:left;
  vertical-align:bottom;
  font-size:14px;
  font-weight:bold;
  color:#FFFFFF;
  padding:61px 0 0 0;
  text-transform:uppercase;
}
#header-logo {
	float: right;
}

#sprachen{
  text-align:right;
  padding:20px 20px 0 0;
  margin-left: 779px;
  width: 200px;
}
#sprachen li{
  float: left;
  margin-left: 10px;
}

/* navi */

#hauptnavi{
  height:20px;
  width:980px;
  margin-bottom:15px;
}

ul.hauptnav{width:100%;height:20px;}
ul.hauptnav li{width:129px;float:left;padding:3px 7px 3px 7px;margin-right:2px;border:1px solid #FFFFFF;background-color:#f5821f}
ul.hauptnav li.re{width:219px;float:right;margin-right:0px;}
ul.hauptnav li a{text-decoration:none;font-size:11px;color:#FFFFFF;font-weight:bold;}
ul.hauptnav li a:hover{text-decoration:none;font-size:11px;color:#FFFFFF;font-weight:bold;}
ul.hauptnav li a:visited{text-decoration:none;font-size:11px;color:#FFFFFF;font-weight:bold;}
.subNavi{border-bottom:1px dotted #F5821F}
.subnav1{padding-right:10px;padding-bottom:10px;background-image:url(/img/bg_navi.png);background-position:bottom right;background-repeat:no-repeat;background-color:none;}
.subnav2{}

#links{
  width:745px;
  float:left;
  /*background-image:url(/img/bg_content.png);
  background-repeat:no-repeat;*/
}

#rechts{
  width:235px;
  float:right;
  height:530px;
  color: #4E4B4A;
}

#rechts_bg{
  background-image:url(/img/bg_rechts.png);
  background-repeat:no-repeat;
  height:490px;
}

#rechts a{color:#000000;text-decoration:underline; position: relative;}
#rechts a:hover{color:#000000;text-decoration:none;}
#rechts a:visited{color:#000000;text-decoration:underline;}
#rechts input {position: relative;}

#content{
  width:710px;
  background-color:#FFFFFF;
  overflow-x:hidden;
  overflow-y:auto;
  margin-bottom:30px;
  padding:20px 10px 20px 10px;
  box-shadow: 5px 5px 5px #E1E1E1;
}

#swf{width:620px;height:390px;margin-left:45px;margin-top:-20px;}

#content ul{
  position:static;
  list-style-type:disc;
  margin:10px 10px 10px 30px;
}

/* unten */

#boxdiv1{
  width:200px;
  height:120px;
  float:left;
  background-image:url(/img/bg_boxdiv.png);
  background-repeat:no-repeat;
  background-position:bottom right;
  color:#FFFFFF;
  font-size:9px;
}

#boxdiv2{
  width:340px;
  float:left;
  height:120px;
  background-image:url(/img/bg_boxdiv2.png);
  background-repeat:no-repeat;
  background-position:bottom right;  
  color:#FFFFFF;
  font-size:9px;  
}

#box1{
  width:180px;
  height:15px;
  background-color:#F5821F;
  padding-left:10px;
  margin-bottom:5px;
  font-size: 11px;
}
#box1 b.bigger {
}

#box2{
  width:180px;
  height:85px;
  padding:5px 0 0 10px;
  background-color:#F5821F;
  line-height:1.3em;
  font-size:12px;
}

#box2 a{
  color:#FFFFFF;
  text-decoration:none;
  padding-top: 3px;
  float: left;
}

#box2 a:hover{
  text-decoration:underline;
}

#box2 a:visited{
  text-decoration:none;
}


#box3{
  width:180px;
  height:105px;
  padding:5px 140px 0 10px;
  background-color:#F5821F;
  color:#FFFFFF;
  font-size:15px;
}

#box3 a{
  color:#FFFFFF;
  text-decoration:none;
}

#box3 a:hover{
  color:#FFFFFF;
  text-decoration:none;
}

#box3 a:visited{
  color:#FFFFFF;
  text-decoration:none;
}

#box4{
  width:180px; /* 320 */
  height:15px;
  background-color:#F5821F;
  margin-bottom:5px;
  padding-left:10px;
  text-transform:uppercase;
  font-size: 11px;
}

#box5{
  width:180px;
  height:90px;
  background-color:#F5821F;
  font-size:36px;
  padding: 0px 0px 0 10px;
  line-height:1em;
}

#box5 a{
  color:#FFFFFF;
  font-size:36px;
  text-decoration:none;
}

#box5 a:hover{
  color:#FFFFFF;
  font-size:36px;
  text-decoration:none;
}

#box5 a:visited{
  color:#FFFFFF;
  font-size:36px;
  text-decoration:none;
}


#krone{
  position:relative;
  margin:-175px 0 0 190px;
  width:90px;
  height:78px;
  padding:65px 0 0 20px;
  color:#FFFFFF;
  /*background-image:url(/img/krone.png);*/
  overflow:hidden;
}

#krone a{
  color:#FFFFFF;
  font-size:20px;
  line-height:1em;
  text-decoration:none;
}

#krone a:hover{
  color:#FFFFFF;
  font-size:20px;
  line-height:1em;
  text-decoration:none;
}

#krone a:visited{
  color:#FFFFFF;
  font-size:20px;
  line-height:1em;
  text-decoration:none;
}

/* rechts */

#box_buchen, #box_kontakt{
  background-color:#F5821F;
  height:22px;
  text-transform:uppercase;
  color:#FFFFFF;
  font-size:9px;
  padding:7px 5px 0 5px;
  margin-bottom:10px;
}
#box_kontakt {
  font-size: 12px;
  font-weight: bold;
}
#box_kontakt_details {
  margin-bottom:10px;
  padding:7px 5px 5px 5px;
  color:#FFFFFF;
  background-color:#F5821F;
}
#box_kontakt_details a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}
#box_buchen a{ 
  color:#FFFFFF;
  text-decoration:none;
}

#box_buchen a:hover{ 
  color:#FFFFFF;
  text-decoration:none;
}

#box_buchen a:visited{ 
  color:#FFFFFF;
  text-decoration:none;
}

.angebot_headline{
  height: 44px;
  font-size:18px;
  font-weight:bold;
  text-transform:uppercase;
}

/* bottom */

#bottom{
  width:980px; 
  height:20px;
}

ul.bottomnavi li{
  float:left;
  padding: 0px 15px 0px 15px;
  border-left:1px solid #F5821F;
  color:#F5821F;
}

ul.bottomnavi li.erste{
  padding-left:0px;
  border-left:none;
}


ul.bottomnavi li a{
  color:#F5821F;
  text-decoration:none;
  text-transform:uppercase;
  font-size:9px;
}

ul.bottomnavi li a:hover{
  color:#F5821F;
  text-decoration:none;
  text-transform:uppercase;
  font-size:9px;
}

ul.bottomnavi li a:visited{
  color:#F5821F;
  text-decoration:none;
  text-transform:uppercase;
  font-size:9px;
}

ul.sut{
  float:right;
  text-align:left;
  width:235px;
}

/* content - template 1 */

#template1_text{
  font-size:14px;
  color:#f5821f;
  font-weight:bold;
  position:absolute;
  margin-top:100px;
  margin-left:400px;
  width:330px;
  text-transform:uppercase;
}

/* content - template 2 */

#template2_content{}
#content h1{font-size:24px;height:24px;}
#content h2{font-size:16px;height:20px}
#template2_text{margin-top:10px;}
#content_links{float:left;width:710px;}
#content_rechts{float:left;width:720px;height:100%;}
#content_rechts img{margin-top:5px;width:234px;height:130px;margin-right:2px;position: relative;display: block;float: left;}
#content_rechts img.lastimg{margin-right:0px;}

/* rechts */

#rechts_eins{padding:10px;height:4px;}
#rechts_zwei{padding:0 10px 10px 10px;height:90px;}
#rechts_drei{padding:0 10px 10px 10px;height:25px;}
#rechts_vier{padding:10px;height:290px;vertical-align:bottom;}
#rechts_fuenf{padding:0px;height:290px;vertical-align:bottom;}
.gobutton{height:20px;width:40px;padding:0px;line-height:5px;}

/* buchungsformular */

.datumsauswahl{margin-bottom:7px;}
.formtext{width:110px;float:left;margin-top:3px;}
.formzahl{width:20px;}
.abstand7{height:7px;}
.formlinks{float:left;}
.formplz{width:40px;}
.formort{width:104px}
.formarea{width:240px;height:80px;font-size:12px;}

/* pauschalen */
#pauschalen li {
	list-style: none;
	width: 640px;
	height: 130px;
	padding: 20px 0px;
	margin: 0px 20px;
	border-bottom: 1px solid #bbb;
}
#pauschalen.preise li {
    height: 150px;
}
#pauschalen li img {
	float: left;
	margin: 0px 20px 0px 0px;
}
#pauschalen .datum {
	font-weight: bold;
	margin-bottom: 10px;
}
#pauschalen .desc {
    position: relative;
    top: -20px;
}
#pauschalen .desc p {
	position: relative;
	float: left;
	width: 300px;
}
#pauschalen .more {
	padding: 4px 10px;
	background-color: #F5821F;
	display: block;
	color: white;
	font-weight: bold;
	position: relative;
	text-decoration: none;
	top: 68px;
	float: right;
}
#pauschalen .price {
	display: block;
	position: relative;
	top: 68px;
	float: left;
	width: 150px;
}
#pauschaledetail {
	margin: 0px !important;
}
#pauschaledetail li {
	list-style: none;
	width: 680px;
	padding: 5px 0px;
	margin: 0px;
}
#pauschaledetail .date {
	background-color: #F5821F;
	padding: 4px 10px;
	color: white;
	font-weight: bold;
}
#pauschaledetail .prices {
	float: left;
	width: 350px;
}
#pauschaledetail label, #pauschaledetail .price {
	padding: 2px 10px;
	width: 150px;
	float: left;
}
#pauschaledetail .booking, #pauschaledetail .anfrage {
	float: right;
	padding: 5px;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 12px !important;
	font-weight: bold !important;
	width: 95px;
	text-align: center;
}
#pauschaledetail .anfrage {
	border: 1px solid #4E4B4A;
	color: #4E4B4A;
}
#pauschaledetail .booking {
	border: 1px solid #F5821F;
	color: #F5821F;
}
#pauschaledetail .anfrage:hover {
	background-color: #4E4B4A;
	color: white;
	font-size: 12px !important;
	font-weight: bold !important;
	cursor: pointer;
}
#pauschaledetail a {
	display: block;
}
#pauschaledetail a:hover {
	display: block;
	font-size: 12px !important;
	font-weight: bold !important;
}
#pauschaledetail .booking:hover {
	background-color: #F5821F;
	color: white;
	font-size: 13px !important;
	font-weight: bold;
}
.clearer {
	clear: both;
}
#content_rechts a.fb {
	width: 240px;
	height: 135px;
	float: left;
}
#content_rechts a span.zoom-icon{
  position:relative;
  left: 197px;
  top: -130px;
	width: 32px;
	height: 32px;
	float: left;
}
#content_rechts a span.zoom-icon img{
	width: 32px;
	height: 32px;
	float: none;
}
#itsthetable table a:link {color: #CC6633;}
#itsthetable table a:visited {color: #CC6633;}
#itsthetable table a:hover {color: #999966;}
#itsthetable table a:active {color: #CC6633;}
#itsthetable table a:focus{color: #CC6633;}


#itsthetable table caption {
		padding: 18px 2px 15px 2px;
		color: #cfcfcf;
		background-color: inherit;
		font-weight: normal;
		text-align: centered;
		text-transform: capitalize;
		}

	#itsthetable table{
		border: 1px solid #BBB;
        border-left: none;
        width: 691px;
	}
	#itsthetable table tr td{
		padding: 6px 9px;
		text-align:left;
        width: 154px;
	}
	#itsthetable table th{
		background-color: #F5821F;
		border-bottom: 1px solid #BBB;
		border-left: 1px solid #BBB;
		font-weight: bold;
		text-align:left;
		padding: 16px 9px;
		color:#FFF;
	}
	#itsthetable table tr th{
		background-color: #fff;
		font-weight: normal;
		padding: 6px 9px;
		background-color: #F5821F;
	}
	#itsthetable table td{
			border-left: 1px solid #BBB;
	}
	#itsthetable table tr.odd{
		background-color: #F3F3F3;
	}
	
#itsthetable table tbody tr:hover {
	color: #FFF;
	background-color: #F5821F;
}
#itsthetable .nohover:hover {
    background-color: white;
    color: #333;
}


	#itsthetable table tfoot td, #itsthetable table tfoot th{
		border-top: 1px solid #ccc;
		font-weight:bold;
		color:#592C16;
		padding: 16px 9px;
		
	}
#itsthetable .nohover td {
    height: 30px;
    padding: 6px;
		border-left: 1px solid #BBB;
}
#itsthetable .anfrage {
	border: 1px solid #4E4B4A;
	color: #4E4B4A;
    padding: 5px;
    float: left;
}
#itsthetable a.anfrage {
	color: #4E4B4A !important;
}
#itsthetable .booking {
    float: left;
    padding: 5px;
	border: 1px solid #F5821F;
	color: #F5821F;
    margin-left: 4px;
}