/* ----------container zentriert das layout-------------- */
#container { width: 950px; border-top: 1px solid #000000;   margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0;} 

/* ----------head-------------- */
/*#head  { 
font-size: 10pt; 
text-align: left; 
top: 0px; 
margin: 0;
padding: 0;
width: 950px; 
}
*/
.suchehead{
margin: 255px 0px 0px 5px ;
padding:0;
float: left;
height:20px;
}
.sprachehead{
margin:0;
padding:0;
margin-right: 10px;
margin-top: 255px;
float: right;
}
.sprachehead img {
border: 0;
}

.suchfeld {
width:100px;
font-size: 12px;
background-color: #DFF3A9;
border:1px solid #4D7B19;
color: /*#99cc00*/ #669900;
margin: 0;
padding: 2px 0 2px 2px;
}
.sprache {
margin-left: 0px; 
margin-top: 0px;
padding: 0;
}
#bgr_head_burg,
#bgr_head_kleiner_ritter,
#bgr_head_kleiner_ritter_1,
#bgr_head_mutter_kind,
#bgr_head_mutter_kind_1,
#bgr_head_radfahrer,
#bgr_head_wein,
#bgr_head_weintrinker,
#bgr_head_stadt  {
text-align: left;
padding: 0;
margin: 0; 
height: 295px;
background-repeat: no-repeat;
background-position: top;
}
#bgr_head_burg{
background-image: url(./bgr_head_burg.jpg);
}
#bgr_head_kleiner_ritter{
background-image: url(./bgr_head_kleiner_ritter.jpg);
}
#bgr_head_kleiner_ritter_1{
background-image: url(./bgr_head_kleiner_ritter_1.jpg);
}
#bgr_head_mutter_kind{
background-image: url(./bgr_head_mutter_kind.jpg);
}
#bgr_head_mutter_kind_1{
background-image: url(./bgr_head_mutter_kind_1.jpg);
}
#bgr_head_radfahrer{
background-image: url(./bgr_head_radfahrer.jpg);
}
#bgr_head_wein {
background-image: url(./bgr_head_wein.jpg);
}
#bgr_head_weintrinker {
background-image: url(./bgr_head_weintrinker.jpg);
}
#bgr_head_stadt {
background-image: url(./bgr_head_stadt.jpg);
}

/* ----------outer und inner----------------- */

#outer {
border-right: 200px solid #ffffff; 
border-left: 199px solid #dff4a9;
} 
#outer-os {
border-left: 199px solid #dff4a9;
} 
#inner{ margin:0; width:100%; }

/* --------------left und right navigavtion------------- */
#left {
 width:199px; 
 float:left; 
 position:relative; 
 margin:0 0 0 -199px; 
 }
 #sidebar {
 width:200px; 
 float:right; 
 position:relative; 
 margin-right:-200px; 
 margin-left:1px;
 border-left:2px solid #dff4a9;
 border-bottom:2px solid #dff4a9;
 border-top: 2px solid #dff4a9;
 }
#sidebar a, #sidebar img{
	border: none;
}
#leftalt{
  position:absolute;
  width:200px;
  margin: 0px 0px 0px -476px;
  top: 300px; 
  left: 50%;
  text-align: left;
  padding: 0px;
  z-index:0;
 }
/* -----------------Inhalt--------------------- */ 
#content{ 
position: relative; 
margin: 0;
padding-left: 10px;
padding-right:10px;
text-align: left; }

#content_left{
text-align:left;
float:left; 
margin-left: 10px;
font-size: 9px;
color: #999999;
margin-top: 5px;
}
#content_left a {color:#999999;font-size: 9px;}

#content_right{
text-align:right;
float:right; 
margin-right: 10px;
font-size: 9px;
color: #999999;
}
#content_right a {color:#999999;font-size: 9px;}

/*  ----------------footer---------------------- */ 
#footer {
width: 100%;
padding:0px;
margin:0;
text-align: center; 


}

/*  ----------------allgemeines---------------------- */ 
body {
background-color: #BDE64c;
background-image: url(./hinter.gif);
background-position: center;
background-repeat:repeat-y;
font-family:  Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0px;
margin:0px;
font-size: 11px; 
color: #000000;
line-height: 14px;
}


