ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }
table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }
legend { display:none; }

/* reset */


h1.warning{
color: #007fb3;
height: 30px;
font-size: 14px;
position: absolute;
background-color: #fff;
z-index: 999999;
padding: 10px;
float: left;
top: 10px;
left: 60px;
width: 500px;
border: 3px dashed #007fb3;
}

h1.warning a{
color: #007fb3;
text-decoration: underline;
}

hr{
margin: 0px;
padding: 0px;
}
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}
#007fb3;
ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}


pre			{font-size:1.2em; }

a,
a:hover {
 text-decoration:none; 
 outline: none;
}

/* first for IE 6/7/8 */
@font-face {
  font-family: DINRoundWeb;
  src: url(DINRoundWeb.eot);
}

/* then for Mozilla browsers -> Firefox */
@font-face {
  font-family: DINRoundWeb;
  src: url(../files/DINRoundWeb.woff) format('woff');
}

/* first for IE 6/7/8 */
@font-face {
  font-family: DINRoundWeb-Bold;
  src: url(DINRoundWeb-Bold.eot);
}

/* then for Mozilla browsers -> Firefox */
@font-face {
  font-family: DINRoundWeb-Bold;
  src: url(../files/DINRoundWeb-Bold.woff) format('woff');
}



/* go on with normal style definitions */
body { 
  font-family: DINRoundWeb, sans-serif;
}

strong{
  font-family: DINRoundWeb-Bold, sans-serif;
font-weight: normal;
}

html, body{
        background-color: #FFF;
        color: #000;
        font-size: 11px;
        width: 100.01%;
        height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}



div#wrapper{
        height: auto !important; /* !important-Regel f?r moderne Browser */
        margin: 0 auto; 
        padding: 0 42px 0 42px;
        position: relative;
        width: 912px;
        z-index: 3;
}

div#innerwrap{

}

/* LINKFARBEN */
a, .box a, .video a,.links a, .links{
}

#navigation ul.rex-navi1 li{ 
         display: block;
         float: left;
         width: 131px;
}

#navigation ul.rex-navi1 li#rex-de,
#navigation ul.rex-navi1 li#rex-en{
       width: 66px;
}

#navigation ul.rex-navi1 li#rex-en a,
#navigation ul.rex-navi1 li#rex-en a:hover{
        padding-left: 0px;
}

#navigation ul.rex-navi1 li#rex-home{
        width: 125px;
}

#header{
        float: left;
        height: 60px;
        width: 916px;  
}

#header img{
       float: right;
       padding-top: 30px;
}

#header h2{
        color: #007fb3;
        font-size: 40px;
        float: right;
        padding: 18px 0 0 0;
        margin: 0px;
}

#navigation{
        float: left;
        height: 185px;
        padding: 0 0 20px 0;
        width: 916px;
}

#navigation ul.rex-navi1 {
        float: left;
}

#navigation ul li a{
       color: #535154;
       display: block;
       float: left;
       font-size: 14px;
       height: 25px;
       padding-top: 163px;
       width: 132px;
}

#navigation a:hover{
       color: #333;

}


#navigation ul li#rex-article-6 a:hover{
       padding-left: 10px;
}

#navigation ul.rex-navi1 li a{
        background-repeat: no-repeat;
}

#navigation ul.rex-navi1 li#rex-article-1 a{
        background-image: url(../files/nav_01.png);
}
#navigation ul.rex-navi1 li#rex-article-1 a:hover,
#navigation ul.rex-navi1 li#rex-article-1.rex-current a{
        background-image: url(../files/nav_01_hover.png);
}

#navigation ul.rex-navi1 li#rex-article-2 a{
        background-image: url(../files/nav_02.png);
}
#navigation ul.rex-navi1 li#rex-article-2 a:hover,
#navigation ul.rex-navi1 li#rex-article-2.rex-current a{
        background-image: url(../files/nav_02_hover.png);
}

#navigation ul.rex-navi1 li#rex-article-3 a{
        background-image: url(../files/nav_03.png);
}
#navigation ul.rex-navi1 li#rex-article-3 a:hover,
#navigation ul.rex-navi1 li#rex-article-3.rex-current a{
        background-image: url(../files/nav_03_hover.png);
}

#navigation ul.rex-navi1 li#rex-article-4 a{
        background-image: url(../files/nav_04.png);
}
#navigation ul.rex-navi1 li#rex-article-4 a:hover,
#navigation ul.rex-navi1 li#rex-article-4.rex-current a{
        background-image: url(../files/nav_04_hover.png);
}

#navigation ul.rex-navi1 li#rex-article-5 a{
        background-image: url(../files/nav_05.png);
}
#navigation ul.rex-navi1 li#rex-article-5 a:hover,
#navigation ul.rex-navi1 li#rex-article-5.rex-current a{
        background-image: url(../files/nav_05_hover.png);
}

#navigation ul.rex-navi1 li#rex-de a{
        background-image: url(../files/nav_06.png);
}

