contblock
/* ========================================= RESET =========================================
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 * */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video 
	{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

article, aside, figure, footer, header, hgroup, nav, section 
	{ display:block; }
nav ul 
	{ list-style:none; }
blockquote, q 
	{ quotes:none; }
blockquote:before, blockquote:after, q:before, q:after 
	{ content:''; content:none; }
a 
	{ margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins 
	{ background-color:#ff9; color:#000; text-decoration:none; }
mark 
	{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del 
	{ text-decoration: line-through; }
abbr[title], dfn[title] 
	{ border-bottom:1px dotted #000; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table 
	{ border-collapse:collapse; border-spacing:0; }
hr 
	{ display:block; height:2px; border:0; border-top:1px solid #3366ff; margin:1em 0; padding:0; }
input, select 
	{ vertical-align:middle; }
pre, code, kbd, samp 
	{ font-family: monospace, sans-serif; }
html 
	{ overflow-y: scroll; }
button 
	{ width: auto; overflow: visible; }
.ie7 img 
.	{ -ms-interpolation-mode: bicubic; }
/* END RESET CSS */




/* ========================= SETUP ========================= */
/* === START EWSC-Style === */

body {
	background-color:#99ccff;
	padding: 2%;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
}
h1 {
	margin:0.75em 0;
/*	font-size:48px; */
	font-size:4.8em;
	line-height:1.2;
}
h2 {
	margin-bottom:0.75em;
	font-size:18px;
	 text-align:center;
	line-height:1.2;
}
h3 {
	font-size:16px;
	line-height:1.3;
}
h4 {
	font-size:15px;
	line-height:1.25;
}
h5 {
	font-size:80%;
	line-height:1.25;
}
h6 {
	font-size:15px;
	line-height:1.25;
	text-align:center;
}

p {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:95%;
	text-align:justify;
}

td {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:90%;
}

td h6 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	text-align: left;
}

li {
	list-style-type:none;
}

li a {
	text-decoration: none;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:80%; 
	list-style-type:none;
	color:  rgb(255, 255, 0);
	font-weight: bold;
}

li a:hover {
	text-decoration: underline;
}

li a:visited {
	font-weight: normal;
}

a {
	color:  rgb(255, 255, 0);
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	font-weight: normal;
}

header h1{
    font-size: 18px;
}

.clearfix { zoom:1; }
.clearfix:before, .clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden;
}
.clearfix:after { clear:both; }

/* self clearing floats */
.group:after,.lastUnit:after 
.	{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}

.group 
.	{*zoom:1;}

div.split {
	box-sizing:border-box;
	width:100%;
	padding:1em;
	margin: 0px 20px 0px 0px;
	float: left;
}

/* logo + name */
#top {
	width: 100%;
}

/* flagge */
#logo {
    width: 19%;
    float: left;
	 padding:1% 0% 1% 1%;
}

/* name */
#topper {
    width: 80%;
    float: right;
    background-color: rgb(255, 255, 0);
    text-align:center;
    color: #3366ff;
}

/* hauptinhalt */
#inhalt {
    width: 100%;
    float: right;
}



/* === Scale Pictures === */
.amensic-image-wrapper{
	 max-width:70%;
 	height:70%;
	/* position: relative; */
 	position: center;
 	display:block;
 	margin:1% auto;
}

.amensic-image-wrapper img{
	 width:85% !important;
 	height:85% !important;
 	display:block;
}


#regatable	{
	font-family:Arial, Sans-Serif;
	font-size:12px;
	text-align:center;
	}

tr.thead {
	font-size: 110%;
	text-decoration:underline;
}

th {
	font-family:Arial, Sans-Serif;
	font-size: 120%;

}


/* Tabellenstyling der ersten drei Plätze */
tr.Platz1 {
	background-color: #ff6600;
}

tr.Platz2 {
	background-color: #ccff33;
}

tr.Platz3 {
	background-color: #ffff99;
}

/* nicht anzuzeigende Tabellenspalten */
#nrandyard, .nrandyard		{ display:none; visibility:hidden; }
#time, .time		{ display:none; visibility:hidden; }
#rang, .rang		{ display:none; visibility:hidden; }
#gesrang, .gesrang		{ display:none; visibility:hidden; }
#punkte, .punkte		{ display:none; visibility:hidden; }


/* ===   === */





.navigation {
	max-width: none;
	background: #3366ff;
	padding: 0;
}

.navigation li {
	float: left;
	background: #3366ff;
}

.navigation li a {
	display: block;
	color:  rgb(255, 255, 0);
	padding: 10px;
}

.navigation li a:hover {
	background: rgb(255, 255, 0);
	color:  #3366ff;
	font-weight: bold;
}

.navheader { 
  font-size: 18px;
	background: #3366ff;
	color:  rgb(255, 255, 0);
}

.slide-trigger {
  display: none; /* need this */
  cursor: pointer;
  margin-left: 0px;
  margin-right: 00px;
}

.slide-trigger span {
  background-image: url("dropdown-arrows.png");
  background-position: 0 -14px;
  display: block;
  float: right;
  margin-top: 3px;
  height: 14px;
  width: 32px;
}

