/*****************************************
* css/style.ccs                          *
******************************************/

/* ----------- Class & Tags ------------ */
h1 {
	font-size:20px;
	margin:20px 0 20px 25px;
	color: #186183;
	background-image: url(../images/heads.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 13px;
}

p { margin: 10px 0 10px 0; }

h2 {
	padding: 0;
	margin: 0px 0 5px 40px;
	color: #186183;
	font-size: 12px;
}

.re1 {
	width: 535px;
	height: 50px;
	margin: 1px 0px 1px 40px;
	padding: 10px 0 0 0;
	background-color: #E2E3D7;
}

.re2 {
	width: 535px;
	height: 50px;
	margin: 1px 0 1px 40px;
	padding: 10px 0px 0px 0px;
	background-color: #D7D8C7;
}

.en {
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	font-size: 10px;
}

.en_check {
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
	font-size: 10px;
}

F  .contact_head {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px
}

#flag-dt {
	position:absolute;
	top:5px;
	right:15px;
}

/* -------- END of Class & Tags -------- */



/*****************************************
* =body                          		 *
******************************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px auto 20px auto;
	padding: 0;
	text-align: center;
	color: #999999;
	background-repeat: repeat;
	background-position: center top;
	background-color: #11475F;
	background-attachment: fixed;
	background-image: url(../images/body_bg.jpg);
}

/************ END of body ***************/	


/*****************************************
* =main                                  *
******************************************/
#main {
	margin: 20px auto;
	padding: 0;
	text-align: center;
	width: 840px;
	font-size: 12px;
	min-height: 700px;
	height: auto;
	background-image: url(../images/main_bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	overflow: visible;
	overflow: hidden;
	position:relative;
}

*html main { height: 600px; }

/************ END of main ***************/	


/*****************************************
* =logo                     	 	     *
******************************************/
#logo {
	margin: 0;
	padding: 0;
	text-align: left;
	height: 120px;
	width: 240px;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	border-bottom-color: #00FF33;
	background-color: #FFFFFF;
	background-image: url(../images/logo.jpg);
}

/************ END of Logo **********/	


/*****************************************
* =topnavi                     	 	     *
******************************************/
#topnavi {
	margin: 0;
	padding: 0;
	text-align: right;
	height: 25px;
	width: 600px;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	color: #CCCCCC;
}

#topnavi ul {
	margin: 10px 55px 0 0px;
	padding: 0;
}

#topnavi li {
	margin: 0 5px 0 0px;
	padding: 0px;
	display: inline;
}

#topnavi a {
	color:#186183;
	text-decoration: none;
	font-size: 10px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

/************ END of Topnavi *************/	

/*****************************************
* =Slideshow                 	 	     *
******************************************/
#slide {
	margin: 0 15px 0 0;
	padding: 31px 0 0 0;
	text-align: left;
	height: 330px;
	width: 580px;
	float: right;
	background-repeat: repeat-x;
	background-position: 0px 95px;
	background-image: url(../images/head_bg.jpg);
}

/************ END of Slideshow ***************/


/*****************************************
* =check_in                 	 	         *
******************************************/
#check_in {
	margin: 0px 0px 0px 15px !important;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	text-align: left;
	height: 200px;
	width: 230px;
	float: left;
	background-position: center;
	background-image: url(../images/check_bg.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
}

#check_in p {
	margin: 10px 0px 0px 15px;
	padding: 0px;
	font-size: 14px;
}

#check_in form {
	margin: 10px 0px 0px 15px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 10px;
}

#check_in form label {
	width: 40px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#check_in form label select {
	margin: 0px;
	padding: 0px;
	height: 17px;
	border: 1px solid #660000;
	color: #66223B;
	font-size:11px;
	line-height: 20px;
	text-align: center;
}

#check_in form label input {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	width: 60px;
	height: 20px;
	border: 1px solid #660000;
	color: #66223B;
	text-align: center;
}

#check_in form label input #checkup {
	margin: 0px;
	padding: 0px;
	width: 30px;
}

/************ END of #check_in ***************/


