body {
  margin: 0 auto 0 auto;
  position: relative;
  width: 807px;
  font-size: 13px;
  font-family: verdana, sans-serif;
  /*background-color: #00336f;*/
  color: #00336f;
  background-color: #ffffff;
  /*color: #ffffff;*/
}

a, a:visited {
  text-decoration: none;
  color: #00336f;
}

a:hover {
  text-decoration: none;
  color: #a78c48;
}

#header {
  display: block;
  /*float: left;*/
  position: relative;
  width: 807px;
  padding: 11px 0 0 22px;
  background-color: white;
  background-image:url(_img/bg_schatten.gif);
  background-repeat:repeat-y;
}

#logo {
	margin-left: 25px;
}

#header img { display: block; /*float: left;*/ }

#topmenu {
  position: absolute;
  right: 35px;
  top: 90px;
  text-align: right;
  height: 2.1em;
  line-height: 2em;
  font-size: 22px;
  font-family: times, serif;
  }

#topmenu a{
  color: #b69e63;
}

#dtopmenu ul {
  display: block;
  /*float: right;*/
  list-style: none none;
  height: 2em;
  margin: 0;
  padding: 0;
}

#dtopmenu li {
  display: block;
  float: right;
}

#dtopmenu li span { 
  display: block;
  float: left;
  text-align: center;
  padding: 0 15px 0 0;
}

#dtopmenu a#act { 
  color: #b69e63; 
  font-weight: bold;
}

#menu {height:2em; /*width:758px;*/ position:relative;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align: right; padding:1px 1px 0 1px; background:#fff;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline; float: left; position: relative; height: 2em; }
#menu li li {display:inline-block; display:inline;float:none; height: 1.5em; }
#menu ul ul {position:absolute; right:5000px;}
#menu ul#toplevel {position:absolute; right:0; top:0;}

#menu a {display:block;font-size: 1em; line-height:2em; height: 2em; text-decoration:none;padding:0 10px 0 10px;} 

#menu ul li:hover > ul {right:0px; top:2em; margin-right:0px;}
#menu ul ul {/*border: 1px solid #09c;*/ border-top: none; padding: 0;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {right:0px; top:2em;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {/*left:-9999px;*/ right:250px;}

#menu li a:hover {/*background:#b69e63; color:#fff;*/ } 
/*#menu li:hover > a {background:#b69e63; color:#fff;}*/
#menu li a.fly {/*background: url(anywidth/arrow.gif) no-repeat right top;*/}
#menu li a.fly:hover {/*background:#09c url(anywidth/arrow.gif) no-repeat right top;*/} 
#menu li:hover > a.fly {/*background:#09c url(anywidth/arrow.gif) no-repeat right top;*/}

#menu li ul li a {
	font-size: 0.7em;
	border-top: 1px solid #00336f;
	padding: 0 5px;
}

#menu li ul {
	border-bottom: 1px solid #00336f;
}

#menu li ul li a:hover {
	text-decoration: underline;
}


#sectionheader {
  display: block;
  float: left;
  width: 784px;
  height: 3em;
  line-height: 2.5em;
  font-family: verdana;
  font-size: 20px;
  color: #a78c48;
  text-align: right;
  padding-right: 22px;
  background-color: white;
  background-image:url(_img/bg_schatten.gif);
  background-repeat:repeat-y;
}

#content { 
  display: block;
  float: left;
  width: 807px;
  min-height: 290px;
  height: auto !important;
  height: 290px;
 
  padding: 0 0 0 22px;
  background-color: white;
  background-image:url(_img/bg_schatten.gif);
  background-repeat:repeat-y;
}

#left { 
  display: block;
  float: left;
  width: 188px;
  height: auto !important;
  height: 100px;
  min-height: 100px;
  font-size: 13px;
  color: #00336f;
  padding-bottom: 10px;
}

#left ul {
  display: block;
  float: left;
  list-style: none none;
  padding: 0;
  margin: 0;
  
}

#left li {
  display: block;
  float: left;
  width:188px
  
  margin: 0 10px 0 10px !important;
  margin: 0 0 0 5px;
}

#left .teaser_element {
  border-bottom: 1px solid #a78c48;

}

.root {
  width: 188px;
  margin: 0;
  padding: 0 0 15px 0;
  background-image: url(_img/schatten_rechts.gif);
  background-repeat: repeat-y;
  background-position: top;
}

.ul_level1 {
  display: block;
  float: left;
}

.ul_level2 {
  display: block;
  float: left;  
}

#left span {
  text-align: left;
  display: block;
  height: auto !important;
  height: 2em;
  min-height: 2em;
  line-height: 2em;
  float: left;
  padding-left: 15px;
  color: #00336f;
}