/*  ----------------Content---------------------- */
#content p {
font-size: 11px; 
color: #000000;
line-height: 14px;
margin: 0 0 10px 0;
padding:0px;
font-family:  Verdana, Arial, SunSans-Regular, Sans-Serif;
}
#content ul{
margin-top: 3px;
}
#content li {
font-size: 11px; 
margin-top: 4px;
color: #000000;
list-style-image:url(./pic_bullet_blue.gif);
}
#content h1 {
font-size: 20px; 
line-height: 28px;
font-weight: bold;
color: #005be7;
margin:10px 0 10px 0;
padding:0;
}
#content h2 { 
font-size: 15px;
line-height: 20px;
margin:0;
padding: 0;
color: #005be7; 
}
#content h5 { /*Monatsüberschrift News*/
font-size: 14px;
color: #000000; 
margin-top: 4px;
padding-top: 0;
margin-bottom: 4px;
padding-bottom: 0;
}
#content h6 { /*Newsüberschrift*/
font-size: 14px;
color: #005be7; 
margin-top: 4px;
padding-top: 0;
}
#content a, #content a:link, #content a:visited, #content a:active, #footer a {
color: #005be7;
text-decoration: none;
line-height: 14px;
padding:0px;
font-family:  Verdana,  Arial, SunSans-Regular, Sans-Serif;
}
#content a:hover, #footer a:hover {
text-decoration: underline; 
}
#content .text {
width:150px;
}
#content .imgcenter{
margin-left: auto;
margin-right: auto;
text-align: center;
}
#content hr{
text-align: center;
}
#content .bu{ 
font-size: 10px;
font-style: italic;
font-family:   Verdana, Arial,SunSans-Regular, Sans-Serif;
}
#content img{
margin-left: 5px;
margin-right: 5px;
}
#content .datum{
text-align: right;
font-size: 10px;
}

/* ----------------Sidebar-------------------- */ 

#sidebar p{
padding: 7px 10px 0 10px;
margin:0px;
}

#sidebar h1 {
margin-top: 0px;
margin-bottom: 2px;
padding-top: 3px;
padding-bottom:3px; 
padding-left: 10px;
color: white; 
width:189px; 
background-color: #005BEB; 
font-size: 11px; 
}
#sidebar li {
list-style-image:url(./pic_bullet_blue.gif);
}
#sidebar a{
color: #005BEB;
}
#sidebar .imgcenter{
margin-left: auto;
margin-right: auto;
text-align: center;
}

.flLeft {float:left}
.flRight{float:right}



/* -------------Modul Unterkunft----------------- */ 
#unterkunft_ueber {
color: white; 
font-size: 10pt; 
font-weight: bold; 
text-align: left
}
#unterkunft_unten {
font-size: 7pt;  
text-align: left
}
#unterkunft_unten a{
text-align: left;
}

/* -------------Formation----------------- */ 
#content  fieldset
{   border: none;
	margin:10px;
	font-size:11px;
	font-weight:700;
	width:450px;
}

#content p.radio,
#content p.checkbox
{	font-size:11px;
margin-bottom: 5px;
}

#content label.text,
#content label.textarea,
#content label.password,
#content label.select,
#content label.drop
{	font-size:11px;
	font-weight:700;
	width:150px;
	float:left;
	margin:0 0 0.3em 0;
}

#content label.checkbox,
#content label.radio
{
width: 100px;
margin-bottom: 5px;
}



#content input.checkbox,
#content input.radio
{ margin-left: 150px; 
	line-height: 12px;
}

#content input.button{
margin-left: 55px; 
}
#content  input, 
#content  textarea
{	font-weight:normal;
	margin:0 0 0.3em 0;
	font-size:11px;
}

#content fieldset br
{	clear:left;
}

#content  input.text,
#content  input.password,
#content input.drop
{
	border:1px solid #CCC;
	padding:0.1em;
	width: 275px;
}

#content  select
{	
	border: 1px solid #CCC;
	margin:0 0 0.3em 0;
}

