@charset "utf-8";

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

html, body {
 width:100%; height:100%;	
 background: #666666; 
 /* background: -webkit-linear-gradient(rgba(000, 000, 000, 0.3), rgba(000, 000, 000, 0.3)), url(../layout/background1c.jpg);*/
 background: url("../layout/bg1/bg_w1.jpg"); 
 background-repeat: no-repeat;
 background-position:center center;
 background-attachment:fixed;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 color: #000000;
 font-size: 12px;
 -moz-text-size-adjust:100%;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
 -o-background-size: cover;
 -moz-background-size: cover;       /* Firefox */
 -webkit-background-size: cover;   /* Safari, Chrome */
 background-size: cover;          /* Opera, IE, W3C Standard */	} 
  
#main { 
 position:relative; overflow:hidden; width:1100px; top:50px; margin:0px auto; border-radius: 30px 30px 0px 0px; -moz-border-radius: 30px 30px 0px 0px; -webkit-border-radius: 30px 30px 0px 0px; border-top: 2px solid #ffffff; 
 -moz-box-shadow: 1px 1px 4px #333; /* Firefox */ -webkit-box-shadow: 1px 1px 4px #333; /* Chr, Saf */ box-shadow: 1px 1px 4px #333; /* CSS3 */ }   

#header {
 position:relative; z-index:100; font-family: 'Open Sans', sans-serif; font-size:16px; line-height:20px; height:180px; width:1100px; margin:0px auto;
 border-radius: 30px 30px 0px 0px; -moz-border-radius: 30px 30px 0px 0px; -webkit-border-radius: 30px 30px 0px 0px; border: 0px solid #000000;
background: rgba(240,240,240,0.5);
background: -moz-linear-gradient(top, rgba(240,240,240,0.5) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,240,240,0.5)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(240,240,240,0.5) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(240,240,240,0.5) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(240,240,240,0.5) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(240,240,240,0.5) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=0 );
}
 
#head_warp { position:relative; margin:0px auto; width:100%; height:100% }	 
#menu { position:relative; z-index:90; background:rgba(250, 250, 250, 0.95); margin:0px auto; width:100%; height:auto; border-top: 1px solid #eee; border-bottom: 1px solid #fff; 
       -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4) }    
    
