@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 }

html { width:100%; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100% }

body {
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 background-color:#fff; 
 width:100%; height:100%;
 border:0 none; 
 padding:0;
 margin:0 }	
 
#main { position:relative; width: 100%; margin:0px auto } 
      
#head{
 position: relative;
 z-index: 100;	
 height: 200px;
 width: 100%;
 background:#bcd4b4;
 -moz-box-shadow: 1px 1px 8px #333b31,    inset 0 -2em 1.5em -2em #53534a; /* Firefox */
 -webkit-box-shadow: 1px 1px 8px #333b31, inset 0 -2em 1.5em -2em #53534a; /* Chr, Saf */
 box-shadow: 1px 1px 8px #333b31,         inset 0 -2em 1.5em -2em #53534a; /* CSS3 */ }
  
#head_warp { position:relative; clear:both; margin:0px auto; width:1100px; height:200px }

#maximenuCK {
 position: relative;
 z-index:90;
 width: 100%;
 height:40px;
 margin:0px auto;
 background:#757568;
 border-bottom: 1px solid #fff;
 -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) }  
#menupos{ position:relative; z-index: 90; width:1100px; height:40px; margin:0px auto }

 
@-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

logo { position:absolute; width:380px; height:auto; left:-30px; top:20px;}
redbox { position:absolute; width:14px; height:14px; left:234px; top:62px; background:#F0322C; -moz-box-shadow: 1px 1px 3px #54544a; -webkit-box-shadow: 1px 1px 3px #54544a; box-shadow: 1px 1px 3px #54544a}
text1 { position:absolute; left:230px; top:10px; font-family: 'Open Sans', sans-serif; font-size:32px; font-weight:700; color:#fff }
text2 { position:absolute; left:260px; top:50px; font-family: 'Open Sans', sans-serif; font-size:24px; font-weight:normal; color:#fff }
adress { position:absolute; right:20px; text-align:right; top:20px; font-family: 'Open Sans', sans-serif; font-size: 18px; color:#333 }

ani1 { position:absolute; left:0px; bottom:0px; width:400px; height:auto; opacity: 0.20; filter: alpha(opacity=20)}
/*ani1 { position:absolute; left:184px; top:110px; width:200px; height:auto; opacity: 0.30; filter: alpha(opacity=30);transform: rotate(180deg);transform: scaleY(-1);}*/
 
#content1{ position: relative; z-index:1; width:1100px; text-align:center; padding: 100px 0px 0 0px; margin:0px auto }
#content2{ position: relative; z-index:1; width:1100px; text-align:left; padding: 100px 0px 0 0px; margin:0px auto }  
 
 #data {
 position:relative;
 z-index: 1;
 width: 100%;
 margin:0px auto;
 -moz-box-shadow: 1px 1px 12px #222; /* Firefox */
 -webkit-box-shadow: 1px 1px 12px #222; /* Chr, Saf */
 box-shadow: 1px 1px 12px #222; /* CSS3 */  }

.mixed1 { 
position:relative; 
z-index:90;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;  
-webkit-flex-flow: row wrap;
justify-content: space-around;}
.mixed2 { 
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;}

.box1{ position:relative; width:250px; padding:20px }
.boxgfx{ position: absolute; z-index:100; width:60px; height:60px; left:5px; top:2px; background: url(../layout/flak6_a1.svg); background-repeat: no-repeat; }

.auswahlbox{ position:relative; width:100%; height:800px; }

.textblock1{ position:relative; width:440px; padding:20px }
.imgbox1{ position:relative; width:600px; padding:0 0 40px 20px }
.imgbox2{ position:relative; width:500px; padding:0 0 40px 0px }

.img1100{ position:relative; width:80%; height:auto; }

.redp1 { position:relative; top:3px; width:20px; height:auto; padding: 0 10px 0 0}
.redp2 { position:relative; top:3px; width:20px; height:auto; padding: 0 10px 0 0}
.imgset1 { position:relative; width:300px; height:auto}
.iconset1 { position:relative; width:300px; height:auto}
.iconset2 { position:relative; top:3px; width:20px; height:auto; padding: 0 10px 0 0}
.iconset3 { position:relative; width:700px; height:auto}
.imgbox1{ position:relative; text-align:center }

.tabelle1{ width:100%; vertical-align: top; border:0; border-spacing:0px 0px; border-collapse: collapse;}
.td1a{ width:15%; padding:5px 0 0 0}
.td1b{ width:85%; padding-left:40px; vertical-align: top; font-family: 'Open Sans', sans-serif; font-size: 16px; color:#333;}
.td2a{ width:2%; padding:5px 0 0 0}
.td2b{ width:98%; font-family: 'Open Sans', sans-serif; font-size: 18px; color:#333;}

.cont_bg1{ position:absolute; z-index:1; width:100%; height:auto; bottom:0px; opacity: 0.70; filter: alpha(opacity=70) } 
.cont_bg2{ position:absolute; z-index:1; width:100%; height:auto; bottom:0px; } 


/* Flaired edges, by Tomas Theunissen */
hr.style-1 {
    overflow: visible; /* For IE */
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.style-1:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;}
hr.style-2 { border: none; border-top:1px solid #999999}	


#foot{
 position:relative;
 z-index:90;		
 width: 100%; height: 260px;
 background:#757568;
 -moz-box-shadow: 1px -1px 10px #666, inset 0 2em 1em -1.5em #e9e9e0; /* Firefox */
 -webkit-box-shadow: 1px -1px 10px #666, inset 0 2em 1em -1.5em #e9e9e0; /* Chr, Saf */
 box-shadow: 1px -1px 10px #666 inset 0 2em 1em -1.5em #e9e9e0; /* CSS3 */ 
 margin:0 auto }

.foot_event { position: absolute; width:100%; height:260px; left:0px; bottom:0px; background: url(../layout/foot_s1.png)left top; background-repeat: no-repeat; background-size:cover} 


#foot_cont{ position:relative; width:1100px; height:260px; margin:0px auto }

.web-by { position:relative;} 
.publisher{ position:relative;	z-index:100; width:100%; height:30px; background:#46463e; margin:0 auto }
.publisher_cont{ position:relative; top: 0px; text-align: left; width:1100px; height:30px; margin:0px auto }

.shade1 { -moz-box-shadow: 1px 1px 2px #666; /* Firefox */ -webkit-box-shadow: 1px 1px 2px #666; /* Chr, Saf */ box-shadow: 1px 1px 2px #666; /* CSS3 */ }
.alpha25 { opacity: 0.25; filter: alpha(opacity=25) }
.alpha50 { opacity: 0.50; filter: alpha(opacity=50) }
.alpha75 { opacity: 0.75; filter: alpha(opacity=75) } 

/* intro ---------------------------------------------------------------------- */	
#intro {
 position: relative;
 overflow:hidden;
 width:100%;
 height:auto;
 top:0px;
 left:0px;
 padding:0px;
 margin:0px;
 background:#eeeeee; 
 font-weight:normal; font-family: 'Open Sans', sans-serif}
#noscriptfeld { position:absolute; top:45%; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:38pt; font-weight:bold; width:100%; color:#cccccc }

/* Galerie ---------------------------------------------------------------------- */	
#galerie {
 position: relative;
 overflow:hidden;
 width:100%;
 height:auto;
 top:0px;
 left:0px;
 padding:0px;
 margin:0px;
 font-weight:normal; font-family: 'Open Sans', sans-serif}
	
/* Effekts ---------------------------------------------------------------------- */	
.btneff { 
  opacity: 0.80; filter: alpha(opacity=80);
  transition-timing-function: cubic-bezier(0.1,0.1,0.1,0.1); 
  transition-property: margin-top;
  transition-duration: 0.3s}
.btneff:hover { margin-top:-20px; opacity:1; filter: alpha(opacity=100);}

/* Tablet Querformat --------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen 
  and (min-width: 901px)
  and (max-width: 1120px)
{
#main { position:relative; width:100%; overflow:hidden; margin:0px auto } 

#head{
 position:relative;
 z-index:100;	
 height:180px;
 width:100%;
 background:#bcd4b4;
 -moz-box-shadow: 1px 1px 8px #333b31,    inset 0 -2em 1.5em -2em #53534a; /* Firefox */
 -webkit-box-shadow: 1px 1px 8px #333b31, inset 0 -2em 1.5em -2em #53534a; /* Chr, Saf */
 box-shadow: 1px 1px 8px #333b31,         inset 0 -2em 1.5em -2em #53534a; /* CSS3 */ }	
#head_warp { position:relative; clear:both; margin:0px auto; width:100%; height:180px }

#menupos{ position:relative; z-index: 90; width:100%; height:40px; margin:0px auto }

logo { position:absolute; width:320px; height:auto; left:0px; top:20px;}
redbox { position:absolute; width:14px; height:14px; left:240px; top:62px; background:#F0322C; -moz-box-shadow: 1px 1px 3px #54544a; -webkit-box-shadow: 1px 1px 3px #54544a; box-shadow: 1px 1px 3px #54544a}
text1 { position:absolute; left:235px; top:10px; font-family: 'Open Sans', sans-serif; font-size:32px; font-weight:700; color:#fff }
text2 { position:absolute; left:265px; top:50px; font-family: 'Open Sans', sans-serif; font-size:24px; font-weight:normal; color:#fff }
adress { position:absolute; right:20px; text-align:right; top:20px; font-family: 'Open Sans', sans-serif; font-size: 16px; color:#333 }

#content1{ position: relative; z-index:1; width:98%; text-align:center; padding: 80px 0px 0 0px; margin:0px auto }
#content2{ position: relative; z-index:1; width:98%; text-align:left; padding: 80px 0px 0 0px; margin:0px auto } 

.box1{ position:relative; width:220px; padding:20px }
.auswahlbox{ position:relative; width:100%; height:auto; }

.img1100{ position:relative; width:100%; height:auto; }

#foot_cont{ position:relative; width:100%; height:260px; margin:0px auto }
    
ani1 { position:absolute; left:0px; bottom:0px; width:400px; height:auto; opacity: 0.20; filter: alpha(opacity=20)}
 
/* intro ---------------------------------------------------------------------- */	
#intro { position: relative; overflow:hidden; width:100%; height:auto; top:0px; left:0px; padding:0px; margin:0px; background:#eeeeee; font-weight:normal; font-family: 'Open Sans', sans-serif}
#noscriptfeld { position:absolute; top:45%; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:38pt; font-weight:bold; width:100%; color:#cccccc }
}
	
/* Tablet Hochformat --------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen 
  and (min-width: 751px)
  and (max-width: 900px)
{
#main { position:relative; width:100%; overflow:hidden; margin:0px auto } 

#head{
 position:relative;
 z-index:100;	
 height:180px;
 width:100%;
 background:#bcd4b4;
 -moz-box-shadow: 1px 1px 8px #333b31,    inset 0 -2em 1.5em -2em #53534a; /* Firefox */
 -webkit-box-shadow: 1px 1px 8px #333b31, inset 0 -2em 1.5em -2em #53534a; /* Chr, Saf */
 box-shadow: 1px 1px 8px #333b31,         inset 0 -2em 1.5em -2em #53534a; /* CSS3 */ }	
#head_warp { position:relative; clear:both; margin:0px auto; width:100%; height:180px }

#menupos{ position:relative; z-index: 90; width:100%; height:40px; margin:0px auto }

logo { position:absolute; width:300px; height:auto; left:0px; top:40px;}
redbox { position:absolute; width:14px; height:14px; left:210px; top:57px; background:#F0322C; -moz-box-shadow: 1px 1px 3px #54544a; -webkit-box-shadow: 1px 1px 3px #54544a; box-shadow: 1px 1px 3px #54544a}
text1 { position:absolute; left:205px; top:10px; font-family: 'Open Sans', sans-serif; font-size:28px; font-weight:700; color:#fff }
text2 { position:absolute; left:235px; top:50px; font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:normal; color:#fff }
adress { position:absolute; right:10px; text-align:right; top:20px; font-family: 'Open Sans', sans-serif; font-size: 14px; color:#333 }

#content1{ position: relative; z-index:1; width:98%; text-align:center; padding: 80px 0px 0 0px; margin:0px auto }
#content2{ position: relative; z-index:1; width:98%; text-align:left; padding: 80px 0px 0 0px; margin:0px auto } 

.box1{ position:relative; width:200px; padding:20px }
.auswahlbox{ position:relative; width:100%; height:auto; }

.img1100{ position:relative; width:100%; height:auto; }

#foot_cont{ position:relative; width:100%; height:260px; margin:0px auto }
.web-by { position:relative;} 
.publisher{ position:relative;	z-index:100; width:100%; height:25px; background:#46463e; margin:0 auto }
.publisher_cont{ position:relative; top: 0px; text-align: left; width:1100px; height:25px; margin:0px auto }

 
/* intro ---------------------------------------------------------------------- */	
#intro { position: relative; overflow:hidden; width:100%; height:auto; top:0px; left:0px; padding:0px; margin:0px; background:#eeeeee; font-weight:normal; font-family: 'Open Sans', sans-serif}
#noscriptfeld { position:absolute; top:45%; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:38pt; font-weight:bold; width:100%; color:#cccccc }

}

/* Smartphone Querformat --------------------------------------------------------------------------------------- */
@media only screen 
  and (min-width: 521px)
  and (max-width: 750px)
{
#main { position:relative; width:100%; overflow:hidden; margin:0px auto } 

#head{
 position:relative;
 z-index:100;	
 height:160px;
 width:100%;
 background:#bcd4b4;
 -moz-box-shadow: 1px 1px 8px #333b31,    inset 0 -2em 1.5em -2em #53534a; /* Firefox */
 -webkit-box-shadow: 1px 1px 8px #333b31, inset 0 -2em 1.5em -2em #53534a; /* Chr, Saf */
 box-shadow: 1px 1px 8px #333b31,         inset 0 -2em 1.5em -2em #53534a; /* CSS3 */ }	
#head_warp { position:relative; clear:both; margin:0px auto; width:100%; height:160px }

#menupos{ position:relative; z-index: 90; width:100%; height:40px; margin:0px auto }

logo { position:absolute; width:250px; height:auto; left:10px; top:30px;}
redbox { position:absolute; width:14px; height:14px; left:200px; top:57px; background:#F0322C; -moz-box-shadow: 1px 1px 3px #54544a; -webkit-box-shadow: 1px 1px 3px #54544a; box-shadow: 1px 1px 3px #54544a}
text1 { position:absolute; left:195px; top:10px; font-family: 'Open Sans', sans-serif; font-size:28px; font-weight:700; color:#fff }
text2 { position:absolute; left:225px; top:50px; font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:normal; color:#fff }
adress { display:none }

#content1{ position: relative; z-index:1; width:98%; text-align:center; padding: 80px 0px 0 0px; margin:0px auto }
#content2{ position: relative; z-index:1; width:98%; text-align:left; padding: 80px 0px 0 0px; margin:0px auto } 

.box1{ position:relative; width:200px; padding:20px }
.auswahlbox{ position:relative; width:100%; height:auto; }
.boxgfx{ position: absolute; z-index:100; width:40px; height:40px; left:2px; top:2px; background: url(../layout/flak6_a1.svg); background-repeat: no-repeat; }
    
.img1100{ position:relative; width:100%; height:auto; }

#foot_cont{ position:relative; width:100%; height:260px; margin:0px auto }
.web-by { position:relative;} 
.publisher{ position:relative;	z-index:100; width:100%; height:25px; background:#46463e; margin:0 auto }
.publisher_cont{ position:relative; top:0px; text-align: left; width:1100px; height:25px; margin:0px auto }


ani1 { position:absolute; left:0px; bottom:0px; width:300px; height:auto; opacity: 0.20; filter: alpha(opacity=20)}

/* intro ---------------------------------------------------------------------- */	
#intro { position: relative; overflow:hidden; width:100%; height:auto; top:0px; left:0px; padding:0px; margin:0px; background:#eeeeee; font-weight:normal; font-family: 'Open Sans', sans-serif}
#noscriptfeld { position:absolute; top:45%; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:38pt; font-weight:bold; width:100%; color:#cccccc }		
}



/* Smartphone Hochformat ----------------------------------------------------------------------------------------*/
@media only screen 
  and (min-width: 300px)
  and (max-width: 520px)
{
#main { position:relative; width:100%; overflow:hidden; margin:0px auto } 

#head{
 position:relative;
 z-index:100;	
 height:140px;
 width:100%;
 background:#bcd4b4;
 -moz-box-shadow: 1px 1px 8px #333b31,    inset 0 -2em 1.5em -2em #53534a; /* Firefox */
 -webkit-box-shadow: 1px 1px 8px #333b31, inset 0 -2em 1.5em -2em #53534a; /* Chr, Saf */
 box-shadow: 1px 1px 8px #333b31,         inset 0 -2em 1.5em -2em #53534a; /* CSS3 */ }	
#head_warp { position:relative; clear:both; margin:0px auto; width:100%; height:140px }

#menupos{ position:relative; z-index: 90; width:100%; height:40px; margin:0px auto }

logo { position:absolute; width:220px; height:auto; left:4px; top:30px;}
redbox { position:absolute; width:12px; height:12px; left:160px; top:50px; background:#F0322C; -moz-box-shadow: 1px 1px 3px #54544a; -webkit-box-shadow: 1px 1px 3px #54544a; box-shadow: 1px 1px 3px #54544a}
text1 { position:absolute; left:160px; top:10px; font-family: 'Open Sans', sans-serif; font-size:24px; font-weight:700; color:#fff }
text2 { position:absolute; left:180px; top:45px; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:normal; color:#fff }
adress { display:none }

#content1{ position: relative; z-index:1; width:98%; text-align:center; padding: 80px 0px 0 0px; margin:0px auto }
#content2{ position: relative; z-index:1; width:98%; text-align:left; padding: 80px 0px 0 0px; margin:0px auto } 

.box1{ position:relative; width:150px; padding:20px }
.auswahlbox{ position:relative; width:100%; height:auto; }
.boxgfx{ position: absolute; z-index:100; width:30px; height:30px; left:17px; top:13px; background: url(../layout/flak6_a1.svg); background-repeat: no-repeat; }
    
.img1100{ position:relative; width:100%; height:auto; }

#foot_cont{ position:relative; width:100%; height:260px; margin:0px auto }
.web-by { position:relative;} 
.publisher{ position:relative;	z-index:100; width:100%; height:25px; background:#46463e; margin:0 auto }
.publisher_cont{ position:relative; top:0px; text-align: left; width:1100px; height:25px; margin:0px auto }


ani1 { position:absolute; left:0px; bottom:0px; width:300px; height:auto; opacity: 0.20; filter: alpha(opacity=20)}

/* intro ---------------------------------------------------------------------- */	
#intro { position: relative; overflow:hidden; width:100%; height:auto; top:0px; left:0px; padding:0px; margin:0px; background:#eeeeee; font-weight:normal; font-family: 'Open Sans', sans-serif}
#noscriptfeld { position:absolute; top:45%; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:38pt; font-weight:bold; width:100%; color:#cccccc }		


}