/*

*/

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}



body {
	background-color:#222222;
  /*background: rgb(2,8,0);
  background: linear-gradient(180deg, rgba(2,8,0,1) 0%, rgba(51,37,24,1) 35%, rgba(23,47,57,1) 100%);
  background-repeat: no-repeat;
  background-attachment: fixed;*/
  background: -moz-linear-gradient(rgba(2,8,0,1), rgba(23,47,57,1)); /* FF 3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(2,8,0,1)), color-stop(100%, rgba(23,47,57,1))); /* Safari 4+, Chrome 2+ */
  background: -webkit-linear-gradient(rgba(2,8,0,1), rgba(23,47,57,1)); /* Safari 5.1+, Chrome 10+ */
  background: -o-linear-gradient(rgba(2,8,0,1), rgba(23,47,57,1)); /* Opera 11.10 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(2,8,0,1)', endColorstr='rgba(23,47,57,1)'); /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(2,8,0,1)', endColorstr='rgba(23,47,57,1)')"; /* IE8+ */
  background: linear-gradient(rgba(2,8,0,1), rgba(23,47,57,1)); /* the standard */
	font-family: 'Open Sans', sans-serif; font-size:16px; color:#D1C9BC;
	margin:0px; padding:0px;
}


.frame {width:1220px; margin:30px auto 60px auto; position:relative; z-index:2;}
div#site {
  border:solid 0px #FFF;
}
div#inner {
	display:block;
	padding:1% 4% 2% 4%;
	position:relative;
	z-index:12;
}
.col {/*background-color:#EEE;*/}


