/*
Grün dunkel 	R 5		G 125 	B 20
Grün hell		R 95 	G 210 	B 35

font-family: 'Roboto Slab', serif;
font-family: 'Droid Sans', sans-serif;

/* +----------------------------------------------------------------------------------------------------------------------------------- */
/* Seitenstyle
/* +----------------------------------------------------------------------------------------------------------------------------------- */

.mod_covid19_print { background: url(../images/selbst-auskunft.jpg) no-repeat center center; background-size: 100% auto;}


#header .main-navigation {margin-top:50px; background:#333;}
#header .main-navigation ul.level_1 {margin:0; padding:0; text-align:center; margin:0 auto; height:40px;}
#header .main-navigation ul.level_1 li {margin:0; padding:0;display:inline-block;}
#header .main-navigation ul.level_1 li a {font-family: 'Open Sans', sans-serif; font-weight:300; text-transform:uppercase; font-size:18px; line-height:40px; padding:0 20px; color:#fff;}
#header .main-navigation ul.level_1 li a:hover, 
#header .main-navigation ul.level_1 li.active span {color:rgba(255,255,255,0.7); font-family: 'Open Sans', sans-serif; font-weight:300; text-transform:uppercase; text-decoration:none; font-size:18px; line-height:40px; padding:0 20px;}

#header .main-navigation ul.level_1 li ul.level_2 {display:none; padding:0; box-shadow:rgba(0,0,0,0.1) 5px 5px 5px; top:35px;}
#header .main-navigation ul.level_1 li.protected:hover ul.level_2 {display:block; position:absolute; z-index:9999; width:250px; height:auto;}
#header .main-navigation ul.level_2 li {background:rgba(0,0,0,0.3); width:100%; text-align:left; border-bottom:0;}
#header .main-navigation ul.level_2 li a {padding:5px 10px 0 10px; border:none; font-size:17px;}

#header .main-navigation ul.level_2 li a:hover, 
#header .main-navigation ul.level_2 li.active span {border:none; color:rgb(135,35,35); font-family: 'Open Sans', sans-serif; font-weight:300; text-transform:uppercase; text-decoration:none; font-size:17px; padding:5px 10px 0 10px;}

table { width:100%;}
#ausgabe table thead { font-weight: bold; }
#ausgabe table td, #rechnung table td {border:1px solid #ccc; padding:5px; line-height:25px;}

#ausgabe table .invoice { vertical-align:middle; }
#ausgabe table .invoice img { max-width:25px; }

#body {padding:30px 0;}

.datum, .zeit, .liga, .inv {width:12%; text-align:center;}
.begegnung {width:30%;}
.ort {width:22%;}

.mod_personalData .widget {line-height:30px; text-align:center; font-size:11pt;}
.mod_personalData .widget label {width:150px; display:inline-block; text-align:left;}
.mod_personalData .widget input {width:300px; display:inline-block;}
.mod_personalData .widget select {width:308px; display:inline-block;}