logo { position:absolute; top:5px; left:20px; width:280px; height:auto}
l-t1 { position:absolute; top:40px; left:300px; font-size:24px; font-family:'Open Sans', sans-serif; font-weight:700; letter-spacing:-1.2px; color:#1136a0 }
l-t2 { position:absolute; top:70px; left:300px; font-size:20px; font-family:'Open Sans', sans-serif; font-weight:400; letter-spacing:-1.2px; color:#1136a0 }
l-t3 { position:absolute; top:80px; left:300px; font-size:16px; font-family:'Open Sans', sans-serif; font-weight:700; letter-spacing:-0.2px; color:#1136a0 }
adrs { position:absolute; top:40px; right:30px; text-align:right; font-size:18px; font-family:'Open Sans', sans-serif; font-weight:normal; letter-spacing:0px; color:#333 }

h-i1 { position:absolute; top:15px; right:350px; text-align:left; font-size:14px; font-family:'Open Sans', sans-serif; font-weight:normal; color:#444 }

#data { position:relative; z-index:1; width:1100px; margin:0px auto; background:#ffffff}
#content1 { position: relative; z-index:20; text-align:left; width: 1040px; padding: 50px 0px 0 30px; margin:0px} 

/* Foot ---------------------------------------------------------------------- */
#foot{ position:relative; z-index:90; width:100%; height: 380px; margin:0 auto; background: rgba(22, 22, 22, 0.70); border-top: 1px solid #aaa; 
       -webkit-box-shadow: 0px -6px 6px -2px rgba(080,080,080,1); -moz-box-shadow: 0px -6px 6px -2px rgba(080,080,080,1); box-shadow: 0px -6px 6px -2px rgba(080,080,080,1) }

#foot_cont{ position:relative; top:30px; text-align:left; width:1100px; height:350px; margin:0px auto;  background: url(../layout/bg_foot1a.svg) left bottom; background-size: 100%; background-repeat: no-repeat; }

.web-by { position:relative;} 
.publisher{ position:relative; z-index:100; width:100%; height:30px; background: rgba(22, 22, 22, 0.80);}
.publisher_cont{ position:relative; top:8px; left:20px; text-align:left; width:1000px; height:20px;  }

.abstand1{ line-height:100px}
.abstand2{ line-height:200px}
.abstand3{ line-height:300px}

.flexbox1 { 
position:relative; 
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;  
-webkit-flex-flow: row wrap;
justify-content: space-around;
margin:0px -4px -4px 0px }
.flexbox2 { 
position:relative; 
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;  
-webkit-flex-flow: row wrap;
justify-content:flex-start}
.flexbox3 { 
position:relative; 
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;  
-webkit-flex-flow: row wrap;
margin:0px -10px -10px 0px }


/* Layouts ------------------------------------------------------------------ */
.ihead { position:relative; top:4px; width:18px; height:auto }
.l-p1 { position:relative; width:14px; height:14px; margin: 2px 10px 0 0; -moz-box-shadow:1px 1px 2px #333333; -webkit-box-shadow:1px 1px 2px #333333; box-shadow:1px 1px 2px #333333 }
.ifoot1 { position:relative; top:5px; width:18px; height:auto}
.i-kf1 { position:relative; z-index:10; width:450px; height:auto; left:0px} 
.ikont1 { position:relative; top:6px; padding-right:6px; width:25px; height:auto }
.flagge1 { position:relative; width:80px; height:80px; padding: 0 5px 0 5px }
.flagge2 { position:relative; width:30px; height:auto; padding: 0}

.icons1 { position:relative; top:5px; width:100px; height:auto }

.picbox1 { position:relative; width:400px; height:560px; margin:0 50px 20px 0}
.picbox2 { position:relative; width:400px; height:560px; margin:0 50px 0px 0}
.picbox3 { position:relative; width:400px; height:480px; margin:0 50px 20px 0}
.txtbox1 { position:relative; width:580px; height:auto }

.cont_bg1{ position:absolute; z-index:5; width:90%; height:auto; right:0px; bottom:-4px; opacity:0.7; filter: alpha(opacity=70) } 
.cont_bg2{ position:absolute; z-index:5; width:70%; height:auto; right:0px; bottom:-4px; opacity:0.7; filter: alpha(opacity=70) } 

/* Tabellen ------------------------------------------------------------------------ */
.tabelle1 { position:relative; width:100%; border:0; border-spacing:0px 0px; border-collapse:collapse; text-align:left; font-family:'Open Sans', sans-serif; font-size:20px; color:#333333;}
.tabelle2 { position:relative; width:500px; text-align:left; font-family:'Open Sans', sans-serif; font-size:20px; color:#333333;}

.tb1a { display: table-cell; vertical-align:text-top; width:2%}
.tb1b { display: table-cell; vertical-align:text-top; width:98%; font-size: 20px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#333}
.tb1c { display: table-cell; vertical-align:text-top; width:98%; font-size: 18px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#AC4643}
.tb2a { display: table-cell; vertical-align:text-top; width:2%}
.tb2b { display: table-cell; vertical-align:text-top; width:20%; font-size: 16px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#4d70d4}
.tb2c { display: table-cell; vertical-align:text-top; width:68%; font-size: 18px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#333333}
.tb3a { display: table-cell; vertical-align:text-top; width:15%; font-size: 20px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#4d70d4}
.tb3b { display: table-cell; vertical-align:text-top; width:5%}
.tb3c { display: table-cell; vertical-align:text-top; width:80%; font-size: 18px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#333333}


.tabp1 { margin-bottom:-5px; padding-right:10px; width:25px; height:25px }
.tabp2 { margin-bottom:-5px; padding-right:5px; width:22px; height:22px }
.impp1 { margin-bottom:-5px; padding-right:10px; width:25px; height:25px }
.zeiten1{ position:relative; top:8px; width:30px; height:30px } 
.zeiten2{ position:relative; top:8px; width:20px; height:20px } 


/* Effekts ---------------------------------------------------------------------- */	
.eff1 { transition: transform 0.4s, filter 0.5s ease-out; -webkit-transition: -webkit-transform 0.4s, filter 0.5s ease-out; transform-origin: 60% 80%; filter: brightness(100%) }
.eff1:hover { transform: scale(0.9) rotate(10deg); filter: brightness(90%) }


/* GFX ---------------------------------------------------------------------- */
img { image-rendering: -webkit-optimize-contrast}
linie1 { display:block; top:0px; width:100%; height:6px; background:#4d70d4; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg);transform: skew(-20deg) }
linie2 { display:block; top:0px; width:50%; height:6px; background:#1136a0; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg);transform: skew(-20deg) } 
linie3 { display:block; top:0px; width:100%; height:1px; background:#333 }

hr.style-1 { border: none; border-top: 2px solid #999999 }

.shade1 { box-shadow:0 8px 10px -4px #333333 }
.border1 { border:1px solid #aaaaaa }

/* intro ---------------------------------------------------------------------- */	
#intro {
 position:relative;
 background: #eeeeee;    
 z-index: 10;
 left:0px;
 width:100%;
 padding: 0px; margin:0px;
 border:0 none; 
 font-family:arial,helvetica,sans-serif,verdana,'Open Sans' }
.introshade { position:absolute; Bottom:-22px}
#noscriptfeld { position:absolute; top:45%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:38pt; font-weight:bold; width:100%; color:#666666 }


/* Tablet Querformat (Landscape) - PC mit geringer Auflösung */
@media only screen
  and (min-width: 991px)
  and (max-width: 1120px)
{  
#main { 
 position:relative; overflow:hidden; width:100%; top:0px; margin:0px auto; border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; border-top: 2px solid #ffffff; 
 -moz-box-shadow: 1px 1px 4px #333; /* Firefox */ -webkit-box-shadow: 1px 1px 4px #333; /* Chr, Saf */ box-shadow: 1px 1px 4px #333; /* CSS3 */ }      
#header { position:relative; z-index:100; height:180px; width:100%; margin:0px auto; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 0px solid #000000 }  

#data { position:relative; z-index:1; width:100%; margin:0px auto; background:#ffffff }
#content1 { position:relative; z-index:20; text-align:left; width:98%; padding: 50px 0px 0 0px; margin:0px auto  } 
    
#foot_cont{ position:relative; top:30px; text-align:left; width:100%; height:350px; margin:0px auto;  background: url(../layout/bg_foot1a.svg) left bottom; background-size: 100%; background-repeat: no-repeat; }
.publisher_cont{ position:relative; top:8px; left:20px; text-align:left; width:100%; height:20px; margin:0px auto }     
  
.picbox1 { position:relative; width:400px; height:560px; margin:0 30px 20px 0} 
.picbox3 { position:relative; width:400px; height:480px; margin:0 30px 20px 0}    
.txtbox1 { position:relative; width:500px; height:auto }
}




/* Tablet Hochformat (Portrait) */
@media only screen
  and (min-width: 768px)
  and (max-width: 990px) 
{  
#main { 
 position:relative; overflow:hidden; width:100%; top:0px; margin:0px auto; border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; border-top: 2px solid #ffffff; 
 -moz-box-shadow: 1px 1px 4px #333; /* Firefox */ -webkit-box-shadow: 1px 1px 4px #333; /* Chr, Saf */ box-shadow: 1px 1px 4px #333; /* CSS3 */ }      
#header { position:relative; z-index:100; height:180px; width:100%; margin:0px auto; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 0px solid #000000 }  

#data { position:relative; z-index:1; width:100%; margin:0px auto; background:#ffffff}
#content1 { position:relative; z-index:20; text-align:left; width:98%; padding: 50px 0px 0 0px; margin:0px auto } 
    
#foot_cont{ position:relative; top:30px; text-align:left; width:100%; height:200px; margin:0px auto }
.publisher_cont{ position:relative; top:8px; left:20px; text-align:left; width:100%; height:20px; margin:0px auto }
    
logo { position:absolute; top:10px; left:0px; width:280px; height:auto;}
l-t1 { position:absolute; top:25px; left:240px; font-size:22px; font-family:'Open Sans', sans-serif; font-weight:700; letter-spacing:-1.3px; color:#1136a0 }
l-t2 { position:absolute; top:50px; left:240px; font-size:20px; font-family:'Open Sans', sans-serif; font-weight:400; letter-spacing:-0.8px; color:#1136a0 }
l-t3 { position:absolute; top:120px; left:200px; font-size:14px; font-family:'Open Sans', sans-serif; font-weight:400; letter-spacing: -0.8px; color:#666 }
adrs { position:absolute; top:30px; right:20px; text-align:right; font-size:16px; font-family:'Open Sans', sans-serif; font-weight:normal; letter-spacing: -1.0px; color:#444 }  

.i-kf1 { position:relative; z-index:10; width:400px; height:auto; left:0px} 
    
.picbox1 { position:relative; width:350px; height:auto; margin:0 20px 10px 0}
.picbox3 { position:relative; width:420px; height:auto; margin:20px 20px 10px 0}
.txtbox1 { position:relative; width:400px; height:auto }
    
/* Tabellen ------------------------------------------------------------------------ */
.tabelle1 { position:relative; width:100%; border:0; border-spacing:0px 0px; border-collapse:collapse; text-align:left; font-family:'Open Sans', sans-serif; font-size:20px; color:#333333;}
.tabelle2 { position:relative; width:700px; text-align:left; font-family:'Open Sans', sans-serif; font-size:22px; color:#333333;}   
.tb1a { display: table-cell; vertical-align:text-top; width:2%}
.tb1b { display: table-cell; vertical-align:text-top; width:98%; font-size: 16px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#333}
.tb2a { display: table-cell; vertical-align:text-top; width:2%}
.tb2b { display: table-cell; vertical-align:text-top; width:20%; font-size: 15px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#4d70d4}
.tb2c { display: table-cell; vertical-align:text-top; width:68%; font-size: 16px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#333333}
.tb3a { display: table-cell; vertical-align:text-top; width:15%; font-size: 20px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#4d70d4}
.tb3b { display: table-cell; vertical-align:text-top; width:5%}
.tb3c { display: table-cell; vertical-align:text-top; width:80%; font-size: 18px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#333333}
    
.zeiten1{ position:relative; top:5px; width:25px; height:25px }   
} 

    
/* Smartphone Querformat (Landscape) */
@media only screen
  and (min-width: 481px)
  and (max-width: 767px) 
{ 
#main { 
 position:relative; overflow:hidden; width:100%; top:0px; margin:0px auto; border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; border-top: 2px solid #ffffff; 
 -moz-box-shadow: 1px 1px 4px #333; /* Firefox */ -webkit-box-shadow: 1px 1px 4px #333; /* Chr, Saf */ box-shadow: 1px 1px 4px #333; /* CSS3 */ }      
#header { position:relative; z-index:100; height:170px; width:100%; margin:0px auto; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 0px solid #000000 }  

#data { position:relative; z-index:1; width:100%; margin:0px auto; background:#ffffff}
#content1 { position:relative; z-index:20; text-align:left; width:97%; padding: 50px 0px 0 0px; margin:0px auto } 
 
.cont_bg1{ position:absolute; z-index:5; width:80%; height:auto; right:0px; bottom:-4px; opacity:0.7; filter: alpha(opacity=70) } 
    
#foot_cont{ position:relative; top:30px; text-align:left; width:100%; height:200px; margin:0px auto }
.publisher_cont{ position:relative; top:8px; left:20px; text-align:left; width:100%; height:20px; margin:0px auto }
    
logo { position:absolute; top:10px; left:0px; width:250px; height:auto;}
l-t1 { position:absolute; top:30px; left:250px; font-size:20px; font-family:'Open Sans', sans-serif; font-weight:700; letter-spacing:-1.3px; color:#1136a0 }
l-t2 { position:absolute; top:50px; left:250px; font-size:18px; font-family:'Open Sans', sans-serif; font-weight:400; letter-spacing:-0.8px; color:#1136a0 }
l-t3 { position:absolute; top:100px; left:160px; font-size:13px; font-family:'Open Sans', sans-serif; font-weight:400; letter-spacing:-0.8px; line-height:1.5; color:#666 }
adrs { display:none }  
 
.ikont1 { position:relative; top:6px; padding-right:6px; width:22px; height:auto } 
.i-kf1 { position:relative; z-index:10; width:350px; height:auto; left:0px}   
.flagge1 { position:relative; width:50px; height:50px; padding: 0 5px 0 5px }      
.l-p1 { position:relative; width:12px; height:12px; margin: 2px 6px 0 0; -moz-box-shadow:1px 1px 2px #333333; -webkit-box-shadow:1px 1px 2px #333333; box-shadow:1px 1px 2px #333333 }   
    
.picbox1 { position:relative; width:300px; height:auto; margin:0 10px 10px 0}
.picbox3 { position:relative; width:300px; height:auto; margin:20px 20px 10px 0}
.txtbox1 { position:relative; width:350px; height:auto }
    
.abstand1{ line-height:50px}
.abstand2{ line-height:100px}
.abstand3{ line-height:200px}
    
/* Tabellen ------------------------------------------------------------------------ */
.tabelle1 { position:relative; width:100%; border:0; border-spacing:0px 0px; border-collapse:collapse; text-align:left; font-family:'Open Sans', sans-serif; font-size:20px; color:#333333;}
.tabelle2 { position:relative; width:100%; text-align:left; font-family:'Open Sans', sans-serif; font-size:18px; color:#333333;}   
.tb1a { display: table-cell; vertical-align:text-top; width:2%}
.tb1b { display: table-cell; vertical-align:text-top; width:98%; font-size: 18px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#333}
.tb1c { display: table-cell; vertical-align:text-top; width:98%; font-size: 16px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#AC4643}
.tb2a { display: table-cell; vertical-align:text-top; width:2%}
.tb2b { display: table-cell; vertical-align:text-top; width:20%; font-size: 15px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#4d70d4}
.tb2c { display: table-cell; vertical-align:text-top; width:68%; font-size: 16px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#333333}
.tb3a { display: table-cell; vertical-align:text-top; width:22%; font-size: 18px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#4d70d4}
.tb3b { display: table-cell; vertical-align:text-top; width:8%}
.tb3c { display: table-cell; vertical-align:text-top; width:70%; font-size: 16px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#333333}   

.tabp1 { margin-bottom:-5px; padding-right:10px; width:22px; height:22px }
.tabp2 { margin-bottom:-5px; padding-right:5px; width:20px; height:20px }
.impp1 { margin-bottom:-5px; padding-right:10px; width:22px; height:22px }
.zeiten1{ position:relative; top:4px; width:20px; height:20px }      
    
.intro_cloud1 { display:none } 
.intro_cloud2 { display:none }
.intro_snow1a { display:none }
.intro_bg1 { display:none }
.intro_bg2 { display:none } 
    
}  

    
/* Smartphone Hochformat (Portrait) */
@media only screen
  and (min-width: 300px)
  and (max-width: 480px)
{   
#main { 
 position:relative; overflow:hidden; width:100%; top:0px; margin:0px auto; border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; border-top: 2px solid #ffffff; 
 -moz-box-shadow: 1px 1px 4px #333; /* Firefox */ -webkit-box-shadow: 1px 1px 4px #333; /* Chr, Saf */ box-shadow: 1px 1px 4px #333; /* CSS3 */ }      
#header { position:relative; z-index:100; height:160px; width:100%; margin:0px auto; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 0px solid #000000 }  

#data { position:relative; z-index:1; width:100%; margin:0px auto; background:#ffffff}
#content1 { position:relative; z-index:20; text-align:left; width:96%; padding: 50px 0px 0 0px; margin:0px auto } 
    
.cont_bg1{ position:absolute; z-index:5; width:80%; height:auto; right:0px; bottom:-4px; opacity:0.7; filter: alpha(opacity=70) } 

#foot{ position:relative; z-index:90; width:100%; height:280px; margin:0 auto; background: rgba(68, 68, 68, 0.95); border-top: 1px solid #aaa; 
       -webkit-box-shadow: 0px -6px 6px -2px rgba(080,080,080,1); -moz-box-shadow: 0px -6px 6px -2px rgba(080,080,080,1); box-shadow: 0px -6px 6px -2px rgba(080,080,080,1) }
#foot_cont{ position:relative; top:30px; text-align:left; width:100%; height:300px; margin:0px auto }
.publisher_cont{ position:relative; top:8px; left:20px; text-align:left; width:100%; height:20px; margin:0px auto }
    
logo { position:absolute; top:10px; left:0px; width:220px; height:auto;}
l-t1 { position:absolute; top:30px; left:220px; font-size:18px; font-family:'Open Sans', sans-serif; font-weight:700; letter-spacing:-1.3px; color:#1136a0 }
l-t2 { position:absolute; top:50px; left:220px; font-size:16px; font-family:'Open Sans', sans-serif; font-weight:400; letter-spacing:-0.8px; color:#1136a0 }
l-t3 { position:absolute; top:95px; left:140px; font-size:12px; font-family:'Open Sans', sans-serif; font-weight:400; letter-spacing:-0.8px; line-height:1.2; color:#666 }
adrs { display:none } 
    
.ikont1 { position:relative; top:6px; padding-right:6px; width:20px; height:auto }
.i-kf1 { position:relative; z-index:10; width:280px; height:auto; left:0px}     
.flagge1 { position:relative; width:60px; height:60px; padding: 0 5px 0 5px }   
.l-p1 { position:relative; width:10px; height:10px; margin: 2px 5px 0 0; -moz-box-shadow:1px 1px 2px #333333; -webkit-box-shadow:1px 1px 2px #333333; box-shadow:1px 1px 2px #333333 }
    
.picbox1 { position:relative; width:200px; height:auto; margin:0 0px 10px 0}
.picbox3 { position:relative; width:200px; height:auto; margin:20px 0px 0px 0}
.txtbox1 { position:relative; width:350px; height:auto }
    
.abstand1{ line-height:50px}
.abstand2{ line-height:100px}
.abstand3{ line-height:200px}
    
/* Tabellen ------------------------------------------------------------------------ */
.tabelle1 { position:relative; width:100%; border:0; border-spacing:0px 0px; border-collapse:collapse; text-align:left; font-family:'Open Sans', sans-serif; font-size:20px; color:#333333;}
.tabelle2 { position:relative; width:100%; text-align:left; font-family:'Open Sans', sans-serif; font-size:16px; color:#333333;}
.tb1a { display: table-cell; vertical-align:text-top; width:2%}
.tb1b { display: table-cell; vertical-align:text-top; width:98%; font-size: 16px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#333}
.tb1c { display: table-cell; vertical-align:text-top; width:98%; font-size: 14px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#AC4643}
.tb2a { display: table-cell; vertical-align:text-top; width:2%}
.tb2b { display: table-cell; vertical-align:text-top; width:20%; font-size: 14px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#4d70d4}
.tb2c { display: table-cell; vertical-align:text-top; width:68%; font-size: 16px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#333333}
.tb3a { display: table-cell; vertical-align:text-top; width:24%; font-size: 16px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#4d70d4}
.tb3b { display: table-cell; vertical-align:text-top; width:6%}
.tb3c { display: table-cell; vertical-align:text-top; width:70%; font-size: 14px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#333333}   

.tabp1 { margin-bottom:-4px; padding-right:10px; width:20px; height:20px }
.tabp2 { margin-bottom:-4px; padding-right:5px; width:18px; height:18px }
.impp1 { margin-bottom:-4px; padding-right:10px; width:20px; height:20px }
.zeiten1{ position:relative; top:3px; width:16px; height:16px }    
    
.intro_cloud1 { display:none } 
.intro_cloud2 { display:none }
.intro_snow1a { display:none }
.intro_bg1 { display:none }
.intro_bg2 { display:none } 
    
}