/*****************************************
* =teaser                         		 *
******************************************/	
#teaser {
	margin: 0 0 0 15px;
	padding: 0px;
	text-align: left;
	width: 230px;
	float: left;
	color: #666666;
}

#teaser #glocke {
	position: absolute;
	z-index: 999;
	width: 80px;
	height: 77px;
	margin: -10px 0px 0px 170px;
	background-image: url(../images/glocke.png);
	background-repeat: no-repeat;
}

*html #teaser #glocke { background-image: none; }

#teaser #glocke img { behavior: url(../iepngfix.htc); }

#teaser #subnavi {
	padding: 0px;
	text-align: left;
	height: 230px;
	width: 230px;
	float: left;
	background-position: center;
	margin: 0px;
}

#teaser #subnavi ul {
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

#teaser #subnavi li {
	margin: 1px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

#teaser #subnavi a {
	margin: 0px;
	padding: 0px 0px 0px 30px;
	text-decoration:none;
	outline: none;
	color:#134661;
	background-image: url(../images/button_bg.jpg);
	background-repeat:no-repeat;
	display: block;
	height: 30px;
	width: 200px;
	line-height: 30px;
	background-color: #E6E6DA;
}

#teaser #subnavi a:hover {
	margin: 0px;
	padding: 0px 0px 0px 30px;
	text-decoration:none;
	outline: none;
	color:#FFFFFF;
	background-image: none;
	font-weight: bold;
	color:#FFFFFF;
	background-repeat:no-repeat;
	display: block;
	height: 30px;
	width: 200px;
	line-height: 30px;
	background-color: #3C697C;
}

#teaser #pauschale {
   margin: 0px;
	padding: 0px;
	text-align: left;
	height: 62px;
	width: 230px;
	float: left;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 11px;
	background-color: #10435a;
	background-image: url(../images/bg-pauschale.jpg);
	margin-bottom: 25px;
}

#teaser #pauschale ul {
	margin: 10px 0px 0px 15px;
	padding: 0px;
}

#teaser #pauschale li {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

#teaser #pauschale a {
	color:#FFFFFF;
	text-decoration: none;
	line-height: 20px;
}

#teaser #pauschale a:hover {
	color:#FFFFFF;
	text-decoration: underline;
	line-height: 20px;
}

#teaser #pauschale #buch {
	position: absolute;
	z-index: 999;
	width: 80px;
	height: 77px;
	margin: 0px 0px 0px 180px;
	background-image: url(../images/pauschale.png);
	background-repeat: no-repeat;
}

#teaser #contact {
	margin: 0px;
	padding: 0px;
	text-align: left;
	height: 230px;
	width: 230px;
	float: left;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 11px;
	background-color: #4F061B;
	background-image: url(../images/teaser_bg.jpg);
	margin-bottom: 20px;
}

ul.top {
	margin-top: 30px !important;
}

#teaser #contact ul {
	margin: 10px 0px 0px 15px;
	padding: 0px;
}

#teaser #contact li {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

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

/************ END of Teaser ***************/


/*****************************************
* =mainnavi                        		 *
******************************************/	
#mainnavi {
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: auto !important;
	float: left;
	color: #666666;
	height: 30px;
}

#mainnavi ul#navi {
	margin: 0px 0px 0px 40px;
	padding: 0px;
}

*html #mainnavi ul#navi {
	margin: 0px 0px 0px 46px;
	padding: 0px;
}

#mainnavi ul#navi li {
	position: relative;
	list-style-type: none;
	float: left;
	margin: 0px 1px 0px px;
}

#mainnavi ul#navi li a {
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	margin:0px;
	padding-top: 0px;
	height: 30px;
	display: block;
	text-align: center;
	background-color: #CCCCCC;
	line-height: 30px;
	width: 89px;
	border-right: 1px solid #fff;
}

#mainnavi ul#navi li a:hover {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	margin:0px;
	padding-top: 0px;
	height: 30px;
	display: block;
	text-align: center;
	background-color: #134661;
	line-height: 30px;
	width: 89px;
	border-right: 1px solid #fff;
}

