@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;	
 font-family: 'Open Sans', sans-serif;
 font-size: 16px;
 color: #333333;
 line-height: 20px;
 height: 220px;
 width: 100%;
 background:#93cac7;
 -moz-box-shadow: 1px 1px 8px #444,    inset 0 -2em 1.5em -2em #415c5b; /* Firefox */
 -webkit-box-shadow: 1px 1px 8px #444, inset 0 -2em 1.5em -2em #415c5b; /* Chr, Saf */
 box-shadow: 1px 1px 8px #444,         inset 0 -2em 1.5em -2em #415c5b; /* CSS3 */ }
  
#head_warp { position:relative; clear:both; margin:0px auto; width:1100px; height:220px }
#head_box1 { 
 position:absolute; width:260px; height:100%; top:0px; background:#53aaa5; border-right:1px solid #fff;
 -moz-box-shadow:inset 0 -2em 1.5em -2em #326866; /* Firefox */
 -webkit-box-shadow:inset 0 -2em 1.5em -2em #326866; /* Chr, Saf */
 box-shadow:inset 0 -2em 1.5em -2em #326866; /* CSS3 */ } 
#head_box2 { position:absolute; width:840px; height:100%; float:left; top:0px; left:260px} 

#menu { position:relative; z-index:90; background:#d2dada; 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:relative; width:200px; height:auto; left:30px; top:15px;
 -webkit-animation: spin 60s linear infinite;
 -moz-animation: spin 60s linear infinite;
 animation: spin 60s linear infinite }
 
@-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); } }

