/*
Theme Name: WP-Theme TSG-1846
Theme URI: www.1846-fussballer.de
Description: Wordpress-Theme für den TSG 1846 Bretzenheim 
Version: 1.0
Author: Rolf Moczarski
Text Domain: www.1846-fussballer.de
*/

*{border:0px; margin:0px; padding:0px; vertical-align: baseline; }
html{font-size:14px;}
.wrapper{width:100%; max-width:1440px; margin:auto; display:block;}
body{background-color:white; font-family:Arial,Helvetica,sans-serif; }
.clear{clear:both;}
.col1, .col2{width:39.5%; padding:5%; display: inline-block; vertical-align: top;}

header{ width:100%; display:block;}
header .logo{padding:40px 5%; width:55%; float:left; max-width:450px;}
.headerarea .logo a img{width:100%; height:auto;}
header .additional{float:right; padding:70px 2% 40px 0; max-width:300px; }
header .additional .screen-reader-text{display:none;}

header .additional input{
        background-color:#ededed;
        -webkit-transition: background 1s ease-in-out;
        -moz-transition: background 1s ease-in-out;
        -ms-transition: background 1s ease-in-out;
        -o-transition: background 1s ease-in-out;
        transition: background 1s ease-in-out;
        display:inline-block; width:200px; height:30px; padding:3px 5px;
        vertical-align:top;
}
header .additional input:focus{background-color:#565656; color:white; 
-webkit-transition: background 1s ease-in-out;
-moz-transition: background 1s ease-in-out;
-ms-transition: background 1s ease-in-out;
-o-transition: background 1s ease-in-out;
transition: background 1s ease-in-out;
}
header .additional input.submit{background-image: url('images/search.jpg'); background-size: cover;  width:36px; height:36px; }


.slicknav_menu{display:none;}


header nav ul#menu li:hover{background-color:#155eb2;}



nav {
  display: block;
  width: 95%;
  height: 70px;
background-color:#1355a1;
padding-left:5%;
}

nav.error{
        height:auto; background-color: transparent;
        
}

nav.error ul li ul {margin-left:5%; margin-bottom:5%;}

nav.navi ul li{padding:10px 0px;}
#menu {
  display: block;
  position: relative;
  z-index: 99;
  text-align: left;
}

#menu li {
  display: block;
  float: left;
  font-style: italic;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#menu li a {
    color:white;
  display: block;
  position: relative;
  float: left;
  padding: 0 15px;
  line-height: 50px;
  text-decoration: none;
  transition:background 0.2s;
-webkit-transition:background 0.2s;

}
#menu li a:hover, #menu li a.active {

}

#menu li ul {
  display: none;
  position: absolute;
  top: 70px;
  width: 150px;
 background-color:#166bcc;
  z-index: -1;
  -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.45);
  -moz-box-shadow: 0 2px 7px rgba(0,0,0,0.45);
  box-shadow: 0 2px 7px rgba(0,0,0,0.45);
}
#menu li ul li {
  display: block;
  width: 200px;
  background: #1355a1;
  color: #fff;
}
#menu li ul li a {
  display: block;
  float: none;


  line-height: 40px;
  padding: 0 15px;
}
#menu li ul li a:hover {

}

#menu li ul.expanded {
  width: 400px;
}
#menu li ul.expanded li { margin-right: 200px; }



#menu li ul li ul {
  display: none;
  position: absolute;
  left: 200px;
  top: 0;
  height: 100%;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
   background-color:#166bcc;
  
}

#menu li ul li ul li{background-color:#166bcc;}
#menu li ul li ul li:hover{background-color:#1c86ff;}


/**/ 
.flexslider{display:block; width:100%; height:auto; vertical-align: top; position: fixed; overflow:hidden;}

