* {
margin: 0;
padding: 0;
}

html {
background-color: #c8c8ff;
background-image: url('images/bg_blue.gif');
background-repeat: repeat-y;
background-position: center;
font-family: 'lucida grande', verdana, arial, sans-serif;
font-size: 14pt;
}

#site {
left: 50%;
margin: 0 0 0 -400px;
position: absolute;
width: 800px;
}
/* -------- structure -------- */

#header {
background: url('images/headerimg.gif');
border: thin solid #000;
color: white;
height: 198px;
width: 758px;
}

#left, #middle {
float: left;
}

#left {
width: 200px;
}

#middle {
width: 550px;
}

#right {
width: 5px;
}

#middle.mitbild p, #middle.mitbild #right {
float: left;
}

#middle.mitbild p {
width: 299px;
}

#middle.mitbild #right {
width: 231px;
}

#left ul {
list-style: none;
}

#middle.sitemap p.valid {
float: left;
}

#footer {
clear: left;
}

/* ------- margins & paddings ------- */

#main {
margin: 8px 20px;
}

#header {
margin: 0 0 10px 0;
}

#header h1 {
margin-top: 100px;
}

#header h1, #header h2, #header h3 {
margin-left: 10px;
}

#left, #middle {
margin: 0 5px 10px 0;
}

#middle.tour p, #middle.kosten p, #middle.kosten table {
margin: 10px 0 0 0;
}

h1.absatz {
margin: 20px 0 0 0;
}

h4.absatz {
margin: 10px 0 0 0;
}


#middle.mitbild #right {
margin: 10px 0 0 5px;
}

#middle.sitemap p.valid {
margin: 20px 10px 5px 0;
}

#left ul, #middle ul, li.tourbutton {
margin-left: 18px;
}

#middle h1, #middle h2, #middle h3 {
margin-bottom: 5px;
}

.sitemap ul {
margin-bottom: 5px;
}

/* --------- fonts & colors ----------- */

#main {
font-size: .8em;
line-height: 1.5em;
}

a:link {
color: #366;
}

a:visited {
color: #966;
}

a:hover, a:focus {
color: #900;
}

#left ul li {
list-style-image:url('images/pfeil.gif');
}

#left ul li a {
font-size: .9em;
}

h1 {
font-size: 1.1em;
}

#middle h1 {
border-bottom: thin solid #966;
}

h2 {
font-size: 1.1em;
}

h3 {
font-size: 1em;
}

#footer {
border-top: thin solid #999;
color: #999;
}

#middle {
font-size: .9em;
}

.small {
font-size: .7em;
}

.center {
text-align: center;
}

/* -------- tours --------- */

.touren ul {
list-style: none;
float: left;
}

.touren li {
background-repeat: no-repeat;
border: thin solid #000;
margin: 15px 15px 10px 0;
}

.touren li:hover {
border: 1px solid #900;
}

.touren ul a {
color: #000;
display: block;
font-weight: bold;
font-size: 11pt;
height: 78px;
margin: 0 0 0 10px;
text-decoration: none;
width: 210px;
}

.touren a:hover, .touren a:focus {
color: #900;
}

#tour1 { background-image: url('images/tour01.gif'); }

#tour2 { background-image: url('images/tour02.gif'); }

#tour3 { background-image: url('images/tour03.gif'); }

#tour4 { background-image: url('images/tour04.gif'); }

#tour5 { background-image: url('images/tour05.gif'); }

#tour6 { background-image: url('images/tour06.gif'); }

ul.tourvorschlag li, ul.individuelle li {
line-height: 22px;
}

/* ---------- guestbook ---------- */

#eintraege table {
margin-top: 8px;
width: 535px;
}

table tr td .trag {
border-top: thin solid #966;
margin: 0 0 10px 0;
}