html,body{ margin:0; padding:0; }
body{ font: 82% "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; color: #333; text-align:center; padding: 20px; background: url(../images/navbk.jpg);}
h1,h2{ padding-left: 20px; margin: 0 }
h2{ font-size: 160%; color: #555; margin-bottom: 5px; }
p{ margin: 0; padding: 0 20px 0.7em; line-height: 1.5; }
table{ margin: 0px 20px; width:92%; border: 0 }
td{ margin: 0; line-height: 1.0; color: #333;}
td.zimmer{ font-weight: bold; }
td.foot{ font: 82% "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; }
address{ font-style: normal; }
address a {color:#FFF; text-decoration:underline; }
address a:hover{ color:#CCC; text-decoration:underline; }

a{ color:#666; text-decoration:underline;}
a:hover{ color:#333; text-decoration:underline;}

div#supcont{ width:700px; margin: 0 auto; text-align: left; }
div#container{ margin-top:15px; text-align: left; }

div#header{ width:700px; background-color: #b50a00; text-align: left; }
div#header img{ margin: 5px 0px 5px 15px; }

div#content{clear:left; width:700px; padding-top:25px; background-color: #C0CDF2; }
/* 2 Spalten
div#content{clear:left; width:600px; padding-top:25px; background-color: #C0CDF2; }
div#content_left{width:600px; background-color: #C0CDF2; float:left;}
div#content_right{clear:left; width:200px; background-color: green; float:right;}
*/

div#footer{ padding:4px 0; text-align: center; font-size: 92%; background: #b50a00; color: #FFF; }
div#copyright{ font-style: normal; margin-top:10px; font-size:86%; color:#333; }
div#copyright a{ color:#999; text-decoration:none;}
div#copyright a:hover{ color:#999; text-decoration:underline;}

div#menu{ width:100%; overflow:hidden; background: #b50a00; }
ul#nav, ul#nav li, ul#hnav,ul#hnav li{ list-style-type:none; margin:0; padding:0; }
ul#nav{ padding-right:15px;}
ul#nav li{ float: right; width:88px; margin-right:3px; text-align: center; }
ul#nav a{ float: right; width:88px; text-decoration:none; background: #FFA826; color: #b50a00; padding-top: 5px; padding-bottom: 1px }
ul#nav a:hover{ background: #FFCB4D; color: #b50a00; }
ul#nav li.activelink a, ul#nav li.activelink a:hover{ background: #C0CDF2; color: #555; font-weight: bold;}

ul#hnav{ padding-left:15px; padding-top:15px }
ul#hnav li{ float: left; width:72px; margin-right:3px; text-align: center; }
ul#hnav a{ float: left; width:72px; text-decoration:none; background: #FFA826; color: #b50a00; padding-top: 5px; padding-bottom: 1px }
ul#hnav a:hover{ background: #FFCB4D; color: #b50a00 }
ul#hnav li.activelink a, ul#hnav li.activelink a:hover{ background: #C0CDF2; color: #555; font-weight: bold;}

div#box{ float:left; display:inline; width:150px; margin: 0 15px 0 20px; background:#E4E7F2; text-align:left;}
ul#sub, ul#sub li{ list-style-type:disc; margin: 2px; padding:0; }
ul#sub{  padding: 5px 5px 5px 35px; }
ul#sub a{ text-decoration:none;  color: #999; }
ul#sub a:hover{ text-decoration:none;  color: #555; }
ul#sub li.active a, ul#sub acitve a:hover{ color: #555; font-weight: bold;}

div#minipics{ float:left; width:100%; padding-bottom:10px; display:inline;}
div#minipics ul{ list-style-type: none; margin:0 20px; padding:0; }
div#minipics li{ float:left; width:74px;  background-color: #FFF; margin: 8px}
div#minipics li img{ display: block; width:60px; height: 60px; margin:7px 7px; border: 0px;}

div#middlepics{ float:left; width:100%; padding-bottom:10px; display:inline;}
div#middlepics ul{ list-style-type: none; margin:0 20px; padding:0; }
div#middlepics li{ float:left; width:120px;  background-color: #FFF; margin: 16px}
div#middlepics li img{ display: block; width:100px; height: 100px; margin:10px 10px; border: 0px; }

div#bigpics { float:right; margin: 0px 12px 10px 10px; background-color: #FFF; width:250px; padding: 10px; text-align:center}
div#bigpics img{ display: block; width:250px; height: 170px; border: 0px; }

div.big { background: #F2F2F2; margin: 10px 20px 10px 20px; padding: 10px;}
div.big p{ margin:0; padding: 2px 15px; }

div.standort { background: #F2F2F2; margin: 10px 20px 10px 20px; padding: 10px; text-align:center;}
div.standort h2{ color: #555; margin:0; padding: 2px 15px; text-align:left;}
div.standort p{ margin:0; padding: 2px 15px; color: #333; text-align:left;}
div.standort img{ margin: 10px}

form{ background-color: #F2F2F2; margin: 0 20px 15px 20px; }
fieldset{ border: 0px solid #000; }
legend{ font: normal 80%/1.6 "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; color: #333; padding-bottom:5px; padding-left: 10px }
formtxt { font: 82% "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; color: #333;  }
fieldset label{ float:left; display:inline; width:125px; line-height:20px; margin: 3px 30px; text-align:center; background: #FFF url("../images/arrow.jpg") no-repeat right center; }
input,textarea{ font: 90% "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; color: #333; margin: 1px 0 6px; border-style:solid; border-color: #555 #555 #555 #555; border-width:1px 1px 1px 1px; width: 200px; }
select{ font: 90% "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; color: #333; background: #FFC; border-style:solid; border-color: #555 #555 #555 #555; border-width:1px 1px 1px 1px;}
input{ height: 16px; }
input#anzahl{ width:50px; }
input#vorname,input#name,input#email,textarea#mitteilung,input#telR,input#anzahl{ background: #FFC; }
input#go{ margin: 10px 0 15px 192px; }
input#reset{ margin: 10px 0 15px 6px; }
input#go, input#reset{ border-style:solid; border-color: #555 #555 #555 #555; border-width:1px 1px 1px 1px; background: #CCC; width:90px; height: auto; }