*html #mainnavi ul#navi li a, *html #mainnavi ul#navi li a:hover { width: 88px; }

#mainnavi ul#navi li#nummer1 ul, #mainnavi ul#navi li#nummer2 ul, #mainnavi ul#navi li#nummer3 ul, #mainnavi ul#navi li#nummer4 ul {
	display: none;
	list-style: none;
}

#mainnavi ul#navi li#nummer1 ul li, #mainnavi ul#navi li#nummer2 ul li, #mainnavi ul#navi li#nummer3 ul li, #mainnavi ul#navi li#nummer4 ul li {
	background: none;
	display: block;
	margin: 0px;
	padding: 0px;
	position: relative;
	float: none;
}

#mainnavi ul#navi li ul a {
	color: #666666;
	font-size: 12px;
	text-decoration: none;
	margin:0px 0px 0px 55px;
	padding: 0px 0px 0px 10px;
	height: 30px;
	display: block;
	text-align: left;
	background-color: #CCCCCC;
	line-height: 30px;
	width: 200px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-top-color: #fff;
}

#mainnavi ul#navi li ul a:hover {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	margin:0px 0px 0px 55px;
	padding: 0px 0px 0px 10px;
	height: 30px;
	display: block;
	text-align: left;
	background-color: #186183;
	line-height: 30px;
	width: 200px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-top-color: #fff;
}

*html #mainnavi ul#navi li ul a, *html #mainnavi ul#navi li ul a:hover { margin:0px 0px 0px 55px; }

#mainnavi ul#navi li#nummer1 ul, #mainnavi ul#navi li#nummer2 ul, #mainnavi ul#navi li#nummer3 ul, #mainnavi ul#navi li#nummer4 ul {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left:-55px;
	width: 145px;
	height: auto;
}

#mainnavi ul#navi li#nummer1:hover ul, #mainnavi ul#navi li#nummer2:hover ul, #mainnavi ul#navi li#nummer3:hover ul, #mainnavi ul#navi li#nummer4:hover ul { display: block; }

#mainnavi ul#navi li#nummer1 ul li, #mainnavi ul#navi li#nummer2 ul li, #mainnavi ul#navi li#nummer3 ul li, #mainnavi ul#navi li#nummer4 ul li {
	float: none;
	position: relative;
	display: inline;
	clear: both;
}

/************ END of Mainnavi ***************/


/*****************************************
* =content / inhalt                      *
******************************************/
#content {
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
	font-size: 12px;
	display: inline;
	background-repeat: repeat-y;
	color: #414141;
	min-height: 400px;
	height: auto;
	width: 595px;
	line-height: 17px;
}

#content-anfahrt {
	margin-left: 40px;
	padding: 0px;
	text-align: left;
	float: left;
	font-size: 12px;
	display: inline;
	background-repeat: repeat-y;
	color: #414141;
	min-height: 400px;
	height: auto;
	width: 555px;
	line-height: 17px;
	margin-bottom: 20px;
}

h1#anfahrt {
	font-size:20px;
	margin:20px 0 20px -12px;
	color: #186183;
	background-image: url(../images/heads.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 13px;
}

*html #content {
	width:590px;
	height: 400px;
}

#content a {
	color: #207EAC;
	text-decoration:none;
}

#content a:hover {
	color: #666666;
	text-decoration:none;
}

#content #counter {
	border: none;
	text-decoration: none;
	display: none;
}

#content .anfahrt { margin: 0px; }

#content img {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 1px solid #134661;
}


#content img.btn-flickr {
	margin-left: 38px;
	margin-bottom: 10px;
}

#content p {
	margin: 0px 35px 20px 40px;
	padding: 0px;
}

#content ul {
	margin: 10px 30px 0px 60px;
	padding: 0px;
}

#content li {
	margin: 0px;
	padding: 0px;
	list-style-type: square;
}

/* =CMS / Aufbau für CMS-Seiten  */	
#content #cms1 {
	margin: 0px 0px 0px 35px !important;
	margin: 0px 0px 0px 17px;
	padding: 0px;
	float: left;
	width: 550px;
	height: 30px;
	color: #5A7FCF;
	font-weight: bold;
}

