body, html {
  /*height:100%;*/
  font-size:0.85em;
  font-family:Arial, Helvetica, Verdana, sans-serif;
}

body {
	text-align:center;
	font-size:0.85em;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	background-color:#FFE8BA;
	color:#595959;
}

img {
  border-width:0px;
}

/* allgemeine Linkformatierung */
a, a:link, a:visited, a:active {
	text-decoration:underline;
	color:#5A5A5A;
	/*font-weight:bold;*/
}

a.internal-link-left{
  padding-left:15px;
  float:left;
  background:url(../user_upload/icons/pfeil_links.gif) no-repeat left;
}

a.internal-link-right{
  padding-right:15px;
  float:right;
  background:url(../user_upload/icons/pfeil_rechts.gif) no-repeat right;
}

a:hover{
	/*text-decoration:none;*/
	text-decoration:underline;
	color:#FF6633;
}

/* sonstige allgemeine Formatierungen */
h1, h2, h3, h4{
  font-weight:bold;
  padding-left: 3px;
  padding-bottom:3px;
}

h1 {
  font-size:1.2em;
  height:25px;
  margin-top: 14px;
  margin-bottom: -5px;
}

h1.graphical_header{
  height:auto;
  width:auto;
  margin-left:1px;
}

h2, h3, h4{
  font-size:1.1em;
}

p{
  padding:3px 3px;
}

/******** Textformatierung ***************/

/* kursiv */
em{
  font-style:italic;
}

/* fett */
strong{
  font-weight:bold;
}

ul{
  list-style-type:disc;
  /*padding:0px;*/
  /*margin:0px;*/
}

#center{
  width:984px;
	height:570px;
	/*margin-right:auto;*/
	/*margin-left:auto;*/
	/*margin-top:50%;*/
	/*margin-left:50%;*/
	position:absolute;
	top:50%;
	left:50%;
	margin:-290px 0pt 0pt -495px;
	text-align:left;
}

#frame {
	width:984px;
	height:550px;
	/*margin-right:auto;*/
	/*margin-left:auto;*/
	/*margin-top:50%;*/
	/*margin-left:50%;*/
	/*
  position:absolute;
	top:50%;
	left:50%;
	margin:-275px 0pt 0pt -500px;
	*/
  padding:2px;
	text-align:left;
	background-color:#FFFFFF;
	border:1px solid #FF6633;
}

/* Ticker */
div#ticker span.trenner {
	font-weight: bold;
	padding-right: 5px;
	padding-left: 10px;
}

/* newsticker und -src */
div#tickersrc {
	display: none;
}

div#ticker {
	width:358px;
  height:18px;
  float:left;
  color:#FF7D4C;
  font-weight:bold;
  margin-bottom:2px;
  font-size:1.1em;
  padding-top:2px;
  padding-bottom:2px;
  margin-left:22px;
  line-height:18px;
}

div#ticker a{
	text-decoration:underline;
  color:#FF7D4C;
}

div#ticker:hover {
	cursor:default;
}

div#ticker p {
	display:inline;
	margin:0;
	padding:0;
}

span.newsticker-trenner {
	font-weight:bold;
	padding-right:5px;
	padding-left:10px;
}

/*
div.newsticker a {
	text-decoration:underline;
  color:#FF7D4C;
}
*/

/*
div.newsticker:hover {
	cursor:default;
}
*/

/*
div.newsticker p {
	display:inline;
	margin:0;
	padding:0;
}
*/

/*
span.newsticker-trenner {
	font-weight:bold;
	padding-right:5px;
	padding-left:10px;
}
*/

/*************** TOPNAVI **************/

/* Navi oben */
div#topnav{
  width:600px;
  height:22px;
  float:right;
  /*background-color:red;*/
  margin-left:0px;
  margin-bottom:2px;
}

#topnav ul {
  float:right;
}

#topnav ul li{
  float:left;
  width:118px;
  height:22px;
  background-color:#E8E9E9;
  text-align:center;
  margin-left:2px;
  vertical-align:middle;
  line-height:22px;
  /*padding:0px 4px;*/
}

#topnav ul li a{
  color:#5A5A5A;
  text-decoration:none;
  /*padding:0px 4px;*/
  font-weight:normal;
  /*background-color:#E8E9E9;*/
  display:block;
  padding:0px 4px;
}

