/****************************** Allgemein ********************************/

* {
margin: 0px;
padding: 0px;
list-style: none;
}

img {
border: 0px;
}

body {
background: url(images/bg_550.jpg) top left no-repeat #FFEDC5;
font-family: Helvetica, "Helvetica Neue", Arial, Sans-serif;
}

h1 {
font-weight: normal;
font-size: 18px;
color: #003468;
margin: 36px 0px 20px 25px;
}

h2 {
font-weight: normal;
font-size: 13px;
color: #003468;
margin: 31px 25px 10px 25px;
border-bottom: 1px dotted #000;
height: 15px;
}

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

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

/******************************* Wrapper ********************************/

#wrapper {
position: relative;
margin: 0px 0px 0px 25px;
width: 950px;
}


/****************************** Content ********************************/

#content {
float: right;
margin: 197px 0px 0px 0px;
width: 690px;
}

#content p {
color: #333333;
font-size: 13px;
line-height: 19px;
margin: 0px 25px 20px 25px;
padding: 0px 0px 0px 0px;
}

#content a {
color: #003468;
text-decoration: underline;
}

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

#content_toppic {
border: 3px solid #DFC592;
}

#content_link {
}

#content_link a {
text-decoration: underline;
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 15px;
background: url(images/menuDot.gif) 0px center no-repeat ;
}

#content_link a:hover {
text-decoration: none;
}

/*************************** Spalte Links ********************************/

#spalte_links {
float: left;
margin: 197px 0px 0px 0px;
width: 250px;
}

#themenwahl {
position: relative;
background: url(images/saeulen_kl.png);
width: 250px;
height: 46px;
}

#themenwahl li { position: absolute; top: 0;}
#themenwahl li, #themenwahl a {height: 46px; display: block;}

#themenwahl #aktiv {left: 0; width: 50px;}
#themenwahl #aktiv a:hover {background: url(images/saeulen_kl_hover.gif) 0 0 no-repeat;}
#themenwahl #harmonie {left: 50px; width: 50px;}
#themenwahl #harmonie a:hover {background: url(images/saeulen_kl_hover.gif) -50px 0px no-repeat;}
#themenwahl #natur {left: 100px; width: 50px;}
#themenwahl #natur a:hover {background: url(images/saeulen_kl_hover.gif) -100px 0px no-repeat;}
#themenwahl #gesund {left: 150px; width: 50px;}
#themenwahl #gesund a:hover {background: url(images/saeulen_kl_hover.gif) -150px 0px no-repeat;}
#themenwahl #vital {left: 200px; width: 50px;}
#themenwahl #vital a:hover {background: url(images/saeulen_kl_hover.gif) -200px 0px no-repeat;}

#navi_links {
background: url(images/bg_spalte_links.png) repeat;
border: 3px solid #DFC592;
margin: 6px 0px 0px 0px;
width: 244px;
height:853px;
}

#informationen {
position:absolute;
left:0px;
top:768px;
padding: 0px 0px 0px 12px;
}

#informationen li {
margin: 7px 0px 10px 0px;
}

#informationen a {
font-size: 13px;
color: #000;
text-decoration: none;
padding: 0px 0px 0px 15px;
height: 40px;
}

#informationen a:hover {
background: url(images/menuDot.gif) 0px center no-repeat ;
}

#bilder {
margin: 30px 0px 0px 0px;
width: 244px;
}

#bilder a {
display: block;
margin: 0px 0px 30px 22px;
width: 200px;
}

/******************************* Header ********************************/

#header {
position: absolute;
top: 0px;
left: 0px;
}

#logo {
text-align: center;
}

#nav {
background: url(images/bg_navi.png) repeat;
width: 855px;
height: 40px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
margin: 18px 0px 0px 0px;
padding: 0px 0px 0px 95px;
}


#nav a {
display: block;
color: #003468;
text-decoration: none;
padding: 12px 0px 0px 15px;
height: 29px;
font-size: 14px;
}

#nav li a#home { width: 51px;}
#nav li a#hotel { width: 106px;}
#nav li a#medical { width: 124px;}
#nav li a#gesundheit { width: 88px;}
#nav li a#zimmer { width: 61px;}
#nav li a#arrangements { width: 104px;}
#nav li a#aktuell { width: 57px;}
#nav li a#service { width: 51px;}

#nav a:hover {
background: url(images/menuDot.gif) 0px center no-repeat ;
}

#nav li {
float: left;
}

#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}

#nav li:hover ul {
margin-top: -1px;
left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
margin-top: -1px;
left: auto;
}

#nav li {
border-bottom: 1px solid transparent;
}

#nav li ul li a {
background: #FFF;
height: 23px;
padding: 7px 0px 0px 15px;
}

#nav li ul li a:hover {
background: #061D5B;
color: #FFF;
}

#nav li ul li a.zweizeilen {
padding: 6px 0px 0px 15px;
line-height: 18px;
height: 42px;
}

#nav li ul#hotel1 li a {width: 180px;}
#nav li ul#medical1 li a {width: 180px;}
#nav li ul#gesundheit1 li a {width: 180px;}
#nav li ul#zimmer1 li a {width: 180px;}
#nav li ul#arrangements1 li a {width: 180px;}
#nav li ul#aktuell1 li a {width: 180px;}
#nav li ul#service1 li a {width: 180px;}

/******************************* Footer ********************************/

#footer {
position: relative;
margin-top: 40px;
margin-left: -25px;
clear: both;
background: #F6E0B1;
width: 1000px;
height: 135px;
}

#footer ul {
font-size: 12px;
line-height: 20px;
color: #333;
}

#footer ul li.footer_last {
margin-top: -1px;
}

#footer a {
font-size: 12px;
text-decoration: none;
color: #003468;
}

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

#logo2 {position: absolute;top: 15px;left: 20px;}
ul#anschrift {position: absolute;top: 64px;left: 32px;}
ul#kontakt {position: absolute;top: 26px;left: 306px;}
ul#footer_nav_1 {position: absolute; top: 26px; left: 490px;}
ul#footer_nav_2 {position: absolute; top: 26px; left: 586px;}

#search {
position: absolute;
top: 27px;
left: 730px;
}

#search #query {
background: #ffedc5;
border: 3px solid #ffedc5;
font-size: 12px;
width: 175px;
padding: 2px 0px 2px 2px;
margin: 0px 2px 0px 0px;
}

#search #submit {
font-size: 12px;
background: none;
border: none;
color: #003468;
}

ul#author {
position: absolute;
top: 103px;
left: 833px;
color: #948972;
}

ul#author a {
color: #948972;
}