@charset "utf-8";

/******************************************************************
 *Author: Duy Tran
 *Created: 22.11.2008					
 *Copyright: Euroweb Internet GmbH 
/******************************************************************


/* --------------------------------------------------------------------------- */
/* -------------------------->>> IMPORT <<<----------------------------------- */
/* --------------------------------------------------------------------------- */

	@import url("lightbox.css");
	@import url("ew-cms.css");


/* --------------------------------------------------------------------------- */
/* -------------------------->>> VERWENDETE FARBEN <<<----------------- */
/* --------------------------------------------------------------------------- */
	/*Fliesstext -                     */


/* --------------------------------------------------------------------------- */
/* -------------------------->>> GLOBAL <<<----------------------------------- */
/* --------------------------------------------------------------------------- */

* { margin: 0;	
	padding: 0; 
	list-style-type: none; 
	text-decoration: none;
	border: none;
	outline: none;
}

body {
	background: #ffe99c url(../images/layout/bg.jpg) repeat-x top center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	color: #3c3c3c;
	font-size: 12px;
}

html[xmlns^="http"] { overflow-y: scroll;}


/*
KLASSEN & ANDERE STANDARDS
==================================================*/

.clear { clear: both; height: 0; width: 0;}

.float-left { float: left;}

.float-right { float: right;}

hr { 
	color: #41100C; 
	height: 1px; 
	border-top: solid 1px #41100C;
	border-bottom: transparent;
	clear: both;
	margin-bottom: 15px;
}

.mt-10 { margin-top: 10px;}
.mt-20 { margin-top: 20px;}
.mt-30 { margin-top: 30px;}
.mt-40 { margin-top: 40px;}
.mt-50 { margin-top: 50px;}
.mt-60 { margin-top: 60px;}
.mt-70 { margin-top: 70px;}

.mr-10 { margin-right: 10px;}
.mr-20 { margin-right: 20px;}
.mr-30 { margin-right: 30px;}
.mr-40 { margin-right: 40px;}
.mr-50 { margin-right: 50px;}
.mr-60 { margin-right: 60px;}
.mr-70 { margin-right: 70px;}

.mb-10 { margin-bottom: 10px;}
.mb-20 { margin-bottom: 20px;}
.mb-30 { margin-bottom: 30px;}
.mb-40 { margin-bottom: 40px;}
.mb-50 { margin-bottom: 50px;}
.mb-60 { margin-bottom: 60px;}
.mb-70 { margin-bottom: 70px;}

.ml-02 { margin-left: 2px;}
.ml-10 { margin-left: 10px;}

.ml-10 { margin-left: 10px;}
.ml-20 { margin-left: 20px;}
.ml-30 { margin-left: 30px;}
.ml-40 { margin-left: 40px;}
.ml-50 { margin-left: 50px;}
.ml-60 { margin-left: 60px;}
.ml-70 { margin-left: 70px;}


/*
FILTER FÜR DEN IE6
==================================================*/

*html div#xxx {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/xxx.png', sizingMethod='crop');
}


/* --------------------------------------------------------------------------- */
/* -------------------------->>> LAYOUT <<<----------------------------------- */
/* --------------------------------------------------------------------------- */

/*
CONTAINER
==================================================*/

div#container {
	width: 953px;
	position: relative;
	margin: 0 auto;
}


/*
HEADER
==================================================*/


div#navi-top { background: url(../images/layout/navi-top.jpg) no-repeat; width: 953px; height: 163px;}
div#header { width: 953px; height: 403px; background: url(../images/layout/header.jpg) no-repeat; position: relative;}


/*
LOGO
==================================================*/

h1#logo { width: 364px; height: 106px; height: 0; position: absolute; top: 25px; left: 20px;}
h1#logo a { width: 364px; height: 106px; display: block; }


/*SLIDESHOW
==================================================*/

div#no-slide {
	position: absolute;
	width: 200px;
	height: ;
	background: ;
	color: #fff;
	padding: 5px;
	top: 30px;
	left: 0;
	line-height: 16px;
	font-size: 12px;
	background: grey;
}

div#slideshow { width: 545px; height: 403px; background: url(../images/layout/slideshow.jpg) no-repeat; position: absolute; top: 0; right: 0; }


/*
SIDEBAR
==================================================*/



div#willkommen { width: 327px; height: 215px; padding: 131px 20px 0 61px;}


