/*  ====================================================
Stylesheet mit Layout und Text für ALLE Seiten von blauweiss-linz.at
Datei:  content.css
Autor:  dropkick.at
========================================================== */

@media all { 

@font-face {
  font-family: 'DINPro-Regular';
  src: url('DINPro-Regular.eot?#iefix') format('embedded-opentype'),  url('DINPro-Regular.otf')  format('opentype'),
	     url('DINPro-Regular.woff') format('woff'), url('DINPro-Regular.ttf')  format('truetype'), url('DINPro-Regular.svg#DINPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*  ====================================================
RESET
========================================================== */
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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/*  ====================================================
Allgemeines
========================================================== */
h1,h2, h3, h4 { font-family:'DINPro-Regular', Arial, Helvetica, sans-serif;  }
p {	}
a { text-decoration:none; color:rgb(0,68,148); }
strong, .strong { font-weight:bold; }
.smallfont-9  { font-size:0.9em; }
.smallfont-8  { font-size:0.8em; }
.hide {display:none; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.b { font-weight:bold; }
.overflow { overflow:hidden; }
.relative { position:relative; }
.clear { clear:both; }
.gruen { color:#009900; }
.rot { color:#FF0000; }
.braun { color:#CC6633; }
.grau { color:#999999; }
.gk { color:#FFFF00; background:#FFFF00; }
.rk { color:#FF0000; background:#FF0000; }
.grk { color:#FF0000; background: rgba(255,255,0,1); background: -moz-linear-gradient(top, rgba(255,255,0,1) 0%, rgba(255,255,0,1) 50%, rgba(255,0,0,1) 51%, rgba(255,0,0,1) 71%, rgba(255,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,0,1)), color-stop(50%, rgba(255,255,0,1)), color-stop(51%, rgba(255,0,0,1)), color-stop(71%, rgba(255,0,0,1)), color-stop(100%, rgba(255,0,0,1))); background: -webkit-linear-gradient(top, rgba(255,255,0,1) 0%, rgba(255,255,0,1) 50%, rgba(255,0,0,1) 51%, rgba(255,0,0,1) 71%, rgba(255,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,0,1) 0%, rgba(255,255,0,1) 50%, rgba(255,0,0,1) 51%, rgba(255,0,0,1) 71%, rgba(255,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,0,1) 0%, rgba(255,255,0,1) 50%, rgba(255,0,0,1) 51%, rgba(255,0,0,1) 71%, rgba(255,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,0,1) 0%, rgba(255,255,0,1) 50%, rgba(255,0,0,1) 51%, rgba(255,0,0,1) 71%, rgba(255,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#ff0000', GradientType=0 ); }
.hinweis { font-size:0.750em !important; color:#666666 !important; }

/*  ====================================================
Grundlayout
========================================================== */
body {
	background-color: #e8e8e8;
	margin:0;
	padding:0;
	font-size:100%;
	font-family:'DINPro-Regular', Arial, Helvetica, sans-serif;
	position:relative;
}
#wrapper { margin:0.5%; padding:0; width:100%; max-width:1000px; text-align:left; z-index:2; }
#content {   }
#content_left { width:65%; margin:0 0 2% 0; float:left; }
#content_right { width:33%; margin:0 0 2% 0; float:right; }

.subbox {  margin:0 0 5% 0; background-color:#FFF; box-shadow: 0px 0px 5px #888; overflow:hidden; }
.subbox h3 { padding:2% 3%; margin:0; font-size:1.2em;  color:#efefef; background-color:rgb(0,68,148); text-align:left !important; border-bottom: 1px solid #efefef; }
.subbox p { padding:1% 2%; margin:0; line-height:1.2; }

.sponsorbox { text-align:center; }
.sponsorbox img { margin:5% 3%; width:94%; max-width:300px; -webkit-transition: all .5s ease; transition: all .5s ease; opacity:0.4;
/*filter: url("data:image/svg xml; nowhitespace: afterproperty;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-backface-visibility: hidden;*/ }
.sponsorbox img:hover { opacity:1; /*filter: none; -webkit-filter: grayscale(0%);*/ }


.mainbox { margin:0 0 3% 0; background-color:#FFF; box-shadow: 0px 0px 5px #888; color:#333333; }
.mainbox h2 { display:inline-block; width:94%; padding:3%; margin:0; font-size:1.750em; }
.mainbox h2 span.h { background-color:rgb(0,68,148); color:#efefef; padding:1%; line-height:1.4; }
.mainbox h3 { padding:1% 3%; font-size:1.5em; line-height:1.5; color:#333333; }
.mainbox img.toppic { width:100%; margin:0; border:none; }
.mainbox p { padding:1.5% 3%; font-size:1em; line-height:1.4; text-align:left; }
.mainbox article p { padding:1.5% 3%; font-size:1em; line-height:1.5; color:#333333; text-align:left; }
.mainbox article p.info { padding:1% 3%; margin:0; font-size:0.8em; line-height:1; color:#999; border-bottom:1px #ccc solid; border-top:1px #ccc solid; }
.mainbox article p.leadtext { padding:1.5% 3%; font-size:1.1em; line-height:1.5; color:#333; font-weight:bold; }
.mainbox article img { width:94%; margin:2% 3%; border:1px solid #333; }
.mainbox article p img { width:100%; margin:0; border:1px solid #333; }
.mainbox article .addthis_native_toolbox { text-align:center; padding:3%; margin:0; }
.mainbox article a { text-decoration:underline; color:rgb(0,68,148);}
.mainbox article a:hover { color:#000;}
.mainbox article p.frage { background-color:#efefef; border-top: 1px solid #ccc; font-weight:bold; }
.mainbox article p.antwort {}
.mainbox article ul { list-style:disc; margin:1% 0; padding: 0;}
.mainbox article li { padding:0.5% 3%; margin-left:9%; }
.mainbox .embedmedia { padding:1.5% 3%; }




table { width:100%; border-collapse:collapse; margin:0; }
table thead tr, table tbody tr.th  { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background-color:#333 !important; color:#efefef; }
table tbody tr{ border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
table tbody tr:nth-child(even) { background-color:#efefef; }
table tbody tr:nth-child(odd) { background-color:#FFFFFF; }
table td, table th { padding:1.5% 2%; }

.table-tabelle { width:100%; border-collapse:collapse; text-align:center; }
.table-tabelle thead tr { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background-color:#333; color:#efefef; }
.table-tabelle tbody tr { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.table-tabelle tbody tr:hover { background-color:#ccc !important; }
.table-tabelle tbody tr:nth-child(even) { background-color:#efefef; }
.table-tabelle tbody tr:nth-child(odd) { background-color:#FFF; }
.table-tabelle tbody tr.bw { background-color:rgb(0,68,148) !important; color:#efefef; }
.table-tabelle td, .table-tabelle th { padding:1% 0.5%; }

.contentnavi { text-align:center; padding: 1% 0; background-image:url(../../_pics/layout/bg_contentnavi.png); border-top:1px solid #ccc; }
.contentnavi ul { }
.contentnavi ul li { display:inline-block; vertical-align:middle; }
.contentnavi ul li a { display:inline-block; background-color:rgb(0,68,148); color:#efefef; padding:3px 6px 4px 0; margin:2px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; white-space: nowrap; text-decoration:none; }
.contentnavi ul li a.live { background-color:rgb(210,0,0); color:#efefef; }
.contentnavi ul li a:hover, .contentnavi ul li a.active { background-color:#333 !important; color:#FFF; }
.contentnavi ul li a i { margin-right:0%; }

.contentnavi ul li a.small { width:35px; padding:5px 6px 6px 0; text-align:center; overflow:hidden; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; }
.contentnavi ul li a.small:hover { width:110px !important; }
.contentnavi ul li a.small i { margin:0 10px;  }
.contentnavi ul li a.small:hover i { margin:0 2px 0 2px !important; }

.contentnavi select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; background-color:rgb(0,68,148); color:#efefef; padding:1%; border:none; font-family:'DINPro-Regular', Arial, Helvetica, sans-serif; font-size:100%; } 
.contentnavi select option { background-color:rgb(0,68,148); color:#efefef; padding:1%;}
.contentnavi select option:hover { background-color:#333333; color:#efefef; padding:1%;}


.tooltiplink { font-weight:bold; text-decoration:none !important; }
.tooltipframe { width:300px; height:250px; border:1px solid #333333; background-color:transparent; margin:0; padding:0; vertical-align:top; }


.diagram { width:96%; margin:0 auto; text-align:center; overflow:hidden; }
.diagram-legende { overflow:hidden; padding:2% 0;}
.diagram-legende p { color:#666666; font-size:0.8em; padding:0.5% 7%; }
.diagram-legende p span { display:inline-block; width:15px; height:15px; margin-right:9px; vertical-align:top;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 96%; margin: 2% auto; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*  ====================================================
Header/Navi
========================================================== */
header { background-image:url(../../_pics/layout/bg_header.png); background-repeat: no-repeat; background-position:right 5px; background-color:#FFF; position:relative; margin:0 auto 2% 0; padding: 5px 185px 0 0; text-align:center; font-family:'DINPro-Regular', Arial, Helvetica, sans-serif; box-shadow: 0px 0px 5px #888; }
#header-txt { height:48px; line-height:48px; margin-bottom:28px; text-align:right; font-size:1.5em; color:rgb(0,68,148); vertical-align:bottom; }
nav { z-index:500 !important;}
nav.navi-top { height:54px; width:100%; text-align:center; margin:0; line-height:54px; }
* html nav.navi-top { top:expression(auto); }
.navi-fixed { height:40px; width:100%; max-width:950px; text-align:center; background-color:rgb(0,68,148); box-shadow: 0px 8px 6px -6px #333333; margin:0 0 1.5% 0; font-size:1em; line-height:40px; top:0px; position:fixed !important; position:absolute; padding:0 50px 0 0; background-image:url(../../_pics/layout/bw_logo_40.png); background-repeat:no-repeat; background-position:right; }
.navi-fixed a { color:#efefef !important; }
* html .navi-fixed { top:expression(documentElement.scrollTop); }

ul#mainnavi { font-size:1.2em;  }
ul#mainnavi li { color:#333; width:auto; display:inline-block; position:relative; z-index:550; }
ul#mainnavi li a { padding:0 10px;  display:block; color:#333; padding:0 10px; cursor:default; text-decoration:none; }
ul#mainnavi li a:hover { color:#efefef; }
ul#mainnavi li:hover { background-color:rgb(0,68,148); color:#000; }
ul#mainnavi li:hover a { color:#efefef; }
ul#mainnavi li ul.mainnavi-sub { display:none; }
ul#mainnavi li:hover ul.mainnavi-sub { display:block; position:absolute; top:auto; color:#FFF; background-color:rgb(0,68,148);
-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.5);
box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.5);
 }
ul#mainnavi li ul.mainnavi-sub li { display:block; text-align:left; line-height:42px; z-index:550; }
ul#mainnavi li ul.mainnavi-sub a { display:block; color:#efefef; padding:0 10px; cursor:pointer; background-color:rgb(0,68,148); transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; white-space: nowrap; }
ul#mainnavi li ul.mainnavi-sub a:hover { color:#FFF; background-color:#000; }
#mobilnavi { display:none;}
#mobilnavi a { font-family:'DINPro-Regular', Arial, Helvetica, sans-serif; font-size:1em; line-height:48px; color:#efefef; }
#mobilnavi a:hover { color:#FFF; }

ul.subnavi { }
ul.subnavi li { border-bottom:1px solid #ccc; }
ul.subnavi li:last-child { border: none; }
ul.subnavi li:nth-child(even) { background-color:#efefef; }
ul.subnavi li:nth-child(odd) { background-color:#FFF; }
ul.subnavi li a { color:#333; display:block; text-align:left; padding:1.5% 2%; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; }
ul.subnavi li a:hover, ul.subnavi li a.active { color:#efefef; background-color:rgb(0,68,148); }
ul.subnavi li a i { margin:0 2% 0 0; }




/*  ====================================================
Start
========================================================== */
#titlenews { position:relative; margin:0 0 2% 0; background-color:#FFF; box-shadow: 0px 0px 5px #888; height:0; overflow:hidden; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
#titlenews a { display:block; color:#efefef; }
#titlenews a:hover { color:#FFF; }
#titlenews img { width:100%; height:auto; }
#titlenews .titlenews-desc { position:absolute; bottom:0; left:0; width:100%;}
#titlenews h2 { font-size:2.5em; 
margin:0 0 44px 2px;
padding:1% 1% 1% 3%;
background: rgb(0,68,148); display:inline-block;
transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -o-transform:rotate(-5deg); -ms-transform:rotate(-5deg);}
#titlenews p { display:none; padding:1% 2%; font-size:1.1em; line-height:1.4; background: rgba(0,0,0,0.9); -webkit-transition: all 0.5s ease-out;}
#titlenews a:hover p { display:inline-block; }
#titlenews a:hover h2 { transform:rotate(0deg); margin:0 0 0 0; padding:0.5% 0.5% 0.5% 2%; }

#titlenews #bxslider-news-pager { overflow:hidden; text-align:center; }
#titlenews #bxslider-news-pager a { display: inline-block; font-size:1em; width:22.7%; margin:1% 0.5%; padding:0.5%; vertical-align:top; background-color: rgb(0,68,148); color:#FFF;  transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out; }
#titlenews #bxslider-news-pager a:hover, #titlenews #bxslider-news-pager a.active { background-color:#333; }
#titlenews .bx-wrapper { margin:0 !important; }
#titlenews .bx-wrapper .bx-viewport { border:none !important; left:0 !important; }


div.subnews { }
div.subnews a { display:block; color:#333333; background-color:#FFF; -webkit-transition: 0.4s linear; transition: 0.4s linear; }
div.subnews a img { width:0px; margin:0; padding:0; opacity:0; -webkit-transition: 0.4s linear; transition: 0.4s linear; }
div.subnews a .subnewstime { text-align:right; color:#666666; padding:2% 2% 0 0; height:auto; -webkit-transition: 0.4s linear; transition: 0.4s linear; }
div.subnews a h2 { padding:1% 3% 3% 2%;  -webkit-transition: 0.4s linear; transition: 0.4s linear; }
div.subnews a:hover { color:#000000; background-color:#efefef; }
div.subnews a:hover img { width:100%; opacity:1; }
div.subnews a:hover .subnewstime { height:0px; padding:0; margin: 0;}
div.subnews a:hover h2 { padding:3% 3% 3% 2%; }

div.subnews a p { padding:0 2% 2% 2%; margin:0; line-height:1.5; }

div.appnews { }
div.appnews a { display:block; color: #000; }
div.appnews a img { width:100%; vertical-align: bottom;}
div.appnews a .appnews { text-align:right; color:#666666; padding:2% 2% 0 0; height:auto; }
div.appnews a h2 { background-color:rgb(0,68,148); color:#efefef; padding:2% 1%; line-height:1.5; font-weight: bold; font-size: 1.2em;}
div.appnews a p { padding:2% 1%; margin:0 0 5% 0; line-height:1.5; }
div.appnews a p.appnewstime { font-size: 0.8em; padding: 2% 1% 0 1%;  margin:0 0 0 0 !important; }
	

#gamebox { height:0; overflow:hidden; }


/*  ====================================================
Matchcenter
========================================================== */
.gameheader { background-image:url(../../_pics/layout/bg_box.png); background-color:rgb(0,68,148); padding:2% 0; color:#efefef; text-align:center; }
.gameheader .liga { font-size:0.9em; margin-bottom:2%; color:#efefef; }
.gameheader-wappen { text-align:center; overflow:hidden; }
.gameheader-wappen div { display:inline-block; width:30%; vertical-align:middle; }
.gameheader-wappen div span.score { font-size:4em; font-weight:bold;  text-shadow: 0 0 14px rgba(0, 0, 0, 0.7); }
.gameheader-wappen div span.htscore { font-size:1.5em; }
.gameheader-wappen div.score_info p { font-size:1.4em; line-height:1.6; color:#efefef; text-align:center; }
.gameheader-wappen div.live { color:rgb(222,2,2); }
.gameheader .matchclock { background:none; border:none; width:50px; text-align:center; color:#efefef; font-family:'DINPro-Regular', Arial, Helvetica, sans-serif; font-size:1.2em; padding:0; margin:3% 0 0 0; } 

.gameheader-wappen div img { width:60%; padding:5%; margin:2% auto;  background-image:url(../../_pics/layout/bg_contentnavi.png); border:1px solid #333;  box-shadow: 0px 0px 3px #888; }

.statbox { width:49%; margin:0.5%; float:left;  text-align:left; }
.statbox table td { padding:3% 3%; }
.statbox table { border-left:1px solid #ccc;  border-right:1px solid #ccc; }
.statbox img.icon {margin-right:7%; }

table.liveticker {}
table.liveticker td { padding:2%; vertical-align:middle; }
.liveticker img.jubel { float:right; width:100px; margin-bottom:-2%; opacity:0.8;  -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.liveticker tr.bwtor:hover { cursor:default; }
.liveticker tr.bwtor:hover img.jubel { width:240px; opacity:1; }
.liveticker img.livepic { width:100%; }

.stimme-head { position:relative; background-size:100%; background-repeat:no-repeat; background-position:0 -15px; background-color:#b9b9b9; height:175px;  }
.stimme-name { background-color:rgb(0,68,148); color:#FFFFFF; font-weight:bold; display:inline-block; padding:1%; margin:2%; text-align:left; font-size:1.250em; }

.schiripic { overflow:hidden; position:relative; text-align:center; padding:0 3% 2% 3%; }
.schiripic img { width:100% !important; max-width:1000px; margin:0; padding:2% 0 0 0; border:none !important; }
.schiriinfo .g { padding:2% 5%; background-color:#FFFF33; color:#333333; }
.schiriinfo .gr { padding:2% 5%; background-color:#FF6600; color:#efefef; }
.schiriinfo .r {  padding:2% 5%; background-color:#CC0000; color:#efefef; }


.matchcenterbox { margin:7% 0 3% 0; }
ul.matchcenter-subnavi { margin: 1% 3%; padding:2% 0; text-align:center; }
ul.matchcenter-subnavi li { list-style:none; display:inline-block; width:23%; vertical-align:middle; margin:0; padding:0; }
ul.matchcenter-subnavi li a { display:block; background-color:rgb(0,68,148); color:#efefef; width:84%; padding:5%; margin:3%; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; white-space: nowrap; text-decoration:none; }
ul.matchcenter-subnavi li a.live { background-color:rgb(210,0,0); color:#efefef; }
ul.matchcenter-subnavi li a:hover, ul.matchcenter-subnavi li a.active { background-color:#333 !important; color:#FFF; }
ul.matchcenter-subnavi li a i { margin:10% auto 14% auto; font-size:400%; }




/*  ====================================================
Bildergalerie
========================================================== */
.gallery-overview { text-align:center; padding:1% 0; }
.gallery-overview a { display:inline-block; vertical-align:top; margin:1.4%; width:29%; }
.gallery-overview a img { width:100%; margin:0; padding:0; border:2px solid #efefef; }
.gallery-overview a img:hover { border-color: rgb(0,68,148); }

.gallery-all ul {}
.gallery-all li { padding:3%; overflow:hidden; }
.gallery-all li:nth-child(even) { background-color:#efefef; }
.gallery-all li:nth-child(odd) { background-color:#FFF; border:1px solid #cccccc; }
.gallery-all li img { float:left; margin:0 3% 0 0; width:20%; max-width:120px; }
.gallery-all li p { margin:0 0 1% 0; padding:0;  }
.gallery-all li p.title { font-weight:bold; }
.gallery-all li p.info { font-size:0.750em; color:#666666; }
.gallery-all li a { display:block; color:#000000; }



/*  ====================================================
Profil
========================================================== */
.rnr {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background-color: rgb(0,68,148);
  color:#efefef;
  position:absolute; top:20px; left:20px;
  z-index:5;
  text-align:center;
  font-weight:bold;
  line-height:75px;
  font-size:3em;
  box-shadow: 2px 3px 6px #666;	
}
.fb-profil { position:absolute !important; left: 20px; top: 120px; }
img.profilhead { width:100%; }
img.profilpic { height:250px; float:right; margin:2% 2% -7% 0; border:4px solid #FFFFFF;  box-shadow: 0px 0px 3px #888; }

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  z-index:1;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


/*  ====================================================
Sponsoren/Partner
========================================================== */

.sponsoren { text-align:center; margin:2% 0; }
.sponsor_box { display:inline-block; width:30%; margin:1%; border:1px solid #ccc; box-shadow: 0px 0px 3px #ccc;  }
.sponsor_box .logo_box { position:relative; width:100%; padding-top:100%; }
.sponsor_box .logo_box_content { position:absolute; height:100%; width:100%; margin-top:-100%; vertical-align:middle; }
.sponsor_box .logo_box_content img { width:86%; max-width: 250px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.sponsor_box p { background-color:#efefef; border-top:1px solid #ccc; }

.matchsponsor { overflow:hidden; padding:1% 3%; margin:1% 0; border-top:1px solid #ccc; }
.matchsponsor img { width:50%; max-width:250px; float:right; margin-left:5%; }
.matchsponsor_info { display:inline-block; vertical-align:top; }
.matchsponsor_info p { font-size:1.1em; margin-bottom:6%; }
.matchsponsor_info p.strong { font-size:1.2em;  }
/*  ====================================================
Werbung
========================================================== */
.sitebar { position:absolute; left:1035px; top:0; z-index:2; }


/*  ====================================================
Footer
========================================================== */
footer { clear:both; }
.footer_content { background-color:rgb(0,68,148); color:#FFFFFF;  padding:2%; }
.footer_content p { margin-bottom:2%; line-height:1.5; }

.footer_content a.up { display:block; text-align:right; }
.footer_content a { color:#efefef; }
.footer_content a:hover { color:#FFFFFF; }




/*  ====================================================
Dinge
========================================================== */

} /* Ende @media */

@media only screen and (max-width: 2000px), only screen and (max-device-width: 2000px) {
	
	}
@media only screen and (max-width: 1800px), only screen and (max-device-width: 1800px) {
	
	}
@media only screen and (max-width: 1500px), only screen and (max-device-width: 1500px) {
	
	}
@media only screen and (max-width: 1300px), only screen and (max-device-width: 1300px) {
	
	}
@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {
	.goaway-1200 { display:none !important; }
	#wrapper { margin:0.5% auto;}
	}
@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
	#wrapper { width:99%; margin:0.5%;}
	ul#mainnavi { font-size:1em; } 
	#content_left { width:63%; } #content_right { width:35%; }
	}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
	#content_left { width:59%; } #content_right { width:38%; }
	ul#mainnavi li a { padding:0 5px; }
	
	.contentnavi ul li a.small { width:35px; padding:6px 6px 7px 0; }
	.contentnavi ul li a.small:hover { width:35px !important; }
	.contentnavi ul li a.small i { margin:0 10px;  }
	.contentnavi ul li a.small:hover i { margin:0 10px !important; }
	}
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
	.goaway-800 { display:none !important; }
	#wrapper { margin:0; width:100%; }
	#content_left { width:auto; float:none; } #content_right { width:auto; float:none; text-align:center; }
	.subbox { display:inline-block; width:48%; margin-left:0.5%; margin-right:0.5%; vertical-align:top; }
	
	.navi-fixed { display:none !important; position:relative !important; line-height:1.2; background:none; box-shadow:none; }
	nav.navi-top { display:none; line-height:1.2; height:0px; width:0px; -webkit-transition: 0.9s linear; transition: 0.9s linear; }
	nav.mobilnavi-show { display:block !important; height:auto !important; width:100%;  text-align:left; margin:0 0 2% 0; font-size:1em;  }
	#mobilnavi { display:block; text-align:left; padding:0.5% 0 0.5% 2%;  -webkit-transition: 0.1s linear; transition: 0.1s linear;}	
	#mobilnavi a { font-size:1.2em; color:#333; }
	#mobilnavi a:hover { color:#000; }
	#mobilnavi.shadowhide { background-color:rgb(0,68,148); color:#FFF; }

	ul#mainnavi { }
	ul#mainnavi li { color:#000; width:100%; display:block; position:relative; line-height:1.5 !important; }
	ul#mainnavi li a { display:block; padding:1% 2%; color:#FFF; cursor:default; text-decoration:none; background-color:#333; }
	ul#mainnavi li a:hover, ul#mainnavi li a:active { /*background-color:#efefef;*/ }
	ul#mainnavi li:hover { background-color:rgb(0,68,148); color:#FFF; }
	ul#mainnavi li ul.mainnavi-sub { display:block; position:relative; top:auto; color:#FFF; background-color:rgb(0,68,148); }
	ul#mainnavi li:hover ul.mainnavi-sub { display:block; position:relative; top:auto; color:#FFF; background-color:rgb(0,68,148); box-shadow:none !important; }
	ul#mainnavi li ul.mainnavi-sub li { display:block; text-align:left; }
	ul#mainnavi li ul.mainnavi-sub a { display:block; color:#efefef; font-size:1em; padding:1% 2%; cursor:pointer; background-color:rgb(0,68,148); -webkit-transition: all 0.5s ease-out; white-space:pre-wrap;}
	ul#mainnavi li ul.mainnavi-sub a:hover { color:#FFF; background-color:#000; }	
	}
	
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.goaway-700 { display:none !important; } .come-i-700 { display:inline-block !important; } .come-b-700 { display:block !important; }
	
	.subbox { display:block; width:auto; margin-left:0; margin-right:0%; }
	
	#titlenews .titlenews-desc h2 { font-size:2em; }

	}
@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
	.goaway-600 { display:none !important; } .come-i-600 { display:inline-block !important; } .come-b-600 { display:block !important; }
	#titlenews #bxslider-news-pager a { font-size:0.8em; }
	.gameheader .liga { font-size:0.8em; }
	.gameheader-wappen div { width:27%; }
	.gameheader-wappen div span.score { font-size:2em; }
	.gameheader-wappen div span.htscore { font-size:1.250em; }
	.gameheader-wappen div.score_info p { font-size:1em; line-height:1.4; }
	.gameheader-wappen div img { width:60%; padding:5%; margin:2% auto;  box-shadow: 0px 0px 3px #888; }
	
	.sponsor_box { display:inline-block; width:44%; margin:2%; border:1px solid #ccc; box-shadow: 0px 0px 3px #ccc;  }
	.matchsponsor img { width:40%; max-width:250px; float:right; margin-left:5%; }
	
	.statbox { width:100%; margin:1% 0 0 0; float:none; }
	.statbox table td { padding:1.5% 3%; }
	.statbox table { border-left:none;  border-right:none; }
	
	.footer_content { text-align:center; }
	.footer_content a.up { display:block; text-align:center; margin-bottom:4%; font-size:1.1em; }

	}
@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
	.goaway-500 { display:none !important; } .come-i-500 { display:inline-block !important; } .come-b-500 { display:block !important; }
	#titlenews .titlenews-desc h2 { font-size:1.2em; }
	
	#header-txt { font-size:1.1em; }
	img.profilpic { height:200px; margin:2% 2% 2% 0; border:3px solid #FFFFFF;  box-shadow: 0px 0px 3px #888; }

	.stimme-head { background-position:0 0; height:175px;  }
	.stimme-name { font-size:1em; }
	
	ul.matchcenter-subnavi li {  width:31%; }
	}
@media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
	.goaway-400 { display:none !important; }
	
	ul.matchcenter-subnavi li {  width:46%; }
	}


/* ======================================
   E N D E content.css
   ====================================== */