#topnav ul li a:hover{
  text-decoration:none;
  background-color:#FF6633;
  color:#FFFFFF;
}

/* Container f�r Logo */
div#logo{
  /*margin-top:10px;*/
  /*margin-left:5px;*/
  width:60px;
  height:200px;
  float:left;
  display:none;
  position:absolute;
  top:50px;
  left:350px;
}

div#slideshow{
  width:598px;
  height:202px;
  float:right;
}

div#separator{
  width:984px;
  height:8px;
  background-color:#FF6633;
  clear:both;
  /*margin-top:2px;*/
}

/* IE7 only */
/*
html* div#separator{
  margin-top:0px;
}
*/

/********* Inhalt unten links **********/
div#left{
  clear:left;
  float:left;
  width:386px;
  height:312px;
  /*padding-right:10px;*/
  background-color:#E9E9E9;
  margin-top:2px;
  /*padding:5px;*/
}

div#content{
  float:left;
  width:577px;
  height:290px;
  background-color:#FFFFFF;
  overflow-x:hidden;
  overflow-y:auto;
  position:relative;
  margin-top:2px;
  padding:10px;
  line-height:16px;
}

div#quicknav{
  clear:left;
  /*float:right;*/
  height:20px;
  color:#6A471F;
  font-size:0.8em;
  width:100%;
  line-height:15px;
  width:984px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	padding-top:3px;
	/*
  position:absolute;
	top:695px;
	right:150px;
	*/
}

/***************** NAVIGATION ********************/

ul.navi{
  margin:0px;
  padding:0px;
  list-style-type:none;
  text-align:left;
}


/*************** QUICKNAVI **************/
#quicknav ul {
  float:right;
}

#quicknav ul li{
  float:left;
}

#quicknav ul li a{
  color:#FF6633;
  text-decoration:none;
  padding:0px 4px;
  font-weight:normal;
  font-size:1.0em;
}

#quicknav ul li a:hover{
  text-decoration:underline;
}


/************** KONTAKTFORMULAR ***************/
#kontakt{
  width:400px;
  /*padding-left:10px;*/
  float:left;
  border-right:1px solid #888888;
  /*font-size:0.85em;*/
}

#kontakt fieldset{
  border-width:0px;
}

#kontakt legend{
  font-size:14px;
  font-weight:bold;
  padding-top:10px;
  padding-bottom:10px;
}

#kontakt div.row{
  clear:both;
  padding-top:2px;
  line-height:20px;
  vertical-align:middle;
}

#kontakt div.left{
  float:left;
  /*width:200px;*/
  margin-right:15px;
}

#kontakt div.right{
  float:left;
  /*width:200px;*/ 
}

#kontakt div.wide{
  clear:both;
}

#kontakt div.submit{
  margin-right:21px;
  float:right;
}

#kontakt div.hint{
  clear:both;
  color:#555555;
  font-size:11px;
}

#kontakt div.inline-hint{
  /*width:150px;*/
  color:#555555;
  float:left;
  font-size:11px;
  margin-left:5px;
  width:130px;
}

#kontakt label{
  float:left;
  /*clear:both;*/
  display:block;
  width:80px;
  /*margin-bottom:10px;*/
  /*padding-left:10px;*/
}

#kontakt label.right{
  text-align:left;
  margin-right:5px;
}

#kontakt div.wide label{
  width:140px;
}

#kontakt label.required{
  font-weight:bold;
}

#kontakt label.checkbox{
  width:300px;
}

#kontakt span.error{
  color:#FF0000;
}

#kontakt label.singleline{
  clear:both;
  width:100%;
}

#kontakt input, textarea, select {
  float:left;
  display:block;
  border: 1px solid #888888;
  margin-bottom:5px;
  padding:1px;
}

#kontakt input:focus{
  background-color:#FFE7DF;
}

#kontakt input.radio{
  border-width:0px;
}

#kontakt input.checkbox{
  float:left;
  width:20px;
  display:block;
  border-width:0px;
}

#kontakt div.textarea{
  width:400px;
  margin-top:5px;
  font-family:Arial, Helvetica, Verdana, sans-serif;
}

