@charset "UTF-8";







*{margin: 0; padding: 0;}







.clear{ clear:both; border:0; opacity:0; height:0; font-size:0; visibility: hidden; }















/* =====================  kalibrierung  ===================== */







body{ font-family: 'Roboto Condensed', sans-serif; background: #222;}







.textwrap p{font-size: 16px; line-height: 22px; margin-bottom: 24px;}







.textwrap.high{padding: 40px 20px 20px 20px; background: rgba(0,0,0,0.1); text-align: center;}







.textwrap a{background: rgba(34, 34, 34, 0.3); color: white; text-decoration: none; border: 1px solid rgba(34, 34, 34, 0.3); display: inline-block; padding: 0px 5px;



   -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}







ol{padding-left: 30px; font-size: 16px; line-height: 22px;}



.tabs .cont ul{list-style: none; font-size: 16px; line-height: 22px;}



.tabs .cont ul li{padding-left: 30px; background: url(../../../../favicon.ico) no-repeat left center; background-size: 18px; margin-bottom: 5px;}



.tabs .cont ul li a{color: #222; text-decoration: none; padding: 2px 5px;



-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}



.tabs .cont ul li a:hover{background: #222; color: white;}







table{font-size: 16px; line-height: 22px; width: 100%;}



table tr{border-bottom: 1px solid #22222250;}



table tr:last-child{border: none;}



table tr td{padding: 5px 15px 5px 0; vertical-align: top;}



a:hover{color: #222222; background: transparent; border-color: #222222;}







h1{font-weight: lighter; margin-bottom: 20px;}







h2{font-weight: lighter; margin: -10px 0 20px 0; color: rgb(150,150,150); font-size: 18px; line-height: 26px;}



hr.tit{display: none;}



.textwrap.block h3, h3.teamtit{display: inline-block; background: #222222; padding: 2px 10px; font-size: 14px; color:white;}



hr.tit{display: block; margin-top: -12px; border-color: #222222; margin-bottom: 30px;}







h5{display: inline-block; background: #222222; padding: 2px 10px; font-size: 14px; color:white;}



.textwrap h3{font-size: 16px; line-height: 26px; margin-bottom: 10px; margin-top: 25px;}







.textwrap.high h2{font-size: 22px; margin-top: 0; font-weight: normal; color: rgb(50,50,50);}



.colwrap .textwrap{margin-bottom: 50px;}







.textwrap ul{padding-left: 20px; }











 -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}







.threecols{margin: 50px 0;}



.threecols .col{width: 30.333%; float: left; margin-right: 3%;}



.threecols .col .colwrap{}



.threecols .col.right{margin-left: 3%; margin-right: 0;}



.threecols .col.center{ margin: 0 1.5%;}







.twocols{margin: 50px 0;}



.twocols .col{width: 47%; float: left; margin-right: 3%;}



.twocols .col .colwrap{}



.twocols .col.right{margin-left: 3%; margin-right: 0;}







#navwrap{background: white; text-align: center; width: 100%; top: -74px; z-index: 99;







-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);







-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}







#nav{list-style: none; max-width: 1024px; margin: 0 auto; text-align: center;



-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}







#nav.fix{position: fixed; top: 0; width: 100%; background: #222222; max-width: none; z-index: 9999;}







#nav li{display: inline-block;}







#nav li ul.subnav{position: absolute; opacity: 0; height: 0; z-index: 99; text-align: center; width: 100%; left: 0; /*overflow: hidden;*/ top: -850px;



  -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}



  #nav li ul.subnav .divi{margin-top: 60px; background: black;}



#nav li:hover ul.subnav{opacity: 1.0; height: auto; width: 100%; top: auto;}

#nav.fix li ul.subnav{margin-top: -60px;}





#nav li ul.subnav li a{color: white; padding: 15px 20px; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}







#nav li ul.subnav li a span.hovtit{position: absolute; width: 90%; padding: 0 5%; top: 100%; left: 0; color: #000000; background: white; overflow: hidden; height: 0; 







 -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}







#nav li ul.subnav li:hover a span.hovtit{height: auto; padding: 2px 5%;}







#nav li a.arr{background: url(../Images/arr_green.png) no-repeat center 80%; background-size: 10%;}







#nav li:hover a.arr, #nav li a.arr.act, #nav li a.arr.act_parent{background: url(../Images/arr_white.png) no-repeat center 90% #000000; background-size: 10%;}







#nav li ul.subnav li:hover a, #nav li ul li a.act{background: white; color: #000000;}







#nav li span.plus{display: none;}







#nav li a{padding: 20px 36px; color: #999999; font-size: 14px; text-transform: uppercase; display: inline-block; text-decoration: none; font-weight: normal; letter-spacing: 1px;







-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}







