/*
////////////////////////////////////////////////////////////////
//
// style.css Stylesheet fuer die Inhaltsseiten
//
// erstellt durch Grimm Internetservice, 20253 Hamburg, www.grimm-internetservice.de
//
////////////////////////////////////////////////////////////////
//
//
*/

/*################################ Allgemein ################################*/
a {text-decoration: none;}
a:link {color:#333333;}
a:visited {color:#333333;}
a:focus, a:hover, a:active {color:#333333;}
a img {border: 0em;}
form, p, div {margin:0em;padding:0em;}
.clear {clear: both;}
.alignC, .center {text-align:center;}
.alignR {text-align:right;}
.alignL {text-align:left;}
.stern {color:#ff0000;}
.floater {float:left;}
.rahmen {border:1px solid #999999;}

/*################################ unsichtbarer Bereich  ################################*/
.noshow   {width:0em;height:0em;overflow:hidden;display:none;}
.nostyle  {display:none;}
.showstyle  {display:inline;}
.showmobile {display:none;}
.noshowmobile {display:inline;}

/*################################ Schriften ################################*/
p, td, div, span, ul, ol   {font-size:1.0em;font-family:arial,helvetica,sans-serif;color:#333333;}

h1, h2, h3, h4, h5, h6 {margin:0em; padding:0em;font-family:arial,helvetica,sans-serif;font-weight:normal;}
h1, h1 span, h1 a:link, h1 a:visited, h1 a:focus, h1 a:hover, h1 a:active {font-size:1.6em;color:#333333;}
h2, h2 span, h2 a:link, h2 a:visited, h2 a:focus, h2 a:hover, h2 a:active {font-size:1.4em;color:#333333;}
h3, h3 span, h3 a:link, h3 a:visited, h3 a:focus, h3 a:hover, h3 a:active {font-size:1.2em;color:#333333;}
h4, h4 span, h4 a:link, h4 a:visited, h4 a:focus, h4 a:hover, h4 a:active {font-size:1.0em;color:#333333;}
h5, h5 span, h5 a:link, h5 a:visited, h5 a:focus, h5 a:hover, h5 a:active {font-size:0.85em;color:#333333;}
h6, h6 span, h6 a:link, h6 a:visited, h6 a:focus, h6 a:hover, h6 a:active {font-size:0.77em;color:#333333;}

.kapitaelchen {font-variant:small-caps;}

span.zehn {font-size:0.77em;}
span.elf {font-size:0.85em;}
span.zwoelf {font-size:0.92em;}
span.dreizehn {font-size:1.0em;}
span.vierzehn {font-size:1.08em;}
span.fuenfzehn {font-size:1.15em;}
span.sechszehn {font-size:1.23em;}
span.siebzehn {font-size:1.31em;}
span.achtzehn {font-size:1.39em;}
span.neunzehn {font-size:1.46em;}
span.zwanzig {font-size:1.54em;}

.orange {color:#eb7511;}
.hellgrau {color:#666666;}

ul {list-style-type:disc;margin-top:0.4em;padding-top:0.4em;margin-bottom:0em;padding-bottom:0em;}
ul.ulSpace {margin-left:1.15em;padding-left:0.23em;}
li {padding-bottom:0.4em;color:#f69707;}
li span {color:#333333;}

/*################################ layout  ################################*/
.topspace {font-size:1.0em;width:96.0em;height:1.0em;background-color:#ffffff;margin:0em auto 0em auto;}
#pageWrapper {font-size:1.0em;width:96.0em;background-color:#ffffff;margin:0em auto 0em auto;max-height:999%; min-height:99.9%;height:99.9%;}

/*################################ Top  ################################*/
#top {font-size:1.0em;width:96.0em;height:11.0em;position:relative;z-index:9;background-color:#ffffff;}
#top .leftcontent {float:left;width:84.0em;height:11.0em;}
#top .leftcontent .view {width:85.0em;height:1.9em;text-align:left;}
#top .leftcontent .view .screenView {width:15.0em;font-size:1.0em;color:#333333;text-align:right;}
#top .leftcontent .view a.screen  {font-size:1.0em;color:#333333;}
#top .leftcontent .view a.screen1 {font-size:1.3em;color:#333333;}
#top .leftcontent .view a.screen2 {font-size:1.6em;color:#333333;}
#top .leftcontent .view a.screen3 {font-size:2.0em;color:#333333;}
#top .leftcontent .view a.screen4 {font-size:0.77em;color:#333333;}
#top .leftcontent .view a.screen5 {font-size:1.23em;color:#333333;}
#top .leftcontent .view a.screen6 {font-size:1.54em;color:#333333;}
#top .leftcontent .view a.screen7 {font-size:0.81em;color:#333333;}
#top .leftcontent .view a.screen8 {font-size:1.0em;color:#333333;}
#top .leftcontent .view a.screen9 {font-size:1.38em;color:#333333;}
#top .leftcontent .view a.screen10 {font-size:1.2em;color:#333333;}
#top .leftcontent .view a.screenover {color:#eb7511;}

#top .leftcontent .headline {width:80.0em;height:4.4em;font-size:1.0em;padding-top:2.0em;padding-left:5.0em;}
#top .leftcontent .navi {width:85.0em;text-align:right;background-color:#ff0000;}

#top .rightcontent {float:left;width:12.0em;height:11.0em;}
#top .rightcontent .logoPic {margin-left:0.4em;font-size:1.0em;overflow:hidden;position:relative;z-index:11;width:10.6em;height:9.7em;}

#topPic {font-size:1.0em;width:96.0em;height:19.0em;position:relative;z-index:9;background-color:#cbcfd8;}
#topPic .topImgpicture {font-size:1.0em;overflow:hidden;position:relative;z-index:11;width:96.0em;height:19.0em;}

img.hgbildContent {height: 100%; position:absolute; width: 100%; z-index: 1;}

/*################################ Webcontent  ################################*/
#outerColumnContainer {font-size:1.0em;BORDER-LEFT: #ffffff 22.0em solid;WIDTH:74.0em;background-color:#ffffff;margin:-30.0em 0em -2.0em 0em; } 

#innerColumnContainer {font-size:1.0em;z-index:1;position:relative; MARGIN: -30.0em 0em -2.0em -0.1em;WIDTH:74.0em;max-height:700.0em; min-height:69.0em;background-color:#ffffff;}
/* Nur IE */
* html #innerColumnContainer {height:69.0em;}
/* End IE */
.spaceHead {height:30.0em;}

/*################################ leftColumn ################################*/
#leftColumn {font-size:1.0em;background-color:#ffffff;z-index:4;position:relative; FLOAT: left; MARGIN: 0em 0.1em 0em -21.9em; WIDTH: 21.9em;height:37.0em;}/* margin rechts 1 muss sein  */

/*################################ middleColumn ################################*/
#contentColumn {font-size:1.0em;background-color:#ffffff;text-align:left;z-index:5;position:relative; FLOAT: left; MARGIN: 0em 0em 0em -0.1em; WIDTH: 73.8em;}/* margin links -1 muss sein  */

/*################################ Content Inhaltsseiten background-color:#ff0000;  ################################*/
#contentColumn .distance {font-size:1.3em;width:50.8em;margin:2.1em 1.0em 1.8em 4.0em;position:relative;z-index:9;}
#contentColumn, #contentColumn p, #contentColumn div, #contentColumn td, #contentColumn span, #contentColumn h1  {line-height:160%;}
#contentColumn .distance .qrpic {font-size:1.0em;margin-left:4.1em;overflow:hidden;position:relative;z-index:11;width:40.0em;height:11.2em;}
#contentColumn .distance .left {font-size:1.0em;width:16.1em;float:left;}
#contentColumn .distance .middle {font-size:1.0em;width:16.1em;float:left;padding: 0em 1.2em 0em 1.2em;}
#contentColumn .distance .right {font-size:1.0em;width:16.1em;float:left;}
#contentColumn .distance .middleLeft {font-size:1.0em;width:24.2em;float:left;padding-right:1.1em;}
#contentColumn .distance .middleLeft .mobilepic {font-size:1.0em;overflow:hidden;position:relative;z-index:11;width:23.1em;height:18.7em;}
#contentColumn .distance .middleRight {font-size:1.0em;width:24.2em;float:left;padding-left:1.1em;}
#contentColumn .distance .middleRight .klpic {margin-left:2.0em;font-size:1.0em;overflow:hidden;position:relative;z-index:11;width:20.15em;height:15.39em;}
#contentColumn .distance .refPic {margin:0em auto;font-size:1.0em;overflow:hidden;position:relative;z-index:11;width:24.4em;height:14.2em;}
#contentColumn .distance .refL {font-size:1.0em;width:5.0em;float:left;}
#contentColumn .distance .refR {font-size:1.0em;width:45.0em;float:left;}

/* Kontaktformular */
#formContact {font-size:1.0em;background-color:#ffffff;padding:0em 0em;display:block;}
#formContact fieldset {font-size:1.0em;border:0.1em solid #f9a51b;padding-left:0.3em;padding-bottom:0.5em;}
#formContact legend   {font-size:1.0em;font-weight:bold;color:#f69707;}
#formContact label    {font-size:1.0em;width:6.0em;float:left;}
#formContact .inputs    {font-size:1.0em;width:16.0em;height:1.2em;float:left;background-color:#ffffff;margin:0.2em 0em 0.2em 0em;border:0.1em solid #999999;}
#formContact .textareas {font-size:1.0em;font-family:arial,helvetica;width:23.0em;background-color:#ffffff;height:11.5em;border:0.1em solid #999999;}
#formContact .sendButton {font-size:1.0em;color:#304866;width:9.0em;background-color:#ffffff;border:0.1em solid #999999;}
.stern      {color:#ff0000}
/* end Kontaktformular */

/*################################ Footer ################################*/
.spaceFooter  {height:2.0em;} 
#footer       {font-size:1.2em;background-color:#a2a2a2;color:#ffffff;width:80.0em;height:1.4em;z-index:9;position:relative;text-align:center;padding-top:0.3em;}
#footer a {color:#ffffff;}