.positiv {color:#74CC91;}
.negativ {color:#E47A5E;}

.badge1 { background-color: #C9C99A; color: #000; font-size: 0.9em; padding: 2px 6px; margin-left:2px; text-align: center; border-radius: 8px;}
.badge2 { background-color: #A4C49D; color: #000; font-size: 0.9em; padding: 2px 6px; margin-left:2px; text-align: center; border-radius: 8px;}
.badge3 { background-color: #9DC4C3; color: #000; font-size: 0.9em; padding: 2px 6px; margin-left:2px; text-align: center; border-radius: 8px;}

/*ul { overflow: hidden; } /* ensures that the box itself is pushed aside by the float, instead of the contents of the box
ul {
    list-style: outside disc;
    margin-left: 1em;
}
ul li {
    position: relative;
    left: 1em;
    padding-right: 1em;
}?
*/

img#logo {display:block; margin:0px auto; width:80%;}

div#info-oben {text-align:right; color:#615A47; font-size:0.8em; margin:4em 1em 0 0;}
div#info-oben a {color:#615A47;}

img#titelbild {width:80%; max-width:447px; margin-bottom:-7px;}


div#menu {background-color:#2E2D2A; width:100%; border-bottom:solid 4px #ABA9A6;}
nav {line-height:240%; padding:0.2em 1.2em 0 1.2em;}
nav a {
	display:inline-block;
	background-color:transparent; border-radius:3px;
	padding:0.3em 0.6em 0.3em 0.6em; margin:0px;
	font-size:1.1em; text-decoration:none; color:#E8DBBE;
}
nav a#aktiv {color:#FFFFFF; background-color:#42403B;}
nav a:hover, nav a#aktiv:hover {color:#FFFFFF; background-color:#42403B;}

hr#head {
	height:2px; width:100%;
	border-top:dotted 2px #B5AE9B; border-bottom:0px; border-right:0px; border-left:0px;
	margin:2px auto 0px auto;
}





article {line-height:150%; text-align:left;}

h1 {margin:0.8em 0.5em 0.5em 0.5em; font-size:1.4em;}
h2 {margin:2.0em 0.5em 1.5em 0; font-size:1.5em;}
h3 {margin:1.5em 0.5em 1.0em 0; font-size:1.2em;}
h4 {margin:1.2em 0.5em 0.5em 0; font-size:1.1em;}

div.head {text-align: center;}

div.gallery img {display:inline; margin:0.2em; padding:0.2em; border:dashed 1px #B7AD97;}
div.gallery img:hover {border:solid 1px #B7AD97;}
div.gallery a {margin:0; padding:0;}

div#textbox {background-color:#F0F0F0; padding:10px 20px; margin:10px -10px 15px -10px; line-height:170%; border-left:solid 5px #566582;}
div#rahmen {border:solid 2px #B7AD97; padding:10px 18px; margin:10px -10px 10px -10px; line-height:170%; border-radius:10px;}

img.floatbild { float:left; margin: 0px 15px 5px 0px;}



div#bottom {border-top:dotted 2px #B5AE9B; padding-top:1em;}
footer {width:90%; color:#B5AE9B; margin:auto; padding:0; font-size:0.9em;}
footer h4 {color:#A19B89;}
footer a {color:#A19B89;}
footer a:hover {color:#B5AE9B;}
img#logo-bottom {display:block; width:50%; max-width:150px; margin:0.5em auto;}




td {background-color:#1E2620;}

table {font-size:1.0em; border-spacing:3px; border-collapse:separate;}
table thead td {background-color:rgba(255, 255, 255, 0.2); padding:0.3em 0.4em; margin:0.5em;}
table tbody td {background-color:rgba(255, 255, 255, 0.1); padding:0.3em 0.4em; margin:0.5em;}

tr.spacer td {background-color:transparent;}

td.spielkommentar {font-size:0.9em; min-width:55px; text-align:center;}
td.name {min-width: 130px; text-align:left; background-color:rgba(255, 255, 255, 0.2); border-left: solid 3px #FFF;}
td.zahl {min-width:1.5em; text-align:right;}

div.tabellenkommentar {margin-top:0.8em; font-size:0.9em;}


hr.text-divider {
  width:12%; margin:2em 44% 5em 44%; height:1px;
	border:0;
  border-top: 1px solid #474132;
}


.submit {
	background-color:#FFF; border:solid 1px #c8c1ae; border-radius:5px;
	margin:0.5em; padding:0.8em 1.2em;
	font:bold 1.0em Arial; color:#474132; line-height:150%;
	cursor:pointer;
}

.submit:hover {
	border-color:#B5AE9B;
	-webkit-box-shadow:1px 1px 1px rgba(181, 174, 155, .5);
	-moz-box-shadow:1px 1px 1px rgba(181, 174, 155, .5);
	-o-box-shadow:1px 1px 1px rgba(181, 174, 155, .5);
	-ms-box-shadow:1px 1px 1px rgba(181, 174, 155, .5);
	box-shadow:1px 1px 1px rgba(181, 174, 155, .5);
}






/***************************************************************************************/
/* Responsive */
/***************************************************************************************/


#screen-info {background-color:rgba(0, 0, 0, 0.10);}


@media only screen and (min-width: 1021px) and (max-width: 1280px) {
	body {font-size:15px;}
	.frame {width:980px; margin:30px auto 60px auto;}
	div#site {}
	div#inner {}
}

@media only screen and (min-width: 801px) and (max-width: 1020px) {
	body {font-size:14px;}
	.frame {width:760px; margin:30px auto 60px auto;}
	div#site {}
	div#inner {padding:1% 3% 2% 3%;}
}

@media only screen and (max-width: 800px) {
	body {font-size:14px;}
	.frame {width:100%; margin:10px auto 10px auto;}
	div#site {border-radius:0; -webkit-box-shadow:none; box-shadow:none;}
	div#inner {padding:1% 1% 1% 2%;}
	div.head h1 {margin:0 0 0 0.5em; font-size:1.4em;}
	div#info-oben {margin:0em 1em 0 0; font-size:1em;}

	nav {line-height:160%; text-align:center; padding:0.5em 0 0.5em 0;}
	nav a {display:block; width:90%; border-radius:5px; padding:0.3em auto; margin:0 auto;}

	div#sidebar {width:50%; min-width:320px; margin:0 auto;}
	img#logo-bottom {display:none;}
}