body, html {
  /*height:100%;*/
  font-size:0.85em;
  font-family:Arial, Helvetica, Verdana, sans-serif;
}

body {
	text-align:center;
	font-size:0.85em;
	/*font-size:14px;*/
	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/bilder/icons/pfeil_links.gif) no-repeat left;
}

a.internal-link-right{
  padding-right:15px;
  float:right;
  background:url(../user_upload/bilder/icons/pfeil_rechts.gif) no-repeat right;
}

a:hover{
	text-decoration:none;
}

/* sonstige allgemeine Formatierungen */
h1, h2, h3, h4{
  font-weight:bold;
  padding-bottom:3px;
}

h1{
  font-size:1.2em;
  height:25px;
}

h1.graphical_header{
  height:auto;
  width:auto;
  margin-left:1px;
}

h2, h3, h4{
  font-size:1.1em;
}

p{
  padding:3px 3px;
  clear:both;
}

/******** 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;
	position:absolute;
	top:50%;
	left:50%;
	margin:-290px 0pt 0pt -495px;
	*/
	text-align:left;
	
}

#frame {
  width:100%;
  height:100%;	
	background-color:#FFFFFF;
}

/* 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:4px;
  margin-left:22px;
  
  display:none;
}

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;
  
  display:none;
}

#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;
  
  display:none;
}

div#separator{
  width:984px;
  height:8px;
  background-color:#FF6633;
  clear:both;
  margin-top:2px;
  
  display:none;
}

/********* Inhalt unten links **********/
div#left{
  clear:left;
  float:left;
  width:386px;
  height:312px;
  /*padding-right:10px;*/
  background-color:#E9E9E9;
  margin-top:2px;
  /*padding:5px;*/
  
  display:none;
}

div#content{
  width:100%;
  height:100%;
  background-color:#FFFFFF;
  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;
	
	display:none;
	/*
  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:430px;
  padding-left:10px;
  float:left;
  border-right:1px solid #888888;
  /*font-size:0.85em;*/
}

#kontakt fieldset{
  border-width:0px;
}

#kontakt div.row{
  clear:both;
  padding-top:5px;
  line-height:15px;
}

#kontakt div.left{
  float:left;
  /*width:200px;*/
  margin-right:15px;
}

#kontakt div.right{
  float:left;
  /*width:200px;*/ 
}

#kontakt div.submit{
  margin-right:25px;
  float:right;
}

#kontakt label{
  float:left;
  /*clear:both;*/
  display:block;
  width:90px;
  /*margin-bottom:10px;*/
  /*padding-left:10px;*/
}

#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:10px;
  padding:1px;
}

#kontakt input.checkbox{
  float:left;
  width:20px;
  display:block;
  border-width:0px;
}

#kontakt textarea{
  width:400px;
}

#kontakt input.button{
  color:#FFFFFF;
  background-color:#888888;
}

#adresse{
  float:left;
  width:200px;
  /*font-size:0.85em;*/
  margin-left:20px;
}

/*********** Ext: lumogooglemaps **************/
.tx-lumogooglemaps-pi1{
  font-size:0.9em;
}

.tx-lumogooglemaps-pi1 div{
  /*width:100px;*/
  line-height:14px;
}

.tx_lumogooglemaps_pi1_sidebar{
  display:none;
}

/*********** 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;
  
  display:none;
}

/*
#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;*/
  height:auto;
  /*
  left:50%;
  margin:-100px 0pt 0pt -270px;
  position:absolute;
  top:50%;
  vertical-align:bottom;
  */
  width:550px;
}

/*
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;
}

div#content div.two_cols_separator div.col2{
  float:left;
  width:260px;
  height:auto;
  padding-left:10px;
  border-left:3px solid #FF6633;
  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:285px;
  height:100%;
}

div#content div.two_cols div.col2{
  float:left;
  width:285px;
  height:100%;
}

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;
  display:none;
}

/* 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;
  display:none;
}

/* 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;
}