#nav li a.act, #nav li a.act_parent, #nav li:hover a{color: white; background: #000000;}







#nav li a.arr.act_parent{background: url(../Images/arr_white.png) no-repeat center 90% #000000; background-size: 10%;}







#nav li.navlog{width: 15%;}



#nav.fix li.navlog{width: 10%;}



#nav li.navlog a{color: transparent; background: url(../Images/logo_color.svg) no-repeat center center transparent!important; background-size: contain; padding; padding: 50px 36px; margin: 30px 0;



-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}



#nav li.navlog.small a{padding: 15px 36px; margin: 5px 0;}









#nav li:nth-child(3) ul.subnav .divi{background: black; width: 100%;}
#nav li:nth-child(3) ul.subnav .divi .in{max-width: 1024px; margin: 0 auto; padding: 20px 0;}
#nav li:nth-child(3) ul.subnav li{margin-top: 50px;}



#nav li:nth-child(3) ul.subnav li{width: 23%; margin: 5px 1%; vertical-align: top;}

#nav li:nth-child(3) ul.subnav li a{background: transparent; color: white; display: block;}

#nav li:nth-child(3) ul.subnav li ul li{display: block; background: black; color: white; width: 100%; margin: 5px 0;}
#nav li:nth-child(3) ul.subnav li ul li a{border: 3px solid white; padding: 8px 20px; text-transform: inherit;
-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
#nav li:nth-child(3) ul.subnav li ul li a:hover{background: white; color: black; padding: 15px 20px;}

#nav li:nth-child(3) ul.subnav li ul.subsubsubnav{opacity: 0; height: 0;
-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}

#nav li:nth-child(3) ul.subnav li ul li:hover ul.subsubsubnav{opacity: 1.0; height: auto;}

#nav li:nth-child(2) ul.subnav li ul{display: none;}



.rmen{font-size: 14px; color: rgba(0,0,0,0.5); margin-bottom: -10px;}



.rmen a{text-decoration: none; color: rgba(0,0,0,0.5);



-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}



.rmen a:hover{color: rgba(0,0,0,1.0);}







#content{background: white; padding: 40px;}



#content_inner{max-width: 1024px; margin: 0 auto;}







#slider{/*max-width: 1024px;*/ margin: 0 auto;}















#slider img{width: 100%; height: auto;}















/*.headimg{height: 340px;}*/



























#slider .swiper-slide{height: 450px;















-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}











#catlist{float: right;}



#catlist ul{list-style: none;}



#catlist ul li{display: inline-block; margin-bottom: 10px; cursor: pointer; margin-right: 5px; padding: 5px 10px; background: black; color: white; text-transform: uppercase; border: 1px solid black;



  -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}



#catlist ul li:hover, #catlist ul li.act{color: black; background: white;}







#newslist{margin-bottom: 50px; width: 102%; overflow: hidden; margin-left: -1%;}















#newslist a{position: relative; width: 100%; display: inline-block; overflow: hidden; text-decoration: none;















-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}















#newslist a .img{overflow: hidden;}







#newslist a img{width: 100%; height: auto; opacity: 0.85;















-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}















#newslist a .cap{width: 90%; color: white; text-decoration: none; padding: 3% 5%;}















#newslist a .cap h3{font-size: 24px; margin: 0; line-height: 24px; color: white;}















#newslist a .cap p{margin: 0; margin-top: 8px; font-size: 16px; line-height: 20px; color: rgb(200,200,200);















-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}















#newslist a:hover img{opacity: 1.0; 







  -moz-transform: scale(1.2) rotate(-5deg); -webkit-transform: scale(1.2) rotate(-5deg); -o-transform: scale(1.2) rotate(-5deg); -ms-transform: scale(1.2) rotate(-5deg); transform: scale(1.2) rotate(-5deg);}















