html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

body
{ font: normal 80% Arial, Helvetica, sans-serif;
  background: #FDE9BB url(../images/background.png) repeat;
  color: #000;  max-width:1400px; margin: 0 auto;
}

p
{ padding: 0 0 10px 0;
  color: #1D1D1D;
  line-height: 1.7em;
  font-size: 100% }


table { padding: 15px;
        background:#554837;}


td { padding: 5px;
     background:#fff;   
}
   

img
{ border: 0;}







h1, h2, h3, h4, h5, h6 
{ font: normal 175% Arial, Helvetica, sans-serif;
  color: #1D1D1D;
  text-shadow: 0px -1px 0px #fff;
  letter-spacing: -1px;
  margin: 0 0 10px 0;}

h2
{ font: normal 165% Arial, Helvetica, sans-serif;}

h3
{ font: normal 130% Arial, Helvetica, sans-serif;
}

h4, h5, h6
{ margin: 0;
  padding: 0 0 0px 0;
  font: normal 150% Arial, Helvetica, sans-serif;
  color: #FFF;
  line-height: 1.5em;}

h5, h6
{ font: normal 95% Arial, Helvetica, sans-serif;
  color: #888;
  padding-bottom: 15px;}

a, a:hover
{ color: #1D1D1D;
  background: transparent;
  outline: none;
  text-decoration: none;}

a:hover
{ text-decoration: underline;}

ul
{ margin: 2px 0 22px 30px;
  line-height: 1.7em;
  font-style: normal;
  font-size: 100%;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

#main, #header, #banner, #menubar, #site_content, #footer, #content_green
{ margin-left: auto; 
  margin-right: auto;}

#main
{ background: transparent;}
  
#header
{ height: 135px;
  background: #ffffff;
  background: -moz-linear-gradient(#ffffff, #cccccc);
  background: -o-linear-gradient(#fff, #cccccc);
  background: -webkit-linear-gradient(#FDE9BB, #554837);
 }

#banner
{ width: 100%;
  
  position: relative;
  
  padding: 15px 0 0 0;
  background: transparent;}

#menu_container
{ height: 60px;
  
   z-index:2;
	margin-top: -22px;
	margin-bottom:10px;

filter:alpha(opacity=80); /* IE */
opacity:0.8; /* allgemein */
-moz-opacity:0.8; /* Mozilla */
-khtml-opacity:0.8; /* KTHML */
-opera-opacity:0.8; /* Opera */
background: #2C251D;
width: 100%;

}  
  
#menubar
{ width: 950px;
  height: 40px;
  text-align: center; 
  margin: 0 auto;
 
  } 
  
#logo
{ margin-top:px;
  float: left;
  
  margin: 0 auto;
  margin-left: 60%;
  background: transparent;
   width: 300px;
  height:131px; 
  text-align: center;
  
  float: left;
background: #227412;
  background: -moz-linear-gradient(#57B442, #227412);
  background: -o-linear-gradient(#57B442, #227412);
  background: -webkit-linear-gradient(#2C251D, #705E49);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;




} 
  
#site
{ 
   max-width:900px;
  float: left;
  
  margin: 0 auto;
  margin-top:-70px; 
  background: transparent;}  

#headerbild
{ width: 100%;
  height:550px; 
  float: left;
  
  margin: 0 auto;
  margin-top:-12px; 
  background: transparent;
 background-size: cover;
  background-image: url(/files/css_2017/images/header1.jpg);
 }   
   
#logo H1
{ font: normal 300% Arial, Helvetica, sans-serif;
  letter-spacing: -3px;
  text-shadow: 1px 1px #57B442;
  color: #fff;}

#logo_slogan H1
{ font: normal 200% Arial, Helvetica, sans-serif;
  letter-spacing: -2px;
  text-shadow: 1px 1px #57B442;
  color: #fff;}  
  
ul#menu
{ margin:0;}

ul#menu li
{ padding: 0 0 0 0px;
  list-style: none;
  margin: 2px 0 0 0;
  display: inline;
  background: transparent;}

ul#menu li a
{ float: left;
  font:  140% Arial, Helvetica, sans-serif;
  height: 24px;
  margin: 10px 0 0 15px;
  text-shadow: 0px -1px 0px #000;
  padding: 6px 10px 0 20px;
  background: transparent; 
 
  text-align: center;
  color: #FFF;
  text-decoration: none;} 
  
ul#menu li.current a
{ color: #fff;
  
  text-shadow: none;}
  
ul#menu li:hover a
{ color: #fff;
  background: #A69179;
  background: -moz-linear-gradient(#227412, #57B442);
  background: -o-linear-gradient(#227412, #57B442);
  background: -webkit-linear-gradient(#000, #A69179);
  text-shadow: none;}

#site_content
{ width: 100%;
  overflow: hidden;
  margin: 0 auto;
  margin-top:101px;
  min-height:500px;
 } 

.sidebar_container
{ float: right;
  margin: 20px 10px 0 10px;
  width: 210px;
  padding: 0;}

.sidebar
{ float: left;
  width: 190px;
  padding-left: 10px;
  margin-bottom: 10px;}

.sidebar_item
{ font: normal 100% Arial, Helvetica, sans-serif;
  width: 190px;}

.sidebar h2
{ padding: 5px 0 0 0;
  font: normal 140% Arial, Helvetica, sans-serif;
  height: 30px;
  text-shadow: 0px -1px 0px #fff;
  color: #1d1d1d;}  
  
.sidebar p
{ color: #1d1d1d;}

#content
{ width:100%;
  margin: 0 0 20px 10px;
  float: left;
}

.content_item
{ width: 870px;
 font: normal 130% Arial, Helvetica, sans-serif;

margin: 0 auto;
 margin-top: 50px;
  margin-bottom: 20px;
  }
  
.content_image
{ float: left; 
  width: 150px;
  height: 150px;
  margin: 0 20px 10px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;}
  
.content_container
{ width: 320px;
  padding: 5px;
  margin-right: 10px;
  float: left;}
  
.ankuend { width: 100%;
  
  position: relative;
  z-index:1;
  padding: 00px;
  text-align: center;
  margin: -20px 0px 0px 0px;
  float: left;
  margin-bottom:20px;
  filter:alpha(opacity=80); /* IE */
  opacity:0.8; /* allgemein */
  -moz-opacity:0.8; /* Mozilla */
  -khtml-opacity:0.8; /* KTHML */
  -opera-opacity:0.8; /* Opera */
   background: #2C251D;
background: #A69179;
  background: -moz-linear-gradient(#227412, #57B442);
  background: -o-linear-gradient(#227412, #57B442);
  background: -webkit-linear-gradient(#000, #A69179);
  text-shadow: none;
}

.ankuend_schrift p
{ float: left;
  font:  100% Arial, Helvetica, sans-serif;
  
  margin: 0px 0 0 0px;
  text-shadow: 0px -1px 0px #000;
  padding: 6px 20px 0 6px;
  background: transparent; 
 
  text-align: left;
  color: #FFF;
  text-decoration: none;}

.ankuend_schrift a 
  { float: left;
  font:  100% Arial, Helvetica, sans-serif;
  
  
  text-align: left;
  
  text-decoration: none;}

  
.ankuend_schrift a:hover
{ color: #000;
  }



.buchen1 { width: 330px;
  height:140px; 
  position: absolute;
  z-index:1;
  padding: 00px;
  text-align: center;
  margin-top: 340px;
  float: left;
  margin-left:30px;
  filter:alpha(opacity=80); /* IE */
  opacity:0.8; /* allgemein */
  -moz-opacity:0.8; /* Mozilla */
  -khtml-opacity:0.8; /* KTHML */
  -opera-opacity:0.8; /* Opera */
   background: #2C251D;
background: #A69179;
  background: -moz-linear-gradient(#227412, #57B442);
  background: -o-linear-gradient(#227412, #57B442);
  background: -webkit-linear-gradient(#000, #A69179);
  text-shadow: none;
  
  
 
}


.buchen2 { width: 250px;
  height:40px; 
  position: absolute;
  z-index:1;
  padding: 00px;
  text-align: center;
  margin: -30px 0px 0px 0px;
  float: left;
  margin-left:600px;
  filter:alpha(opacity=80); /* IE */
  opacity:0.8; /* allgemein */
  -moz-opacity:0.8; /* Mozilla */
  -khtml-opacity:0.8; /* KTHML */
  -opera-opacity:0.8; /* Opera */
   background: #2C251D;
 
}

.buchen_schrift
{ padding: 0 0 0 0px;
  list-style: none;
  margin: 2px 0 0 0;
  display: inline;
  background: transparent;}

.buchen_schrift a
{ float: left;
  font:  140% Arial, Helvetica, sans-serif;
  height: 24px;
  margin: 10px 0 0 20px;
  text-shadow: 0px -1px 0px #000;
  padding: 6px 20px 0 20px;
  background: transparent; 
 
  text-align: center;
  color: #FFF;
  text-decoration: none;} 
  
buchen_schrift.current a
{ color: #fff;
  
  text-shadow: none;}
  
.buchen_schrift a:hover
{ color: #fff;
  background: #A69179;
  background: -moz-linear-gradient(#227412, #57B442);
  background: -o-linear-gradient(#227412, #57B442);
  background: -webkit-linear-gradient(#000, #A69179);
  text-shadow: none;}

#bild_start3
 { width: 900px;
  height: 400px;
  margin: 0 auto;
  text-align: center; 
  margin-top:0px; 
   
    }  
  
#bild_start3 p
 { color: #FFF;}  

#bild_start3 h4
{ text-shadow: none;}
  
.box1
{ width: 250px;
  height:376px; 
  padding: 1px;
  text-align: center;
  margin: 20px 10px 20px 10px;
  float: left;
background: #227412;
  background: -moz-linear-gradient(#57B442, #227412);
  background: -o-linear-gradient(#57B442, #227412);
  background: -webkit-linear-gradient(#2C251D, #705E49);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  margin-left:30px;
 

}

.box2
{ width: 250px;
  height:376px; 
  padding: 1px;
  text-align: center;
  margin: 20px 10px 20px 10px;
  float: left;
background: #227412;
  background: -moz-linear-gradient(#57B442, #227412);
  background: -o-linear-gradient(#57B442, #227412);
  background: -webkit-linear-gradient(#2C251D, #705E49);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
}
 
.box3
{ width: 250px;
  height:376px; 
  padding: 1px;
  text-align: center;
  margin: 20px 10px 20px 10px;
  float: left;
background: #227412;
  background: -moz-linear-gradient(#57B442, #227412);
  background: -o-linear-gradient(#57B442, #227412);
  background: -webkit-linear-gradient(#2C251D, #705E49);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}



#container
 { width: 870px;
  height: 160px;
  margin: 0 auto;
  text-align: center; 
  margin-top:0px; 
    }  
  
#container p
 { color: #FFF;}  

#container h4
{ text-shadow: none;}
  
.container_box1
{ width: 120px;
  height:110px; 
  padding: 20px;
  text-align: center;
  margin: 60px 50px 0px 10px;
  float: left;
background: #227412;
  background: -moz-linear-gradient(#57B442, #227412);
  background: -o-linear-gradient(#57B442, #227412);
  background: -webkit-linear-gradient(#2C251D, #705E49);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  margin-left:30px;

}

.container_box2
{ width: 120px;
  height:110px; 
  padding: 20px;
  text-align: center;
  margin: 60px 50px 0px 10px;
  float: left;
background: #227412;
  background: -moz-linear-gradient(#57B442, #227412);
  background: -o-linear-gradient(#57B442, #227412);
  background: -webkit-linear-gradient(#2C251D, #705E49);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
}
 
.container_box3
{ width: 120px;
  height:110px; 
  padding: 20px;
  text-align: center;
  margin: 60px 50px 0px 10px;
  float: left;
background: #227412;
  background: -moz-linear-gradient(#57B442, #227412);
  background: -o-linear-gradient(#57B442, #227412);
  background: -webkit-linear-gradient(#2C251D, #705E49);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;



}

.container_box4
{ width: 120px;
  height:110px; 
  padding: 20px;
  text-align: center;
  margin: 60px 0px 0px 10px;
  float: left;
background: #227412;
  background: -moz-linear-gradient(#57B442, #227412);
  background: -o-linear-gradient(#57B442, #227412);
  background: -webkit-linear-gradient(#2C251D, #705E49);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;



}





#footer_container
{ height: 95px;
  margin-top: 30px;
  background: #144800;
  background: -moz-linear-gradient(#227412, #144800);
  background: -o-linear-gradient(#227412, #144800);
  background: -webkit-linear-gradient(#2C251D, #705E49);
  } 
 
#footer
{ width: 100%;
  height: 20px;
  padding-top: 20px;
  text-align: center; 
  background: transparent;
  text-shadow: 1px 1px #535353;
  color: #fff;}

#footer a, #footer a:hover
{ text-shadow: 1px 1px #535353;
  color: #fff;
  text-decoration: none;
  padding-bottom: 20px;}

#footer a:hover
{ text-decoration: underline;}

#footer a, #footer a:hover
{ text-shadow: 1px 1px #535353;
  color: #fff;
  text-decoration: none;}

#footer a:hover
{ text-decoration: underline;}
  
 .readmore
{ font: bold 110% Arial, Helvetica, sans-serif;
  height: 15px;
  width: 80px;
  margin-left: 95px;
  padding: 5px 2px 7px 2px;
  background: #fff;
  background: -moz-linear-gradient(#fff, #ccc);
  background: -o-linear-gradient(#fff, #ccc);
  background: -webkit-linear-gradient(#fff, #ccc);
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border: 15px 15px 15px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}
  
 .readmore a
{ color: #1D1D1D;}
 
 .button_small
{ font: normal 110% Arial, Helvetica, sans-serif;
  height: 15px;
  width: 80px;
  padding: 5px 2px 7px 2px;
  background: #1D1D1D;
  background: -moz-linear-gradient(#535353, #1d1d1d);
  background: -o-linear-gradient(#535353, #1d1d1d);
  background: -webkit-linear-gradient(#535353, #1d1d1d);
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border: 15px 15px 15px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}
  
.button_small a
{ color: #FFF;
  padding-left: 5px;}

.form_settings
{ margin: 15px 0 0 0;}

.form_settings p
{ padding: 0 0 4px 0;}

.form_settings span
{ float: left; 
  width: 280px; 
  text-align: left;}
  
.form_settings input, .form_settings textarea
{ padding: 2px; 
  width: 299px; 
  font: 100% arial; 
  border: 1px solid #E5E5DB; 
  background: #FFF; 
  color: #47433F;}
  
.form_settings input[type="checkbox"]
{ padding: 2px 0; 
  width: 15px; 
  font: 100% arial; 
  border: 0; 
  background: #FFF; 
  color: #47433F;
  margin: 28px 0;}

.form_settings .submit
{ font: 100% arial; 
  border: 1px solid; 
  width: 99px; 
  margin: 0 0 0 206px; 
  height: 26px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #5082BD; 
  color: #FFF;}

/* styling for the slideshow on the homepage */
ul.slideshow {
  list-style: none;
  width: 680px;
  height: 250px;
  overflow: hidden;
  position: relative;
  margin: 20px 0 0 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;}
  
ul.slideshow li {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;}
 
ul.slideshow li.show {
  z-index: 500;}
 
ul img {
  border: none;}
 
#slideshow-caption {
  width: 680px;
  height: 38px;
  position: absolute;
  bottom: 0;
  left: 0; 
  z-index: 500;}
 
#slideshow-caption .slideshow-caption-container {
  padding: 10px 25px 10px 25px; 
  background: transparent url(../images/transparent.png) repeat;  
  z-index: 1000;}
 
#slideshow-caption p {
  padding: 0;
  font: normal 130% arial, sans-serif;
  color: #FFF;}



/* Gästebuch */
 
#gbook {
	margin				: 20px 0px 0px 0;
	width				: 800px;
	clear				: both;
       
}

.gb-entry {
	border				: 0px dotted silver;
	margin				: -15px 0 30px 0;
	padding				: 5px;
}

.gb-nr {
	float				: left;
	color				: #666;
	margin				: 0 5px 0 0;
	font-weight			: bold;
	font-size			: 0px;
}

.gb-top {
	font-weight			: normal;
	color				: #333;
	font-size			: 12px;
       margin-bottom:-15px;
}

.gb-text {
	margin				: 0 0 0 0px;
	

}

#gb-links {
	display				: block;
	float				: left;
	padding-bottom		: 25px;
}

#gb-rechts {
	display				: block;
	float				: right;
	padding-bottom		: 25px;
}

.gb-highlight {
	background-color	: #FFC !important;
	border				: 2px dotted #884 !important;
	margin				: 10px 0 10px 0;
	padding				: 5px;
}

input[type="button"], input[type="submit"], button {
	
	font:  100% Arial, Helvetica, sans-serif;
       width: 300px;
       margin-left:	4px;
 
}



form {color:#000;


  width: 800px; /* Breite des Formulars */
  padding: 20px;
  border: 0px solid #ccc;
}
label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */
  margin-left:20px;
}
input,
textarea {
  width: 200px;
    border: 1px solid #8c8c8c;
  margin-bottom: 1em;
  margin-left:20px;
font:  200% Arial, Helvetica, sans-serif;

}

input#name,input#email,input#web,input#eintrag,input#absender,
textarea {
  width: 400px;
    border: 1px solid #8c8c8c;
  margin-bottom: 1em;
  margin-left:20px;
font:  200% Arial, Helvetica, sans-serif;

}




textarea {
  height: 13em;
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
  margin-left:20px;

}
 

/*  XFORM css */

.xform {filter:alpha(opacity=80); /* IE */
  opacity:0.8; /* allgemein */
  -moz-opacity:0.8; /* Mozilla */
  -khtml-opacity:0.8; /* KTHML */
  -opera-opacity:0.8; /* Opera */
   background: #2C251D;
background: #A69179;
  background: -moz-linear-gradient(#227412, #57B442);
  background: -o-linear-gradient(#227412, #57B442);
  background: -webkit-linear-gradient(#2C251D, #705E49);

    clear: both;
    float: left;
    width: 100%;
}
ul.xform {
    float: none;
    width: auto;
}
.xform fieldset {
    clear: both;
}
.xform legend {
    font-weight: bold;
    padding: 7px 5px;
}


/*  --------------------------------------- Warning */

.xform ul.form_warning {
    margin-left:20px;
    color:#f00;
}


/*  --------------------------------------- Container Formelement */
.xform p,
.xform .xform-element,
.xform .formlangtextarea {
        border-bottom: 1px solid #504334;
        float: left;
        margin-bottom: 0em !important;
        margin-top: 0px;
        padding-bottom: 5px;
        padding-top: 5px;
        width: 100%;
}
.xform .formlangtextarea p {
    border-bottom:0;
}
.xform div.formradio p.radio,
.xform div.form_google_geocode p.form_google_geocode {
    width: auto;
}
.xform div.rex-widget p {
    margin-bottom: 0;
    padding-bottom:0;
    border-bottom:0;
}
.xform p.formsubmit {
    margin-bottom: 0;
    padding-bottom:10px;
    border-bottom:0;
}

/*  --------------------------------------- Allgemeines */
.xform div.form_google_geocode .form_google_geocode_map {
    clear: both;
    margin-left: 228px;
}

/*  --------------------------------------- Labels */
.xform label,
.xform span.as-label {
    float: left;
    width: 420px;
    padding-left:6px;
    color:#ffffff;
    
}
.xform label.captcha {
    display: block;
    float: none;
    width: 100%;
}
.xform span.formradio label.radio {
    float: none;
    width: auto;
    padding: 0 1em 0 5px;
}

/*  --------------------------------------- Felder : Allgemein */
.xform input.captcha,
.xform input.inp_disabled,
.xform input.password,
.xform .formtext input.text,
.xform textarea.textarea {
    padding: 2px;
    width: 600px;
    font:  150% Arial, Helvetica, sans-serif;
}
.xform input.captcha {
    width: 80px;
}
/*  Breite = width + padding + border von text */
.xform select.select,
.xform select.multipleselect {
    width: 406px;
}
.xform fieldset,
.xform input.captcha,
.xform input.inp_disabled,
.xform input.password,
.xform .formtext input.text,
.xform textarea.textarea,
.xform select.multipleselect,
.xform .formtable table td input {
    /*border: 1px solid #999;*/
}

.xform textarea.span8,
.xform input.text.span8{
    width: 400px;
}

.xform textarea.span7,
.xform input.text.span7{
    width: 350px;
}

.xform textarea.span6,
.xform input.text.span6{
    width: 300px;
}

.xform textarea.span5,
.xform input.text.span5{
    width: 250px;
}

.xform textarea.span4,
.xform input.text.span4{
    width: 200px;
}

.xform textarea.span3,
.xform input.text.span3{
    width: 150px;
}

.xform textarea.span2,
.xform input.text.span2{
    width: 100px;
}

.xform textarea.span1,
.xform input.text.span1{
    width: 50px;
}

.xform textarea.short1 {
    height: 40px;
}

.xform textarea.short,
.xform textarea.short2 {
    height: 80px;
}

.xform textarea.short3 {
    height: 120px;
}

.xform textarea.short4 {
    height: 160px;
}

.xform textarea.short5 {
    height: 200px;
}

.xform textarea.short6 {
    height: 240px;
}

.xform .formtable table {
    clear: both;
    margin-left: 245px;
}
.xform .formtable table td {
    padding: 0 5px 5px 0;
}

/*  --------------------------------------- Submit */
.xform input.submit {
    margin-left: 227px;
    cursor: pointer;
}

.xform input.submit_short {
  margin-left: 10px;
}

/*  --------------------------------------- Checkbox */
.xform p.formcheckbox input {
    float:left;
    margin-left: 225px;
}

.xform p.formcheckbox label {
    float:left;
    margin-left: 10px;
    width:400px;
}

/*  --------------------------------------- Radio */
.xform .radios input {
    float:left;
    margin-left: 225px;
}

.xform .radios label {
    float:left;
    margin-left: 10px;
    width:400px;
}

/*  --------------------------------------- Fieldset / Legend */

.xform fieldset legend{
    background-color: #DFE9E9;
    /*border: 1px solid #333333;*/
    display: block;
    margin: 0 0 2px 0;
    padding: 7px 6px;
    /*padding: 0 10px;*/
    width: 99%;
}

.xform fieldset {
    /*padding-top:15px;*/
}

/*  --------------------------------------- be_table */

.xform table.rex-xform-be-table {
    width: auto;
    margin-left: 220px;
}



/*  --------------------------------------- Form Lang-textarea */

.xform div.formlangtextarea p {
    float: none;
    width: auto;
    margin: 0;
}
.xform div.formlangtextarea .tabs {
    float: left;
    width: 406px;
}
.xform div.formlangtextarea .tabs ul {
    margin: 0px;
}
.xform div.formlangtextarea .tabs li {
    display: inline;
    margin-right: 5px;
    padding: 0px 5px 0 0;
}
.xform div.formlangtextarea .tabs li a {
    color: #2C8EC0;
    padding:3px;
}
.xform div.formlangtextarea .tabs li a:hover,
.xform div.formlangtextarea .tabs ul.navi-tab li a.active {
    color: #14568A;
    border: 1px solid #999;
    border-bottom:0px;
    background:#fff;
}


/*  --------------------------------------- REX-Widgets */

.xform div.rex-widget-media input{
    background-color:#f90;
    width:200px;
}

.xform div.rex-widget-medialist select{
    background-color:#f90;
    width:244px;
}

/*  --------------------------------------- REX-showHelp */
ul.xform.root {
    -moz-outline-radius: 4px 4px 4px 4px;
    border: 0 none;
    outline: 1px solid #CBCBCB;
    font-family:monospace;
    font-size: 1.2em;
    background:white;
    margin:10px 0 10px 0;
    padding:6px 0 6px 0;
    width:99%;
    overflow:visible;
}
ul.xform li  {
    padding:1px 0 1px 8px;
    list-style-type:none;
}
ul.xform li:last-child  {
    border:0;
}
ul.xform.type {
    display:none;
}
ul.xform.type.extras {
    display:block;
}
ul.xform strong.toggler {
    background:url("../../../redaxo/media/folder_off.gif") no-repeat 0 -1px;
    padding:1px 0 1px 35px;
    margin:0;
    cursor:pointer;
}
ul.xform strong.toggler.opened {
    background:url("../../../redaxo/media/folder_on.gif") no-repeat 0 -1px;
}
ul.xform.type li:nth-child(odd) {
    background:#EFF9F9;
}
ul.xform.type {
    margin:0 0 0 5px;
    padding:0;
    border-left:1px dotted #8B8B8B;
}
ul.xform.type li {
    padding: 2px 0 2px 10px;
    margin:0 0 0 0;
    border-bottom:1px dotted #CBCBCB;
}
ul.xform.type li:hover {
    background:#DFE9E9;
}
ul.xform.type li.extras  {
    padding:10px 0 1px 8px;
    list-style-type:none;
    background:transparent;
}
ul.xform.type li.extras:hover {
    background:transparent;
}
ul.xform.type li:last-child {
    border-bottom:0;
}

/* ----------------------------------- REX corrections */

div.rex-content-block {
        clear: both;
}

#d21-quickbook  {
    witdh: 20px;
    
max-width:900px;
  float: left;
  
  margin: 0 auto;
  height: 200px;
margin-left:-50px;
margin-top:-20px;
  
  
}