@media print
{
div#bannerbox { display:none; }
div.aright { display:none; }
div.aleft { display:none; }
div#topnavbox { display:none; }
div#navbox div#nav { display:none; }
div#navbox div.navB { display:none; }
div#navbox div#adress img { display:none; }
div#servicebox .service { display:none; }
div#servicebox .serviceB { display:none; }
div#service div.serviceA { display:none; }
div#navbox {display:none;}
div#subnavlist { display:none; }
div#bottom { display:none; }
div#fussunten{}
div#site{}
div#contentbox {margin-top:-50px;}
div#content{}
div#site div#contentbox { width:170mm; }
div#site div#servicebox { }
div#servicebox div#service { }
div#adress {margin-top:-200px;}
div.tracker {display:none;}
.dataview {height:auto;}
.more_pic {display:none;}
}

@media screen, handheld
{

div#site div#navbox {
  width:190px;
  float:left;
}

div#site div#navbox a {
  text-decoration:none;
}

div#site div#contentbox {
  width:600px;
  float:left;
  margin-left:5px;
}
div#site div#servicebox {
  width:145px;
  float:right;
  margin-left:5px;
}

div#service a {
  text-decoration:none;
}

div#service div.serviceA {
  border-bottom:1px solid #FF9B11;
  padding:5px;
  font-size: 8pt;
}
div#service{margin-bottom:15px;}
div#servicebox div#service {
  background-color:#FDF3E3;
  border-top:1px solid #FF9B11;
  border-left:1px solid #FF9B11;
  border-right:1px solid #FF9B11;
  border-bottom:none;
}


}
body {
  background-color:#FFFFFF;
  margin: 0px;
  height:100%;
  font-size: 9pt;
  font-family: Arial,Helvetica;
  text-align: center;
  color:#000000;
}
#designbody {
  text-align: left;
}
td {
  font-size: 9pt;
  background-color:#FFFFFF;
  vertical-align:top;
}
th {
  font-size: 9pt;
  text-align: left;
  background-color:#cccccc;
  vertical-align:top;
}
table {
  background-color:#999999;
}
ul {
  list-style-type:disc;
}
a {
  font-family: Arial,Helvetica;
  color:#000000;
  text-decoration:underline;
}
a:hover {
  text-decoration:underline;
}

div#site {
  width:947px;
  margin: 0 auto;
  text-align: left;
}
div#site div#bannerbox {
  width:945px;
}
.aleft{
  float:left;
}
.aright{
  float:right;
}
div.tracker a{color:#000000;}
.tracker{
  color:#000000;
  padding-bottom:5px;
  padding:0px;
  padding-left:15px;
  font-size:7pt;
  line-height:10pt;
  height:35px;
}
div#navbox .tracker div{
}
div#contentbox .tracker div{
}
div#contentbox .tracker a {
}
div#servicebox .tracker div{
}
div#seitegesamt
{
background-image:url('grau.gif')
}
div#site div#topnavbox {
  width:945px;
  background-color:#FFCC80;
  margin-bottom:5px;
  vertical-align:middle;
  clear:both;
}
div#topnavbox div#topnav {
  vertical-align:middle;
  background-color:#e2e2e2;
  color:#000000;
  font-weight:bold;
  text-align:right;
}
div#topnav a {
  text-decoration:none;
}
div#topnav input {
  border:1px solid #aaaaaa;
  font-family: Arial,Helvetica;
  font-size: 9pt;
  margin:0px;
}
div.service a
{
font-size:8pt;
color:#000000;
}
div#topnav a {
  color:#000000;
  font-weight:bold;
}

div#navbox div#nav{border:0px solid #FF9B11;}

