@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:21px; font-weight:600;}
h3{color:#000;font-size:21px; font-weight:600;}
.abstand h3 {margin-top:10px;} 

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; } 

#menu{ height:115px;  font-size: 17px; }

#footer , #footer *, #menu *{color:#fff; font-weight:400;}

#menu ul{list-style:none; margin:0px; padding:0px; padding-top:55px;}
#menu ul li{display:block; float:left; padding:20px;}

#menu ul li span a:hover{text-decoration:none; color:rgba(255,255,255,0.75);}

#menu ul li div{ display:none;}
#menu ul li span{ display:block; float:left; font-size:21px; font-weight:300; padding:45px 0px; }
#menu ul li span:first-of-type{margin-left:30px;}
#menu ul li:hover div{background:rgba(45,75,145,0.9); width:1035px; position:absolute; z-index:99; margin-left:-20px; margin-top:20px; display:block; z-index:1000000!important;}
#menu ul li span a{display:block; font-size:16px;  font-weight:300; padding:10px 0px; border-bottom:#678fc8 solid 1px; padding-right:117px;}

#menu ul li span:nth-of-type(1) a{padding-right:80px;}
#menu ul li span:nth-of-type(2) a{padding-right:80px;}
#menu ul li span:nth-of-type(3) a{padding-right:155px;}
#menu ul li span:nth-of-type(4) a{padding-right:165px;}
#menu ul li span:last-of-type a{padding-right:50px;}



#logo {float:right; top:0px; 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:315px;margin-right:25px;}
.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; }

/* ----------------------- */
/* Base navbar styling */
.navbar {
  background-color: #333;
  display: flex;
  align-items: center;
  padding: 10px;
  gap: 20px; /* Spacing between nav items */
}

.navbar a,
.dropdown .dropbtn {
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
  transition: background-color 0.3s ease;
}

.navbar a:hover,
.dropdown .dropbtn:hover {
  background-color: #555; /* Hover effect */
  border-radius: 4px;
}

/* Dropdown container */
.dropdown {
  position: relative;
}

/* Dropdown content with Flexbox for columns */
.dropdown-content {
  display: none;
  position: absolute;
  top: 100%; /* Positioned below the dropdown button */
  left: 0;
  background-color: #444;
  padding: 15px;
  min-width: 250px;
  display: flex;
  gap: 20px; /* Gap between each column */
  border-radius: 8px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
  z-index: 10;
}

.dropdown-content div {
  flex: 1;
  min-width: 100px; /* Minimum width for each column */
}

/* Show dropdown on hover */
.dropdown:hover .dropdown-content {
  display: flex;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .navbar {
    flex-direction: column;
    gap: 10px;
  }
  
  .dropdown-content {
    flex-direction: column;
  }
}


#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 0px;  }


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