#kontakt textarea{
  width:380px;
}

#kontakt input.button{
  color:#FFFFFF;
  background-color:#888888;
}

#kontakt div.radio-desc{
  width:140px;
  float:left;
  margin-right:5px;
}

#kontakt div.radio-container{
  width:200px;
  float:left;
}

#kontakt div.radio-button{
  width:250px;
  clear:both;
}

#adresse{
  float:left;
  width:auto;
  /*font-size:0.85em;*/
  margin-left:10px
}

/*********** Ext: lumogooglemaps **************/
.tx-lumogooglemaps-pi1{
  font-size:0.95em;
}

.tx-lumogooglemaps-pi1 div{
  /*width:100px;*/
  line-height:12px;
}

.tx_lumogooglemaps_pi1_sidebar{
  display:none;
}

.tx_lumogooglemaps_pi1_infobox{
  height:auto;
}

/*********** Ext: flash_slideshow **************/
/*
Flash code
To validate XHTML 1.0 Transitional, this is one hack
First, you have to create the following classes in jour CSS
.imgcachee to hide the first alternative image or text (which is for IE only) in other browsers
.contenu to hide the second object  in IE
*/

img.imgcache {display:none;}

/*** hides the second object from all versions of IE ***/
* html object.content {
  display: none;
}

*html img.imgcache {
  display:inline;
}
 /* displays the second object in all versions of IE apart from 5 on PC */
* html object.content/**/ {
  display: inline;
}

* html img.imgcache/**/ {
  display: none;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.content {
  display/**/: none;
}

* html img.imgcache {
  display/**/: inline;
}
/*
See http://realdev1.realise.com/rossa/rendertest/quicktime.html,
See also : http://www.alistapart.com/articles/flashsatay/
*/

/************ HAUPTNAVI ************/

/* Hauptmen� */
/*
div#mainmenu{
  clear:left;
  width:380px;
  height:202px;
  float:left;
  background:url(../layout/navi_bg_verlauf_hor.gif) repeat-y;
  margin-bottom:2px;
}

#mainmenu ul{
  padding:0px;
  margin:0px;
  font-size:1em;
  padding-left:20px;
  list-style-type: none;
  width:180px;
  background:url(../layout/navi_verlauf_vert.gif) no-repeat;
}

#mainmenu ul li{
  display:block;
  height:20px;
  line-height:20px;
  margin-bottom:6px;
}

#mainmenu ul li a{
  color:none;
  display:block;
  padding-left:5px;
  font-weight:normal;
}

#mainmenu a, #mainmenu a:link, #mainmenu a:visited, #mainmenu:active{
  text-decoration:none;
}

#mainmenu a:hover{
  background-color:white;
}
*/

/* 2. Ebene */
/*
#mainmenu ul li ul.submenu1{
  font-size:0.9em;
  padding-left:0px;
  padding-top:5px;
  list-style-type: none;
}

#mainmenu ul li ul.submenu1 a{
  font-weight:normal;
}

#mainmenu ul li ul.submenu1 li{
  border-width:0px;
  border-top:1px dotted #555555;
  padding:5px 0px 5px 0px;
}
*/

/********** FCE-Templates ******************/

/************** FCE: 2 Spalten mit Trennstrich in der Mitte ******/
div#content div.two_cols_separator{
  /*background-color:#CCCCCC;*/
  background:transparent url(../layout/separator.gif) repeat-y scroll 49%;
  height:auto;
  left:50%;
  margin:-100px 0pt 0pt -270px;
  position:absolute;
  top:50%;
  vertical-align:bottom;
  width:550px;
}

div#content div.two_cols_separator img {
    border:1px solid #E9E9E9;
}

/*
div#content div.two_cols_separator div.centerframe{
  background-color:#CCCCCC;
  height:auto;
  left:50%;
  margin:-100px 0pt 0pt -270px;
  position:absolute;
  top:50%;
  vertical-align:bottom;
  width:550px;
  display:none;
}
*/

div#content div.two_cols_separator div.col1{
  float:left;
  width:260px;
  height:auto;
  margin-right:10px;
  padding-top:20px;
  padding-bottom:20px;
  /*border-right:3px solid #FF6633;*/  
}