.sub1 a {font-size:10pt;color:#000000;}
.sub2 a {font-size:9pt;color:#000000;}
.sub3 a {font-size:8pt;color:#000000;}
.sub4 a {font-size:8pt;color:#000000;}
.sub5 a {font-size:8pt;color:#000000;}
.sub1o a {font-weight:bold;font-size:10pt;color:#000000;}
.sub2o a {font-weight:bold;font-size:9pt;color:#000000;}
.sub3o a {font-weight:bold;font-size:8pt;color:#000000;}
.sub4o a {font-weight:bold;font-size:8pt;color:#000000;}
.sub5o a {font-weight:bold;font-size:8pt;color:#000000;}
/*.linkoben flink, a:visited, a:active {font-size:10pt;color:#000000}*/
div.sub1{padding:6px 3px 6px 12px;padding-left:12px;border-bottom:1px #fff solid;}
div.sub1op{padding:6px 3px 6px 12px;padding-left:12px;border-bottom:1px #fff solid;background-color:#cccccc;}
div.sub2{padding-left:19px;padding-top:6px;padding-bottom:6px;border-bottom:1px #fff solid;line-height:1.2em;}
div.sub3{padding-left:26px;padding-top:4px;padding-bottom:4px;border-bottom:1px #fff solid;line-height:1.2em;}
div.sub4{padding-left:36px;padding-top:2px;padding-bottom:2px;border-bottom:1px #fff solid;line-height:1.2em;}
div.sub5{padding-left:46px;padding-top:2px;padding-bottom:2px;border-bottom:1px #fff solid;line-height:1.2em;}
div.sub1o{padding:6px 3px 6px 12px;padding-left:12px;border:0px;background-color:#cccccc;}
div.sub2o{padding-left:19px;padding-top:6px;padding-bottom:6px;border-bottom:1px #fff solid;line-height:1.2em;}
div.sub3o{padding-left:26px;padding-top:4px;padding-bottom:4px;border-bottom:1px #fff solid;line-height:1.2em;}
div.sub4o{padding-left:36px;padding-top:2px;padding-bottom:2px;border-bottom:1px #fff solid;line-height:1.2em;}
div.sub5o{padding-left:46px;padding-top:2px;padding-bottom:2px;border-bottom:1px #fff solid;line-height:1.2em;}

div.rechts{background-color:#CCCCCC;padding-left:5px;line-height:20px;font-size:11px;}
div.rechts a {text-decoration:none;}

div#navbox div#adress {
  padding:20px 10px 10px 10px;
  font-size:7pt;
}
div#adress {margin-top:10px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; background-color:}

#content h6 {margin-top:0px;line-height:11pt;}

div#content a {font-color:#00d062;}

div#content
{
line-height:150%;
font-size:9pt;
padding-left:15px;
padding-top:10px;
}
div#content span.bild {
  float:right;
}
div#contentbox div#startcontent {
  border:1px solid #FF9B11;
}
div#contentbox div#bottom {
  margin-top:5px;
  padding:5px;
  color:#aaaaaa;
  text-align:right;
}

div#bottom {font-size:7pt;font-weight:bold;}
div#service div.service {
  border-bottom:1px solid #FF9B11;
  padding:5px;
}

div#service div.serviceB {
  border-bottom:1px solid #FF9B11;
  padding:4px;
}
div.navB {
  margin-top:10px;
}
div#service strong {
  font-weight:bold;
  color:#316531;
}
.clearfloat {
  height: 1px;
  clear: both;
  width:100%;
  overflow:hidden;
}
input {
  border:1px solid #aaaaaa;
  font-family: Arial,Helvetica;
  font-size: 10pt;
  margin:0px;
  margin-bottom:3px;
}
textarea {
  border:1px solid #316531;
  font-family: Arial,Helvetica;
  font-size: 10pt;
  margin-bottom:3px;
}
select {
  border:1px solid #316531;
  font-family: Arial,Helvetica;
  font-size: 10pt;
  margin-bottom:3px;
}
h6 {
  margin: 0 0 8px 0;
  font-weight:bold;
  font-size: 11pt;
}
p {
  margin: 0 0 5px 0;
}
hr {
  height:1px;
  color:#316531;
}
form {
  margin:0px;
}
fieldset {
  margin-bottom:10px;
}
fieldset legend {
  color:#000000;
  font-weight:bold;
  margin-bottom:5px;
}
fieldset label {
  width:100px;
  float:left;
}
fieldset br {
  clear:left;
}
.servimg {
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
  margin-bottom:1px;
}

.servimg a {
filter:alpha(opacity=75); 
-moz-opacity: 0.75; 
opacity: 0.75;
}
.servimg a:hover {
filter:alpha(opacity=25); 
-moz-opacity: 0.25; 
opacity: 0.25;
}
.servimg a:active {
filter:alpha(opacity=0); 
-moz-opacity: 0.0; 
opacity: 0.0;
}

#subnavlist {
  padding-top:10px;
  padding-bottom:1px;
  clear:left;
  margin-top:10px;
}
#subnavlist ul { margin: 0px; padding: 0px; }
#subnavlist li {list-style-type: none; padding-left: 0px; }
#subnavlist .subtitle { background-color: #FDF3E3; padding:1px 1px 1px 3px; margin-top:5px; font-weight:bold ; font-size: 8pt; letter-spacing:1pt;}
#subnavlist .subdescr { background-color: #FFFFFF; padding:1px 1px 1px 3px; margin-top:5px; font-size: 8pt; }
.subtitle a { font-weight:bold ; letter-spacing:1pt; }
span.lab { width:150px; font-style:italic; }

#galnav { position:relative; text-align:center; margin:0px auto; }
.gallink { position:relative; text-align:center; width: 135px; margin:5px; }
.galbild { position:relative; padding:5px; display:block; }
.txt8pt { font-size: 8pt; }
.hline { 
  overflow:hidden;
  height:1px;
  background-color:#316531;
  clear:both;
  margin: 2px 0;
}
.galpicright {
background-color: #FFFFFF;
float: right;
width: 150px;
margin: 0 0 5px 10px;
border: 1px solid #FFFFFF;
}
.galpicleft {
background-color: #FFFFFF;
float: left;
width: 150px;
margin: 0 10px 5px 0;
border: 1px solid #FFFFFF;
}
.galpicright div, .galpicleft div {
padding: 2px 4px 3px;
font-size: 0.9em;
font-weight: normal;
}
.galpicright div p, .galpicleft div p {
margin: 0;
}
.gruen
{
color:#316531;
}
.errordiv {height:5px; display:none; color:#ff0000; margin:0 0 13px 0px;}


/*###################### Beginn TabSet ######################*/

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 568px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding-top:0px;
	margin: 0px 1px 0px 0px;
	font: normal 8pt sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 0px #CCC;
	border-bottom: solid 0px #999;
	border-top: solid 0px #999;
	border-right: solid 0px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}



/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #fff;
	font-weight:normal;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 0px #CCC;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	background-color:#fff;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
      line-height:1.7;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

.tab_hg_left {width:5px; height:23px; float:left; background-image:url(tab_hg_left.gif);}
.tab_hg_middle {height:18px; float:left; padding-top:5px; background-image:url(tab_hg_middle.gif);}
.tab_hg_right {width:5px; height:23px; float:left; background-image:url(tab_hg_right.gif);}

.tab_cont_headline {line-height:1.2; font-weight:bold; font-size:10pt; color:#004789;}

/*###################### Ende TabSet ######################*/

.teasertooltip{
position:absolute;
width:200px;
background-color:#FCE9D2;
z-index:10;
color:#000000;
display:none;
top:30px;
left:300px;
padding:5px;
font-size:8pt;
line-hight:1.1em;
opacity:0.85;
-moz-opacity:0.85;
filter:alpha(opacity=85);
}