#content  textarea
{	
	border:1px solid #CCC;
	width: 275px;
}

p.FORMATIONerror
{	border:1px solid #CC6666;
	color:#000000;
	background-color:#FFCCCC;
	padding:5px;
	margin:0 20px 20px 20px;
	font-size:11px;
	text-align:left;
}

p.FORMATIONsuccess
{	
	color:#000000;
	padding:5px;
	margin:0 20px 20px 20px;
	font-size:11px;
}

.gross:first-letter { font-size: 18px; color: #005be7; font-weight: 700; } 

#termine table {width: 520px;}
#termine td { vertical-align: top; padding: 3px 10px 15px 0px; border-top: 1px solid #bde64c;}
#termine th { vertical-align: top; padding: 10px 0px 5px 0px; border-bottom: 1px solid #669900; color:#669900}
thead td {
background-color: #DEF3A8;
}
thead td {
border-bottom: 1px solid #669900;
border-top: 1px solid #669900;
}


/*Formation formular*/

.formularform{
margin-left: 0;
text-align: left;
}

.formularform form{	
	margin-left: 0px;
	margin-right: 10px;
	text-align: left;

	}

.formularform fieldset
{ 	border: none;
	margin-left: 0px;
	font-size:10pt;
}


.formularform label
{	width:150px;
	float:left;
	font-family : Arial, Helvetica, sans-serif;
 	font-size: 10pt;
 	color:  #00278E;
	margin-bottom: 5px;
}


.pflicht{
font-weight : 700;
}

.abstand {margin-bottom: 5px;}

.formularform input.checkbox,
.formularform input.radio
{ margin-left: 0px !important;
  margin-left: 3px; }

.formularform input.button
{margin-left:10px;}

.formularform  input, 
.formularform  textarea
{
	font-family : Arial, Helvetica, sans-serif;
 	font-size: 10pt;
 	color:  #00278E;
 	font-weight : normal;
}
.formularform fieldset br
{	clear:left;
}

.formularform  input.text,
.formularform  input.password,
.formularform input.drop
{

	border:1px solid #00278E;
	padding-left:0.1em;
	width: 63%;
	font-family : Arial, Helvetica, sans-serif;
 	font-size: 10pt;
 	color:  #00278E;
 	font-weight : normal;
	background-color:  #FEF0E5;
	
}

.formularform  select
{	
	border:1px solid #00278E;
	font-family : Arial, Helvetica, sans-serif;
 	font-size: 10pt;
 	color:  #00278E;
 	font-weight : normal;
 	line-height : 10pt;
}

.formularform  textarea
{	
	border:1px solid #00278E;
	width: 63%;
	background-color:   #FEF0E5;
}
.formular{
padding-left:150px;
}

/*	Navigation vertical -
 für jede Ebene ein a.level? , a.current? und li.navhistory? zur Formatierung anlegen
------------------------------------------------------------------------------*/
#navigation {
	width:100%;
	margin: 0;
	padding:0;
	font-size: 11px;
}
#navigation ul{
	margin: 0; 
	padding: 0px; 
	background-color: #FFFFFF;
}

#navigation ul.nav1st {
	position:relative;
	top:0px;
	background-color: #FFFFFF;
}

#navigation ul.nav1st a{
	display:block;
	font-weight:bold;
	padding-bottom: 4px;
	padding-top: 4px;
}


#navigation ul.nav1st a.level1,
#navigation ul.nav1st a.current1{
	display: block;
	background-color: #669900;
	color: #FFFFFF;
	padding-left:5px;
	width: 195px;
}

#navigation ul.nav1st a.level2,
#navigation ul.nav1st a.current2{
    	display: block;
	background-color: #BDE64C;
	color: #669900;
	padding-left: 15px;
	width: 185px;
	
}
#navigation ul.nav1st a.level3,
#navigation ul.nav1st a.current3{
	display: block;
	color:#598D01; 
	background-color: #99cc00;
  
	padding-left: 25px;
	width: 175px;
}
#navigation ul.nav1st a.level4,
#navigation ul.nav1st a.current4{
    	display: block;
    	color:#598D01; 
	background-color: #99cc00;
	padding-left: 35px;
	width: 165px;
}
#navigation ul.nav1st a.level5,
#navigation ul.nav1st a.current5{
    	display: block;
    	color:#598D01; 
	background-color: #BDE64C;
	padding-left: 35px;
	width: 165px;
}