.level_border {
  display: block;
  float: left;
  display: block;
  width: 158px !important;
  width: 158px;
  float: left;
  padding: 0 0 0 10px;
  margin: 0;
  border-bottom: 1px solid #a78c48;  
}

.level_ecken { 
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  width: 188px;
  height: 7px;
  background-image: url(_img/schatten_oben.gif);
  background-repeat: no-repeat;*/
}

.act_in_line, .act_in_line a { color: #a78c48; }

.act_left_sub {
  color: #a78c48;
  border-bottom: none;
}

.act_left {
  color: #a78c48;
  border-bottom: 1px solid #a78c48;
}

.border {
  border-bottom: 1px solid #a78c48;
  color: #00336f;
}

.border a, .border span a { color: #00336f; }

#middle {
  display: block;
  float: left;
  width: 504px;
  height: auto !important;
  height: 275px;
  min-height: 290px;
  font-size: 12px;
  color: #666;
  padding: 0 15px 30px 30px;
}

#middle h1 a{
color: #666;
}

#middle h1 a:hover{
text-decoration: underline;
}

#middle img { display: block; float: left; }

#left_teaser h1, #middle h1 {
  font-size: 13px;
  font-weight: bold;
}

#left_teaser h2, #middle h2 {
  font-size: 13px;
  font-weight: normal;
}

#left_teaser h3, #middle h3 {
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
}

#left_teaser h4, #middle h4 {
  font-size: 13px;
  font-weight: bold;
  color: #a78c48;
}

#left_teaser h5, #middle h5 {
  font-size: 13px;
  font-weight: normal;
  color: #a78c48;
}

#footer {
  display: block;
  float: left;
  height: 3em;
  width: 807px;
  color: #00336f;
  font-size: 12px;
  background-color: #fff;
  background-image:url(_img/bg_schatten.gif);
  background-repeat:repeat-y;
}

#footer span {
  display: block;
  float: right;
  width: 200px;
  height: 3em;
  line-height: 3em;
  padding-right: 20px;
  text-align: right;
}

/* CSS STYLED CONTENT */

.teaser_element {
  display: block;
  float: left;
  width: 168px;
  margin-bottom: 11px;
  padding: 5px 10px 5px 10px;
}

#left_teaser {
  display: block;
  float: left;
  margin-bottom: 30px;
}

#leftmenu {
  display: block;
  float: left;
  margin-bottom: 22px;
}

.bodytext a { color:#a78c48; }


.tx-photogals-pi1 {
  display: block;
  float: left;
  width: 100% !important;
}

.tx-photogals-pi1-big {
  display: block;
  float: left;
  margin: 3px 15px 10px 0;
}

.tx-photogals-pi1-big a {
  display: block;
  float: left;
}

.tx-photogals-pi1-big img {
  width: 300px;
}

.tx-photogals-pi1-small {
  display: block;
  float: left;
  margin: 0px;
}

.tx-photogals-pi1-small-active {
  display: block;
  float: left;
  margin: 0px;
}
 
 .clearer { clear: both; }

/* Guschein-Formular */
span.powermail_mandatory {
}

fieldset {
    border: none;
    padding: 0 !important;
    margin: 0 !important;
}

legend {
    display: none;
}

fieldset label {
    display: block;
    float: left;
    width: 150px;
}

div#powermaildiv_uid24 {
    display: block; float: left;
    width: 100%;
    height: 3em;
}

div#powermaildiv_uid24 p {
    display: block;
    float: left;
    width: 100% !important;
    line-height: 1.5em;
}

div#powermaildiv_uid24 div {
    display: block;
    float: left;
    height: 1.5em;
    width: 80px;
    text-align: center;
}

div#powermaildiv_uid24 div label {
    width: auto !important;
}
div#powermaildiv_uid24 div label {
}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	width:745px; 
	height:32px; 
	position:relative; 
	z-index:100;
	border-right:1px solid #000; 
	font-family:arial, sans-serif;
	}


/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:746px; 
	w\idth:745px;
	}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}

.menu ul ul {
	width:149px;
	}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:right;
	width:149px;
	position:relative;
	right: 0px;
	}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none; 
	color:#fff; 
	width:138px; 
	height:30px; 
	border:1px solid #000; 
	border-width:1px 0 1px 1px; 
	/*background:#09c;*/ 
	padding-left:10px; 
	line-height:29px; 
	font-weight:bold;
	}
	
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:149px; 
	w\idth:138px;
	}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#b69e63;
}

/* style the second level hover */
.menu ul ul a.drop:hover{
	background:#b69e63;
}

.menu ul ul :hover > a.drop {
	background:#b69e63;
	}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#b69e63;
	}

/* style the third level hover */
.menu ul ul ul a:hover {background:#b69e63;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;right:0; width:149px;border-top:1px solid #000;}

/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#b69e63; color:#000; height:auto; line-height:0.7em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b69e63;}

.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b69e63;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
