/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css

*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
    font-family: 'Open Sans', sans-serif;
    font-weight:normal;
}

h1 {margin:0 0 20px 0;font-size:30px;line-height:35px;}
h2 {margin:0 0 20px 0;font-size:20px;line-height:24px;}
h3 {margin:0 0 15px 0;font-size:16px;line-height:18px;font-weight:bold;}
h4 {margin:0 0 15px 0;font-size:14px;font-weight:bold;text-transform:uppercase;}

.headline-gruen {color:#76b82a;font-size:10px;text-transform:uppercase;font-weight:bold;}

h3 a{color:#000000;text-decoration:none;}

#videoDetail h1 {font-size:20px;line-height:24px;}

hr{clear:both;border-bottom:0;border-top:9px solid #3d3d3c;border-right:0;border-left:0;margin:0 0 30px 0;min-height: 0px;height:1px;}

img {max-width:100%}

a {color:#76b82a;text-decoration:none;}
a:hover {text-decoration:underline;}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"],
textarea{
    font-family: 'Open Sans', sans-serif;
}

.menu{
    font-family: 'Open Sans', sans-serif;
}

blockquote{
    font-family: 'Open Sans', sans-serif;
}

.textfeld, input[type="text"] {color:#ffffff;background:#3d3d3c;width:300px;border:1px solid #3d3d3c;padding:5px 5px;margin:0 0 5px 0;}
.textarea {color:#ffffff;width:300px;height:150px;background:#3d3d3c;border:1px solid #3d3d3c}

td.odd {background-color:#dadada;}

.green {color:#76b82a;}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
    margin:0;
    padding:0 0 0 0;
    color:#000;
    background:#dadada;
    font:normal 0.8em/100% 'Open Sans', sans-serif;
    text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
	line-height:1.4;
}

#wrap{
    /*width:100%;*/
    background:#fff;
    margin:30px auto 30px auto;
    padding:0 2%;
    border:1px solid #ccc;
}


#footer{
    text-align:center;
    padding:20px;
    margin:0;
    border-top:1px solid #ddd;
    color:#999;
    font-size:0.8em;
    text-shadow:0px 1px 1px #fff;
    position: relative;
    top:0;
    left:0;
    background:#fff;
}

#link-top{
    display:none;
}

/* NAV BAR*/
.navbar{
    position:fixed;
    top:0;
    left:0;
    width: 100%;
    background:#000;
    color:#fff;
    z-index:1000;
}

.navbar #logo{
    position:absolute;
    top:0;
    right:0;
    padding:0.5em 1em;
    font-size: 1.7em;
    color:#efefef;
    text-decoration:none;
}

.navbar span{
    color:#86dc00;
}


.navbar ul{
    display:inline-block;
    margin:0;
    padding:0;
}

.navbar li{
    margin:0;
    padding:0;
    list-style-type:0;
    display:inline-block;
}

.navbar li a{
    display:inline-block;
    color:#efefef;
    padding:1em 1.3em;
    text-decoration:none;
    text-transform: uppercase;
    line-height:100%;
    font-size: 1.2em;
}

.callout{
    background:#4598ef;/*#86dc00;*/
    padding:3em 0;
    color:#fff;
    box-shadow:inset 0px 0px 10px rgba(0,0,0,0.2);
    text-align: center;
    text-shadow:0px 1px 3px rgba(0,0,0,0.2);
    display:block;
}
.callout + div.grid{margin-top:50px;}
a.callout{cursor:pointer;}
.callout i.icon-4x{font-size:6em;}
.callout h4{margin-bottom:30px;}
.callout-top{margin:50px 0 0 0;}
.callout p{margin-bottom:0;}
.callout .button{margin-top:10px;}
.callout.green{background:#19ad0b;/*#86dc00;*/}

#mc_embed_signup{
    padding:30px 0;
}

#ui-preview{
    border:5px solid #ddd;
    margin:30px 0;
    display:block;
}



.elastic-video {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}
.elastic-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#blockTop {background-color:#3d3d3c;min-width:1024px;}
#blockFacebook {margin:0 auto;text-align:right;width:1024px;}

#blockNavigation {background-color:#ffffff;min-width:1024px;}
#blockNavigationInner {margin:0 auto;width:1024px;}

#blockLogo {width:330px;float:left;}


#navigationMainToggler        {display:none}

ul#navigation {float:left;padding:0;margin:0px 0 0 0;}
ul#navigation li a, ul#navigation li a:visited {display:block; text-decoration:none;color:#3d3d3c; color:#000000; padding: 60px 22px 3px 22px;font-weight:bold;text-transform:uppercase; overflow:hidden;}
ul#navigation ul {padding:0; margin:0; list-style: none;}
ul#navigation li {float:left; position:relative;margin:0;padding:0;font-size:18px;list-style: none;}
ul#navigation li ul {display: none;z-index:10000;position:absolute; top:88px; left:0; width:250px;}
ul#navigation li ul li {width:260px;font-size:14px;}
ul#navigation li ul li a {text-transform:none;padding: 13px 22px 8px 22px;}
ul#navigation li ul li ul {position:absolute; left:260px; top:0;}
ul#navigation li ul li ul.left {left:-105px;}

/* specific to non IE browsers */
ul#navigation li:hover a {color:#fff; background:#76b82a;}
ul#navigation li:hover ul {display:block;}
ul#navigation li:hover ul li:hover a.hide {background:#76b82a; color:#ffffff;}
ul#navigation li:hover ul li ul {display: none;}
ul#navigation li:hover ul li a {display:block;color:#fff;background:url(/grafiken/bg-subnav.png) left top repeat transparent; }
ul#navigation li:hover ul li a:hover {background:#76b82a; color:#fff;}
ul#navigation li:hover ul li:hover ul {display:block;}

#blockNavigationSticky {background-color:#ffffff; display:none;width:100%;z-index:10000;position:fixed;top:0;border-bottom:4px solid #76b82a;}
#blockNavigationStickyInner {width:1024px;margin:0 auto;}

#blockNavigationSticky ul#navigation {margin:0;}
#blockNavigationSticky ul#navigation li a {padding: 13px 22px 8px 22px;}
#blockNavigationSticky ul#navigation li:hover ul {top:45px;}
#blockNavigationSticky ul#navigation li:hover ul  li:hover ul {top:0px;}
#blockNavigationSticky #blockSearch {margin:10px 0 0 0;}


#blockNavigationSticky #blockLogo {width:330px;float:left;margin:0px 0 0 0;}




#blockSearch {width:180px;float:right;margin:55px 0 0 0;background-color:#3d3d3c;}
#blockSearch .searchfield {background-color:#3d3d3c;width:150px;border:none;padding:6px 10px 5px 15px;color:#ffffff;float:left;margin:0;}
#blockSearch .searchbutton {border:none;width:24px;height:27px;background:url(/grafiken/button-search.gif) left top no-repeat;float:right;}



#blockMain {}

#blockSlider {margin:0 auto;width:1024px;}
#blockSlider ul, #blockSlider li {padding:0;margin:0;}
#blockSlider .bx-wrapper {margin:0px;}
#blockSlider .bx-wrapper .bx-viewport {border: none;left: 0px;background: transparent;height: 350px!important;}
#blockSlider ul.topslider li img {position:absolute;}
#blockSlider ul.topslider li div {position:absolute; margin:5% 0 0 8%;}

.topslider a:hover{text-decoration:none;}
.sliderHeadline {background:url(/grafiken/bg-subnav.png) left top repeat transparent;color:#ffffff;font-size:30px;padding:10px;font-weight:bold;line-height:70px;}

.sliderLink {font-size:20px;padding:10px;font-weight:bold;line-height:50px;background:#76b82a;color: #000000;}


#blockHeader {margin:0 auto;background:url(/grafiken/bg-blockHeader.jpg) left top repeat-x #76b82a;padding:20px 20px 30px 20px;width: 1024px;}
#blockHeader #slogan {background:url(/grafiken/bg-subnav.png) left top repeat transparent;color:#ffffff;font-size:26px;line-height:30px;padding:5px 10px;font-weight: bold;}

#blockContent {position:relative;z-index:100;margin:-10px auto 0 auto;width:1024px;}
#blockContent.start{margin:-30px auto 0 auto;}
#blockContent #blockContentInner {margin:0 10px;background-color:#ffffff;padding:20px;border-top:20px solid #3d3d3c;}
#blockContent.start #blockContentInner {margin:0 10px;background-color:#ffffff;padding:0;border:none;}

#blockContent #blockContentInner #blockContentLeft {width:68%;float:left;}
#blockContent #blockContentInner #blockContentRight {width:30%;float:right;}

#blockVideoHighlight {background-color:#3d3d3c;padding:10px 20px;}


#blockNewsTermine {}
#blockNewsTermine .proz70 {float:left;width:70%;}
#blockNewsTermine .proz30 {float:right;width:30%;}

#blockNewsTermine #blockNews {float:left;width:30%;padding:25px 25px 25px 25px}
#blockNewsTermine #blockNachspielzeit {float:left;width:40%;padding:25px 25px 25px 25px}
#blockNewsTermine #blockTermine {float:right;width:30%;background-color:#ededed;min-height:470px;padding: 25px 25px 25px 25px;}

#blockTabsStart {padding:20px;}

#blockFooter {background-color:#3d3d3c;color:#ffffff;border-top:8px solid #76b82a;position:relative;z-index:99;margin:-35px 0 0 0;min-width:1024px;}
#blockFooterInner {margin:0 auto;min-height:300px;padding:50px 10px 0 10px;width:1024px;}

#blockFooter a {color:#adadad;text-decoration:none;font-weight:bold;line-height:30px;font-size:12px;}
#blockFooter a:hover {color:#ffffff;}



.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }


#news {}
#news .news-list {margin:0 0 40px 0;}
#news .headline-news {color:#76b82a;font-size:10px;text-transform:uppercase;font-weight:bold;}
#news .headline {color:#3d3d3c;margin:5px 0 10px 0;font-size:16px;}
#news .headline a, #news .headline b {text-decoration:none;color:#000000;}
#news .column {padding:0 20px 0 0;}

.newsItem {margin:0 0 20px 0;}


/*Paging*/
.pageNaviList {margin:0 auto;width:100px;}
.pageNaviList .pageNaviCurrent {display:inline;}

.button {text-transform:uppercase;border:5px solid;text-decoration:none;font-size:10px;line-height:40px;text-decoration:none;}
.button.green {background-color:#76b82a;border-color:#76b82a;color:#ffffff;}
.button.green:hover {background-color:#3d3d3c;border-color:#3d3d3c;text-decoration:none;}

.button.icon {padding:5px 10px 4px 40px;border:none;font-weight:bold;font-size:16px;}

.button.icon.more {background-image:url(/grafiken/link-mehr.gif); background-position:left top; background-repeat:no-repeat;}



/*Tabs*/
ul.tabs{
margin:10px 0 -1px 0;
padding:0;
width:100%;
float:left;
font-size:0;
}
ul.tabs li{
	list-style-type:none;
	margin:0 -2px 0 0;
	padding:0;
	display:inline-block;
	*display:inline;/*IE ONLY*/
	position:relative;
	top:0;
	left:0;
	*top:1px;/*IE 7 ONLY*/
	zoom:1;
	}
ul.tabs li {border:none;font-weight:bold;font-size:16px;text-transform:uppercase;}
ul.tabs li a {background-color:transparent; color:#3d3d3c;border:none;text-decoration:none;padding:9px 15px;}
ul.tabs li.current a, ul.tabs li a:hover {background-color:#76b82a; color:#ffffff;border:none;top:0px;}
.tab-content {border: none;padding:20px 0;clear:both;font-size:12px;}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #76b82a;
}

/*Suche */
.searchitem {margin:0 0 30px 0;}
.searchitem.video {padding:0 0 0 60px; background-image:url(/grafiken/icon-video.png); background-position:left top; background-repeat:no-repeat;}
.searchitem.news {padding:0 0 0 60px; background-image:url(/grafiken/icon-news.png); background-position:left top; background-repeat:no-repeat;}
.searchitem.ligen {padding:0 0 0 60px; background-image:url(/grafiken/icon-team.png); background-position:left top; background-repeat:no-repeat;}

/*Rating*/
#blockRating {margin:20px 0 0 0;width:49%;float:left;}
#blockRating span {float:left;}
/*Video melden*/
#blockVideoMelden {margin:10px 0 0 0;width:49%;float:right;font-size:11px;text-align:right;}


/*Facebook */
#blockFacebookComments {margin:20px 0 0 0;}
.fb-comments, .fb-comments span, .fb-comments iframe {width: 100% !important;}


/* Videos */
#blockVideos {margin:0 0 20px 0;}
#blockVideos .video-item {float:left;width: 23%;height: 124px;overflow:hidden;margin-left: 0.83333333333333%;margin-right: 0.83333333333333%;margin-top:0.5em;margin-bottom:0.5em;position:relative;}

#blockVideoHighlight .video-item {float:left;margin:0 9px;width: 23%;}

#videoDetail .left {float:left; width:65%;}
#videoDetail .right {float:right; width:31.666666666667%;}

#videosLiga .albumGalleryItem {margin:0 0 20px 0;}

.albumGalleryItem {position:relative;margin:0 0 20px 0;}
.albumGalleryItem .albumGalleryCaption {position: absolute;bottom: 0;z-index: 2;display:block;width:100%;font-size:11px;padding:5px;color: #ffffff;background:url(/grafiken/bg-subnav.png) left top repeat transparent;}
.albumGalleryItem .albumGalleryCaption span {display:block;}

.LinkLiga {margin:50px 0 0 0;}

#videoFilter {border:1px solid #76b82a;padding:20px;}


#meldenOuter #melden {display:none;}


/* Tab Neue Videos */
.video_highlight {position:relative;}

/* Ligen */

#ligen {}
#ligen .liga {width:33%;float:left;}
#ligen .ligaInner {display:block;padding:10px;height:200px;margin:5px;background-color:#3d3d3c;color:#ffffff;}
#ligen .ligaInner:hover {background-color:#76b82a;}
#ligen .ligaInner h3 {font-size:22px;padding:6px 0 10px 40px;background:url(/grafiken/pfeil-button.png) 0px 0px no-repeat;}
#ligen .ligaInner:hover h3 {background-position:0px -69px;}
#ligen .ligaInner ul {margin:0;padding:0;}
#ligen .ligaInner ul li {list-style:none;padding:0;}
#ligen .ligaInner ul li a {display:block;background:#080c03;padding:10px 20px;color:#ffffff;font-size:16px;text-decoration:none;}

#ligen .ligaInner ul li ul {display:none;position: relative;}
#ligen .ligaInner ul li:hover ul {display:block;}
#ligen .ligaInner ul li ul li a {background:url(/grafiken/transparent-grey.png) 0px 0px repeat transparent;}
#ligen .ligaInner ul li ul li a:hover {color:#76b82a;}


#spieltageListe {margin:0 0 17px 0;}
#spieltage_tabelle {margin:0 0 30px 0;}
#spieltage {margin:0 0 30px 0;float:left;width:49%}
#spieltage table tr td {padding:5px 5px;}

.sel-box{
    position:relative;
}
a{
    text-decoration:none;
}
#select{
    display:block;
    float:left;

    padding:3px 10px 3px 34px;
    background:url(/grafiken/select.gif) top left no-repeat #76b82a;
    color:#ffffff;
}
.toc-odd{
    position:absolute;
    z-index: 10000;
    background:#f1f1f1;
    margin:0;
    top:24px;
    left: 24px;
    display:none;
    width:99px;
}
.toc-odd li{
    float: left;
    width: 33px;
    padding:0px;
    border-bottom:1px solid #999;
    list-style: none;
}
.toc-odd li a {
    display:block;
    padding: 2px 10px;
}
.toc-odd li a:hover {
    background-color:#76b82a;
    color:#ffffff !important;
    text-decoration: none;
}

#liga_news_videos {}

#tabelle {float:right;width:49%;}
#tabelle .liga-tabelle tr td {padding:5px 5px;}
#tabelle .liga-tabelle {}
#tabelle .liga-tabelle tr th.nostyle, #tabelle .liga-tabelle tr td.nostyle {padding:0;}
#tabelle .liga-tabelle tr td.aufstieg {background-color:#76b82a;width:5px;padding:0;}
#tabelle .liga-tabelle tr td.rel_aufstieg {background-color:#ffdd00;width:5px;padding:0;}
#tabelle .liga-tabelle tr td.abstieg {background-color:#e30613;width:5px;padding:0;}
#tabelle .liga-tabelle tr td.rel_abstieg {background-color:#ffdd00;width:5px;padding:0;}

#spieltage a, #tabelle .liga-tabelle a {color:#000000;}

#spieltage a.videosBegegnungLink {float:right;background:url(/grafiken/videosBegegnungLink.png) 2px 2px no-repeat #76b82a;color:#ffffff;font-weight:bold;text-decoration:none;padding:1px 5px 1px 20px;text-transform:uppercase}
#spieltage a.videosBegegnungLink:hover{color:#3d3d3c;}


/* Upload */

#uploadForm,#uploadVideo {display:none;}


/*Mannschaften */



/*Allgemein*/
.dreispalter {}
.dreispalter .spalte1 {float:left;width:32%;margin-right: 3%}
.dreispalter .spalte2 {float:left;width:32%;margin-right: 3%}
.dreispalter .spalte3 {float:left;width:30%}



/*
@media only screen and (max-width: 500px){

	#blockNewsTermine #blockNews, #blockNewsTermine #blockNachspielzeit,#blockNewsTermine #blockTermine  {float: none;width: 100%;}
	
	#navigationMainToggler                {display:block;cursor:pointer;color: #ffffff;text-decoration: none;font-size: 14px;padding: 30px 16px;text-transform:uppercase;background-image:url(../grafiken/toggler.gif);background-repeat:no-repeat;background-position:right center}
	ul#navigation {display:none;float:none;width:100%}
	ul#navigation li {float: none;width:100%}
	ul#navigation li a, ul#navigation li a:visited {padding: 3px 22px 3px 22px;}
	ul#navigation li ul.active {display: block;z-index: 10000;position: static;top: 88px;left: 0;width: 100%;}
	ul#navigation li ul.active li {width: 100%;font-size: 14px;}
	ul#navigation li ul.active li a {display:block;color:#fff;background:url(/grafiken/bg-subnav.png) left top repeat transparent; }
	ul#navigation li ul li ul {display:none;position: static;left: 260px;top: 0;}
	ul#navigation li:hover ul li:hover ul {display:none;}
	ul#navigation li:hover ul li:hover ul.active {display:block;}
	ul#navigation li ul li ul.active {display:block;}
}*/