.slidecontent{position:absolute; z-index:100; bottom:20px; height:auto; padding:1% 5% 1% 11%; background-color:#1355a1; opacity: 0.8; color:white; font-size:24px;}
.flex-active-slide{overflow:hidden;}

/* Maincontent */

.main{padding:2% 0 2% 2%; width:98%; display:block;}
.main .content{width:62%; display: inline-block; margin-right:2%;  min-height:300px; vertical-align: top;  padding:0 1% 1% 1%;}
.main .content article a{color:#1355a1; text-decoration: none;}
.main .content article a:hover{color:#155eb2; text-decoration: underline;}
.main .content article strong{color:#1355a1; font-weight:600;}
.main .content article p{margin-bottom:10px;}
h1{margin-bottom:30px; background-color:#1355a1; width:49.0%; padding:1% 5% 1% 6%; margin:2% 0; color:white; font-size:1.8em;}
.main .content article {font-size:1.143em; line-height:1.714em; margin-bottom:8%;}
.main .content article img{ max-width:100%; width:inherit; height:auto;}
.main .content article img.alignleft{float:left; padding-right:2%;}
.main .content article img.alignright{float:right; padding-left:2%;}
/*.main .content article img.size-medium{max-width:30%;} */



.main .content article h2 { font-size: 1.600em;
    font-weight: normal;
    line-height: 2.286em;
    margin: 0 0 0.5em; }
.main .content article .postimg img{width:100%; }
.main .content article .postimg {max-width:300px; width:calc(30% - 10px); display:inline-block; height:inherit; vertical-align: top; }
.main .content article .postcontent {width:65%; display:inline-block; height:inherit; margin-left:4%;}
.main .content article h2 a {text-decoration:none; color:white;}  
.main .content article h2 a:hover {text-decoration:underline; color:white;} 
.main .content article .more, .main .content article .spielplan{text-align: right; margin-top:20px; }
.main .content article .more a, .main .content .postnavi a, .main .content article .spielplan a{background-color:#1355a1; color:white; text-decoration:none; padding:5px; }
.main .content article .more a:hover, .main .content .postnavi a:hover, .main .content article .spielplan a:hover{background-color:#155eb2; }

.main .content article table.saison {width:100%; text-align:center; border-collapse: collapse; border-spacing: 0; }
.main .content article table.saison tr.head {background-color:#155eb2; border: 0px solid grey; color:white; font-weight:400; border-bottom:0; font-weight:300 !important;}
.main .content article table.saison td{border-bottom:1px dotted grey; line-height:30px;}
.main .content article table.saison tr:hover{background-color:#f4f4f4; 
-webkit-transition: background 0.2s ease-in-out;
-moz-transition: background 0.2s ease-in-out;
-ms-transition: background 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;  }


/* Schiedsrichter */
.main .content article .schieri {background-color:#1355a1; padding:5%; color:white;
-webkit-transition: background 1s ease-in-out;
-moz-transition: background 1s ease-in-out;
-ms-transition: background 1s ease-in-out;
-o-transition: background 1s ease-in-out;
transition: background 1s ease-in-out; margin-bottom:5px;}
.main .content article .schieri:hover{background-color:#1c86ff;                  
-webkit-transition: background 1s ease-in-out;
-moz-transition: background 1s ease-in-out;
-ms-transition: background 1s ease-in-out;
-o-transition: background 1s ease-in-out;
transition: background 1s ease-in-out;}

.main .content article .schieri img{width:20%; min-width:100px; display:inline-block; margin-bottom:0;}
.main .content article .schieri .schieridaten{width:60%; display:inline-block; padding-left:9%; vertical-align: top;}
.main .content article .schieri .schieridaten ul li {list-style-type:none;}

/* Spielercontent */
.main .content article .postmeta{border-top:1px solid #f1f1f1; font-size:0.857em; color:#8c8c8c; margin-top:15px;}
.main .content article#steckbrief img{width:25%; max-width:200px; display:inline-block; vertical-align: top;}
.main .content article#steckbrief dl{width:70%; display:inline-block;}
.main .content article#steckbrief dd{width:59%; display:inline-block; padding-bottom:5px; }
.main .content article#steckbrief dt{width:40%; display:inline-block; padding-bottom:5px; vertical-align: top; font-weight:600;}


/* Mannschaftscontent*/
.main .content article#mannschaftscontent #tabs, .ui-corner-all, .main .content article#mannschaftscontent .ui-corner-top, .ui-corner-right, .ui-corner-tr{border:0px; border-radius: 0; }
.main .content article#mannschaftscontent .ui-widget-header{background:white; border:0;}
.main .content article#mannschaftscontent #tabs .ui-tabs-active{background-color:#166bcc;}
.main .content article#mannschaftscontent #tabs .ui-tabs-active a{color:white;}
.main .content article#mannschaftscontent .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background-color:white; background-image: none;}
.main .content article#mannschaftscontent h3{margin-bottom:30px;}
.main .content article#mannschaftscontent ul {margin-left:30px; list-style-type:square; margin-bottom:30px;}
.main .content article#mannschaftscontent ul li{line-height:35px;}
.main .content article#mannschaftscontent div.trainer{width:45%; display:inline-block; margin-bottom:0.5%; vertical-align: top; background-color:#1355a1; padding:2%; color:white;
-webkit-transition: background 1s ease-in-out;
-moz-transition: background 1s ease-in-out;
-ms-transition: background 1s ease-in-out;
-o-transition: background 1s ease-in-out;
transition: background 1s ease-in-out;}
.main .content article#mannschaftscontent div.trainer:hover{background-color:#1c86ff;                  
-webkit-transition: background 1s ease-in-out;
-moz-transition: background 1s ease-in-out;
-ms-transition: background 1s ease-in-out;
-o-transition: background 1s ease-in-out;
transition: background 1s ease-in-out;}
.main .content article#mannschaftscontent .trainingszeiten {width:100%; max-width:600px; margin-bottom:30px;}
.main .content article#mannschaftscontent .trainingszeiten td{width:33%; }
.main .content article#mannschaftscontent .more{background-color:#1355a1; color:white; text-decoration:none; padding:5px;  }
.main .content article#mannschaftscontent .more:hover{background-color:#155eb2; }

.main .content article#mannschaftscontent .trophy tr td{vertical-align: top;}
.main .content article#mannschaftscontent .trophy tr td:first-of-type{width:60%;}
.main .content article#mannschaftscontent .trophy img{display:inline-block; width:20px; height:auto;}

/* Archivcontent */

.main .content article#mannschaftsarchiv .archivbox{width:45%; display:inline-block; margin-bottom:0.5%; vertical-align: top; background-color:#1355a1; padding:2%; color:white;
-webkit-transition: background 1s ease-in-out;
-moz-transition: background 1s ease-in-out;
-ms-transition: background 1s ease-in-out;
-o-transition: background 1s ease-in-out;
transition: background 1s ease-in-out;}
.main .content article#mannschaftsarchiv .archivbox:hover{width:45%; display:inline-block; margin-bottom:0.5%; vertical-align: top; background-color:#1c86ff; padding:2%; color:white;
-webkit-transition: background 1s ease-in-out;
-moz-transition: background 1s ease-in-out;
-ms-transition: background 1s ease-in-out;
-o-transition: background 1s ease-in-out;
transition: background 1s ease-in-out;}

/* Abteilungsvorstand */

.main .content article#abteilungsvorstand .blockelement ul li{list-style-type:none;  }
.main .content article#abteilungsvorstand .blockelement {width:43%; padding:2%; display:inline-block; padding-bottom:40px; vertical-align: top;  margin:0 1% 1% 0;}

.main .content article#abteilungsvorstand .blockelement.blue a{color:white;}
.main .content article#abteilungsvorstand .blockelement.text{width:96%; padding:2%; display:block;}
.main .content article#abteilungsvorstand .blockelement.text h4{margin-bottom:1%;}
.main .content article#abteilungsvorstand .blockelement.text ul li{list-style-type:square;  }
.main .content article#abteilungsvorstand .blockelement.text ul{margin:5%;}
.main .content article#abteilungsvorstand .blockelement.text.download {padding:1%;}
.main .content article#abteilungsvorstand .blockelement.text.download ul li{display:inline; line-height:20px;}
.main .content article#abteilungsvorstand .blockelement.text.download ul li a{vertical-align: top;}
.main .content article#abteilungsvorstand .blockelement.text.download ul li img{max-width:20px; max-height:20px;}
.main .content article#abteilungsvorstand .blockelement.text.download ul li{vertical-align: top;}
.main .content article#abteilungsvorstand .blockelement.text.download ul{margin:1%;}
.main .content article#abteilungsvorstand .blockelement.blue:hover{background-color:#1c86ff;                  
-webkit-transition: background 1s ease-in-out;
-moz-transition: background 1s ease-in-out;
-ms-transition: background 1s ease-in-out;
-o-transition: background 1s ease-in-out;
transition: background 1s ease-in-out;}
.main .content article#mannschaftscontent .trainingszeiten {width:100%; max-width:600px; margin-bottom:30px;}
.main .content article#mannschaftscontent .trainingszeiten td{width:33%; }
.main .content article#mannschaftscontent .more{background-color:#1355a1; color:white; text-decoration:none; padding:5px;  }
.main .content article#mannschaftscontent .more:hover{background-color:#155eb2; }

.main .content article#abteilungsvorstand .blockelement.blue{
background-color:#1355a1; color:white; min-height:195px; -webkit-transition: background 1s ease-in-out;
-moz-transition: background 1s ease-in-out;
-ms-transition: background 1s ease-in-out;
-o-transition: background 1s ease-in-out;
transition: background 1s ease-in-out;}


/* Galerien */
.main .content article .ngg-album a, .main .content article .ngg-album strong{color:white;}
article .ngg-album{border:0px; color:white; 
-webkit-transition: background 1s ease-in-out;
-moz-transition: background 1s ease-in-out;
-ms-transition: background 1s ease-in-out;
-o-transition: background 1s ease-in-out;
transition: background 1s ease-in-out;
background-color:#1355a1; 
padding:2%;
}
article .ngg-album:hover
{background-color:#1c86ff;                  
-webkit-transition: background 1s ease-in-out;
-moz-transition: background 1s ease-in-out;
-ms-transition: background 1s ease-in-out;
-o-transition: background 1s ease-in-out;
transition: background 1s ease-in-out;}
article .ngg-albumtitle{font-size:1.2em; color:white;}
article .ngg-albumcontent .ngg-thumbnail{float:none; display:inline-block; width:20%; max-width:150px; height:auto; vertical-align: top;}
article .ngg-albumcontent .ngg-description{float:none; display:inline-block; width:65%;  padding-left:3%; vertical-align: top;}




.fupa_widget .teamfoto{display:none;}


.main .content article .extern-con img{width:80px; height:auto; height:80px; vertical-align: middle; margin-bottom:0;}
.main .content article .extern-con {background-color:#1355a1; padding:20px; width:60%; min-width:300px;}
.main .content article .extern-con .textlink{height:80px; min-width:200px; width:50%;}
.main .content article .extern-con  a{color:white; font-size:2em;}

.main .content .postnavi-left, .main .content .postnavi-right{width:47.7%; display:inline-block; min-height:30px;}
.main .content .postnavi-right{text-align: right;}

.main aside .conbox{line-height:34px; margin-bottom:30px; -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.46);
-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.46);
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.46); font-size:1.000em;}
.main aside .conbox iframe{width:100%; height:800px;}
.main aside .conbox.sponsoren img{padding:3%; width:94%;}
.main aside .conbox img{width:98%; height:auto; padding:1%;}
.main aside .conbox h4{background-color: #1355a1; padding:3%; color:white; font-weight:400;  border-bottom:1px solid white; font-size:1.2em;}
.main aside .conbox.kontakt h5, .main aside .conbox.kontakt{line-height:24px; font-weight:400; font-size:1.000em;}
html .main aside .conbox.kontakt{font-size:1em;}
.main aside{width:33%; min-height:300px; display:inline-block; vertical-align: top;}
.main aside .infobox{width:96%; padding:2%; display:block; border-bottom:1px dashed grey;  }
.main aside .infobox:last-child{border-bottom:0px;}
.main aside .infobox h5{font-size:1.286em; padding-bottom:15px;}
.main aside .infobox.logo img{width:70%; vertical-align: top; padding:5% 10% 10% 10%; max-width:300px; margin:auto;} 
.main aside .infobox.logo {vertical-align: top; width:40%; display:inline-block;}
.main aside .conbox.kontakt h5{font-weight:600;}
.main aside .conbox.kontakt .informationen{padding:5%; width:45%; display:inline-block;} 
.main aside .conbox.kontakt a{text-decoration: none; color:black;}
.main aside .conbox.kontakt a:hover{text-decoration: none; color:#1355a1;}
.main aside .conbox .informationen ul li{list-style-type:none; padding-bottom:10px; }
.main aside .conbox .informationen .infobox:last-child, .main aside .conbox .infobox.logo{border-bottom:0px;}
.conbox.posts ul {padding:3%}
.conbox.posts ul li:last-child{border-bottom:0px;}
.conbox.posts ul li{border-bottom:1px solid #e7e7e7; list-style-type:none; margin-bottom:5px;}
.conbox.posts ul li a{text-decoration:none; font-weight:400; color:black; padding:2%;}
.conbox.posts ul li a:hover{color:#1355a1;}
.conbox.ergebnisse .row{; font-size:0.857em; border-bottom:1px solid white; width:100%; padding-bottom:3%;}

.spieldatum{display:block; border-bottom:1px solid white; padding:1% 3%; text-align: center; font-weight:bold; font-size:1em; margin-bottom:10px; background-color: #1c86ff; color:white;}
.verein1, .verein2{width:41%; display:inline-block; text-align: center; font-size:1.000em; vertical-align: top; height:100%;}
.verein1{padding-left:3%;}
.main aside .verein1 img, .main aside .verein2 img{width:100%; max-width:90px; max-height:90px; display:block; margin:auto; }
.verein2{padding-right:3%;}
.vs{width:9%; display:inline-block; text-align: center; vertical-align:bottom;}

.ergebnis{font-weight:bold; width:44%; display:inline-block; vertical-align: bottom; text-align: center;}	



/* Steckbrief-Fragebogen */
.wpcf7-form form{margin-top:30px;}
.wpcf7-form input, .wpcf7-form textarea{background-color:#ededed; width:50%; padding:2%; margin-bottom:4%; display:block;}

.wpcf7-form p.dropdown select{height:30px; width:180px; margin-left:30px;background-color:#1355a1; color:white; }
.main .content article .wpcf7-form img.ajax-loader{width:15px; height:auto;}
input.wpcf7-form-control.wpcf7-submit{ background-color: #1355a1; color:white; width:50%;}
.wpcf7-form textarea:focus, .wpcf7-form input:focus {
    background-color: #565656;
    color: white;
    transition: background 1s ease-in-out 0s;
}


/* KOMMENTARBEREICH */
#comments .edit{float:right; width:200px; text-align: right;}
.comment-edit-link{color:white; padding:2%; background-color:#1c86ff; }
#comments{background-color:white; padding:4% 4% 4% 0; color:#166bcc; clear:both;}
#comments form{margin-top:30px;}

.comment{padding:2%; color:white; line-height:2.5em;}

#comments input, #comments textarea{background-color:#ededed; width:96%; padding:2%; margin-bottom:4%;}


#comments textarea:focus, #comments input:focus {
    background-color: #565656;
    color: white;
    transition: background 1s ease-in-out 0s;
}
#comments input, #comments h4{font-size:1.3em; margin-bottom:4%;}
#comments input, #comments h3{font-size:1.15em; margin:2% 0 1% 0;}
#comments input#submit{background-color: #1355a1;
    color: white;
   width:200px;
   padding:20px 30px;
   float:right;
  }
  

ol#commentlist{margin-bottom:4%;}  
#comments ol li{list-style-type: none; margin-bottom:2%;  }  
#comments .comment-textbox{margin-bottom:2%;}
#comments .comment-textbox h6{font-size:1em; margin-bottom:1%; border-bottom:2px dotted white;}



.comment.even{background-color:#1355a1;
-webkit-transition: background 1s ease-in-out;
-moz-transition: background 1s ease-in-out;
-ms-transition: background 1s ease-in-out;
-o-transition: background 1s ease-in-out;
transition: background 1s ease-in-out;}

.comment.even:hover{background-color:#1c76dd;}

.comment.odd{background-color:#196bc9; -webkit-transition: background 1s ease-in-out;
-moz-transition: background 1s ease-in-out;
-ms-transition: background 1s ease-in-out;
-o-transition: background 1s ease-in-out;
transition: background 1s ease-in-out;}

.comment.odd:hover{background-color:#1b7eef;
-webkit-transition: background 1s ease-in-out;
-moz-transition: background 1s ease-in-out;
-ms-transition: background 1s ease-in-out;
-o-transition: background 1s ease-in-out;
transition: background 1s ease-in-out;}




@media screen and (max-width:1230px){
html{font-size:12px;}
.main .content article, body{font-size:1.10em; }
.main aside .conbox.kontakt h5, .main aside .conbox.kontakt{font-size:1em;}
.main aside .infobox h5{font-size:1.143em;}
}

@media screen and (max-width:1000px){
nav.navi{display:none;}
.slicknav_menu{display:block;}
}
@media screen and (max-width:768px){

    html{font-size:12px;}

.main{padding:2%; width:96%;}
.main .content{margin-right:5%;}
.main .content article, body{font-size:1.000em; }
 .main .content article#abteilungsvorstand .blockelement {width:96%; display:block; padding-bottom:40px; vertical-align: top; }
 
.main aside {width:30%;}
.main aside .conbox.kontakt h5, .main aside .conbox.kontakt{font-size:1em;}
.main aside .infobox h5{font-size:1.143em;}
.conbox.posts ul li a{text-decoration:none; font-weight:400; color:black; width:100%;}


}


@media screen and (max-width:760px){

    header .additional{display:none;}


}

@media screen and (max-width:700px){
.main aside .infobox{padding: 4%; display:block;
    width: 92%;}
.main .content {
    display: block;
    margin-right: 2%;
    min-height: 300px;
    padding: 0 1% 1%;
    vertical-align: top;
    width: 95%;
}

.main aside{
    display: block;
    margin-right: 2%;
    min-height: 300px;
    padding: 0 1% 1%;
    vertical-align: top;
    width: 95%;
}

.main aside .infobox.logo{width:36%;}

}

@media screen and (max-width:480px){
h1{width: 80.0%}
header .logo {width:80%; margin:auto; display:block; max-width:480px;}
.main .content, .main aside{display:block; width:96%;}
.main aside .conbox.kontakt .informationen {    width: 40%;}
.tablecounter{display:none;}
table.saison{font-size:0.8em;}
table.saison td:nth-child(2) {border-left:1px solid grey;}
table.saison td{border-right:1px solid grey; padding:3px;}
.main .content article#mannschaftscontent .ui-widget-header{margin-left:0px;}
.main .content article .ui-tabs .ui-tabs-panel {padding:0px;}
.col1, .col2{width:80%;}
.main aside .conbox.kontakt .informationen{width:100%;}
}



@media screen and (max-width:415px){
.main aside .conbox .infobox.logo {display:none;}    
}


@media screen and (max-width:360px){
.slidecontent{font-size:16px;}
header .logo{max-width:300px;}

}