html {
font-family: Verdana, sans-serif;
font-size: 12px;
}
body {
margin: 0;
background: #005534;
}
a:link {
color:#008952;
text-decoration:underline;
}
a:visited {
color:#00663D;
}
a:hover {
text-decoration:none;
}
a img, img {
border:0;
}
hr {
border:0;
border-bottom:2px dotted #C1C1C1;
margin:10px 0;
}
h1,h2,h3,h4,h4,h6 {
border:0;
margin: 10px 0;
padding:0;
color:#00663D;
}
h1 {
font-size:24px;
line-height: 28px;
}
h2 {
font-size:15px;
}
h3,h4,h5,h6 {
font-size:13px;
}
.teamtable {
width:100%;
margin:0;
padding:0;
border-spacing:0;
border:1px dotted #C1C1C1;
}
.teamtable tr td:first-child {
white-space:nowrap;
}
th {
text-align:left;
font-weight:bold;
padding:5px;
}
.teamtable tr {
background:#ddd;
margin:0;
}
.teamtable tr:nth-child(even) {
background:#eee;
}
tr:nth-child(even).win, tr:nth-child(even).relup, tr:nth-child(odd).relup {
background:#D4F7D2;
}
tr:nth-child(odd).win, tr:nth-child(even).aufstieg, tr:nth-child(odd).aufstieg {
background:#C0F4BC;
}
tr:nth-child(even).loss, tr:nth-child(even).reldown, tr:nth-child(odd).reldown {
background:#FFBFBF;
}
tr:nth-child(odd).loss, tr:nth-child(even).abstieg, tr:nth-child(odd).abstieg {
background:#FFADAD;
}
tr.bold {font-weight:bold;}
td {
padding:3px 5px;
}
aside b {
font-size:13px;
}
b.win {
color:#00844F;
}
b.loss {
color:#DB514E;
}
#container {
width:950px;
margin: 10px auto;
border: 10px solid #fff;
border-top:0;
background: #e9e9e9;
}
header {
display:block;
border-top:10px solid #fff;
border-bottom:10px solid #fff;
background:url('../inc/bg_head.jpg');
height:183px;
}
header h1 {
display:block;
width:100px;
text-indent:-9999px;
float:left;
}
#logo {
display:block;
width:192px;
height:175px;
margin-left:4px;
background:url('../inc/logo.png') no-repeat transparent;
margin-top:-10px;
text-indent:-9999px;
float:left;
}
div.ical {
margin-top:10px;
background:url('../inc/ical.png') no-repeat #eee;
background-position: 5px 5px;
padding:3px 5px 5px 95px;
}
#bread {
margin:0 10px 0 213px;
height:30px;
line-height:30px;
font-size:10px;
color:#666;
display:block;
}
#bread a {
color:#666;
text-decoration:underline;
}
#bread a:hover {
text-decoration:none;
}
aside {
float:right;
width:120px;
margin:0 10px;
}
aside h2 {
display:block;
background:#999;
color:#fff;
font-variant:small-caps;
line-height:30px;
height:30px;
text-align:center;
font-weight:bold;
font-size:14px;
margin:0;
}
aside h3 {
display:block;
background:#ddd;
color:#666;
font-variant:small-caps;
line-height:25px;
height:25px;
text-align:center;
font-weight:normal;
font-size:13px;
margin:5px 0 0 0;
border:1px dotted #C1C1C1;
}
aside div {
background:#fff;
border:1px dotted #C1C1C1;
border-bottom:1px dotted #C1C1C1;
border-top:0;
padding:8px 2px;
text-align:center;
font-size:10px;
color:#666;
}
#mainnav {
float:left;
width:180px;
margin:0 10px;
border-left:1px solid #c1c1c1;
border-right:1px solid #c1c1c1;
background:#fff;
}
#mainnav a {
display:block;
color:#666;
text-decoration:none;
white-space:nowrap;
overflow:hidden;
}
#mainnav a.lvl0 {
background: #eeebeb;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2VlZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2VlZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2Q2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #d7d6d6 0%, #eeebeb 40%, #eeebeb 60%, #d7d6d6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d6d6), color-stop(40%,#eeebeb), color-stop(60%,#eeebeb), color-stop(100%,#d7d6d6));
background: -webkit-linear-gradient(top, #d7d6d6 0%,#eeebeb 40%,#eeebeb 60%,#d7d6d6 100%);
background: -o-linear-gradient(top, #d7d6d6 0%,#eeebeb 40%,#eeebeb 60%,#d7d6d6 100%);
background: -ms-linear-gradient(top, #d7d6d6 0%,#eeebeb 40%,#eeebeb 60%,#d7d6d6 100%);
background: linear-gradient(top, #d7d6d6 0%,#eeebeb 40%,#eeebeb 60%,#d7d6d6 100%);
padding: 0 10px;
margin-top:2px;
height: 28px;
line-height:28px;
font-variant:small-caps;
font-size:14px;
font-weight:bold;
border-top:1px solid #c1c1c1;
border-bottom:1px solid #c1c1c1;
}
#mainnav a:hover,
#mainnav a.sel{
background: #e9e9e9;
}
#mainnav a.lvl0:hover,
#mainnav a.lvl0.sel{
background: #d7d6d6;
}
#mainnav a.lvl0.first {
margin-top:0;
}
#mainnav a.lvl1 {
padding: 0 10px;
height: 25px;
line-height:25px;
font-size:12px;
font-weight:bold;
border-top:1px dotted #c1c1c1;
display:none;
}
#mainnav a.lvl0.sel ~ a.lvl1 {
display:block;
}
#mainnav a.lvl0.sel ~ a.lvl0 ~ a.lvl1 {
display:none;
}
#mainnav a.lvl1.first {
border-top:0;
}
#mainnav a.lvl2 {
padding: 0 15px;
height: 20px;
line-height:20px;
font-size:11px;
border-top:1px dotted #c1c1c1;
display:block;
display:none;
}
#mainnav a.lvl1.sel ~ a.lvl2 {
display:block;
}
#mainnav a.lvl1.sel ~ a.lvl1 ~ a.lvl2 {
display:none;
}
#content {
float:left;
width:586px;
line-height: 18px;
background:#fff;
border:1px solid #c1c1c1;
padding:10px;
}
#content h1:first-child {
margin-top:0;
font-variant:small-caps;
border-bottom:2px dotted #c1c1c1;
padding: 0 0 3px 0;
}
.picturesnippet {
border: 0;
display: block;
margin: 10px;
padding: 0;
}
.picturesnippet_framed {
border: 1px dotted #c1c1c1;
padding: 5px;
}
.picturesnippet_center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.picturesnippet_left {
float: left;
margin: 5px 8px 5px 9px;
}
.picturesnippet_right {
float: right;
margin-right: 0;
}
.picturesnippet_left .caption {
width: 100px;
text-align:center;
}
.center {
text-align:center;
}
.details {
float:left;
width:440px;
}
.caption a {white-space:nowrap;}
footer {
width:950px;
margin:10px auto 20px auto;
text-align:right;
color:#ddd;
font-size:11px;
}
.quelle {
text-align:right;
font-style:italic;
font-size:13px;
}
a.comments{float:right;}
a.vollbild_link {
display:block;
width:80px;
height:20px;
position:relative;
left:470px;
top:10px;
color:#fff;
text-decoration:none;
font-weight:bold;
font-size:18px;
text-shadow: 2px 2px 2px #000000;
}
a.vollbild_link + img {margin-top:-20px;}
/* Fancybox */
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('fancybox.png');
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('fancybox.png') -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url('blank.gif');
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url('fancybox.png');
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url('fancybox.png');
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('fancybox-x.png');
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url('fancybox.png');
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('fancybox-y.png');
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url('fancybox.png');
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('fancybox-x.png');
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('fancybox.png');
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('fancybox-y.png');
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url('fancybox.png');
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: center;
}
#fancybox-title-over {
padding: 10px;
background-image: url('fancy_title_over.png');
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url('fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url('fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('fancybox.png') -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
/* Fancybox */
#cookie-popup {
text-align: center;
background: #fff;
position: fixed;
top: 0px;
left: 0;
right: 0;
z-index: 9999;
font-size:14px;
line-height:20px;
padding: 20px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
#cookie-popup.hidden {
display: none;
}