﻿@charset "utf-8";

@import url(reset.css);
@import url(jquery.css);
@import url(jquery.ui.all.css);

/*Basic Formate*/
a { text-decoration: underline; color: #8f0707; }
a:hover { text-decoration: none; }
address { font-style:normal; margin: 56px 0 30px 0;}
body { overflow: -moz-scrollbars-vertical; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:15px;behavior: url("csshover.htc")}
em { font-style: oblique; }
h1 { font-size: 24px; }
h2 { font-size: 12px; font-weight: bold; line-height: 15px; }
h3 { font-size: 18px; }	
h4 { font-size: 16px; } 
ol {  }
ol li {  }
p { margin: 0 10px 0 10px; }
strong { font-weight: bold; }
ul {  }
ul li {  }
label { }
.align-left { float: left; }	
.aling-right { float: right; }
.clear { clear: both; }
.more { font-size: 12px; line-height: 25px;}
.pointet-line {background: url(../images/separator.gif) repeat-x top left; display:block; height:1px;}

/*Container*/
#site { background: #ffeeda url(../images/site.gif) repeat-y top center;/*background:#fedbb4;*/width:996px; margin: 0 auto; position:relative;   }
#site {*margin: 0 0 0 23px; margin: 0 0 0 23px\9; }
* html #site {margin: 0 0 0 23px;}
#header { background: #fff; clear:both; }
#left {border-right: solid 1px #ffaa40; float:left; padding:30px 0 0 0; width:190px; position: relative;}
#right { float:left; padding:30px 0 0 0; position:relative; width:261px;border-left: solid 1px #ffaa40; }
#content {float: left;  padding: 30px 30px 30px 30px; width:483px; }
#footer { background: #fff; height:48px}
.content-column-1-2 { width: 227px; float:left; }
.content-column-2-2 { width: 227px; float:right; }

/*Navigation*/
#mainmenu {padding: 5px 0 0 0;font-size: 1.2em;font-weight: bold;}
* + html #mainmenu {height:40px;}
* html #mainmenu {height:40px;}
ul.navigation-0 {display: block; width:100%; padding: 23px 0 0 0; margin: 0;  }
* html ul.navigation-0 { display: block; width:100%; padding: 23px 0 0 0; margin: 0;  }
ul.navigation-0 li {display: inline; margin: 0 30px 21px 0; float:left;position: relative; z-index: 10}
ul.navigation-0 li a { color: #000; text-decoration: none; }
ul.navigation-0 li a:hover { color: #8f0707;}
ul.navigation-0 li ul.navigation-1 {display: none; position:absolute;z-index:20; left:0; padding: 5px 0 0 0; }
* html ul.navigation-0 li ul.navigation-1 {padding: 20px 0 0 0;}
* + html ul.navigation-0 li ul.navigation-1 {padding: 20px 0 0 0;}
ul.navigation-0 li ul.navigation-1 li {float:none; display:block; width: 256px; margin: 0;z-index:21; }
ul.navigation-0 li ul.navigation-1 li a { background:#fec192;  border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;display: block;padding: 2px 10px 2px 10px;width: 236px;font-weight:normal;}
ul.navigation-0 li ul.navigation-1 li a:hover { background: #ffeeda; color:#000;}

/*Bilderwechsel*/
#slideshow {height: 223px; width: 996px; z-index:1;margin-top:-16px;}
* html #slideshow {margin-top: 2px;}
* + html #slideshow {margin-top: 2px;}

#sidebar { float: left; }


/*Startboxen Inhalt*/
.startbox { background: url(../images/separator.gif) repeat-x top left; float: left; margin: 0 0 28px 0; }
.startbox img { float:left; margin: 1px 10px 0 0; }
.startbox h2 { padding: 3px 0 0 0; }
.startbox p {margin: 0;}

/*Klappboxen*/
.entry { background: url(../images/separator.gif) repeat-x top left; padding: 1px 0 0 0; }
.entry .title,
.entry .first-open-title { text-decoration: none;}
.entry .title.close, 
.entry .first-open-title.close { background:url(../images/entry-close.gif) right center no-repeat; padding: 4px 10px 5px 0;}
* + html .entry .title.close h3, 
* + html .entry .first-open-title.close h3 { font-size: 12px; font-weight: bold; background: #fff; display:inline; padding: 5px 10px 5px 10px;}
* html .entry .title.close h3, 
* html .entry .first-open-title.close h3 { font-size: 12px; font-weight: bold; background: #fff; display:inline; padding: 5px 10px 5px 10px;}
.entry .title.close h3, 
.entry .first-open-title.close h3 { font-size: 12px; font-weight: bold; background: #fff; display:inline; padding: 5px 10px 5px 10px;}
.entry .first-open-title.close h3 { padding: 4px 10px 6px 10px\9;  }
.entry .title.open,
.entry .first-open-title.open {  }
.entry .title.open h3,
.entry .first-open-title.open h3 { font-size: 12px;font-weight: bold;padding: 4px 1px 5px 10px;}
.entry .first-open-title.open h4 { font-size: 12px;font-weight: bold;padding: 4px 1px 5px 10px;}
.entry ul li {background: url(../images/separator.gif) repeat-x top left; margin:0; padding: 4px 10px 6px 10px;}
.entry p  {padding: 4px 0 0 0;}
.entry img { margin: 1px 0 0 0;}
.entry ul li img { float: left; margin: -3px 10px 0 0;}
.entry ul li .last {padding: 0 0 0 0;}
.entry .contents, .entry .first-open-contents { background: #ffeeda url(../images/separator.gif) repeat-x top left; clear:both; padding: 0 0 0 0;   }
.entry address,
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry p,
.entry ul { margin-right: 0px; }
.tx-wecmap-map {padding-right: 0; margin-right: 0 ; border:0;}

h3.link {background: url(../images/separator.gif) repeat-x top left;font-size: 12px; font-weight: bold; }
h3.link a { color: #000000; text-decoration: none; display: block; padding: 4px 10px 5px 10px;}


/*Buchen*/
form .row { margin: 5px 10px 0 10px;}
form .row select {border: 1px solid #8f0707; height:20px; width: 144px; padding:0; float:right; }
form .row input {border: 1px solid #8f0707; height:18px; width: 121px; margin: 0 5px 0 0; padding:0; }
form .row label {float: left;}
form {padding: 10px 0 10px 0}
* html form .row img {margin-right: -10px;}
form .row img {*margin-right: -10px;} 
/*form .row img {margin-right: -10px\9;} */
#submit { background: #8f0707; color: #fff; padding: 0 10px 4px 10px; width:auto; height: 20px; font-size: 11px; margin: 0 0 0 93px; cursor: pointer; padding: 0 10px 0 10px\9;}


/*Wetter*/
.weather { background: #ffeeda; float: left; padding: 10px 0 10px 0; text-align:center; width: 87px; margin:1px 0 0 0; font-size:10px; }
* html .weather {background: #fff url(../images/separator.gif) repeat-x top left; margin:0 0 0 0;}
* + html .weather {background: #fff url(../images/separator.gif) repeat-x top left; margin:0 0 0 0;}
.weather p { margin: 0 0 0 0; }
img.umbrella-icon {padding: 10px 0 0 0;behavior: url('/iepngfix.htc')}
.time-of-day { color:#1b3b75; font-size: 12px; font-weight:bold; }



/*Wortwolke*/
#wortwolke { text-align: center; padding: 10px; }
#wortwolke a { text-decoration: none;}
#wortwolke a:hover { text-decoration: underline;}
.wortwolke-link { margin: 0 0.25em; }
.wortwolke-link-1 { font-size: 0.8em; }
.wortwolke-link-2 { font-size: 0.9em; }
.wortwolke-link-3 { font-size: 1em; }
.wortwolke-link-4 { font-size: 1.1em; }
.wortwolke-link-5 { font-size: 1.2em; }
.wortwolke-link-6 { font-size: 1.3em; }
.wortwolke-link-7 { font-size: 1.4em; font-weight: bold; }
.wortwolke-link-8 { font-size: 1.6em; font-weight: bold; }
.wortwolke-link-9 { font-size: 1.8em; font-weight: bold; }

/*Fusszeile*/
#footer ul { padding: 3px 0 0 0; float:left; }
#footer ul li { background: url(../images/footer-ul-li-seperator.gif) no-repeat center right;float: left; display:inline; padding: 0 11px 0 10px;}
#footer ul li.last { background: none;}
#footer ul li a { color: #000; text-decoration: none;}
#footer ul li a:hover { text-decoration: underline;}
#footer ul li a.home { background: url(../images/footer-icon-home.gif) no-repeat left center; padding: 0 0 0 14px;}
#footer ul li a.top { background: url(../images/footer-icon-top.gif) no-repeat left center; padding: 0 0 0 14px;}
#footer ul li a.print { background: url(../images/footer-icon-print.gif) no-repeat left center; padding: 0 0 0 18px;}
#footer ul li a.e-mail { background: url(../images/footer-icon-e-mail.gif) no-repeat left center; padding: 0 0 0 17px;}
#footer ul li a.letter { background: url(../images/footer-icon-letter.gif) no-repeat left center; padding: 0 0 0 12px;}

/*Sonstiges*/
#right address { padding: 15px 0 15px 10px; }
#socialbookmark { padding: 5px 0 15px 15px; float: right;}
#header img.logo { position:absolute; right: 3px; top:12px;}
#webcam {padding: 0; margin:0;}
#webcam img {padding: 1px 0 0 0; margin:0;}

#wanderkarte {padding: 0; margin:0;}
#wanderkarte img {padding: 1px 0 0 0; margin:0;}