div#infos { width: 347px; height: 57px; padding: 0 0 0 61px;}




/*
CONTENT
==================================================*/

div#contentwrap {
	width: 953px;
	min-height: 394px;
	background: url(../images/layout/contentwrap.jpg) no-repeat #ffe99c;
}

div#wetter { width: 421px; height: 288px; float: left; padding: 108px 0 0 60px;}


div#content { 
	width: 472px;
	min-height: 324px;
	padding: 65px 0 50px 0px;
	overflow: hidden;
	float: left;
}


/*
FOOTER
==================================================*/
div#footwrap { width: 100%; height: 67px; background: url(../images/layout/footwrap.jpg) repeat-x;}

div#footer { 
	width: 492px; 
	height: 67px; 
	background: url(../images/layout/footer.jpg) no-repeat; 
	margin: 0 auto; 
	padding: 0 0 0 461px;
}


/* --------------------------------------------------------------------------- */
/* -------------------------->>> NAVIGATION <<<------------------------------- */
/* --------------------------------------------------------------------------- */

ul#navi  { width: 505px; height: 50px; position: absolute; top: 113px; left: 448px }

ul#navi li { float: left;}

ul#navi li a { display: block; height: 50px; text-indent: -5000px;}

ul#navi li a:hover {}

a.n1 { width: 120px;}
a.n2 { width: 117px;}
a.n3 { width: 88px;}
a.n4 { width: 102px;}
a.n5 { width: 78px;}

a.n1:hover { background: url(../images/layout/n1.jpg) no-repeat;}
a.n2:hover { background: url(../images/layout/n2.jpg) no-repeat;}
a.n3:hover { background: url(../images/layout/n3.jpg) no-repeat;}
a.n4:hover { background: url(../images/layout/n4.jpg) no-repeat;}
a.n5:hover { background: url(../images/layout/n5.jpg) no-repeat;}

/* --------------------------------------------------------------------------- */
/* -------------------------->>> AUFKLAPP-NAVIGATION <<<------------------------------- */
/* --------------------------------------------------------------------------- */

ul#navi  li ul,ul#navi  li#sub1 ul  {
	display: none;
 	list-style: none;
}

ul#navi  li ul li {
	background: none;
	display: block;
	position: relative;
	float: none;
	text-indent: 0;
}

ul#navi li ul a {
	font-size: 12px !important;
	display: block;
	color: #fff!important;
	width: 90px;
	height: 15px;
	text-indent: 0;
	padding-left: 26px;
	text-decoration: none;
}

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

ul#navi li#sub1 ul {
	position: absolute;
	padding-bottom: 12px;
	z-index: 1;
	background: #0e0000;
}

ul#navi li#sub1:hover ul {display: block;}


ul#navi li#sub1 ul { top: 38px; left: 375px;}

ul#navi li ul li { float: none; position: relative; display: inline; clear: both;}

ul#navi li ul li a { color: #9d1c2b;}


/* --------------------------------------------------------------------------- */
/* -------------------------->>> SUBNAVIGATION <<<---------------------------- */
/* --------------------------------------------------------------------------- */

ul#subnavi{ width: 492px; height: 67px; padding: 0 0 0 0px;}

ul#subnavi li { float: left;}

ul#subnavi li a { display: block; height: 67px; text-indent: -5000px;}

a.s1 { width: 104px;}
a.s2 { width: 97px;}
a.s3 { width: 95px;}
a.s4 { width: 80px;}
a.s5 { width: 116px;}

a.s1:hover { background: url(../images/layout/s1.jpg) no-repeat;}
a.s2:hover { background: url(../images/layout/s2.jpg) no-repeat;}
a.s3:hover { background: url(../images/layout/s3.jpg) no-repeat;}
a.s4:hover { background: url(../images/layout/s4.jpg) no-repeat;}
a.s5:hover { background: url(../images/layout/s5.jpg) no-repeat;}


/* --------------------------------------------------------------------------- */
/* -------------------------->>> LINKS <<<------------------------------------ */
/* --------------------------------------------------------------------------- */

div#content a, .escape span  { text-decoration: underline; color:#333333;}



a:hover, a:hover span { text-decoration:none;}


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

h4 a { font-size: 10px; padding-top: 15px; display: block;}


p#kontaktdaten a { color: #6d6c6c; text-decoration: underline;}
p#kontaktdaten .escape span { color: #6d6c6c;}