#navigation ul.rex-navi1 li#rex-home{
        background-image: url(../files/nav_07.png);
}

#navigation ul.rex-navi1 li a:hover,
#navigation ul.rex-navi1 li.rex-current a{
        color: #FFF;
       padding-left: 10px;
}

#navigation ul li#rex-de a:hover,
#navigation ul li#rex-en a:hover,
#navigation ul li#rex-home a:hover{
       color: #007fb3;
       padding-left: 0px;
}
#navigation ul li#rex-de.rex-current a,
#navigation ul li#rex-en.rex-current a,
#navigation ul li#rex-home.rex-current a{
       color: #007fb3;
       padding-left: 0px;

}

#contentarea{
        width: 914px;
}

#contentarea .l{
        background-image: url(../files/lightblue.png);
        background-repeat: no-repeat;
        float: left;
        margin: 0 7px 0 0;
        min-height: 520px;
        padding: 0 20px 0 20px;
        width: 150px;
}

#contentarea .l h2{
        color: #007fb3;
        font-size: 12px;
        font-weight: bolder;
        padding: 25px 0 0 0;
}
#contentarea .l ul{
        font-size: 13px;
        line-height: 29px;
        padding:35px 0 0 0;
}

#contentarea .m ul{
        line-height: 20px;
        padding:0 0 10px 0;
}



#contentarea .m2 ul li,
#contentarea .m ul li,
#contentarea .l ul li a{
        background-image: url(../files/lightblue_plus.png);
        background-position: 0%;
        background-repeat: no-repeat;
        color: #000;
        font-size: 13px;
        padding-left: 10px;
}

#contentarea .m  ul li,
#contentarea .m  ul li a{
       font-size: 14px;
}

#contentarea #sitemap ul li{
        background-position: 0 4px;
}

#contentarea #sitemap ul li a{
        color: #000;
        text-decoration: none;
}

#contentarea .l ul li a:hover,
#contentarea .l ul li a.rex-current{
        color: #007fb3;
        font-weight: bolder;
}

#contentarea .m{
        background-image: url(../files/lightblue_middle.png);
        background-repeat: no-repeat;
        float: left;
        padding: 0 14px 0 14px;
        margin-right: 7px;
        min-height: 520px;
        width: 425px;
}

#contentarea .m a{
        color: #000;
        text-decoration: underline;
}

#contentarea .m .inner_m,#contentarea .m2 .inner_m{
        height: 520px;
        overflow: auto;
        overflow-x: hidden;
}
#contentarea .m .inner_m{width: 440px;}
#contentarea .m2 .inner_m{width: 703px;}

#contentarea .m h1,
#contentarea .m2 h1{
        font-size: 19px;
        padding: 24px 0 4px 0;
}

#contentarea .m2 h1{
        padding: 24px 0 24px 0;
}
#contentarea .m table,
#contentarea .m p,
#contentarea .r p{
       font-size: 14px;
       line-height: 19px;
       padding: 0 5px 5px 0;
}

#contentarea .m table tr td{
       padding-right: 5px;
}

#contentarea .m p{
       padding: 0 10px 12px 0;
}

#contentarea .m p.bottom{
        font-size: 11px;
        padding-top: 20px;
}

#contentarea .m2{
        background-image: url(../files/lightblue_big.png);
        background-repeat: no-repeat;
        float: left;
        padding: 0 14px 0 14px;
        margin-right: 0px;
        min-height: 520px;
        width: 686px;
}

#contentarea .box{
       float: left;
       padding: 0 0 15px 0;
       width: 420px;
}


#contentarea .m2 .box{
       float: left;
       padding: 0 7px 40px 0;
       width: 330px;
}

#contentarea .box p{
       float: right;
       width: 330px;
}

#contentarea .m2 .box p{
       float: right;
       font-size: 13px;
       line-height: 16px;
       padding: 0 0 7px 0;
       width: 210px;
}

#contentarea .m2 .box p a{
       color: #000;
}

#contentarea .box img{
       float: left;
}

#contentarea .r{
        float: left;
        min-height: 520px;
        width: 256px;
}

#contentarea .r img{
        float: left;
}

#contentarea .r a img{
        opacity: 0.8;
}


#contentarea .r .txtbox p a{
  color: #000;
  text-decoration: underline;
}

#contentarea .r a:hover img{
        opacity: 1;
}

.box table{
font-size: 13px;
padding: 0 0 5px 5px;
}

.box table td{
padding: 0 5px 0 0px;
}

.download, .icon {
        float: left;
        width: 420px;
        padding: 0 0 10px 0;
}

.download .d_l,.download .d_r,
.icon .d_l,.icon .d_r{
       float: left;

}

.download .d_r{
        line-height: 31px;
        padding-left: 10px;
}

.download .d_r a{
        color: #000;
        font-size: 13px;
}

.icon{
        padding-top: 90px;
}

.icon .d_r{
        padding-left: 10px;
}

.icon .d_r h3{
        color: #007fb3;
        font-size: 13px;
        padding-left: 3px;
}