.mod_invoice_list .widget.headline {width: 100%; border-bottom:1px solid #666; color:#fff;}
.mod_invoice_list .widget.headline .box {background:#333; line-height:30px;}
.mod_invoice_list .widget.game {width: 100%; border-bottom:1px solid #666; }
.mod_invoice_list .widget.game .box {padding:10px 0; }
.mod_invoice_list .box {position:relative; float:left;}
.mod_invoice_list .box.begegnung {width:300px;}
.mod_invoice_list .box.date {width:250px;}
.mod_invoice_list .box.heim {width:275px;}
.mod_invoice_list .box.gast {width:275px;}
.mod_invoice_list .box.liga {width:250px;}
.mod_invoice_list .box.rechnung {width:100px;}

.mod_venue_list .widget.headline {width: 100%; border-bottom:1px solid #666; color:#fff;}
.mod_venue_list .widget.headline .box {background:#333; line-height:30px;}
.mod_venue_list .widget.game {width: 100%; border-bottom:1px solid #666; }
.mod_venue_list .widget.game .box {padding:10px 0; }
.mod_venue_list .box {position:relative; float:left; line-height:25px;}
.mod_venue_list .box.stadion {width:35%;}
.mod_venue_list .box.adress {width:35%;}
.mod_venue_list .box.time {width:20%;}
.mod_venue_list .box.km {width:10%;}

.mod_refuel_list .widget.headline, .mod_refuel_list .widget.summary {width: 50%; border-bottom:1px solid #666; color:#fff;}
.mod_refuel_list .widget.headline .box, .mod_refuel_list .widget.summary .box {background:#333; line-height:30px;}
.mod_refuel_list .widget.game {width: 50%; border-bottom:1px solid #666; }
.mod_refuel_list .widget.game .box {padding:10px 0; }
.mod_refuel_list .box {position:relative; float:left;}
.mod_refuel_list .box.date {width:30%;}
.mod_refuel_list .box.liter {width:30%;}
.mod_refuel_list .box.betrag {width:20%;}
.mod_refuel_list .box.km {width:20%;}

.mod_tax_list table td { padding: 5px 0; border-bottom: 1px solid #ccc; }
.mod_tax_list thead { background: #585858; color: #fff; }
.mod_tax_list .eur { text-align: right; }


/* +----------------------------------------------------------------------- */
/* | Main
/* +----------------------------------------------------------------------- */

body {font-family: 'Open Sans', sans-serif; background:#fff;}
a { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: #000000; }
a:visited { color: #000000; }
strong { font-weight: bold; color:#646464;}
em { font-style: italic; }
body.home img { vertical-align: middle; width:100%; height:auto; }
textarea { resize: vertical; }
article, aside, figure, footer, header, menu, nav, section { display: block; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #333; margin: 1em 0; padding: 0; }

/* +----------------------------------------------------------------------- */
/* | Helper classes
/* +----------------------------------------------------------------------- */

.clear { clear: both; }
.pull-left { float: left; }
.pull-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { display:none;}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.uppercase { text-transform: uppercase;}

.sticky-wrapper { z-index: 9999; }
.marginbottom {margin-bottom:30px;}
.mb20 {margin-bottom:20px;}


/* +----------------------------------------------------------------------- */
/* | Styling Content
/* +----------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
}

.content h1 {}
.content h2 { border-bottom:1px solid #333; line-height:40px; font-size:18pt;}
.content h3 { color:rgb(5,125,20); font-size:13pt; width:100%; text-align:left; letter-spacing:1px;}

.content .headline {background:url(../gfx/bg_headline.png) center center repeat-x;}

.content p { font-size:11pt; line-height:23px; text-align:left; font-weight:300; font-family: 'Open Sans', sans-serif;}
.content p.last { margin-bottom: 0; }
.content .tiny-text p { font-size: 15px; }
.content .section p {text-align: left;}

.content a { text-decoration: none; color: rgb(5,125,20); }
.content a:hover { text-decoration: none; color: rgb(5,125,20); }
.content a:focus { outline: none; }
.content a:visited { }

.content table { }
.content table td, .content table th { }
.content table th { }
.content table th.actions { width: 20%; }

.content ul { list-style: none; padding: 0; margin: 0 0 0 20px; }
.content ul li { margin: 0 0 5px 0; padding: 0 0 0 20px; }
.content ul li ul { }

.content ul.unstyled { list-style: none; padding: 0; }

.content ol { }
.content ol li { }
.content ol li ol { }

.content .glyphicons:before { font-size: 1.0rem; }

.info { background-color: #F6F6F6; padding: 10px 0; font-weight: normal; font-size: 0.9rem; color: #333333; margin-bottom: 20px; }

.alert { padding: 5px 10px; margin: 20px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.alert .heading { font-weight: 700; }
.alert.alert-info { background-color: #D9EDF7; border: 1px solid #BCE8F1; color: #31708F; }
.alert.alert-success { background-color: #DFF0D8; border: 1px solid #D6E9C6; color: #3C763D; }
.alert.alert-error { background-color: #F2DEDE; border: 1px solid #EBCCD1; color: #A94442; }
.alert.alert-warning { background-color: #FCF8E3; border: 1px solid #FAEBCC; color: #8A6D3B; }
.alert.alert-grey { background-color: #F6F6F6; border: none; color: #333333; }

.text-muted { color: #999999; }
.text-warning { color: #C09853; }
.text-error { color: #B94A48; }
.text-info { color: #3A87AD; }
.text-success { color: #468847; }

.btn { background-color: #C8D315; color: #FFFFFF; display: block; padding: 10px 20px; font-size: 1.0rem; text-transform: uppercase; -webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.5); box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.5); outline: none; border: none; }
.btn:hover { color: #FFFFFF; }
.btn-grey { background-color: #707173; }

/* +----------------------------------------------------------------------- */
/* | Forms
/* +----------------------------------------------------------------------- */

.content div.formbody td, .content div.formbody table, div.formbody input, div.formbody textarea { border: none; }
.content div.formbody input, .content div.formbody textarea, .content div.formbody select { padding: 5px 7px; border: 1px solid #949496; font-size: 15px; color: #58585A; }
.content div.formbody td { }
.content div.formbody input { width: 350px; }
.content div.formbody textarea { height: 120px; width: 350px; }
.content div.formbody select { width: 366px; }
.content div.formbody label {width:200px; display:inline-block;}
.content div.formbody .widget { line-height:50px;}

.content div.formbody select option { }
.content div.formbody select option:first-child { padding: 0; }

.content div.formbody p.error { color: #B94A48 !important; margin: 5px 0 2px 0; padding: 3px 0 3px 0; font-size: 10px; }
.content div.formbody p { margin: 0 0 15px 0; }
.content div.formbody td.col_first { width: 140px; vertical-align:top;}
.content div.formbody td {height:45px;}

.content div.formbody .checkbox_container legend { margin-bottom: 5px; }
.content div.formbody .checkbox_container input { width: auto; margin-right: 5px; }

.content div.formbody .submit_container input, .content div.formbody .submit input { border: 1px solid #949496; cursor: pointer; background-color: #F1F1F1; width: 100px; font-size: 1em; margin:15px 0 0 200px;}
.content div.formbody .submit_container input:hover { background-color: #112945; color: #FFFFFF; }

.content div.formbody input.captcha { margin-right: 5px; }

.content div.formbody fieldset.radio_container span { display: block; float: none; }
.content div.formbody fieldset.radio_container legend span { float: none; display: inline-block; }
.content div.formbody fieldset.radio_container input.radio { width: 20px !important; float: left !important; }
.content div.formbody fieldset.radio_container input.radio { }

/* +----------------------------------------------------------------------- */
/* | Media Queries
/* +----------------------------------------------------------------------- */

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}

@media only screen and (max-width: 1000px) {
}