* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 13px;
    color: #532721;
    background: #FFFFFF url('../img/kachel_hg.gif') repeat-x;
}

img {
    border: none;
}

a, a:link {
    color: #532721;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    color: #7E205D;
}

.invisible {
    display: none;
}

/* ------------------------------
   Container und Contentbereiche
-------------------------------*/ 
#main {
    height: 100%;
    background: url('../img/ornament.gif') 237px 0px no-repeat;
    margin: 0 0 100px 160px;
}

#header {
    width: 702px;
    height: 190px;
    margin: 0 auto 0 0;
    padding: 0 18px;
    vertical-align: bottom;
}

#header h1 {
    padding-top: 160px;
}

#main-inner {
    width: 702px;
    height: 100%;
    margin: 0 auto 0 0;
    background-color: #FFFFFF;
}

#metanav {
    padding: 10px 18px 5px 18px;
    font-size: 10px;
    /*text-transform: uppercase;*/
}

#metanav a, #metanav a:link {
    color: #7e5d59;
}

#metanav a:hover, #metanav a:focus, #metanav a:active {
    color: #987d7a;
}

#metanav-left {
    float: left;
}

#metanav-right {
    text-align: right;
}

#nav {
    padding: 0 18px 0 12px;
    height: 36px;
}

#nav ul {
    list-style-type: none;
}

#nav ul li {
    display: inline;
    float: left;
    margin-left: 6px;
}

#nav ul a, #nav ul a:link {
    display: block;
    width: 218px;
    height: 36px;
} 

#nav ul a#hotel {
    background: url('../img/btn_hotel_inaktiv.jpg') top left no-repeat;
}

#nav ul a#hotel:hover, #nav ul a#hotel:active, #nav ul a#hotel:focus {
    background: url('../img/btn_hotel_mouseover.gif') top left no-repeat;
}

#nav ul #hotel-active {
    background: url('../img/btn_hotel_aktiv.jpg') top left no-repeat;
    width: 218px;
    height: 36px;
}

#nav ul a#urlaub-freizeit {
    background: url('../img/btn_urlaub_inaktiv.jpg') top left no-repeat;
}

#nav ul a#urlaub-freizeit:hover, #nav ul a#urlaub-freizeit:active, #nav ul a#urlaub-freizeit:focus {
    background: url('../img/btn_urlaub_mouseover.gif') top left no-repeat;
}

#nav ul #urlaub-freizeit-active {
    background: url('../img/btn_urlaub_aktiv.jpg') top left no-repeat;
    width: 218px;
    height: 36px;
}

#nav ul a#reiseservice {
    background: url('../img/btn_reiseservice_inaktiv.jpg') top left no-repeat;
}

#nav ul a#reiseservice:hover, #nav ul a#reiseservice:active, #nav ul a#reiseservice:focus {
    background: url('../img/btn_reiseservice_mouseover.gif') top left no-repeat;
}

#nav ul #reiseservice-active {
    background: url('../img/btn_reiseservice_aktiv.jpg') top left no-repeat;
    width: 218px;
    height: 36px;
}

#content-home {
    padding: 0 18px 10px 18px;
}

#content {
    padding: 10px 18px;
    height: 100%;
}

#content p.einleitung {
    font-weight: bold;
}

#content div.dots {
    clear: both;
    background: url('../img/dots.gif') -18px 15px no-repeat;
    height: 25px;
}

#content div.left {
    float: left;
    height: 100%;
    margin: 0;
    padding: 0;
}

#content div.right {
    float: right; 
    width: 538px; 
    margin: 0;
    padding: 0;
}

#content div.right p {
    width: 350px;
}

#content div ul {
    padding-left: 20px;
}

#content ol {
    padding-left: 18px;
}

#content li.agb {
    padding-top: 12px;
}

#content div img {
    float: left;
    clear: both;
}

#content div table th {
    text-align: left;
}

#content div a.intern, #content div a.intern:link {
	padding-left: 12px;
	background: url('../img/link-intern.gif') 0px 2px no-repeat;
	font-weight: bold;
}

#content div a.intern:hover, #content div a.intern:focus, #content div a.intern:active {
	padding-left: 12px;
	background: url('../img/link-intern-hover.gif') 0px 2px no-repeat;
	font-weight: bold;
}

#content-home a.extern, #content-home a.extern:link,
#content div a.extern, #content div a.extern:link {
	padding-left: 12px;
	background: url('../img/link-extern.gif') 0px 2px no-repeat;
	font-weight: bold;
}

#content-home a.extern:hover, #content-home a.extern:focus, #content-home a.extern:active,
#content div a.extern:hover, #content div a.extern:focus, #content div a.extern:active {
	padding-left: 12px;
	background: url('../img/link-extern-hover.gif') 0px 2px no-repeat;
	font-weight: bold;
}

#footer-home {
    padding: 10px 18px;
    font-size: 9px;
    /*font-family: Tahoma, sans-serif;*/ 
    text-align: left;
}

#footer {
    clear: both;
    background: url('../img/dots.gif') 0px 10px no-repeat;
    padding: 20px 18px 10px 18px;
    font-size: 9px; 
    /*font-family: Tahoma, sans-serif;*/ 
    text-align: left;
}