#navigation ul.nav1st li,
#navigation ul.nav1st li.navhistory1,
#navigation ul.nav1st li.navhistory2,
#navigation ul.nav1st li.navhistory3,
#navigation ul.nav1st li.navhistory4,
#navigation ul.nav1st li.navhistory5,
#navigation ul.nav1st li.navhistory {
	background-color: #FFFFFF;
	text-decoration: none; 
	display: block;
	padding-bottom: 1px;
}



#navigation li.active a,
#navigation li.active a:link,
#navigation li.active a:active,
#navigation li.active a:focus,
#navigation li.active a:visited
 { 
	color: #FFFFFF;
	background-color: #669900;
}

#navigation ul.nav1st a:hover {
	background-color: #669900;  
	color: #FFFFFF;
}


#navigation li {
margin-bottom: 0px;
}

#navigation li a { 
text-decoration: none; 
display: block; 
}

.pfad {
color: #000000;
font-size: 9px;
}

.archivsuche{
margin:0;
padding: 2px 0 2px 2px;
border:1px solid #4D7B19;
}

.archiv{ vertical-align: middle;}

#news .news{
float:left;
padding: 0;
margin: 0 8px 10px 0;
width: 169px;
height: 200px;
border: 0px solid #669900;
text-align: left;
}

#news img{
padding:0px;
margin: 0px;
}
#news p.newsunter{
text-align: left;
width: 168px;
padding:0;
margin:0;
}
#news p.mehr{
text-align: right;
font-weight: 900;
width: 169px;
padding:0;
margin:0;
}

.butaddtowk{
background-color: #FFFFFF;
border:0;
color: #005beb;
padding: 0;
margin:0;
width: 170px;
}

.butsubfromwk {
background-color: #FFFFFF;
border:0;
color: #005beb;
padding: 3px 0 0 0;
margin:0;
width: 100px;
}

.subline{
color: black;
font-weight: bold;
}
#wk td{
padding:0 2px 0 2px;
margin:0;
}
#wk form{
padding:0;
margin:0;
}

.gast_ueber {
background-color: #DEF3A8;
border-bottom: 1px solid #669900;
border-top: 1px solid #669900;
}

.gruen, .weiss{
border-bottom: 1px solid #669900;
border-collapse: separate;
empty-cells: show;
padding:3px 5px 3px 5px;
}

.gruen{
background-color:#DFF4A9; /*#BDE64C;*/
}

.weiss{
background-color: #FFFFFF;
}

.kopffewo, .kopfhotel, .kopfpension, .kopfgast{
margin-top: 5px;
border-top: 1px solid #669900;
border-bottom: 1px solid #669900;
padding: 5px 0px 5px 10px; 
margin: 0; 
color: #FFFFFF;
height: 12px;
font-size: 11px;
}

.kopffewo{
background-color: #003366;
}

.kopfhotel{
background-color: #e70808;
}
.kopfpension{
background-color: #488a28;
}
.kopfgast{
background-color: #005be7;
}

.belegt{
background-color:#ff0000;
}
.frei{
background-color: #DFF4A9;
}
.geschlossen{
background-color: #cccccc;
}
/*LOGIN Navigation*/

.login {
padding-top: 5px;
/*background-color: #DFF4A9;*/
width:320px;
}
.merkmal{
float:left;
width: 155px;
padding-bottom: 5px;
padding-right: 5px;
}
.merkmalgr{
float:left;
width: 500px;
padding-bottom: 5px;
}
.merkmal2{
float:left;
width: 320px;
padding-bottom: 5px;
}
.merkueber{
float:left;
width: 500px;
font-weight: 700;
}

#sidebar form {
margin:10px 0 0 0;
padding:0;
}

#sidebar label {
width: 45px;
float: left;
}

form.gastsuche label{
	width: 150px;
	float:left;

}