@charset "UTF-8";
body { background-color: #c3182a; padding:0px; margin:0px; font-size:14px; font-family: 'Signika', sans-serif; font-weight:300;}

a:link, a:visited{text-decoration:none; color:#326dbe;}
a:hover, a:active{text-decoration:underline; }

.abstand a:link, .abstand a:visited{ color:#000;text-decoration:underline;}
.abstand a:hover, .abstand a:active{color:#666;}

img {border:none;}
img.fullwidth { width: 100%; height: auto; }

h1{font-size:32px; font-weight:600; margin-top:60px;}
.abstand h1 {margin-top:0px} 
h2{color:#326dbe;font-size:16px; font-weight:600;}
h3{color:#000;font-size:16px; font-weight:600;}
.abstand h3 {margin-top:10px;} 
h4{color:#fff;font-size:19px; font-weight:600;}

em{font-style:normal; font-weight:400;}

td{font-weight:300; vertical-align:top;}

.eindrittel_spalte hr {border: 0px none; border-top: 4px solid #C3182A; margin: 30px 0; } 



/* The navigation menu */
.navbar {
	overflow: hidden;
  background-color: #C3182A;
}

/* Navigation links */
.navbar a {
  float: left;
  font-size: 17px;
  color: white;
  text-align: left;
  padding: 30px 14px;
  text-decoration: none;
}

/* The subnavigation menu */
.subnav {
  float: left;
  overflow: hidden;
}

/* Subnav button */
.subnav .subnavbtn {
  font-size: 17px; 
  border: none;
  outline: none;
  color: white;
  padding: 30px 14px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

/* Add a red background color to navigation links on hover */
.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: rgba(31,52,76,0.9);
}

/* Style the subnav content - positioned absolute */
.subnav-content {
  display: none;
  position: absolute;
  left: 0;
  background-color: rgba(31,52,76,0.9);
  width: 33,33%;
  z-index: 1000000!important;
}

/* Style the subnav links */
.subnav-content a {
  float: left;
  color: white;
  text-decoration: none;
}

/* Add a grey background color on hover */
.subnav-content a:hover {
  background-color: rgba(31,52,76,0.9);
  color: white;
}

/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content {
  display: block;
}
/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 17px; 
  border: none;
  outline: none;
  color: white;
  padding: 30px 14px;
  background-color: inherit;
  font-family: inherit;
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: rgba(31,52,76,0.9);
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: none;
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000000!important;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  left: 10px
  width: 33.33%;
  padding: 10px;
  background-color: rgba(31,52,76,0.9);
  height: 300px;
}

/* Style links inside the columns */
.column a {
  float: none;
  color: white;
  padding: 12px;
  text-decoration: none;
  display: block;
  text-align: left;
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
#footer , #footer *, #menu *{color:#fff; font-weight:400;}
#logo {float:right; top:10px; position: absolute; z-index: 1000; right: 0; }
#sitecontent{background:url(../../images/bg_body_1.jpg) center top no-repeat  #f5f3ee;  padding-top:435px; }

.pagewidth{ width:1035px; margin:auto; position: relative;}
.pagewidthtrans{ width:995px; margin:auto; position: relative;}


.content{background:#fff;}
.abstand{padding:20px;}

.dreier_spalte{float:left; width:300px;margin-right:15px;}
.content .dreier_spalte:last-of-type{margin-right:0px;}

.zweidrittel_spalte{float:left;width:660px; padding-bottom:40px;}
.eindrittel_spalte{float:left; width:315px;margin-left:20px; padding-bottom:40px;}


.termine_2spalten{list-style:none; padding:0px; display:block; margin:0px -20px;}
.termine_2spalten li {display:block; float:left;  width:505px; margin-right:25px;}
.termine_2spalten li:last-of-type {margin-right:0px;}
.termine_2spalten li ul{padding:0px;}
.termine_2spalten li ul li{ background:#fff; }
.termine_2spalten li ul li a {padding:10px 20px; border-bottom:2px solid #c3182a; display:block; width:465px; color:#326DBE; font-size: 1.2em !important; font-weight: 400;}
.termine_2spalten li ul li:last-of-type a{border-bottom:none; }
.termine_2spalten li ul li a:hover, .termine_2spalten li ul li a:active{text-decoration:none; }


.partnerlinks, .partnerlinkslast{background:#c3182a; display:block; float:left; margin:0px 25px 25px 0px;}
.partnerlinkslast{ margin:0px 0px 25px 0px;}


a.team_photo{display:block; float:left; margin:0px 20px 20px 0px; border:10px #fff solid}
a.team_photo:nth-of-type(3n){ margin:0px 0px 20px 0px;  }

.sponsorlogo{margin:20px 10px 25px 10px;}


#spielplanlink{width:305px; background:#ccc; border:5px solid #fff;
-moz-box-shadow: 1px 1px 1px #999;
-webkit-box-shadow: 1px 1px 4px #999;
box-shadow: 1px 1px 4px #999;
}

#spielplanlink td{ font-family: 'Signika', sans-serif; font-weight:300;}


a.buttonSpielplan { display: block; padding: 11px 20px; margin-bottom: 30px; margin-top: 60px; background-color: #C3182A; color: #FFF !important; text-decoration: none !important; font-size: 1.3em; font-weight: 500; }
a.buttonSpielplan { text-decoration: underline; }

/* ----------------------- */

.zweidrittel_spalte table{width:100%;}

#sitecontent  .sistable {font-size:14px;
background-color: #eee;
color: white;
border-collapse: collapse;
}
#sitecontent   .sistable th {font-size:14px;
background-color: #c3182a;
font-weight:bold;
padding: 5px 10px;
	text-align:left;
}
#sitecontent  .sistable td {
padding: 5px 10px;
} 
#sitecontent  .sistable tr.sisrow1 {
background-color: #eee;
color: #000;
		border-top:1px #fff solid;
}
#sitecontent  .sistable tr.sisrow2 {
background-color: #eee;
color: #000;
	border-top:1px #fff solid;
}
#sitecontent .sistable tr.myteam {
background-color: #ccc;
font-weight:bold;
color: black;
} 

#sitecontent .sistable td[colspan="5"]{padding-top:-0px;  margin-top:-5px; font-weight:normal;}
.rowHalle{padding:-5px; margin-top:-5px;}

#sitecontent  tr.rowHalle.sisrow1,#sitecontent  tr.rowHalle.sisrow2 {border-top:none;}

#sitecontent .naechstesspiel .sistable tr.sisrow1, #sitecontent .naechstesspiel .sistable tr.sisrow2,#sitecontent .ergebnisse .sistable tr.sisrow1, #sitecontent .ergebnisse .sistable tr.sisrow2    { display:none;  }
#sitecontent .naechstesspiel .sistable tr.myteam,#sitecontent .ergebnisse .sistable tr.myteam  { display:table-row;}



#trainingszeiten{}
#trainingszeiten tr:first-child td { color: #FFF; font-weight:400; }
#trainingszeiten td {padding:10px;  vertical-align:top;}
#trainingszeiten tr:nth-of-type(2n){ background:#eee; }
#trainingszeiten tr:first-of-type{ font-size:14px; background-color: #c3182a; font-weight:bold; padding: 5px 10px;}
#trainingszeiten tr:first-of-type td:first-of-type{ font-weight:300 ;}
#trainingszeiten tr td:first-of-type{ font-weight:400;}
#trainingszeiten tr td:nth-of-type(3) { width:100px; }
#trainingszeiten tr td:nth-of-type(4), #trainingszeiten tr td:nth-of-type(5){white-space:nowrap;}
#trainingszeiten a:link, #trainingszeiten a:visited{color:#000;}


/*Downloads*/
.filedownload{padding:25px 0px 25px 55px;  line-height:18px; min-height:18px; overflow:visible; display:inline-block; margin-left:10px;}

div.downloads a[href$='.pdf'], downloads a[href$='.PDF'] { background:transparent url(/images/icon_pdf.png) center left no-repeat; background-size:40px 50px;}
div.downloads a[href$='.doc'], div.downloads a[href$='.DOC'] { background:transparent url(/images/icon_doc.png) center left no-repeat; background-size:40px 50px;}
div.downloads a[href$='.zip'], div.downloads a[href$='.ZIP'] { background:transparent url(/images/icon_zip.png) center left no-repeat; background-size:40px 50px;}
div.downloads a[href$='.jpg'], div.downloads a[href$='.JPG'] { background:transparent url(/images/icon_jpg.png) center left no-repeat; background-size:40px 50px;}

/*Bilergallerien*/
img.gallery { margin: 0 20px 20px 0; }

/* ----------------------- */



#subnavi{clear:both; padding-top:100px; margin-bottom:20px; text-align:right; }
#subnavi *{color:#000;}
#subnavi img{margin-left:5px;}

#footer{clear:both; padding:90px 10px;  }


#footer ul{list-style:none; padding:10px;}
#footer ul li{display:block; float:left; margin-right:175px;}
#footer ul li:last-of-type{ margin-right:0px;}