li.Rega:hover ul li {
    float: none;
    margin: 0;
    padding: 0;
    display: block;
}




 @media only screen and  (min-width: 240px) and (max-width: 799px) { 
/*	@media only screen and  (min-width: 240px) and (max-width: 480px) { */
  .slide-trigger { display: block; }
    .no-js .slide-trigger { display: none; }
  .navigation { display: none; }
    .no-js .navigation { display: block; }
  .navigation { margin: 0 15px; }
  .navigation li { float: none; }
  .navigation li a { border-bottom: 1px solid rgb(255, 255, 0); } 
}

@media only screen and  (min-width: 401px) and (max-width: 480px) {
	#topper { padding: 1% 0% 1% 0%; }
	div.kontakt {
		width:50%;
		padding:5px;
		margin: 0px 0px 0px 0px;
	}
	/* anzuzeigende Tabellenspalten */
	#punkte, .punkte		{ display:table-cell; visibility:visible; }
	#nrandyard, .nrandyard		{ display:table-cell; visibility:visible; }
}



@media only screen and (min-width: 481px) and (max-width: 799px) {
	header h1{ font-size: 1.7em; }
	h2 { font-size: 1.7em; }
	h5 { font-size: 100%; }
	.slide-trigger span {  margin-right: -1px; }
	div.kontakt {
		width:50%;
		padding:5px;
		margin: 0px 0px 0px 0px;
	}
	/* anzuzeigende Tabellenspalten */
	#punkte, .punkte		{ display:table-cell; visibility:visible; }
	#gesrang, .gesrang		{ display:table-cell; visibility:visible; }
	#nrandyard, .nrandyard		{ display:table-cell; visibility:visible; }
/*	nav li {
		display: block;
		float: left;
		clear: right;
		width: 16%;
	}
	nav li.sub {
		display: block;
		float: left;
		clear: right;
		width: 20%;
	}
	nav li a {
		font-size: .9em;
		width: 100%;
	}
	nav li a.slide-trigger {
		font-size: .9em;
		width: 97%;
	}
	nav li.sub ul li {
		display: none;
		float: left;
		clear: both;
		width: 120%;
	}
	nav li.sub:hover ul li {
		float: none;
		margin: 0;
		padding: 0;
		display: block;
	} */
}

@media only screen and (min-width: 625px) and (max-width: 799px) {
	header h1 { font-size: 2em; }
	h2 { font-size: 2em; }
	td { font-size:1.2em; }
}

@media only screen and (min-width: 725px) and (max-width: 799px) {
	header h1 { font-size: 2.5em; }
	h2 { font-size: 2.1em; }
}

@media only screen and (min-width: 800px) {
/* hauptinhalt */
	#inhalt {
		width: 79%;
		float: right;
	}
	#Bild19 { clear: both; }
	header h1 { font-size: 2.3em; }
	h2 { font-size: 1.5em; }
	h3 {
		font-size:1.3em;
		line-height:1.3;
	}
	h4 {
		font-size:1.3em;
		line-height:1.25;
	}
	p, td, a { font-size:1em; }
	td { font-size:1.2em; }
	nav li a {
		font-size: 1.2em;
		width: 100%;
	}
	.slide-trigger span { margin-right: 15px; }
	div.kontakt {
		width:50%;
		padding:5px;
		margin: 0px 0px 0px 0px;
	}
	/* anzuzeigende Tabellenspalten */
	#punkte, .punkte		{ display:table-cell; visibility:visible; }
	#gesrang, .gesrang		{ display:table-cell; visibility:visible; }
	#nrandyard, .nrandyard		{ display:table-cell; visibility:visible; }

	nav {
		float: left;
		margin: 0 2% 0 0;
		width: 19%;
	}
	nav li {
		display: block;
		float: left;
		clear: left;
		width: 100%;
	}
	nav li.sub ul li { display: none; }
	nav li.sub:hover ul li { display: block; }
}

@media only screen and (min-width: 925px) {
	header h1{ font-size: 3em; }
	h2 { font-size: 2em; }
	h5 { font-size: 100%; }

	/* anzuzeigende Tabellenspalten */
	#time, .time		{ display:table-cell; visibility:visible; } 
	#rang, .rang		{ display:table-cell; visibility:visible; } 

	nav li a {
		font-size: 1.3em;
		width: 100%;
	}
	.slide-trigger span { margin-right: 15px; }
}

@media only screen and (min-width: 1025px) {
	header h1{ font-size: 3.7em; }
	h2 { font-size: 2.3em; }
	h3 {
		font-size:1.7em;
		line-height:1.3;
	}
	h4 {
		font-size:1.5em;
		line-height:1.25;
	}
	p, td, a { font-size:1.2em; }
}

@media only screen and (min-width: 1280px) {
	header h1{ font-size: 4.2em; }
	h2 { font-size: 2.5em; }
	h5 { font-size: 120%; }
}

@media only screen and (min-width: 1600px) {
	header h1{ font-size: 5.2em; }
	h2 {font-size: 2.7em; }
}

@media only screen and (min-width: 1900px) {
	header h1{ font-size: 6em; }
	h2 { font-size: 3em; }
}