div#content div.two_cols_separator div.col2{
  float:left;
  width:260px;
  height:auto;
  padding-left:10px;
  
  margin-top:auto;
  margin-bottom:auto;
  padding-top:20px;
  padding-bottom:20px;
}

/*
div#content div.two_cols_separator div.link_container{
  clear:both;
  height:20px;
  width:100%;
  padding-top:20px;
}
*/

/* Container f�r Link nach links */
/*
div#content div.two_cols_separator div.link_container div.graphical_link_left{
  float:left;
  width:50%;
}
*/

/* Container f�r Link nach rechts */
/*
div#content div.two_cols_separator div.link_container div.graphical_link_right{
  float:right;
}
*/

/* Link mit Pfeil nach links */
/*
div#content div.two_cols_separator div.graphical_link_left a{
  padding-left:15px;
  background:url(../user_upload/bilder/icons/pfeil_links.gif) no-repeat left;
}
*/

/* Link mit Pfeil nach rechts */
/*
div#content div.two_cols_separator div.graphical_link_right a{
  padding-right:15px;
  background:url(../user_upload/bilder/icons/pfeil_rechts.gif) no-repeat right;
}
*/

/************ FCE: 2 Spalten ohne Trennstrich ************/
div#content div.two_cols{
  width:570px;
}

div#content div.two_cols div.col1{
  float:left;
  width:280px;
  height:100%;
  padding-right:5px;
}

div#content div.two_cols div.col2{
  float:left;
  width:280px;
  height:100%;
  margin-left:5px;
}

div#content div.two_cols div.col1 headline{

}

div#content div.two_cols div.col2 headline{

}

/* Container f�r grafische Links links und rechts */
/*
div#content div.two_cols div.link_container{
  clear:both;
  height:20px;
  width:100%;
  padding-top:20px;
}
*/

/* Container f�r Link nach links */
/*
div#content div.two_cols div.link_container div.graphical_link_left{
  float:left;
  width:50%;
}
*/

/* Container f�r Link nach rechts */
/*
div#content div.two_cols div.link_container div.graphical_link_right{
  float:right;
}
*/

/* Link mit Pfeil nach links */
/*
div#content div.two_cols div.graphical_link_left a{
  padding-left:15px;
  background:url(../user_upload/bilder/icons/pfeil_links.gif) no-repeat left;
}
*/

/* Link mit Pfeil nach rechts */
/*
div#content div.two_cols div.graphical_link_right a{
  padding-right:15px;
  background:url(../user_upload/bilder/icons/pfeil_rechts.gif) no-repeat right;
}
*/

/********* 2 grafische Links als einzelenes Template *******/
div#content div.link_container{
  clear:both;
  /*height:20px;*/
  /*width:570px;*/
  /*padding-top:20px;*/
  padding:0px 3px;
  display:block;
}

/* Container f�r Link nach links */
div#content div.link_container div.graphical_link_left{
  float:left;
  width:50%;
}

/* Container f�r Link nach rechts */
div#content div.link_container div.graphical_link_right{
  float:right;
}

/* Link mit Pfeil nach links */
div#content div.graphical_link_left a{
  padding-left:15px;
  line-height:20px;
  background:url(../user_upload/bilder/icons/pfeil_links.gif) no-repeat left;
}

/* Link mit Pfeil nach rechts */
div#content div.graphical_link_right a{
  padding-right:15px;
  line-height:20px;
  background:url(../user_upload/bilder/icons/pfeil_rechts.gif) no-repeat right;
}

/******** FCE: 2 Bilder und grafische Headline ************/
div#left div.img_left_header_bottom{
  height:auto;
}

/* Container f�r zwei Bilder */
div#left div.img_left_header_bottom div.images{
  float:right;
  height:100px; 
  margin-top:0px;
}

div#left div.img_left_header_bottom div.img1{
  width:130px;
  height:100px;
  float:left;
  margin-right:2px;
}

div#left div.img_left_header_bottom div.img2{
  width:130px;
  height:100px;
  float:left;
}

div#left div.img_left_header_bottom div.headline{
  width:380px;
  clear:both;
  position:relative;
  bottom:0px;
  left:3px;
  top:172px;
}

/********** iframe *************/
iframe.buchung{
    color:#000000;
}
