/* ALLGEMEINE-ANGABEN */	
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, img, p, blockquote, table, th, tr, td {border:0 none;margin:0;padding:0;}
body {background:none repeat scroll 0 0 #E53434;color:#000000;font-family:Verdana,Arial,Helvetica;font-size:12px;line-height:18px;margin-bottom:10px;} 
p {margin-bottom:15px;}

.regeln_datenschutz {line-height:20px;}
		
/* SEITENSTRUKTUR */ 
#pageContainer {background:url("images/723.gif") repeat-y scroll 0 0 transparent;height:auto !important;height:100%;margin:0 auto;min-height: 100%;overflow:auto;width:956px;}
#page {padding:0 3px;width:950px;}
#header {background:url("images/header_apotheken.gif") no-repeat scroll 0 0 transparent;height:100px;margin-bottom:25px;position:relative;}
#logo {height:60px;margin-left:34px;margin-top:39px;overflow:visible;position:absolute;width:216px;z-index:5;}
#logo h1 a {background:url("images/pharma_logo.gif") no-repeat scroll 0 0 transparent;display:block;height:60px;overflow:hidden;text-indent:-9999px;width:216px;}
#banner {height:140px;width:950px;}
.bannerLine {background:url("images/720.gif") no-repeat scroll 0 0 transparent;height:4px;width:950px;}
.preise {border:3px solid #EDEDEE;width:143px;float:left;margin-right:8px;}
.preiseLast {border:3px solid #EDEDEE;width:143px;float:left;}
.preisePics {border:3px solid #EDEDEE;width:143px;}
#main {height:auto !important;min-height:400px;padding-bottom:20px;padding-top:20px;width:100%;float:left;background-color:#f5f5f5;}
#contentContainer {float:left;width:73.5%;}
#content {padding:0 60px 20px 20px;}
#content h1 {padding:5px 0px 15px;}
#content ul {	margin:0px 0px 12px 15px;}
#userContainer {	width:26.5%;float:left;}
#user {background:none repeat scroll 0 0 #EDEDEE;margin-bottom:6px;}
#userHead {background-color:#E53434;font-size:smaller;margin:0;padding:5px 15px 5px 35px;}
#userHead h1 {color:#FFFFFF;margin:0;}				
#userNavi {padding:10px 10px 10px 35px;max-height:400px;}
#userNavi p {text-align:right;margin-bottom:5px;}
input.ok_button {background:url(images/OK_Button.jpg);border:none;height:17px;margin-bottom:5px;width:27px;}
.button {margin:0px;padding:0px;}
#userNavilist ul li {display:block;font-size:14px;list-style-type:none;width:230px;}
#userNavilist ul li a {color:#444;display:block;padding:10px 0px;line-height:5px;}
#userNavilist ul li a:hover {color:#444;text-decoration:none;}		
#userFoot {background:none repeat scroll 0 0 #EDEDEE;color:#e53434;font-size:11px;margin-bottom:6px;padding:10px 10px 10px 35px;}
#userNote {color:#8D8E8F;font-size:11px;line-height:10px;margin-bottom:3px;padding:10px 10px 10px 35px;}
#footer {background-color:#444;clear:both;color:#fff;font-size:smaller;padding:2% 1% 2% 0%;text-align:right;float:left;width:99%;}
#footer a {color:#FFF;border-left:1px solid #abadae;padding-right:0px;padding-left:5px;}
#footer a:hover {color:#ABADAE;text-decoration:underline;}
.firmenname {padding-right:5px;}	
.name {padding-right:5px;float:left;}
	
/* NAVIGATION */ 	
#navigation {bottom:-25px;right:0px;position:absolute;}
#navigation li {background-color:#E53434;float:left;font-size:12px;font-weight:bold;list-style: none;margin:0px 1px;padding:5px 8px;}
#navigation li a {color:#fff;}		
li#navActive {background-color:#aaa;}		
	
/* STILVORLAGEN */ 	
h1 {margin:0;font-size:14px;font-weight:bold;color:#000;}
h2 {margin-top:3px;margin-bottom:3px;font-size:12px;color:#000;}
h3 {margin-top:20px;color:#000;font-size:12px;}	
a {color:#e53434;text-decoration:none;}
#userHead a {color:#FFFFFF;text-decoration:none;}
a:hover {text-decoration:underline;}
.line {border-bottom:1px dotted #9A9A9A;padding:0;margin-bottom:10px;margin-top:10px;}
.red {color:#E53434;}	
.bold {font-weight:bold;}	
.coloredRow {background:none repeat scroll 0 0 #ccc;}
.coloredRow_meinTipp {background:none repeat scroll 0 0 #ccc;}	
.coloredRow_meinTipp td, .whiteRow_meinTipp td {padding-bottom:10px !important;padding-top:0px !important;}
		
/* TABELLEN-ANGABEN    G - A - M - E */	
table.gametable {font-size:smaller;line-height:16px;width:620px;}
table.gametable td {padding:4px 4px 0px 4px;}
table.gametable th {background:none repeat scroll 0 0 #444;color:#fff;}
table.gametable img {border:solid #666 0px;margin-top:3px;}
th.col1 {padding-left:4px;text-align:left;width:153px;}	
th.col2 {padding-left:0px;text-align:left;width:316px;}		
th.col3 {text-align:center;width:116px;}	
th.col4 {text-align:center;width:31px;}	
table.gametable td.col3a {padding:0;text-align:center;}	
table.gametable td.col3b {background:none repeat scroll 0 0 #ccc;padding:0px 1px 0px 1px;margin:0px 0px 0px 0px;text-align:center;}	
.stateL {font-weight:bold;width:84px;}	
.scoring {font-weight:bold;text-align:center;position:relative;width:46px;}	
.stateR {font-weight:bold;text-align:right;width:84px;}	
.tipp {color:#E53434;}	
.tippscore input {font-size:9px;text-align:center;margin:0px;padding:1px;width:13px;}				
.tippbutton {position:relative;}	
.tippbutton input {background:url(images/OK_Button_red.gif);border:none;float:left;height:12px;position:relative;width:19px;}	
			
/* TABELLEN-ANGABEN   G - R - U - P - P - E */	
table.grouptable {font-size:smaller;line-height:16px;}
table.grouptable td {padding:5px 4px;text-align:center;}
table.grouptable td.mannschaft {padding:5px 4px;text-align:left;}
table.grouptable th {background:none repeat scroll 0 0 #444;color:#fff;}
table.grouptable img {border:solid #666 0px;margin-top:3px;}
th.colG1 {padding-left:4px;text-align:left;width:150px;}	
th.colG2 {padding-left:0px;text-align:left;width:60px;}	
th.colG3 {text-align:center;padding-right:10px;}	
th.colG4 {text-align:center;width:31px;}	

th.colMannschaft {padding-left:4px;text-align:left;width:150px;}
th.colSpiele {text-align:center;padding-right:10px;}
th.colTore{text-align:center;padding-right:10px;}
th.colDifferenz{text-align:center;padding-right:10px;}
th.colPunkte{text-align:center;padding-right:10px;}

		
/* TABELLEN-ANGABEN    R - A - N - K - I - N - G */			
table.rankingtable {font-size:smaller;line-height:14px;text-align:left;width:100%;}
.rankingtable th {background:none repeat scroll 0 0 #aaa;color:#fff;margin-bottom:3px;padding:3px 8px;}
.rankingtable td {padding:5px 8px;}
			
/* FORMULAR */ 	
form.form fieldset {line-height:23pt;margin-right:10px;padding:0 5px 0px 0px;}
form.form br {clear:left;}
form.form label {float:left;margin-right:0.3em;width:170px;}	
form.form select {margin-bottom:12px;width:39.5%;}	

.gewinn {width:100%;float:left;}
.gewinn a{width:24%;padding-right:1%;float:left;}
.meintipp {text-align:right;}
.tippscore {text-align:center;}
.tippbutton {text-align:right;}
.row_meintipp td {padding-bottom:20px !important;}
.alle_gruppen, .runden {float:left;width:100%;margin-bottom:20px;}
.gruppe_b, .gruppe_c, .gruppe_d, .gruppe_e, .gruppe_f, .gruppe_g {width:auto;float:left;padding:0 10px 0 10px; border-right:1px solid #ccc;} 
.gruppe_a {width:auto;float:left;padding:0 10px 0 0px; border-right:1px solid #ccc;} 
.gruppe_h {width:auto;float:left;padding:0 0px 0 10px; border-right:none;} 
.bild_flagge_gruppen {width:auto;float:left;margin-right:6px;}
.bild_flagge_bezeichnung {width:auto;float:left;margin-right:6px;margin-top:4px;}
.runde_af, .runde_vf, .runde_hf, .runde_p3, .runde_fn {width:auto;float:left;padding:0 10px 0 10px; border-right:1px solid #ccc;} 
.runde_af {width:auto;float:left;padding:0 10px 0 0px; border-right:1px solid #ccc;} 
.runde_fn {width:auto;float:left;padding:0 0px 0 10px; border-right:none;} 
.extra_europameiste_vizeeuropameister {float:left;width:50%;}
.winner_table_8 {width:8%;}
.winner_table_12 {width:12%;}
.winner_table_20 {width:20%;}
.winner_table_40 {width:40%;}
.punkte_meintipp td {padding-bottom:10px !important;}



@media screen and (min-width:768px){

}

/* HANDY ANFANG */
@media screen and (max-width:767px){
#pageContainer {background:url("images/723.gif") repeat-y scroll 0 0 transparent;height:auto !important;height:100%;margin:0 auto;min-height: 100%;overflow-x:hidden;width:100%;}
#page {padding:0 3px;width:100%;}
#header {width:100%;}
#logo {width:50%;float:left;margin-left:10px;}
#navigation {width:50%;float:left;}
.bannerLine {width:100%;}
#banner {width:100%;height:auto;background-size:100% 100%;}
#main {width:100%;float:left;}
#contentContainer{width:92%;margin-left:4%;margin-right:4%;float:left;}
#content{padding:0;width:100%;float:left;margin-top:10px;}
.gametable thead  {display:none;}
.gametable tbody, .gametable tbody tr, .gametable tbody tr td {width:100%;float:left;text-align:center;padding:0;vertical-align:center;}
.gametable tbody tr td.flagL{width:17.5%;text-align:right;}
.gametable tbody tr td.flagR {width:17.5%;text-align:left;}
.gametable tbody tr td.col3a {width:20%;text-align:center;margin-top:4px;}
.gametable tbody tr td.points {width:100%;float:left}
.gametable tbody tr td.leer {display:none;}


.gametable tbody tr td.meintipp {font-size: 12px;float:left;width:33%;margin-right:2%;margin-top:3%;text-align:right;}
.gametable tbody tr td.tippscore {font-size:18px;float:left;width:30%;text-align:center;}
.gametable tbody tr td.tippscore input {font-size:30px;width:30px;}
.gametable tbody tr td.tippbutton {float:left;width:30%;margin-left:2%;margin-top:3%;text-align:left;}
.gametable tbody tr td.tippbutton input {top:0px;height:20px;width:60px;background:url(images/OK_Button_red.gif) no-repeat;background-position:center;background-color:#E53434;}


.row_meintipp {margin-top:5px;}
.gametable tbody tr td.stateL {text-align:left; margin-left:2%;width:28%;margin-top:4px;}
.gametable tbody tr td.stateR {text-align:right; margin-right:2%;width:28%;margin-top:4px;}
.gametable tbody tr td.scoring {text-align:center;width:5%;margin-top:4px;}
th.col1, th.col2, th.col3 {width:33.33%;float:left;text-align:center;padding:0;font-size:9px;}
#userContainer {width:93%;margin-left:3.5%;margin-right:3.5%;float:left;}
#userFoot, #userHead, #userNavi, #userNote {padding:2%;}
#userNavi p {text-align:left;}
.gewinn {width:100%;float:left;}
.gewinn a{width:46%;padding-right:4%;padding-top:2%;float:left;}
.preise, .preiseLast {width:100%;height:auto;margin:0;}
#footer {width:100%;padding:2% 0%;text-align:center;}
table.gametable {width:100%;}
.gruppe_b, .gruppe_c, .gruppe_d, .gruppe_e, .gruppe_f, .gruppe_g {width:50%;float:left;padding:0;border:none;} 
.gruppe_a {width:50%;float:left;padding:0;border:none;} 
.gruppe_h {width:50%;float:left;padding:0;border:none;} 
.runde_af, .runde_vf, .runde_hf, .runde_p3, .runde_fn {width:50%;float:left;padding:0;border:none;} 
.runde_af {width:50%;float:left;padding:0;border:none;} 
.runde_fn {width:50%;float:left;padding:0;border:none;} 
th.colMannschaft {padding-left:4px;text-align:left;width:150px;}
th.colSpiele {text-align:center;padding-right:5px;}
th.colTore{text-align:center;padding-right:5px;}
th.colDifferenz{text-align:center;padding-right:5px;}
th.colPunkte{text-align:center;padding-right:5px;}
.bild_flagge_gruppen {width:auto;margin-left:-7px;margin-top:-4px;}
.bild_flagge_bezeichnung {width:auto;margin-top:0px;margin-left:0px;}
table.grouptable td.mannschaft {padding:5px 0 0 10px;text-align: left;margin-left:-10px;}
.extra_europameiste_vizeeuropameister {float:left;width:100%;}
.winner_table_8 {width:35px !important;}
.winner_table_12 {width:65px !important;}
.winner_table_20 {width:100px !important;}
.winner_table_40 {width:200px !important;}
.rankingtable {width:500px !important;}
.table_scrollbar {width:100%;float:left;overflow-x:scroll;margin-bottom:20px;}
table.grouptable {width:100%;}
.datum {padding-top:10px !important;}
table.grouptable {line-height: 20px;}
.firmenname {padding-top:10px !important;}
.kontakt_impressum_datenschutz, .firmenname strong, .anschrift, .name {width:100%!important;text-align:center;}
.kontakt_impressum_datenschutz a:first-child {border-left:none !important;}
form.form select {width:96%;}	
}

/* HANDY ANFANG LANDSCAPE*/
@media screen and (max-width:767px) and (orientation:landscape){

}

/* TABLET ANFANG PORTRAIT*/
@media only screen and (min-width: 768px) and (max-width:1023px) and (orientation:portrait) { 
	#pageContainer {background:url("images/723.gif") repeat-y scroll 0 0 transparent;height:auto !important;height:100%;margin:0 auto;min-height: 100%;overflow-x:hidden;width:100%;}
	#page {padding:0 3px;width:100%;}
	#header {width:100%;}
	#logo {width:50%;float:left;margin-left:10px;}
	#navigation {width:50%;float:left;}
	.bannerLine {width:100%;}
	#banner {width:100%;height:60px;background-size:100% 100%;}
	#main {width:100%;float:left;}
	#contentContainer{width:92%;margin-left:4%;margin-right:4%;float:left;}
	#content{padding:0;width:100%;float:left;margin-top:10px;}
	.gametable thead  {display:none;}
	.gametable tbody, .gametable tbody tr, .gametable tbody tr td {width:100%;float:left;text-align:center;padding:0;vertical-align:center;}
	.gametable tbody tr td.flagL{width:17.5%;text-align:right;}
	.gametable tbody tr td.flagR {width:17.5%;text-align:left;}
	.gametable tbody tr td.col3a {width:20%;text-align:center;margin-top:4px;}
	.gametable tbody tr td.points {width:100%;float:left}
	.gametable tbody tr td.leer {display:none;}
	.gametable tbody tr td.meintipp {float:left;width:40.5%;margin-right:2%;text-align:right;}
	.gametable tbody tr td.tippscore {float:left;width:15%;text-align:center;}
	.gametable tbody tr td.tippbutton {float:left;width:40.5%;margin-left:2%;text-align:left;}
	.gametable tbody tr td.tippbutton input {top:2px;}
	.row_meintipp {margin-top:5px;}
	.gametable tbody tr td.stateL {text-align:left; margin-left:2%;width:28%;margin-top:4px;}
	.gametable tbody tr td.stateR {text-align:right; margin-right:2%;width:28%;margin-top:4px;}
	.gametable tbody tr td.scoring {text-align:center;width:5%;margin-top:4px;}
	th.col1, th.col2, th.col3 {width:33.33%;float:left;text-align:center;padding:0;font-size:9px;}
	#userContainer {width:93%;margin-left:3.5%;margin-right:3.5%;float:left;}
	#userFoot, #userHead, #userNavi, #userNote {padding:2%;}
	#userNavi p {text-align:left;}
	.gewinn {width:100%;float:left;}
	.gewinn a{width:46%;padding-right:4%;padding-top:2%;float:left;}
	.preise, .preiseLast {width:100%;height:auto;margin:0;}
	#footer {width:100%;padding:2% 0%;text-align:center;}
	table.gametable {width:100%;}
	.gruppe_b, .gruppe_c, .gruppe_d, .gruppe_e, .gruppe_f, .gruppe_g {width:50%;float:left;padding:0;border:none;} 
	.gruppe_a {width:50%;float:left;padding:0;border:none;} 
	.gruppe_h {width:50%;float:left;padding:0;border:none;} 
	.runde_af, .runde_vf, .runde_hf, .runde_p3, .runde_fn {width:50%;float:left;padding:0;border:none;} 
	.runde_af {width:50%;float:left;padding:0;border:none;} 
	.runde_fn {width:50%;float:left;padding:0;border:none;} 
	th.colMannschaft {padding-left:4px;text-align:left;width:150px;}
	th.colSpiele {text-align:center;padding-right:5px;}
	th.colTore{text-align:center;padding-right:5px;}
	th.colDifferenz{text-align:center;padding-right:5px;}
	th.colPunkte{text-align:center;padding-right:5px;}
	.bild_flagge_gruppen {width:auto;margin-left:-7px;margin-top:-4px;}
	.bild_flagge_bezeichnung {width:auto;margin-top:0px;margin-left:0px;}
	table.grouptable td.mannschaft {padding:5px 0 0 10px;text-align: left;margin-left:-10px;}
	.extra_europameiste_vizeeuropameister {float:left;width:100%;}
	.winner_table_8 {width:35px !important;}
	.winner_table_12 {width:65px !important;}
	.winner_table_20 {width:100px !important;}
	.winner_table_40 {width:200px !important;}
	.rankingtable {width:500px !important;}
	.table_scrollbar {width:100%;float:left;overflow-x:scroll;margin-bottom:20px;}
	table.grouptable {width:100%;}
	.datum {padding-top:10px !important;}
	table.grouptable {line-height: 20px;}
	.firmenname {padding-top:10px !important;}
	.kontakt_impressum_datenschutz, .firmenname strong, .anschrift, .name {width:100%!important;text-align:center;}
	.kontakt_impressum_datenschutz a:first-child {border-left:none !important;}	
}

/* TABLET ANFANG LANDSCAPE */
@media (max-device-width: 1024px) and (orientation: landscape) {

}

/* SAMSUNG ANFANG LANDSCAPE */
@media (max-device-width: 1280px) and (orientation: landscape) {

}


/* DESKTOP KLEIN ANFANG*/
@media only screen and (min-width: 1024px) and (max-width: 1280px) {

}



nav {
  margin: 0 auto;
  width: 100%;
  height: 11em;
  text-align: right;
  position: relative;
}


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

/*----- Media Queries -----*/
@media screen and (min-width: 768px) {
	nav ul.menu {max-height: 20px;float: left;margin-top: 104px;}
	nav a#nav-m, nav a.close {display: none;}
	nav ul li {margin: 0 30px 0 0;}
} 
 
@media screen and (max-width:767px) {
	/*Formatierung Mobiles Menue*/    
	#navigation li {width: 100%;}	
	nav ul {top: 11em;position: absolute;background: #ccc;width: 100%;right: -215%;height:auto;list-style-type:none;margin: 0;padding: 0;z-index:9999;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
	nav ul li{display: block;text-align: left;padding: 0em 0.5em;border-bottom: 1px solid #fff;}
	nav ul li a {color: #555;padding: 1em 0;}
	nav ul.menu li a:hover {border-bottom: 0;}
	/*Hamburger-Icon*/
	nav a#nav-m img,nav a.close img {width: 40px;height: auto;margin-top:50px;margin-right:10px;}
    nav > .close,nav a#nav-m:target {display: none;}
    nav a:target ~ ul, nav a:target ~ .close {display: inline-block;}
	nav a:target ~ .close {position: absolute;margin-left: -50px;} 
	nav a:target ~ ul {right: 0%;}
}

/* TABLET ANFANG PORTRAIT*/
@media only screen and (min-width: 768px) and (max-width:1023px) and (orientation:portrait) { 
	/*Formatierung Mobiles Menue*/    
	nav a#nav-m {display: block;}
	#navigation li {width: 100%;}	
	nav ul {top: 11em;position: absolute;background: #ccc;width: 100%;right: -215%;height:auto;list-style-type:none;margin: 0;padding: 0;z-index:9999;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
	nav ul li{display: block;text-align: left;padding: 0em 0.5em;border-bottom: 1px solid #fff;}
	nav ul li a {color: #555;padding: 1em 0;}
	nav ul.menu {margin-top: 0px;}
	nav ul.menu li a:hover {border-bottom: 0;}
	/*Hamburger-Icon*/
	nav a#nav-m img,nav a.close img {width: 40px;height: auto;margin-top:50px;margin-right:10px;}
    nav > .close,nav a#nav-m:target {display: none;}
    nav a:target ~ ul, nav a:target ~ .close {display: inline-block;}
	nav a:target ~ .close {position: absolute;margin-left: -50px;} 
	nav a:target ~ ul {right: 0%;}
	#header {background: transparent url("images/header_apotheken_mobil.gif") no-repeat scroll 0 0 !important;height: 100px;margin-bottom: 25px;position: relative;}
	.gewinn a {width: 21%;}
	.gruppe_b, .gruppe_c, .gruppe_d, .gruppe_e, .gruppe_f, .gruppe_g {width:auto;float:left;padding:0 10px 0 10px; border-right:1px solid #ccc;} 
	.gruppe_a {width:auto;float:left;padding:0 10px 0 0px; border-right:1px solid #ccc;} 
	.gruppe_h {width:auto;float:left;padding:0 0px 0 10px; border-right:none;} 
	.runde_af, .runde_vf, .runde_hf, .runde_p3, .runde_fn {width:auto;float:left;padding:0 10px 0 10px; border-right:1px solid #ccc;} 
	.runde_af {width:auto;float:left;padding:0 10px 0 0px; border-right:1px solid #ccc;} 
	.runde_fn {width:auto;float:left;padding:0 0px 0 10px; border-right:none;} 
	.table_scrollbar .rankingtable {width: 100% !important;}
	.firmenname {width:100% !important;}
	#banner {height: 120px;}
}
/* ===================================
   ACCESSIBILITY: FORM LABELS & INPUTS
   =================================== */

/* Visually Hidden Class */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.welcome-text {
    font-size: 14px !important;
}