#newslist a{background: rgba(34,34,34,0.9);}







#newslist a:hover{background: rgba(0,0,0,1.0);}































#newslist .article{display: inline-block; width: 23%; padding:1%; margin: 0px;















-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}















#newslist .article:after{content:""; display: none;}















































.news-single{max-width: 1024px; margin: 0 auto; width: 100%;}















.news-single .gallery a{width: 24.5%;}































.news-single .facebook{ margin: 20px 0; padding: 15px 20px 10px 20px;}















.news-single .facebook div.like, .news-single .facebook div.share, .news-single .facebook div.twitter{display: inline-block; width: 32.95%; height: 20px; overflow: hidden;}































.news-backlink-wrap a{text-decoration: none; color: #008bcb; padding: 5px 10px; border: 1px solid #008bcb;















 -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}







.news-backlink-wrap a:hover{background: #008bcb; color: white;}







.news-backlink-wrap a span{display: inline-block;







  -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}







.news-backlink-wrap a:hover span{padding: 0 5px;}







.news-related-files{margin: 0; padding: 0; display: block; border: none; width: 100%;}







.news-related-files ul{list-style: none; padding: 0;}







.news-related-files ul li{padding: 26px 20px 26px 75px; margin: 5px 0; background: url(../Images/doc.png) no-repeat 15px center rgba(255,255,255,0.4); display: inline-block;}







.news-related-files ul li a{font-family: 'Pathway Gothic One', sans-serif; text-decoration: none; color: black; font-size: 20px; padding: 15px 5px;}







.news .footer{padding: 0; margin: 0; border: 0;}











#subnavi{list-style: none; margin-top: 25px; margin-bottom: 70px;}



#subnavi li{display: inline-block;}



#subnavi li a{text-decoration: none;margin-bottom: 10px; cursor: pointer; margin-right: 5px; padding: 5px 10px; background: black; color: white; text-transform: uppercase; border: 1px solid black;



  -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}



#subnavi li.act a, #subnavi li:hover a{color: black; background: white;}







.teamtit{display: inline-block; font-weight: lighter; background: #222; color: white; text-transform: uppercase; padding: 5px 20px; margin-top: 35px; font-size: 14px;}







.team{list-style: none; padding: 0; line-height: 0;}















.team li{width: 33.333%; display: inline-block; overflow: hidden; position: relative;}















.team li:before{    















      position: absolute; z-index: 9;















    top: 0;















    left: 0;















    width: 100%;















    height: 100%;















    background: rgba(255,255,255,0.3);















    content: '';















    -webkit-transition: -webkit-transform 0.8s;















    transition: transform 0.8s;















    -webkit-transform: scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);















    transform: scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);















  }































.team li:hover:before{















      -webkit-transform: scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);















    transform: scale3d(1.9,1.7,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);















}































.team li img{width: 100%; height: auto;















-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}















.team li .caption{position: absolute; z-index: 6; left: 0; bottom: -100%; width: 90%; height: 90%; padding: 5.25%; background: rgba(0, 0, 0, 0.80); color: white; display: inline-table;















  -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}















.team li .nr{position: absolute; z-index: 6; border-radius: 100%; right: -16%; top: -100%; padding: 22% 20% 8% 7%;  background: rgba(0, 0, 0, 0.8); color: white; display: inline-table;







  -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}







.team li:hover .nr{top: -10%;}







.team li:hover .nr h3{font-size: 32px;}















.team li .caption .cap{display: table-cell; vertical-align: middle;}    















.team li:hover .caption{bottom: 0;}



.team li:hover img{-moz-transform: scale(1.1) rotate(2deg); -webkit-transform: scale(1.1) rotate(2deg); -o-transform: scale(1.1) rotate(2deg); -ms-transform: scale(1.1) rotate(2deg); transform: scale(1.1) rotate(2deg);}



.team li .caption h3{font-size: 24px; margin-top: 10px; margin-bottom: 5px; line-height: 24px;}



.team li .caption p{margin-bottom: 0; color: lightgray; font-size:14px; line-height: 20px;}



