body { background-color:#CCC; }

a:link, a:visited { color: #000000; text-decoration: none; border-bottom: 2px solid #F39C1A; }
a:hover { color: #000000; text-decoration: underline; border-bottom: 2px solid #FFF; }

td, th { background-color:#FFF; vertical-align:top; }
dd, dt, p, td, ul, span { font-family: "Arial", sans-serif; }

td.header {color:#FFF; background-image:url("/bilder/panorama2.jpg"); }
td.header h1 {color:#FFF; margin-top:30px;  }

td.header, td.footer, td.eck  { vertical-align:bottom; background-color:#CFC; border-top:10px solid #EEE; border-bottom:10px solid #EEE; padding:10px; }

td#bilder { background-color:#EEE; padding:5px; }
td#bilder img { margin-bottom:5px; }

h1 {font: bold 1.5em "Arial", sans-serif; margin-bottom: 0.25em;}
h2 {font: bold 1.2em "Arial", sans-serif; margin-top: 30px; margin-bottom: 0em;}
h3 {font-size:100%; margin-bottom: 0.25em;}
h4 {font-size:90%; margin-bottom:0; }
h1, h2, h3, h4, p, td, dl, dt, dd, td, tr, table { font-family: sans-serif; }
dt { font-style: normal; }
dd { padding-bottom:1em; }



td#menu { vertical-align:top;  background-color:#EEE; }

ol, dd, dt, p, li, table.data td { font-size: small; line-height:1.3em;}


hr { border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #000;
  border-bottom: transparent; }



ul.menu, ul.submenu
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

ul.menu a, ul.menu span, ul.menu a:link, ul.menu a:visited
{
display: block;
padding: 2px 3px 2px 3px;
margin-top: 3px;
width: 140px;
color: #000;
background-color: #CCC;
text-decoration:none;
font-weight:bold;
border-left:5px solid #EEE; 
border-right:5px solid #EEE;
border-bottom:none;
}
ul.menu a:hover
{
display: block;
padding: 2px 3px 2px 3px;
margin-top: 3px;
width: 140px;
color: #000;
background-color: #EEE;
text-decoration:none;
font-weight:bold;
border-left:5px solid #F39C1A;
border-right: 5px solid #EEE;
}

ul.menu li.active
{
display: block;
padding: 2px 3px 2px 3px;
margin-top: 3px;
width: 140px;
color: #000;
background-color: #FFF;
text-decoration:none;
font-weight:bold;
border-left:5px solid #EEE;
border-right: 5px solid #FFF;
}

ul.submenu a, ul.submenu span, ul.submenu a:link, ul.submenu a:visited
{
display: block;
padding: 0px 0px 0px 15px;
margin-top: 0px;
color: #777;
background-color: #FFF;
text-decoration:none;
font-weight:bold;
font-size:smaller;
}

ul.submenu a:hover
{
display: block;
padding: 0px 0px 0px 15px;
margin-top: 0px;
color: #777;
background-color: #FFF;
text-decoration:none;
font-weight:bold;
font-size:smaller;
}

ul.submenu li.active
{
display: block;
padding: 0px 0px 0px 15px;
margin-top: 0px;
color: #000;
background-color: #FFF;
text-decoration:none;
font-weight:bold;
font-size:smaller;
}

h3.name { margin:0px; margin-top:10px; margin-right:10px; border: 1px solid #CCC; background-color:#CCC;}
h3.name a, h3.name a:link, h3.name a:visited {padding:5px 10px 1px 10px; display:block; color:#000; text-decoration:none; border:none; border-bottom: 4px solid #CCC; }
h3.name a:hover { border-bottom: 4px solid #F39C1A; text-decoration:none; }
div.namedetails {padding:10px; margin-right:10px; border-left:1px solid #F39C1A;  border-right:1px solid #F39C1A;  border-bottom:1px solid #F39C1A; background-color:#EEE; }
div.namedetails p {font-size:smaller; margin:0px; }
div.namedetails th, div.namedetails td { padding-bottom:20px; font-size:smaller; margin:0px; vertical-align:top; text-align:left; } 


td#content { padding:10px; }

img.ausflug { border:3px solid #CCC; margin:5px; }
div#bilderauswahl td {background-color:#CCC; }
div#bilderauswahl a {display:block; background-color:#CCC; padding:8px; }
div#bilderauswahl a:hover {display:block; background-color:#F39C1A; border-bottom:none; text-decoration:none; }