/* Font downloaded from FontsForWeb.com */
@font-face {
         font-family: 'SansProLight';
         src: url('../font/SourceSansPro-Light.ttf') format('truetype');
}



body {-webkit-text-size-adjust:none;}
header,footer, nav, section {display:block;}

a:link, a:visited{font-size:14px; color:#0000EE; text-decoration:none; font-family:calibri, arial, sans-serif, helvetica;}
a:hover, a:focus, a:active{color:#681664; text-decoration:underline;}

html, body{margin:0; padding:0; width:100%; height:100%; background:#ffffff;}
body {font-family:'SansProLight', calibri, arial, sans-serif, helvetica; color:#333; overflow-x:hidden; overflow-y:auto;}

input[type="text"], input[type="button"] {width:50%; height:30px;}
div{overflow:hidden; box-sizing:border-box;}
h1, h2{margin-top:0px;}
img{border:0px;}

.poAb{position:absolute;}
.poRe{position:relative;}
.poFi{position:fixed;}

.top0{top:0px;}
.left0{left:0px;}
.right0{right:0px;}
.bottom0{bottom:0px;}

.fl{float:left;}
.fr{float:right;}

.w10{width:10%!important;}
.w20{width:20%!important;}
.w25{width:25%!important;}
.w33{width:33%!important;}
.w40{width:40%!important;}
.w50{width:50%!important;}
.wLeft, .wRight{width:49.5%!important;}
.wLeft{margin-right:1%;}
.w60{width:60%!important;}
.w70{width:70%!important;}
.w75{width:75%!important;}
.w80{width:80%!important;}
.w90{width:90%!important;}
.w100{width:100%!important;}
.wAuto{width:auto; overflow-x:scroll;}

.h100{height:100%;}

.maPa0{margin:0px; padding:0px;}
.mt25{margin-top:25px;}
.mt50{margin-top:50px;}

.mb25{margin-bottom:25px;}
.mb50{margin-bottom:50px;}
.mb250{margin-bottom:250px;}

.pad25px{padding-top:25px; padding-bottom:25px;}
.pad50px{padding-top:50px; padding-bottom:50px;}

.pad5{padding-left:5%; padding-right:5%;}
.pad10{padding-left:10%; padding-right:10%;}
.pad20{padding-left:20%; padding-right:20%;}
.pad30{padding-left:30%; padding-right:30%;}

.pad25pxlr{padding-left:25px; padding-right:25px;}
.pad50pxlr{padding-left:50px; padding-right:50px;}


.paTo100{padding-top:100px;}
.paTo200{padding-top:200px;}
.pabo100{padding-bottom:100px;}

.diNo{display:none;}
.diIn{display:inline!important;}
.cuPo{cursor:pointer;}

.textWhite{color:#fff!important;}

.backgroundBlack{background:#333;}
.backgroundGrey{background:#ddd;}
.backgroundGrey2{background:#ebebeb;}
.backgroundGreyT{background-color: rgba(18, 18, 18, 0.7);}
.backgroundHamaVision{background:#007d85;}


.colorWhite{color:#fff;}
.colorBlack{color:#333;}
.colorBlue{color:#0060FF;}
.colorGrey{color:#ccc;}
.HamaVisionColor{color:#007d85;}

.foSi15{font-size:15px!important;}
.foSi20{font-size:20px!important;}
.foSi22{font-size:22px!important;}
.foSi25{font-size:25px!important;}
.foSi30{font-size:30px!important;}
.foSi40{font-size:40px!important;}


.lineHeight50{line-height:50px;}
.lineHeight75{line-height:75px;}
.lineHeight100{line-height:100px;}

.ta_l{text-align:left;}
.ta_c{text-align:center;}
.ta_r{text-align:right;}

.ovVi{overflow:visible;}

.bo0{border:0px;}

/*===========================================================
                         Bewegung
===========================================================*/
#LogoBox, #SoundBox, #ImageBox, #menu{
                  -webkit-transition:all 1s ease;
                  -moz-transition:all 1s ease;
                  -o-transition:all 1s ease;
                  transition:all 1s ease;
}

/*===========================================================
                         Bewegung
===========================================================*/
.shadowWhite{-webkit-box-shadow: 2px 2px 5px 0px rgba(255,255,255,0.75);
             -moz-box-shadow: 2px 2px 5px 0px rgba(255,255,255,0.75);
             -o-box-shadow: 2px 2px 5px 0px rgba(255,255,255,0.75);
             box-shadow: 2px 2px 5px 0px rgba(255,255,255,0.75);
}



/*===========================================================
                         Header
===========================================================*/
#header{z-index:10; padding-top:5px; border-bottom:10px solid #007d85;}
#logo{height:50px;}


/*===========================================================
                         Section
===========================================================*/
#section a:link, #section a:visited{font-size:16px; color:#333; text-decoration:none; font-family:calibri, arial, sans-serif, helvetica;}
#section a:hover, #section a:focus, #section a:active{color:#999; text-decoration:none;}

/*===========================================================
                         Footer
===========================================================*/
#footer{border-top:10px solid #007d85; z-index:10;}
#footer a:link, #footer a:visited{color:#ffffff;}
#footer a:hover, #footer a:focus, #footer a:active{color:#ffffff; text-decoration:underline;}


@media screen and (max-width:1400px){
.pad10{padding-left:5%; padding-right:5%;}
#sectionLeft{width:20%!important;}
#sectionRight{width:80%!important;}
}

@media screen and (max-width:768px){

#sectionLeft{display:none; visiblity:hidden;}
#sectionRight{width:100%!important;}

#header_left, #header_right, #footer_left, #footer_right{width:100%!important; text-align:center!important;}

}