@charset "utf-8";

* {padding:0; margin:0;}
html { height:100.1%;}
body {	height:100.1%; font-family: Arial, Helvetica, sans-serif; font-size:10pt; margin-top:0px; padding:0px; background: #ffffff url(../images/bg.png) repeat-x; /**/ width:1200px; margin:0px auto;}
#header { position:relative; top:0px; left:0px;	width:1200px; height:144px; border-bottom: #fff 1px solid;  /**/ margin:0px auto; }
#header table {	position:absolute;	top:0px; left:0px; height:140px; width: 1200px; }
#header .logoname {	position:absolute; top:108px;	left:20px;	height:auto; width:auto; }
#header .panoramatext {	position:absolute; 	bottom:7px;	right:0px;	height: 12px;	width: 290px; text-align:center; font: 10px Arial, Helvetica, sans-serif; color:#F4F4F4; background-color:#42680A; }
/* **************************************************************************************************************************************/
#container{ position:relative; top:0px;	left:0px; width:1200px; height:auto; /*border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; margin:0px auto; */font-family: Arial, Helvetica, sans-serif; /*font: 12px Arial, Helvetica, sans-serif; */ background:url(../images/bg-1.png); /* border:1px solid #f00;*/ float:left; }
#inhalt { position:relative; top:0px; left:0px; min-height:500px; width:1030px; margin:0px 0px 0px 170px; float:left; /*border: 1px solid #f00;*/}
#hauptfeld { position:relative; top:0px; left:0px;  width:780px; min-height:600px; float:left;  overflow:hidden; padding:5px; text-align:center; /*border: 1px solid #00f;*/}
#rechtespalte { position:relative; top:0px; left:0px; width:220px; min-height:600px; overflow:hidden; float:right; padding:5px; /*border-left:1px solid #ccc;*/}
/* **************************************************************************************************************************************/
#culture { position:relative; top:0px; left:0px; width:540px;  margin:10px auto; /* text-align:center;*/}
#culture table { position:relative; top:0px; left:0px; width:530px; border:15px solid #f2f2f2; background:#f2f2f2; }
#culture table .cb-city { background:#e0e0e0 !important;}
/* **************************************************************************************************************************************/
#wochenbild { position:relative; top:20px; left:10px; text-align:center; float:left;}
#wochenbild .titeltxt { margin-bottom:4px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:13px;/* border:1px solid #3CF;*/ }
#wochenbild .txt { margin-top:8px; font-size:12px; }
#wochenbild .bild { border:1px solid #666; }
/* **************************************************************************************************************************************/
#seitentabelle { margin-top:10px;/*border:1px solid #f00;*/ }
#seitentabelle td img { background:url(../images/rahmen-232.png); width:auto; height:auto; padding:4px 9px 9px 4px; }
#anfahrttabelle { position:relative; top:0px; left:0px; width:100%; margin:10px auto;/* border:1px solid #3CF;*/  }
#anfahrttabelle img { cursor:pointer; }
#radtourentabelle { position:relative; top:0px; left:0px; width:100%; margin:10px auto; border:1px solid #ccc;  }
#radtourentabelle img { cursor:pointer; }
#preisetabelle { position:relative; top:0px; left:0px; width:700px;/* height:170px;*/ margin:10px auto; /*background:#ffffff;*/ font-family: Arial, Helvetica, sans-serif;  }
.seitentitel { position:relative; top:15px; left:0px; height:50px; font-size:16px; letter-spacing:0.2em; color:#333; padding-left:10px;}
#inhalt table { position:relative; top:0px; left:0px; font-size:12px; font-family: Arial, Helvetica, sans-serif;  color:#000; float: left; padding:0px; }
#bilder img:hover { cursor:pointer;}

.inhalttext { position:absolute; top:98px; left:110px; padding-right:20px; padding-left:10px; font:12px Arial, Helvetica, sans-serif; color:#006600; z-index:auto; width:413px; height:362px;}
#impressumtext { position:relative;	top:0px; left:0px; margin:60px 0px 0px 20px; padding-left:30px;	font-family: Arial, Helvetica, sans-serif; color:#666; font-size:11px; }
#impressumtext .haftungstext { width:650px; height:150px; color: #666; text-align: left; overflow:auto; /*margin:60px 0px 0px 20px;*/ background:#fff; padding:10px; font-size:10px; }
/* ****************************************************************************************** formular */
/* #wetterlink { position:relative; top:450px; left:3px; width:auto;  border:1px solid #ccc; float: left;  }*/
/* ****************************************************************************************** formular */
a { text-decoration:none; outline:none; }
.logoutlink { position:absolute; width:24px; height:22px; top:-30px; left:80px; }
.editlink { position:absolute; width:24px; height:22px; top:0px; left:4px; z-index:2000; }
.editlink img, .logoutlink img {border:none;}
/* ****************************************************************************************** formular */
hr { clear:both; border: 0px; border-top: solid 1px #ccc; border-bottom: solid 1px #fff; }
.schatten img {   box-shadow:4px 4px 4px #666; }
.bildschatten  { background: url(../images/bildschatten.png) no-repeat bottom left; padding: 4px 7px 17px 7px;}
.tabschatten { box-shadow: 4px 4px 3px #999999; -webkit-box-shadow: 4px 4px 3px #999999; -moz-box-shadow: 4px 4px 3px #999999; 
					/*filter:progid:dxImageTransform.Microsoft.dropShadow(color=#d0d0d0,offX=2,offY=2 positive=true);*/
					behavior: url(border-radius.htc);
					 }
.schlagschatten { box-shadow: 4px 4px 3px #6f6f6f; -webkit-box-shadow: 4px 4px 3px #6f6f6f; -moz-box-shadow: 4px 4px 3px #6f6f6f; 
					/*filter:progid:dxImageTransform.Microsoft.dropShadow(color=#d0d0d0,offX=2,offY=2 positive=true);*/ 
					behavior: url(border-radius.htc); }
.meine_box { 
-webkit-border-radius: 8px; 
-moz-border-radius: 8px;; 
-khtml-border-radius: 8px; border-radius: 8px; 
-webkit-box-shadow: 3px 3px 6px #ccc;
-moz-box-shadow: 3px 3px 6px #ccc;
box-shadow: 3px 3px 6px #333; 
/*filter:progid:dxImageTransform.Microsoft.dropShadow(color=#d0d0d0,offX=2,offY=2 positive=true); */
border:1px solid #999; 
text-align:center;
behavior: url(border-radius.htc);				
}
/* ****************************************************************************************** formular */
#kontakt { position:relative; top:0px; left:0px; color: #333; width:550px; margin:0 auto;/*  border:1px solid #999; */ }
#kontaktform { position:relative; top:0px; left:0px; width:100%;  /*height:auto;background:#f9f9f9; padding:5px !important; border:1px solid #999;*/ }
#kontaktform input { font-family: sans-serif; font-size: 12px; font-weight: normal; color: #000; border:1px solid #ccc; width:100%; height:22px;	}
#kontaktform textarea { font-family: sans-serif; font-size: 12px; font-weight: normal; color:#000; border:1px solid #ccc; width:100%;	}
#kontaktform input:focus, #kontaktform textarea:focus { border:1px solid #960; }
#kontaktform .senden_btn { font-size:14px; font-weight: normal; color:#000; font-family: Arial, Helvetica, sans-serif; width:100%; height:25px; cursor:pointer; border:1px solid #ccc; background:#EAFBEC;	}
#kontaktform .senden_btn:hover {background-color:#CCF7D1; font-weight:bold;	}
/* ****************************************************************************************** formular */
#formular { position:relative; top:0px; left:0px; width:95%; height:auto; font-family: sans-serif !important; font-size:12px; padding:5px !important; border:2px solid #fff; margin:0px 0px 6px 10px; }
#formular input { font-family: sans-serif; font-size: 12px; font-weight: normal; color: #000; outline:none; border:1px solid #ccc; height:20px;	}
#formular textarea { font-family: sans-serif; font-size: 12px; font-weight: normal; color: #000; outline:none; border:1px solid #ccc;	}
#formular select { font-family: sans-serif; font-size: 12px; font-weight: normal; color: #000; outline:none; border:1px solid #ccc;		}
#formular .senden { font-size: 14px; font-weight: normal; color: #000; outline:none; width:100%; height:25px; cursor:pointer; border:1px solid #ccc; background:#EEFFEE;	}
#formular .senden:hover {background-color:#BCFAC0;	}
##formular img  { position:absolute; top:10px; left:20px; width:auto; height:auto; }
#formular .meldung {position:absolute; top:10px; left:60px;  font-family: sans-serif; font-size:12px; font-weight: bold; color: #000; background-color: #F7FFCE; width:400px; text-align:center; padding:10px 0px; line-height:20px; border: #CBE0C2 1px solid;}
#formular .meldung a { font-family: sans-serif; font-size:12px; text-decoration: none; color: #00D516;}
#formular .meldung a:hover { color: #993300;	text-decoration: none; }
#formular .meldung:link { color: #FFFFFF; text-decoration: none; }
#formular .fehler { color:#FF0000; }
#formular .feldname {	font-family: sans-serif;	font-size: 12px; font-weight: normal; color: #000;	text-align:right;}
#formular .linie {background-color:#99CC33;}
#formular .versteckt { display:none; }
/* ********************************************************************************************************** */
#hauptmenu { position:absolute; top:0px; left:-14px; width:185px; height:auto; margin-top:25px; /*border:1px solid #f00;*/  }
#menu ul { list-style: none; margin:0;	padding:0px; }
#menu li { position:relative;	} 
#menu li a { height:24px; text-decoration: none; outline:none; margin-top:2px; text-align:left; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #333;}	
#menu li a:link, 
#menu li a:visited { display: block; background: url(../images/menu22.png);	padding: 8px 0 0 40px; outline:none;} 
#menu li a:hover { background: url(../images/menu22.png) 0 -32px;	padding: 8px 0px 0 50px; font-weight:bold; color: #333; }
#menu #an a { background:url(../images/menu22.png) 0 -32px;	padding: 8px 10px 0 50px; font-weight:bold;  color: #333;  text-align:right; }
#menu li.folder	{ background:url(../images/menu22.png) 0 -32px; z-index: 10;  }		
#menu li.folder ul {	position:absolute; left:100px; top:8px; width:210px;  	}		
#menu ul ul, li:hover ul ul {	display:none;	}
#menu li:hover ul, li:hover li:hover ul {	display:block; border:1px solid #ddd; background-color:#fff; padding:5px;  }	
/* ****************************************************************************************** formular ***********************/
#topnavi { position:absolute; top:3px; right:30px; width:auto; height:20px; text-align:right; z-index:5; /*border:1px solid #f00;*/}
#topnavi a { color:#1166CE; text-decoration:none; margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:100%; }
#topnavi a:hover {color:#fff; background-color:#62A9DD; outline:none;}
#login { position:absolute; top:72px; left:185px; width:40px; height:20px; text-align:center; z-index:10; /*border:1px solid #f00; display:block;*/ }
#login a { color:#fff; cursor:default; font-size:14px; }
#login a:hover { color:#fff; background:none; cursor:default; }
/* ****************************************************************************************** login-Navigation */
#log_menu{ width:100%; height:24px; background:#f5f5f5;	 border-top:1px solid #ccc;	 border-bottom:1px solid #ccc;}
#log_navi{ margin:0; padding-left:30px;}
#log_navi li{	position: relative; float: left; width:160px; line-height: 24px; list-style: none; /*border:1px solid #fcc; */ }
#log_navi li a{	display: block; color: #999; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:12px;  text-align:center;}
#log_navi li a:hover{ color: #000; background:#ccc;	}
/* ****************************************************************************************** footer */
#footer { position:relative; top:0px; left:0px; width:100%; text-align:center; padding-top:10px; font-size: 10px; color: #666; letter-spacing: 5px; }
#footer .counter { color:#fff; }
#footer .footerlinks { font-size:1.2em; background:#eee; height:20px; padding:3px 6px; }
#footer .footerlinks a { background:#eee; line-height:20px; padding:3px 6px; color:#666666; margin-left:10px; }
#footer .footerlinks a:hover { background:#666; color:#fff; }
/* ******************************************************************************************************************************* */
.txt8  { font-size:8px;  }
.txt10 { font-size:10px; }
.txt11 { font-size:11px; }
.txt12 { font-size:12px; }
.txt13 { font-size:13px; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }
.txt18 { font-size:18px; }
.bd { font-weight:bold;}
.rot { color:#F00;}
.dunkelrot { color:#C30;}
.roterrand { border:1px solid #FF6666;}
.gruen { color:#060; }
.weiss { color:#FFF; }
.orange { color:#F90; }
.bgweiss { background-color:#FFF; }
.bgrosa { background-color:#FFE8E8;}
.bgrot { background-color:#F00; }
.underline { text-decoration:underline;}
.center {text-align:center;}
.cursorhand { cursor:pointer;}
.hinweis { width:100%; font-family: sans-serif; font-size:16px; font-weight: bold; color: #F30; text-align:center; line-height:20px; }
.clearfloat { clear:both; height:0px; font-size: 1px; line-height: 0px; }
/* ******************************************************************************************************************************* */
.upload_btn { width:100%; background:#DCFADF; text-align:center; cursor:pointer; border:1px solid #CCC; }
.upload_btn a { color:#000; }
.upload_btn a:hover { font-weight:bold; color:#630; }
/* ******************************************************************************************************************************* */
#kalender #kopftabelle { background-color: #fff5f5; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width:200px; height:auto; border:1px solid #ccc; /**/ color: #666;}
#kalender #kopftabelle .kopfzeile{  background:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #C60;}
#kalender #kopftabelle img{ position:relative; top:0; left:0; }
#kalender #haupttabelle {  background:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 10px; width:200px; margin-bottom:0px; height:auto; text-align:center; border:1px solid #ccc; }
#kalender #haupttabelle td { width:18px; height:10px; }
#kalender .sonntag { font-weight: bold;/**/ background-color: #FC0; color: #666; }
#kalender .alltag { font-weight: bold;/**/ background-color: #F2FDA8; color: #666;/* text-align:center; border:1px solid #ccc;  */ }
#kalender .tagesfarbe {background:#efe; color:#333; /*text-align:center;  border:1px solid #ddd;*/  }
#kalender .termin { background:#FFD1D1; color:#ff0000; font-weight:bold; height:13px; line-height:13px;  /*border:1px dotted #f00;/*margin:5px;height:18px; */ }
#kalender .heutedatum { background-color: #BCFAC0; color:#960;/* text-align:center; */font-weight:bold; }												
/* ******************************************************************************************************************************* */
#minislide { position:relative; top:0px; /*left:0px;*/ width: 200px; height:150px; margin:20px auto; margin-top:40px; /*background-image: url(../minislideshow-gruen/rahmen-194.png)*/ }
#minislide img { position:absolute; top:0px; left:0px; border:1px solid #999; /*border-left:1px solid #999;margin:0px 0 0 0px; */ }
/* ******************************************************************************************************************************* */
#gaestebuch { width:750px; margin:0 auto;/* height:580px; border:1px solid #f00;*/}
#gaestebuch .gb-seiten { width:710px; }
#gaestebuch .gb-seiten table { margin-top:0px; padding:0px; margin-left:-4px;}
#gaestebuch .gb-kopf { background-image: url(../gaestebuch/buch_oben.png); }
#gaestebuch .gb-mitte { background-image: url(../gaestebuch/buch_mitte.png);}
#gaestebuch .gb-boden { background-image: url(../gaestebuch/buch_unten.png);}
#gaestebuch .gb-seiten img { padding:1px; background-color:#FFFFFF; border-bottom:3px solid #F0F1EC; border-right:3px solid #f5f5f5; /**/}
#gaestebuch .naechste_seite { position:relative; top:0px; left:-10px; float:right; margin-bottom:10px;}
#gaestebuch .naechste_seite img { background:#fff; border:none;}
#gaestebuch .vorherige_seite { position:relative; top:0px; left:0px; float:left; margin-bottom:10px;}
#gaestebuch .vorherige_seite img { background:#fff; border:none;}
#gaestebuch .gb-hinweis { font-size:80%; color:#333; text-align:center;}
/* ******************************************************************************************************************************* */
#zitatsammlung { position:absolute; top:480px; left:5px; width:160px; height:auto; text-align:center; /*border:1px solid #ccc; background-color:#fff;*/ }
#zitatsammlung .zitat { text-align:center; font-family: "Comic Sans MS", cursive; font-size:11px; }
#zitatsammlung .autor{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
/* ******************************************************************************************************************************* */
#wetter { position:absolute; top:515px; left:5px; width:auto; height:auto;  }
##editlink { position:absolute; width:25px; height:22px; top:0px; right:0px; z-index:30;}
##editlink img {border:none; }
/* ******************************************************************************************************************************* */
##gaestefotosmenu { position:relative; top:0px; left:0px;  color:#006600; }
##gaestefotosmenu .upload_btn { /*clear:both; float:left;*/ margin-left:15px; }
##gaestefotosmenu .upload_btn a { color:#006600; }
##gaestefotosmenu .upload_btn a:hover { font-weight:bold; color:#630; }
/* ******************************************************************************************************************************* */
##minislideblumen { position:relative; top:0px; left:0px;/**/ width: 194px; height:152px; /*margin: auto; background-image: url(../minislideshow-blumen/rahmen-194.png)*/ }
##minislideblumen img { /*margin:9px 0 0 9px;  border:1px solid #e5e5e5;border-top:1px solid #999; */ border:1px solid #ccc; }
##minislidegruen { /*position:relative; top:0px; left:0px;*/ width: 180px; height:135px; margin:10px auto; /*background-image: url(../minislideshow-gruen/rahmen-194.png)*/ }
##minislidegruen img { border:2px solid #999; /*border-left:1px solid #999;margin:0px 0 0 0px; */ }