.team li .caption p a{color: lightgray; text-decoration: none; display: block;



  -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}



  .team li .caption p a:hover{color: white;}

 .team li .caption p a.tel{padding-left: 30px; background: url(../Images/ICONS/phone.svg) no-repeat center left; background-size: contain; margin-top: 15px;}

 .team li .caption p a.mail{padding-left: 30px; background: url(../Images/ICONS/email.svg) no-repeat center left; background-size: contain; margin-top: 5px;}



.teamtit{display: inline-block; font-weight: lighter; background: black; color: white; text-transform: uppercase; padding: 5px 20px; margin-top: 35px; font-size: 18px;}

.div{margin-bottom: 15px; border-width: 1px; border-color: black; margin-top: -22px;}


#framewrap{margin: 50px 0; }

#frame{position: fixed; right: -10%; bottom: -25%; height: auto; width: 60%; z-index: -49; opacity: 0.15;

-moz-transform: rotate(-16deg);

-webkit-transform: rotate(-16deg);

-o-transform: rotate(-16deg);

-ms-transform: rotate(-16deg);

transform: rotate(-16deg);}



/*.headimg{height: 600px; background-size: cover;}*/



ul.spons{list-style: none; padding: 0; margin-bottom: 50px; width: 101%; margin-left: -0.5%;}



ul.spons li{display: inline-block; width: 32.833%; padding: 0.25%;}



ul.spons li a{padding: 15px 15%; display: inline-block; width: 70%; background: white;}



ul.spons li a{-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;

/*-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.5); box-shadow: 0 0 5px 1px rgba(0,0,0,0.5);*/}



ul.spons li a .sponslog{display: inline-block; width: 100%; height: 120px; background-position: center; background-size: contain; background-repeat: no-repeat; opacity: 0.6;



  -webkit-filter: grayscale(60%);  -moz-filter: grayscale(60%);  -ms-filter: grayscale(60%);  -o-filter: grayscale(60%);  filter: grayscale(60%); filter: gray; /* IE 6-9 */



  -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}



ul.spons li a:hover .sponslog{-webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%);  -ms-filter: grayscale(0%);  -o-filter: grayscale(0%);  filter: grayscale(0%); filter: none; opacity: 1.0; /* IE 6-9 */

  /*-moz-transform: scale(1.25) rotate(-363deg); -webkit-transform: scale(1.25) rotate(-363deg); -o-transform: scale(1.25) rotate(-363deg); -ms-transform: scale(1.25) rotate(-363deg); transform: scale(1.25) rotate(-363deg);*/}

.gallery{margin: 40px 0;}
.gallery a{display: inline-block; width: 25%;}

.gallery a:hover img{opacity: 1.0;-moz-transform: scale(1.2) rotate(-3deg); -webkit-transform: scale(1.2) rotate(-3deg); -o-transform: scale(1.2) rotate(-3deg); -ms-transform: scale(1.2) rotate(-3deg); transform: scale(1.2) rotate(-3deg);}

.gallery .imwrap{padding: 3px;}

.gallery a img{width: 100%; height: auto; opacity: 0.85; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}

.gallery .imgin{overflow: hidden;}


#prefoot{position: relative; opacity: 0.8;}

#prefoot .grad{position: absolute; left: 0; top: 0; width: 100%; height: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+33,000000+100&0+33,1+100 */

background: -moz-linear-gradient(top, rgba(0,0,0,0) 33%, rgba(0,0,0,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(0,0,0,0) 33%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(0,0,0,0) 33%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }


#posterwrap{width: 50%; position: relative;}
#poster{background: url(../Images/poster.svg) no-repeat center top; background-size: cover; padding: 30px;
-webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.2); box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.2);}
#poster .tit{font-size: 2.2em; font-weight: bold;}
#poster .game1{font-size: 3em; font-weight: bold; color: red; text-transform: uppercase;}
#poster .game2{font-size: 3em; font-weight: bold; color: red; text-align: right; text-transform: uppercase;}

#poster .dat{font-size: 2.0em; font-weight: bold; text-align: center;}
#poster .ort{font-size: 2.0em; text-align: center; text-transform: uppercase; margin-bottom: 50px;}

#poster .wgames{text-transform: uppercase;}
#poster table{width: 100%;}

#map_canvas{height: 400px;}