.redbox { 
 position:absolute; width:120px; height:75px; left:290px; top:30px; 
 background:#F0322C; 
 -moz-box-shadow: 2px 2px 5px #444, inset 2px 2px 3px #fff; /* Firefox */
 -webkit-box-shadow: 2px 2px 5px #444, inset 2px 2px 3px #fff;/* Chr, Saf */
 box-shadow: 2px 2px 5px #444, inset 2px 2px 3px #fff;/* CSS3 */ }
meg { position:absolute; left:450px; top:45px; font-size: 38px; color:#F0322C } 
saar { position:absolute; left:450px; top:75px; font-size: 18px; color:#F0322C }  
text { position:absolute; left:290px; top:130px; font-size: 18px; color:#000 }
adress { position:absolute; right:20px; text-align:right; top:30px; font-family: 'Open Sans', sans-serif; font-size: 18px; color:#000 }
 
#content{ position: relative; z-index:1; width:1100px; padding: 40px 0px 0 0px; margin:0px auto }
#content2{ position: relative; z-index:1; width: 1100px; 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; 
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 }
.box2{ position:relative; width:230px; padding:20px }
.auswahlbox{ position:relative; width:100%; height:500px; }

.textbox1{ position:relative; text-align:center }
.textbox2{ position:relative; width:400px; padding: 10px 0 0 0 }
.textbox3{ position:relative; z-index:10;}
.textbox4{ position:relative; z-index:10; width:500px; text-shadow: -2px 0 2px white, 0 2px 2px white, 2px 0 2px  white, 0 -2px 2px white}
.textbox50{ position:relative; width:50%; padding: 10px 0 0 0 }
.punkt1{ position:relative; margin-bottom:-4px; width:22px; height:22px} 
.tabpunkt1{ position:relative; top:3px; width:20px; height:20px} 

.icon_kontakt{ margin-bottom:-7px; width:24px; height:24px }
.icon_term1{ width:24px; height:24px }

.img_b1-9{ position:relative; width:200px; height:56px} 
.img_nr{ position:relative; width:80px; height:66px}
.img_kurse{ position:relative; width:140px; height:70px} 
.erickson{ position:relative; width:280px; height:auto}


.imgbox1{ position:relative; text-align:center }

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

.tabelle1{
 width:100%; border:0; border-spacing:0px 0px; border-collapse: collapse;
 box-shadow: 0 8px 6px -6px #888888;
 border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px; }
.tabelle2{
 width:100%; border:0; border-spacing:5px 5px; padding:10px 10px 10px 10px; background:#efefef; /* #eef4f3 */
 box-shadow: 0 8px 6px -6px #888888;
 border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px; }

.td_head1{ width:100%; padding:10px 5px 10px 10px; border-radius: 20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px; -webkit-border-radius: 20px 20px 0px 0px;
 font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight:700; color:#000; text-align:center; background:#d5e4e4; border-bottom: 2px solid #fff; text-shadow: 1px 1px 1px #fff;}
.td_head2{ width:100%; padding:10px 5px 10px 10px; border-radius: 20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px; -webkit-border-radius: 20px 20px 0px 0px;
 font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight:700; color:#333; text-align:center; background:#d5e4e4; border-bottom: 2px solid #fff; text-shadow: 1px 1px 1px #fff;}

.td_foot1{ width:100%; padding:10px 5px 10px 10px; border-radius: 0px 0px 20px 20px; -moz-border-radius: 0px 0px 20px 20px; -webkit-border-radius: 0px 0px 20px 20px;
 font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight:700; color:#000; background:#f3f9f8;}

.td1a{ width:28%; padding:10px 5px 10px 10px; font-family: 'Open Sans', sans-serif; font-size: 16px; color:#333; background:#f3f9f8;}
.td2a{ width:2%; padding:10px 5px 10px 10px; font-family: 'Open Sans', sans-serif; font-size: 18px; color:#333; background:#f3f9f8;}
.td3a{ width:70%; padding:10px 5px 10px 10px; font-family: 'Open Sans', sans-serif; font-size: 14px; color:#444; background:#f3f9f8;}

.td4a{ width:12%; text-align:center; padding:10px 5px 10px 10px; font-family: 'Open Sans', sans-serif; font-size: 16px; color:#444; background:#f3f9f8;}
.td5a{ width:68%; padding:10px 5px 10px 10px; font-family: 'Open Sans', sans-serif; font-size: 16px; color:#444; background:#f3f9f8;}
.td6a{ width:20%; padding:10px 5px 10px 10px; font-family: 'Open Sans', sans-serif; font-size: 14px; color:#444; background:#f3f9f8;}
.td4b{ width:12%; text-align:center; padding:10px 5px 10px 10px; font-family: 'Open Sans', sans-serif; font-size: 16px; color:#444; background:#e6f2f0;}
.td5b{ width:68%; padding:10px 5px 10px 10px; font-family: 'Open Sans', sans-serif; font-size: 16px; color:#444; background:#e6f2f0;}
.td6b{ width:20%; padding:10px 5px 10px 10px; font-family: 'Open Sans', sans-serif; font-size: 14px; color:#444; background:#e6f2f0;}
.td4c{ width:12%; text-align:center; padding:10px 5px 10px 10px; font-family: 'Open Sans', sans-serif; font-size: 16px; color:#444; background:#d5e4e4;}
.td5c{ width:68%; padding:10px 5px 10px 10px; font-family: 'Open Sans', sans-serif; font-size: 16px; color:#444; background:#d5e4e4;}
.td6c{ width:20%; padding:10px 5px 10px 10px; font-family: 'Open Sans', sans-serif; font-size: 14px; color:#444; background:#d5e4e4;}

.td100{ width:100%; padding:10px 5px 10px 10px; background:#f3f9f8;}
.tdneu{ padding:10px 5px 10px 10px; background:#f3f9f8;}

/* 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;
}	

/* Content Box ---------------------------------------------------------------------- */	
.cont_box1 { 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}
.infobox1 { position:relative; width:400px; height:450px; margin:20px; border:1px solid #aaa; padding:10px; }
.box_img1 { position:relative; width:150px; height:auto; }
.box_txt1 { position:relative; font-size:14px; font-weight:normal; font-family: 'Open Sans', sans-serif; color:#666666; text-align:center}


#foot{
 position:relative;
 z-index:90;		
 width: 100%; height: 250px;
 background:#869f9d;
 -moz-box-shadow: 1px -1px 15px #888, inset 0 2em 1em -1.5em #fff; /* Firefox */
 -webkit-box-shadow: 1px -1px 15px #888, inset 0 2em 1em -1.5em #fff; /* Chr, Saf */
 box-shadow: 1px -1px 15px #666888 inset 0 2em 1em -1.5em #fff; /* CSS3 */ 
 margin:0 auto }
#foot_cont{ position:relative; width:1100px; height:250px; margin:0px auto }
footbox { 
 position:absolute; width:260px; height:100%; top:0px; background:#537270; border-right:1px solid #fff;
 -moz-box-shadow: inset 0 2em 1em -1.5em #fff; -webkit-box-shadow: inset 0 2em 1em -1.5em #fff; box-shadow: inset 0 2em 1em -1.5em #fff } 
 
.footlogo { position:absolute; width:220px; height:auto; top:30px; left:290px } 

.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;
 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 }

.text1 { text-shadow: 3px 3px 8px #000; }
.text2 { text-shadow: 2px 2px 5px #000; }
	
/* Effekts ---------------------------------------------------------------------- */	
.btneff { 
  opacity: 0.90; filter: alpha(opacity=90);
  transition-timing-function: cubic-bezier(0.1,0.1,0.1,0.1); 
  transition-property: margin-top;
  transition-duration: 0.4s}
.btneff:hover { margin-top:-20px; opacity:1; filter: alpha(opacity=100);}
	

/* Tablet Querformat --------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen 
  and (min-width: 901px)
  and (max-width: 1100px)
{
#main { position:relative; overflow:hidden; width:100%}		
#head_warp { position:relative; clear:both; margin:0px auto; width:100%; height:220px }
#head_box1 { 
 position:absolute; width:260px; height:100%; top:0px; background:#53aaa5; border-right:1px solid #fff;
 -moz-box-shadow:inset 0 -2em 1.5em -2em #326866; /* Firefox */
 -webkit-box-shadow:inset 0 -2em 1.5em -2em #326866; /* Chr, Saf */
 box-shadow:inset 0 -2em 1.5em -2em #326866; /* CSS3 */ } 
#head_box2 { position:absolute; width:100%; height:100%; float:left; top:0px; left:260px} 
	
#content{ position: relative; z-index:1; width:98%; padding: 40px 10px 0px 10px; margin:0px auto }
#content2{ position: relative; z-index:1; width: 98%; top:100px; padding: 0px 10px 0px 10px; margin:0px auto }  	
	
#foot_cont{ position:relative; width:100%; height:250px; margin:0px auto }
    
/* Content Box ---------------------------------------------------------------------- */	
.cont_box1 { 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}
.infobox1 { position:relative; width:350px; height:450px; margin:20px; border:1px solid #aaa; padding:10px; }
.box_img1 { position:relative; width:150px; height:auto; }
.box_txt1 { position:relative; font-size:14px; font-weight:normal; font-family: 'Open Sans', sans-serif; color:#666666; text-align:center}

}


/* Tablet Hochformat --------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen 
  and (min-width: 751px)
  and (max-width: 900px)
{
#main { position:relative; overflow:hidden; width:100%}	

#head{
 position: relative;
 z-index: 100;	
 height: 200px;
 width: 100%;
 background:#93cac7;
 -moz-box-shadow: 1px 1px 8px #444,    inset 0 -2em 1.5em -2em #415c5b; /* Firefox */
 -webkit-box-shadow: 1px 1px 8px #444, inset 0 -2em 1.5em -2em #415c5b; /* Chr, Saf */
 box-shadow: 1px 1px 8px #444,         inset 0 -2em 1.5em -2em #415c5b; /* CSS3 */ }
	
#head_warp { position:relative; clear:both; margin:0px auto; width:100%; height:200px }
#head_box1 { 
 position:absolute; width:220px; height:100%; top:0px; background:#53aaa5; border-right:1px solid #fff;
 -moz-box-shadow:inset 0 -2em 1.5em -2em #326866; /* Firefox */
 -webkit-box-shadow:inset 0 -2em 1.5em -2em #326866; /* Chr, Saf */
 box-shadow:inset 0 -2em 1.5em -2em #326866; /* CSS3 */ } 
 #head_box2 { position:absolute; width:100%; height:100%; float:left; top:0px; left:260px} 
	
#content{ position: relative; z-index:1; width:97%; padding: 40px 10px 0px 10px; margin:0px auto }
#content2{ position: relative; z-index:1; width: 97%; top:100px; padding: 0px 10px 0px 10px; margin:0px auto }  	
	
#foot_cont{ position:relative; width:100%; height:250px; margin:0px auto }

.logo { 
 position:relative; width:180px; height:auto; left:20px; top:15px;
 -webkit-animation: spin 60s linear infinite;
 -moz-animation: spin 60s linear infinite;
 animation: spin 60s linear infinite }

.redbox { 
 position:absolute; width:100px; height:60px; left:240px; top:20px; 
 background:#F0322C; 
 -moz-box-shadow: 2px 2px 5px #444, inset 2px 2px 3px #fff; /* Firefox */
 -webkit-box-shadow: 2px 2px 5px #444, inset 2px 2px 3px #fff;/* Chr, Saf */
 box-shadow: 2px 2px 5px #444, inset 2px 2px 3px #fff;/* CSS3 */ }
meg { position:absolute; left:365px; top:20px; font-size: 28px; color:#F0322C } 
saar { position:absolute; left:365px; top:45px; font-size: 16px; color:#F0322C }  
text { position:absolute; left:240px; top:120px; font-size: 15px; color:#000 }
adress { position:absolute; right:10px; text-align:right; top:20px; font-family: 'Open Sans', sans-serif; font-size: 15px; letter-spacing:-0.5px; color:#000 }

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

.erickson{ position:relative; width:200px; height:auto}
    
/* Content Box ---------------------------------------------------------------------- */	
.cont_box1 { 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}
.infobox1 { position:relative; width:300px; height:450px; margin:20px; border:1px solid #aaa; padding:10px; }
.box_img1 { position:relative; width:150px; height:auto; }
.box_txt1 { position:relative; font-size:13px; font-weight:normal; font-family: 'Open Sans', sans-serif; color:#666666; text-align:center}

/* Effekts ---------------------------------------------------------------------- */	
.btneff { 
  opacity: 0.90; filter: alpha(opacity=90);
  transition-timing-function: cubic-bezier(0.1,0.1,0.1,0.1); 
  transition-property: margin-top;
  transition-duration: 0.4s}
.btneff:hover { margin-top:0px; opacity:1; filter: alpha(opacity=100);}

/* intro ---------------------------------------------------------------------- */	
#intro {
 position: relative;
 width:100%;
 height:auto;
 top:0px;
 background:#eeeeee; 
 font-weight:normal; font-family: 'Open Sans', sans-serif}

}

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

#head{
 position: relative;
 z-index: 100;	
 height: 160px;
 width: 100%;
 background:#93cac7;
 -moz-box-shadow: 1px 1px 8px #444,    inset 0 -2em 1.5em -2em #415c5b; /* Firefox */
 -webkit-box-shadow: 1px 1px 8px #444, inset 0 -2em 1.5em -2em #415c5b; /* Chr, Saf */
 box-shadow: 1px 1px 8px #444,         inset 0 -2em 1.5em -2em #415c5b; /* CSS3 */ }
	
#head_warp { position:relative; clear:both; margin:0px auto; width:100%; height:160px }
#head_box1 { 
 position:absolute; width:160px; height:100%; top:0px; background:#53aaa5; border-right:1px solid #fff;
 -moz-box-shadow:inset 0 -2em 1.5em -2em #326866; /* Firefox */
 -webkit-box-shadow:inset 0 -2em 1.5em -2em #326866; /* Chr, Saf */
 box-shadow:inset 0 -2em 1.5em -2em #326866; /* CSS3 */ } 
 #head_box2 { position:absolute; width:100%; height:100%; float:left; top:0px; left:260px} 	
	
#content{ position: relative; z-index:1; width:97%; padding: 40px 10px 0px 10px; margin:0px auto }
#content2{ position: relative; z-index:1; width: 97%; top:100px; padding: 0px 10px 0px 10px; margin:0px auto }  	
	
#foot{
 position:relative;
 z-index:90;		
 width: 100%; height: 200px;
 background:#869f9d;
 -moz-box-shadow: 1px -1px 15px #888, inset 0 2em 1em -1.5em #fff; /* Firefox */
 -webkit-box-shadow: 1px -1px 15px #888, inset 0 2em 1em -1.5em #fff; /* Chr, Saf */
 box-shadow: 1px -1px 15px #666888 inset 0 2em 1em -1.5em #fff; /* CSS3 */ 
 margin:0 auto }
#foot_cont{ position:relative; width:100%; height:200px; margin:0px auto }
footbox { 
 position:absolute; width:200px; height:100%; top:0px; background:#537270; border-right:1px solid #fff;
 -moz-box-shadow: inset 0 2em 1em -1.5em #fff; -webkit-box-shadow: inset 0 2em 1em -1.5em #fff; box-shadow: inset 0 2em 1em -1.5em #fff } 
 
.footlogo { position:absolute; width:220px; height:auto; top:30px; left:290px } 

.logo { 
 position:relative; width:140px; height:auto; left:10px; top:13px;
 -webkit-animation: spin 60s linear infinite;
 -moz-animation: spin 60s linear infinite;
 animation: spin 60s linear infinite }

.redbox { 
 position:absolute; width:80px; height:50px; left:175px; top:10px; 
 background:#F0322C; 
 -moz-box-shadow: 2px 2px 5px #444, inset 2px 2px 3px #fff; /* Firefox */
 -webkit-box-shadow: 2px 2px 5px #444, inset 2px 2px 3px #fff;/* Chr, Saf */
 box-shadow: 2px 2px 5px #444, inset 2px 2px 3px #fff;/* CSS3 */ }
meg { position:absolute; left:265px; top:15px; font-size: 24px; color:#F0322C } 
saar { position:absolute; left:265px; top:40px; font-size: 13px; color:#F0322C }  
text { position:absolute; left:175px; top:80px; font-size: 13px; color:#000 }
adress { position:absolute; right:10px; text-align:right; top:10px; font-family: 'Open Sans', sans-serif; font-size: 13px; letter-spacing:-0.8px; color:#000 }

.box1{ position:relative; width:180px; padding:15px }
.box2{ position:relative; width:200px; padding:15px }
.auswahlbox{ position:relative; width:100%; height:100%; }

.erickson{ position:relative; width:200px; height:auto}

/* Content Box ---------------------------------------------------------------------- */	
.cont_box1 { 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}
.infobox1 { position:relative; width:200px; height:500px; margin:10px; border:1px solid #aaa; padding:10px; }
.box_img1 { position:relative; width:150px; height:auto; }
.box_txt1 { position:relative; font-size:12px; font-weight:normal; font-family: 'Open Sans', sans-serif; color:#666666; text-align:center}

/* Effekts ---------------------------------------------------------------------- */	
.btneff { 
  opacity: 0.90; filter: alpha(opacity=90);
  transition-timing-function: cubic-bezier(0.1,0.1,0.1,0.1); 
  transition-property: margin-top;
  transition-duration: 0.4s}
.btneff:hover { margin-top:0px; opacity:1; filter: alpha(opacity=100);}

/* intro ---------------------------------------------------------------------- */	
#intro {
 position: relative;
 width:100%;
 height:auto;
 top:0px;
 background:#eeeeee; 
 font-weight:normal; font-family: 'Open Sans', sans-serif}

}

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

#head{
 position: relative;
 z-index: 100;	
 height: 140px;
 width: 100%;
 background:#93cac7;
 -moz-box-shadow: 1px 1px 8px #444,    inset 0 -2em 1.5em -2em #415c5b; /* Firefox */
 -webkit-box-shadow: 1px 1px 8px #444, inset 0 -2em 1.5em -2em #415c5b; /* Chr, Saf */
 box-shadow: 1px 1px 8px #444,         inset 0 -2em 1.5em -2em #415c5b; /* CSS3 */ }
	
#head_warp { position:relative; clear:both; margin:0px auto; width:100%; height:140px }
#head_box1 { 
 position:absolute; width:140px; height:100%; top:0px; background:#53aaa5; border-right:1px solid #fff;
 -moz-box-shadow:inset 0 -2em 1.5em -2em #326866; /* Firefox */
 -webkit-box-shadow:inset 0 -2em 1.5em -2em #326866; /* Chr, Saf */
 box-shadow:inset 0 -2em 1.5em -2em #326866; /* CSS3 */ } 
#head_box2 { position:absolute; width:100%; height:100%; float:left; top:0px; left:260px} 
 	
#content{ position: relative; z-index:1; width:97%; padding: 40px 0px 0px 0px; margin:0px auto }
#content2{ position: relative; z-index:1; width: 97%; top:60px; padding: 0px 0px 0px 0px; margin:0px auto }  	
	
#foot{
 position:relative;
 z-index:90;		
 width: 100%; height: 200px;
 background:#869f9d;
 -moz-box-shadow: 1px -1px 15px #888, inset 0 2em 1em -1.5em #fff; /* Firefox */
 -webkit-box-shadow: 1px -1px 15px #888, inset 0 2em 1em -1.5em #fff; /* Chr, Saf */
 box-shadow: 1px -1px 15px #666888 inset 0 2em 1em -1.5em #fff; /* CSS3 */ 
 margin:0 auto }
#foot_cont{ position:relative; width:100%; height:200px; margin:0px auto }
footbox { 
 position:absolute; width:160px; height:100%; top:0px; background:#537270; border-right:1px solid #fff;
 -moz-box-shadow: inset 0 2em 1em -1.5em #fff; -webkit-box-shadow: inset 0 2em 1em -1.5em #fff; box-shadow: inset 0 2em 1em -1.5em #fff } 
 
.footlogo { position:absolute; width:220px; height:auto; top:30px; left:290px } 

.logo { 
 position:relative; width:120px; height:auto; left:10px; top:13px;
 -webkit-animation: spin 60s linear infinite;
 -moz-animation: spin 60s linear infinite;
 animation: spin 60s linear infinite }

.redbox { 
 position:absolute; width:80px; height:50px; left:155px; top:10px; 
 background:#F0322C; 
 -moz-box-shadow: 2px 2px 5px #444, inset 2px 2px 3px #fff; /* Firefox */
 -webkit-box-shadow: 2px 2px 5px #444, inset 2px 2px 3px #fff;/* Chr, Saf */
 box-shadow: 2px 2px 5px #444, inset 2px 2px 3px #fff;/* CSS3 */ }
meg { position:absolute; left:260px; top:15px; font-size: 24px; color:#F0322C } 
saar { position:absolute; left:260px; top:40px; font-size: 12px; color:#F0322C }  
text { position:absolute; left:155px; top:70px; font-size: 12px; color:#000 }
adress { display:none }

.textbox50{ position:relative; width:300px; padding: 10px 0 0 0 }

.box1{ position:relative; width:180px; padding:10px }
.box2{ position:relative; width:180px; padding:10px }
.auswahlbox{ position:relative; width:100%; height:100%; }

.erickson{ position:relative; width:200px; height:auto}

.td_head1{ width:100%; padding:10px 5px 10px 10px; border-radius: 20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px; -webkit-border-radius: 20px 20px 0px 0px;
 font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight:700; color:#000; text-align:center; background:#d5e4e4; border-bottom: 2px solid #fff; text-shadow: 1px 1px 1px #fff;}
.td_head2{ width:100%; padding:10px 5px 10px 10px; border-radius: 20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px; -webkit-border-radius: 20px 20px 0px 0px;
 font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight:700; color:#333; text-align:center; background:#d5e4e4; border-bottom: 2px solid #fff; text-shadow: 1px 1px 1px #fff;}

.td_foot1{ width:100%; padding:10px 5px 10px 10px; border-radius: 0px 0px 20px 20px; -moz-border-radius: 0px 0px 20px 20px; -webkit-border-radius: 0px 0px 20px 20px;
 font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight:700; color:#000; background:#f3f9f8;}

.td1a{ width:48%; padding:10px 5px 10px 5px; font-family: 'Open Sans', sans-serif; font-size: 14px; color:#333; background:#f3f9f8;}
.td2a{ width:2%; padding:10px 5px 10px 5px; font-family: 'Open Sans', sans-serif; font-size: 16px; color:#333; background:#f3f9f8;}
.td3a{ width:50%; padding:10px 5px 10px 5px; font-family: 'Open Sans', sans-serif; font-size: 12px; color:#444; background:#f3f9f8;}

.td1a{ width:48%; padding:10px 5px 10px 5px; font-family: 'Open Sans', sans-serif; font-size: 14px; color:#333; background:#f3f9f8;}
.td2a{ width:2%; padding:10px 5px 10px 5px; font-family: 'Open Sans', sans-serif; font-size: 16px; color:#333; background:#f3f9f8;}
.td3a{ width:50%; padding:10px 5px 10px 5px; font-family: 'Open Sans', sans-serif; font-size: 12px; color:#444; background:#f3f9f8;}

.td4a{ width:10%; padding:10px 5px 10px 5px; font-family: 'Open Sans', sans-serif; font-size: 12px; text-align:center; letter-spacing:-0.5px; color:#444; background:#f3f9f8;}
.td5a{ width:55%; padding:10px 5px 10px 5px; font-family: 'Open Sans', sans-serif; font-size: 12px; letter-spacing:-0.5px; color:#444; background:#f3f9f8;}
.td6a{ width:35%; padding:10px 5px 10px 5px; font-family: 'Open Sans', sans-serif; font-size: 12px; letter-spacing:-0.5px; color:#444; background:#f3f9f8;}
.td4b{ width:10%; padding:10px 5px 10px 5px; font-family: 'Open Sans', sans-serif; font-size: 12px; text-align:center; color:#444; background:#e6f2f0;}
.td5b{ width:55%; padding:10px 5px 10px 5px; font-family: 'Open Sans', sans-serif; font-size: 12px; color:#444; background:#e6f2f0;}
.td6b{ width:35%; padding:10px 5px 10px 5px; font-family: 'Open Sans', sans-serif; font-size: 12px; color:#444; background:#e6f2f0;}
.td4c{ width:10%; padding:10px 5px 10px 5px; font-family: 'Open Sans', sans-serif; font-size: 12px; text-align:center; color:#444; background:#d5e4e4;}
.td5c{ width:55%; padding:10px 5px 10px 5px; font-family: 'Open Sans', sans-serif; font-size: 12px; color:#444; background:#d5e4e4;}
.td6c{ width:35%; padding:10px 5px 10px 5px; font-family: 'Open Sans', sans-serif; font-size: 12px; color:#444; background:#d5e4e4;}   

.td100{ width:100%; padding:10px 5px 10px 5px; background:#f3f9f8;}
.tdneu{ padding:10px 5px 10px 5px; background:#f3f9f8;}

/* Content Box ---------------------------------------------------------------------- */	
.cont_box1 { 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}
.infobox1 { position:relative; width:150px; height:500px; margin:10px; border:1px solid #aaa; padding:10px; }
.box_img1 { position:relative; width:150px; height:auto; }
.box_txt1 { position:relative; font-size:10px; font-weight:normal; font-family: 'Open Sans', sans-serif; color:#666666; text-align:center}
    
/* Effekts ---------------------------------------------------------------------- */	
.btneff { 
  opacity: 0.90; filter: alpha(opacity=90);
  transition-timing-function: cubic-bezier(0.1,0.1,0.1,0.1); 
  transition-property: margin-top;
  transition-duration: 0.4s}
.btneff:hover { margin-top:0px; opacity:1; filter: alpha(opacity=100);}

/* intro ---------------------------------------------------------------------- */	
#intro {
 position: relative;
 width:100%;
 height:auto;
 top:0px;
 background:#eeeeee; 
 font-weight:normal; font-family: 'Open Sans', sans-serif}	
}