#footer {
        height:20px;
        width: 912px;
        float: left;
        margin: 0 auto; 
        padding: 7px 0 0 0;
}

#footer .l ul{
        padding: 2px 0 0 0;
}

#footer ul li{
       float: left;
       font-size: 13px;
       padding: 0 5px 0 0px;
}

#footer ul li a{
       padding: 0 5px 0 0;
}

#footer ul li,
#footer ul li a{
       color: #60afd0;
}

#footer .l{
       float: left;
       width: 455px;
}

#footer .service .l a{
       color: #a2a4a5;
       font-size: 13px;
       line-height: 30px;
}
#footer .service .r{
       color: #a2a4a5;
       font-size: 14px;
       line-height: 30px;
}

#footer .service{
float: left;
     padding: 10px 0 0 0;
}

#footer .r{
       float: right;
       text-align: right;
       width: 455px;
}

#footer .l a#print,
#footer .l a#print img{
        padding-right: 5px;
}

#footer .r input#search-input{
       background-image: url(../files/inputbg.png);       
       background-repeat: no-repeat;
       border: 0px;
       color: #666;
       font-size: 10px;
       height: 20px;
       padding: 0 0 0 10px;
       width: 193px;
}

#footer p.tags{clear: both;
       padding: 20px 0 0 0;
}

#footer p.tags, #footer p.tags a{
       color: #a2a4a5;
       font-size: 9px;
}


.clearfix:after {
       clear: both;
       content: ".";
       display: block;
       height: 0;
       visibility: hidden;
}

#outerwrap{
       margin: auto; /* Div soll zentriert werden */
       min-height: 100%; /* Mindesth?he f?r moderne Browser */
       height:auto !important; /* Important Regel f?r moderne Browser */
       height:100%; /* Mindesth?he f?r den IE */
       /*overflow: hidden !important; *//* FF Scroll-leiste */ 
}

#bilderstapel {
        float: left;
	background-color: white;
	height:518px;
	width: 912px;
}

#bilderstapel img {
	position:absolute;
	height:518px;
	width: 912px;
	z-index:1;

}

.r #bilderstapel {
	height:256px;
	width: 256px;
}

.r #bilderstapel img {
	height:256px;
	width: 256px;
	z-index:1;
}

.r .txtbox{
       background-image: url(../files/7_bg_r.png);       
       background-repeat: no-repeat;
       float: left;
       height: 232px;
       width: 232px;
       padding: 12px;
}

.r .abstand{
      float: left;
      padding: 8px 0 0 0;
      width: 232px;
}

.r h1{
       color: #007fb3;
       font-size: 19px;
}
#bilderstapel img.obersteebene {
	z-index:3;
}

#bilderstapel img.mittlereebene {
	z-index:2;
}

.adresse{
        background-color: #e0f2f7;
        float: left;
        padding: 24px 0 24px 15px;
        width: 520px;
        margin: 0px;
}

.adresse .a_l,.adresse .a_r{
        float: left;
        width: 250px;
}

.adresse .a_r{
        padding: 32px 0 0 0;
}

#contentarea .adresse h1{
        font-size: 13px;
        padding: 0px;
        line-height: 20px;
}

.searchresults h4 a{
       color: #000;
       text-decoration: underline;
}

.etwas{
       left: 1px;
       position: absolute;
       top: 1px;
       z-index: 5;
}

.pos,.nix{
       height: 124px;
       position: absolute;;
       width: 124px;
       z-index: 4;
}
.pos#p1,
.nix#vr1{
       left: 0px;
       top: 264px;
}

.pos#p2,
.nix#vr2{

       left: 132px;
       top: 264px;
}

.pos#p3,
.nix#vr3{
       left: 0px;
       top: 396px;
}

.pos#p4,
.nix#vr4{
       left: 132px;
       top: 396px;
}

.safari .r .txtbox .cnt-blck-cnt p{
font-size: 9px;

}




.clearer{
        clear: both;
}

.clearfix {display: inline-block;}
        /* Hides from IE-mac \*/
        * html .clearfix {height: 1%;}
        .clearfix {display: block;}
        /* End hide from IE-mac */


/* Responsive-Test 11.11.2018 voxl
#navigation{border: 1px solid red;
        max-width: 90%;overflow: hidden;height: auto;
}
h1.warning{width: 90%;}
.tags{display: none;width: 90%;}
#footer{width: 90%;border: 1px solid orange;height: auto;}
#header{width: 90%;}
#header img{float: left;width: 90%;}
div#wrapper{width: 100%;padding:  0 0 0 0;}
#contentarea{margin: 0 0 0 0; max-width: 90%;}
#contentarea .l{margin: 0 0 0 0; padding: 0 0 0 0;min-width: 90%;min-height: auto;background-color: lightblue;border: 1px solid green;}
#contentarea .m{margin: 0 0 0 0; padding: 0 0 0 0;min-width: 90%;min-height: auto;background-color: lightblue;border: 1px solid green;}

*/