#footer .foot{padding: 50px; background: black; opacity: 0.8; color: white; text-align: center;}

#footer .foot a{text-decoration: none; color: rgba(255,255,255,0.85);

-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}

#footer .foot a:hover{color: white;}

#footer .foot span{color: rgba(255,255,255,0.4); dispaly. inline-block; padding: 0 5px;}

ul#mannnav{list-style: none; overflow:hidden;}
ul#mannnav .inwrap{width: 101%; margin-left: -0.5%;}
ul#mannnav li h2{display: inline-block; font-weight: lighter; background: black; color: white; text-transform: uppercase; padding: 5px 20px; margin-top: 35px; font-size: 18px;}
ul#mannnav li ul{list-style: none;}
ul#mannnav li ul li{display: inline;}
ul#mannnav li ul li a{display: inline-block; width: 32.33%; margin: 0.5%; background green; position: relative; line-height: 0; opacity: 0.85;
  -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
ul#mannnav li ul li a:hover{opacity: 1.0;}
ul#mannnav li ul li a img{width: 100%; height: auto;}
ul#mannnav li ul li a span{position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.85); color: white; uppercase; text-decoration: none; display: block; padding: 5px 20px; line-height: normal;
/*********** SMALLSCREEN-SIZE ****************/

@media only all and (max-width: 1600px){



}



/*********** TABLET-SIZE ****************/

@media only all and (max-width: 1200px){



}



@media only all and (max-width: 1064px){

#nav{overflow: hidden; position: fixed; top: 0; left: 0; width: 80%; height: 100%; background: #000000; z-index: 999; margin-left: -90%; overflow-y: auto;

-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}

#nav.open{margin-left: 0; -webkit-box-shadow: 5px 0 5px 0 rgba(0,0,0,0.2); box-shadow: 5px 0 5px 0 rgba(0,0,0,0.2);}

#nav li{display: block; width: auto; text-align: left; position: relative;}

#nav li a{color: white; font-size: 30px; line-height: 30px; display: block; padding: 15px 20px;}

#nav li a.arr,#nav li:hover a.arr, #nav li:hover a.arr{background: none;}

#nav li a.arr.act, #nav li a.arr.act_parent{background: white; color: #000000;}

 #nav li.arr.act .plus, #nav li.arr.act_parent .plus{color: #000000;}

#nav li span.plus{cursor: pointer; position: absolute; right: 0; top: 0; display: block; font-size: 60px; line-height: 0; padding: 30px; color: white; display: block; font-family: Arial, sans-serif;

-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}

#nav li .plus.open{-moz-transform: rotate(315deg); -webkit-transform: rotate(315deg); -o-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg);}

#nav li ul.subnav{position: inherit; top: auto; padding-top: 0!important; opcity: 1!important; height: auto; display: none; margin: 0; opacity: 1;  -webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0); box-shadow: 0 0px 0px 0 rgba(0,0,0,0);}

#nav li ul.subnav li a{font-size: 26px; line-height: 26px; font-weight: normal; padding: 15px 40px;}



#nav li ul li a span.hovtit{position: inherit; height: auto; display: block; padding: 2px 5px; font-size: 12px; line-height: 14px;}



#nav li:hover ul.subnav{height: auto;}

#mobnav{position: fixed!important; z-index: 9999; right: 0; top: 0; width: 55px; height: 55px; background: url(../Images/menu.png) no-repeat center center #000000; display: block; cursor: pointer;}



.team li{width: 50%;}

#newslist .article{width: 31.333%;}



#frame{right: -15%; bottom: -15%; width: 85%;}



ul.spons li{width: 49%;}

ul.spons li a .sponslog{height: 120px;}

}



/*********** MOBILE-SIZE 1 ****************/

@media only all and (max-width: 800px){



#newslist .article{width: 48%;}

ul.spons li a .sponslog{height: 120px;}

#content{padding: 40px 20px;}

.gallery a{width: 33.333%;}

}





/*********** MOBILE-SIZE 2 ****************/

@media only all and (max-width: 600px){



#newslist .article{width: 98%;}

.team li{width: 100%;}

ul.spons li{width: 99%;}

ul.spons li a .sponslog{height: 80px;}


.gallery a{width: 50%;}


}