p#kontaktdaten a:hover, .escape span:hover { text-decoration: none;}

p#kontaktdaten a:hover { text-decoration: none;}

/* --------------------------------------------------------------------------- */
/* -------------------------->>> CONTENT <<<---------------------------------- */
/* --------------------------------------------------------------------------- */


/*
SPALTEN
==================================================*/

div.spalte01 {
	width: 270px; float: left;
	padding-right: 20px;
}

div.spalte02 {
	width: 160px; float: left;
	padding-top: 25px;
}


div.cms-text { width: 320px; float: left; }
div.cms-img { width: 140px; float: left;}


/*
HEADLINE
==================================================*/

h1{
	font-size: 28px;
	color: #00a9bd;
	font-weight:lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 15px 0;
	width: 492px;
	height: 30px;
	text-indent: -5000px;
}

h1.h1-startseite { background: url(../images/layout/h1/h1-startseite.gif) no-repeat -18px 0;}
h1.h1-kontakt { background: url(../images/layout/h1/h1-kontakt.gif) no-repeat -18px 0;}
h1.h1-anfahrt { background: url(../images/layout/h1/h1-anfahrt.gif) no-repeat -18px 0;}
h1.h1-impressum { background: url(../images/layout/h1/h1-impressum.gif) no-repeat -18px 0;}
h1.h1-danke { background: url(../images/layout/h1/h1-danke.gif) no-repeat -18px 0;}
h1.h1-gaestezimmer { background: url(../images/layout/h1/h1-gaestezimmer.gif) no-repeat -18px 0;}
h1.h1-restaurant { background: url(../images/layout/h1/h1-restaurant.gif) no-repeat -18px 0;}
h1.h1-freizeit { background: url(../images/layout/h1/h1-freizeit.gif) no-repeat -18px 0;}
h1.h1-aktuelles { background: url(../images/layout/h1/h1-aktuelles.gif) no-repeat -18px 0;}
h1.h1-links { background: url(../images/layout/h1/h1-links.gif) no-repeat -18px 0;}
h1.h1-zimmerreservierung { background: url(../images/layout/h1/h1-zimmerreservierung.gif) no-repeat -18px 0;}
h1.h1-fehler404 { background: url(../images/layout/h1/h1-fehler404.gif) no-repeat -18px 0;}



h2 {
	font-size: 14px;
	color: #333;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 8px 0;
}

h3 {
	font-size: 12px;
	color: #555;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
}


/*
P
==================================================*/

div#willkommen p { line-height: 20px;}

p#anschrift { float: left; width: 159px; height: 57px; font-size: 11px; color: #6d6c6c; line-height: 19px;}
p#kontaktdaten { float: left; width: 171px; height: 57px;  font-size: 11px; color: #6d6c6c; line-height: 19px;}

div#content p {margin: 0 0 20px 0; line-height: 20px;}

div#datenschutzhinweis p { font-size: 11px;}


#tcalico_0, #tcalico_1 { margin-top: 10px;}
	
/*
IMAGEBORDER
==================================================*/

.imgborder {
	border: 1px solid #666;
	padding: 2px;
	background:#fff url(../images/progress.gif) no-repeat center center;
	margin: 4px 8px 4px 0;
	cursor: url(../images/zoomin.cur), pointer;
    outline: none;
}

.imgborder:hover{
	border: 2px solid #F9941E;
	padding: 1px;
}

.imgbordernohover {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
}

.imgbordernohover2 {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 7px 20px 0;
}

.bildlink { float: left; margin-right: 30px; display: block;}

/* --------------------------------------------------------------------------- */
/* -------------------------->>> KONTAKT | ANFAHRT | IMPRESSUM <<<------------ */
/* --------------------------------------------------------------------------- */


/*
KONTAKT
==================================================*/

div#personalien { float: left; width: 292px!important;}
div#nachrichtenfeld { float: left; width: 200px;}


/*
ANFAHRT
==================================================*/

div#anfahrtsskizze { float: left; width: 350px; }
div#routenplaner { float: left; width: 330px; padding: 0 0 0 20px;}
.i-frame-anfahrt { height: 238px;}

/*
IMPRESSUM
==================================================*/

div#adressdaten { float: left; width: 300px;}
div#geschaeftsdaten { float: left; width: 300px;}