#content #cms2 {
	margin: 0px 0px 0px 35px !important;
	margin: 0px 0px 0px 17px;
	padding: 0px;
	float: left;
	width: 350px;
	height: 50px;
}

#content #cms2 p {
	margin: 0px;
	padding: 0px;
}

#content #cms3 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 200px;
	height: 50px;
}

#content #cms4 {
	margin: 0px 0px 0px 35px;
	padding: 0px;
	float: left;
	width: 300px;
	height: 30px;
}

div.contentCMS {
	height: auto;
	position:relative;
	left: 35px;
	width: 520px;
}

div.contentCMS ul { margin: 10px 30px 0px 20px !important; }

/* END of content CMS */	

#content .impress1 {
	margin: 0px;
	padding: 0px;
	width: 270px;
	height: auto;
	float:left;
}

*html #content .impress1 {
	margin: 0px;
	padding: 0px;
	width: 250px;
	height: auto;
	float:left;
}

#content .impress2 {
	margin: 0px;
	padding: 0px;
	width: 595px;
	float:left;
	height: auto;
}

*html #content .impress2 { width: 580px; }

#content .kontakt1 {
	margin: 0px;
	padding: 0px;
	width: 250px;
	height: auto;
	float:left;
}

#content .kontakt2 {
	margin: 0px;
	padding: 0px;
	width: 500px;
	float:left;
	height: auto;
}

#content .anfahrt1 {
	margin: 0px 0px 0px 40px;
	padding: 0px;
	width: 340px;
	height: auto;
	float:left;
}

#content .anfahrt2 {
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: auto;
	float:left;
}

*html #content .anfahrt1 {
	margin: 0px 0px 0px 18px;
	padding: 0px;
	width: 340px;
	height: auto;
	float:left;
}

*html #content .anfahrt2 {
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: auto;
	float:left;
}

/*****************************************
* =content Accordian =TabMenu            *
******************************************/		
* {
	margin:0;
	padding:0;
	list-style:none;
}

#basic-accordian {
	width:590px;
	margin: 0px 0px 30px 0px;
}

.accordion_headings {
	padding:5px;
	background-color:#E6E6DA;
	color:#11475F;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
	font-size: 12px;
}

.accordion_headings:hover { background-color:#405E68; }

.accordion_child {
	padding:15px;
	width: 509px;
	color: #11475F;
	margin: 0px 0px 30px 0px;
}

.header_highlight {
	background-color:#11475F;
	color: #FFFFFF;
}

.tab_container * {
	float:left;
	width:169px;
}

#euroweb {
	margin: 0px 0px 0px 30px;
	padding: 0px;
}

/************ END of content *************/	


/*****************************************
* =footer                          		 *
******************************************/	
#foot {
	width: 825px;
	text-align: left;
	height: 25px;
	width: 825px;
	float: left;
	line-height: 25px;
	background-repeat: repeat-y;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #C5C5A9;
	padding: 0 0 0 15px;
	margin: 0px;
}

*html #foot { width: 821px; }

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

#foot a:hover {
	color: #835063;
	text-decoration: none;
}

/************ END of footer ***************/

/* -------- Hacks for IE 6 ------- */
*html #mainnavi {
	width:580px;
	margin: 0px 0px 0px -10px;
}

*html #teaser { margin: 0 0 0 10px; }

*html #check { width:230px; }

*html #slide {
	padding: 31px 0px 0px 10px;
	width: 570px;
}	
/* -------- END of Hacks for IE 6 ------- */

#Flasher {
background:url(../slideshow/slide_bg.png) no-repeat;
height:330px;
position:relative;
}
#replace {
position:absolute;
top:17px;
left:15px;
}





/*#header .btn-flickr a {
	position:absolute;
	width:114px;
	height:104px;
	display:block;
	text-indent:-9999px;
	left: 852px;
	top: 44px;
}*/
/*#header .btn-flickr a:hover {
	background:url(../images/btn-shop.gif);
}*/