/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
/*ol, ul {
list-style: none;
*/
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup
table {
border-collapse: collapse;
border-spacing: 0;
}
*/
/* reset Ende*/
body {
background:#3377a4 url(pix/bg-mainteaser.jpg) repeat-x fixed;
font-family: verdana, arial, helvetica, sans-serif;
margin:0px 0px 10px 0px;
padding:0px;
font-size:90%;
line-height:120%;
}
h1 {
font-family: arial, verdana, helvetica, sans-serif;
color: #3477a4;
font-size: 105%;
text-transform: uppercase;
margin: 10px 5px 20px 2px;
padding:2px 0 2px 5px;
border-top: 2px solid #3477a4;
border-bottom: 2px solid #3477a4;
}
h6 {
color: #ffffff;
background:#f99a1a;
font-size: 90%;
margin-bottom:20px;
margin-top:0px;
padding:5px;
}
div#main {
width:906px;
border-top: 4px solid #fff;
margin: 4px auto;
padding:0px;
background: #fff;
}
/* BEGIN Top */
div#main div#topBox {
background: url(assets/_logo.png) no-repeat;
height:102px;
width:898px;
margin-left:4px;
margin-right:4px;
margin-top:0px;
padding:0px;
top:0px;
border-bottom: 1px solid #ffffff;
}
div#main div#topBox .countdown {
margin-left:500px;
margin-top:20px;
font-family: verdana, arial, helvetica, sans-serif;
font-size:18px;
border:none;
background-color: transparent;
}
div#main div#topBox .text {
margin-left:770px;
margin-top:245px;
position:absolute;
font-family: verdana, arial, helvetica, sans-serif;
font-size:20px;
color: #ffffff;
border:none;
background-color: transparent;
}
div#main div#topBox .text2 {
/*text-decoration: blink;*/
margin-left:761px;
margin-top:265px;
position:absolute;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 60%;
color: #ffffff;
border:none;
background-color: transparent;
}
div#main div#topBox .text3 {
/*text-decoration: blink;*/
margin-left:791px;
margin-top:284px;
position:absolute;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 20px;
color: #ffffff;
border:none;
background-color: transparent;
}
div#main div#topBox .countdown2 {
margin-left:760px;
margin-top:280px;
position:absolute;
font-family: verdana, arial, helvetica, sans-serif;
font-size:20px;
color: #ffffff;
border:none;
background-color: transparent;
}
/* BEGIN TopMenüBox */
div#main div#topmenuBox {
margin-left:4px;
height: 29px;
width: 898px;
font-size:85%;
font-weight: bold;
text-transform: uppercase;
background: #264253;
border-bottom: 1px solid #ffffff;
}
div#topmenuBox div#menu ul {
float:left;
list-style-type: none;
margin:0px;
padding-left: 60px;
padding-top: 3px;
}
div#topmenuBox div#menu ul li {
margin-right: 9px;
padding: 3px 0px 0px 0px;
float: left;
}
div#topmenuBox div#menu img {
margin-left: 20px;
margin-right: 9px;
padding: 0px 0px 0px 0px;
float: left;
}
div#topmenuBox a {
color: #ffffff;
text-decoration: none;
}
div#topmenuBox a:hover {
color: #ff9728;
}
div#topmenuBox p {
padding:7px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
div#main div#teaser {
margin: 0 auto;
width:898px;
background: #fff;
}
div#main div#teaser div#topteaser {
background: url(assets/_top.jpg) no-repeat;
width: 898px;
margin-left:0px;
padding:0px;
clear:both;
}
div#main div#teaser div#topteaser .teaser{
border:0px;
width: 511px;
height: 235px;
margin-left: 94px;
margin-top: 9px;
}
div#main div#teaser div#topteaser .star{
border:0px;
width: 150px;
height: 149px;
margin-left: 10px;
margin-bottom: 70px;
}
div#main div#teaser div#topteaser .logoanimation{
position:absolute;
margin-top: 194px;
margin-left: 790px;
/*padding-left:400px;*/
}
div#main div#teaser div#topteaser .logotext{
font-family: verdana, arial, helvetica, sans-serif;
color: #53534c;
position:absolute;
margin-top: 215px;
margin-left: 650px;
/*padding-left:400px;*/
}
div#main div#content{
width:898px;
margin-left: 4px;
font-family: verdana, helvetica, sans-serif;
background:url(assets/bg.png) no-repeat #FFF;
}
div#main div#contentleft{
width:510px;
float:left;
margin:0px;
padding-left:95px;
padding-top:15px;
color:#202020;
}
div#main div#contentleft .star2{
position:absolute;
margin-top:690px;
margin-left: 460px;
/*padding-left:400px;*/
}
div#main div#contentleft h2 {
color: #3477a4;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 90%;
text-transform: uppercase;
margin-bottom:5px;
margin-top:10px;
padding:0px;
}
div#main div#contentleft h3 {
color: #666;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 90%;
text-transform: uppercase;
margin-bottom:10px;
margin-top:15px;
padding:0px;
}
div#main div#contentleft h4 {
color: #ffffff;
font-size: 95%;
text-transform: uppercase;
font-weight:bold;
margin-bottom:5px;
margin-top:10px;
padding:5px;
}
div#main div#contentleft p {
font-size: 80%;
line-height:140%;
margin-top:0px;
margin-bottom:5px;
}
div#main div#contentleft a{color: #FB6B01; font-weight: bold; font-style: normal; text-decoration: none;}
div#main div#contentleft a:visited {color: #FB6B01;}
div#main div#contentleft a:hover { color: #202020; font-style: normal; text-decoration: none;
}
div#main div#contentleft div.miniteaser { padding-top: 10px;}
div#main div#contentleft div.miniteaser img { float: left; margin-bottom: 10px; margin-right: 10px; clear: left; border:0px; }
div#main div#contentleft div.miniteaser h5 { color: #3477a4; font-size: 80%; margin: 0px 0px 0px 0px; }
div#main div#contentleft div.miniteaser p { font-size: 75%; padding-bottom: 10px; }
div#main div#contentleft div.miniteaser a { color: #FB6B01; text-decoration: none; }
div#main div#contentleft div.miniteaser a:hover { color: #202020; text-decoration: underline; }
div#main div#contentleft div.miniteaser a:visited {color: #FB6B01; }
div#main div#contentleft div.mainteaser {
background: url(assets/bg-container.png) no-repeat;
border: none /*1px solid #eeeeee*/;
padding: 10px 15px 5px 15px;
font-size: 80%;
height: 205px;
font-weight: normal;
}
div#main div#contentleft div.mainteaser h2 {
color: #ffffff;
font-size: 100%;
text-transform: uppercase;
margin-bottom:10px;
margin-top:5px;
padding:0px;
}
div#main div#contentleft div.mainteaser a {
color: #f99a1a;
text-decoration: none;
}
div#main div#contentleft div.mainteaser a:hover {
color: #f99a1a;
text-decoration: underline;
}
div#main div#contentleft ul li{
list-style-type: inherit;
margin-left:-20px;
padding-left: 1px;
padding-top: 2px;
vertical-align:middle;
font-weight : bold;
color: #ffffff;
font-size: 95%;
line-height:1.6em;
}
div#main div#contentright{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 75%;
line-height:140%;
font-weight : normal;
width:226px;
float:right;
/*border: 1px solid #dddcd8;
background:#f8f7f3;*/
margin-right:20px;
margin-top:20px;
}
div#main div#contentright p{
color: #53534c;
margin-top: 20px;
margin-left: 30px;
}
div#main div#contentright ul li{
list-style-type: none;
margin-left:0px;
padding-left: 0px;
padding-top: 14px;
vertical-align:top;
font-weight : bold;
}
div#main div#contentright a {
color: #53534c;
text-decoration: none;
vertical-align:middle;
}
div#main div#contentright a:hover {
color: #ff9728;
}
div#main div#contentright img{
margin-left:-10px;
margin-bottom:-7px;
padding-right: 10px;
}
div.clear{
clear: both;
}
table {
background-color:#fff;
width:100%;
margin-bottom:20px;
}
td {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size :80%;
line-height : 120%;
font-weight : normal;
color : #ffffff;
text-align : left;
padding: 5px 0px 5px 15px;
background-color:#87b9d9;
margin:0px;
}
select,
input,
textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: normal;
color: #474138;
border: 1px solid #B5B3AB;
background: #FAFAF0;
}
select:hover,
input:hover,
textarea:hover,
select:focus,
input:focus,
textarea:focus {
background: #ffffff;
color: #000000;
}
/* Begin Kontaktformular */
table.kontakt {
background-color:#fff;
width:100%;
margin-bottom:20px;
}
table.kontakt td {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size :80%;
line-height : 120%;
font-weight : normal;
color : #666;
text-align : left;
padding: 5px 0px 5px 15px;
background-color:#fff;
margin:0px;
}
table.kontakt .hilight {
color: #ff9728;
/* ff9728 */
}
table.kontakt input,
table.kontakt textarea {
width: 250px;
}
/* End Kontaktformular */
.trhead {
color:#ffffff;
/* font-weight: bold; */
background: url(assets/bg-header.png) no-repeat;
padding-left: 15px;
font-size: 85%;
height: 30px;
margin-bottom: 4px;
}
.trhead2 {
color:#ffffff;
/* font-weight: bold; */
background: #f99a1a;
padding-left: 10px;
font-size: 85%;
height: 25px;
margin-bottom: 4px;
}
.trblue1
{
background-color:#3076a2;
padding: 5px 0px 5px 15px;
font-size: 80%;
}
.trblue2
{
background-color:#3a8dc1;
padding: 5px 0px 5px 15px;
font-size: 80%;
}
.trpics {
text-align : center;
background-color:#87b9d9;
}
/*meins spielerboerseboerse*/
.spielerboerse {
position:absolute;
margin-top:350px;
margin-left: 400px;
/*
font-family: verdana, arial, helvetica, sans-serif;
color: #ffffff;
border:none;
background-color: transparent;
font-size: 100%;
*/
width:300px;
}
.trbluespieler
{
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color:#3076a2;
font-size: 80%;
}
.trheadspieler {
font-family : Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
/* font-weight: bold; */
background-color:#f99a1a;
padding-left: 5px;
font-size: 80%;
}
.tdwhite
{
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
color:#000000;
padding-left: 0px;
font-size: 80%;
}
.small {
font-size: 80%;
color: #999;
}
.small-white {
font-size: 85%;
color: #fff;
}
.img_left {
margin-right: 10px;
margin-bottom: 5px;
border: none;
}
.img_right {
margin-left: 10px;
margin-bottom: 5px;
border: none;
}
.ecke {
position: top right;
height: 50px;
width: 50px;
background: url(pix/wm-ecke.png);
}
.orange-highlight {
font-weight:bold;
color: #F60;
}
.newsletter-box {
background:url(../pix/bg-nl-box.png) no-repeat top center;
height: 220px;
padding-top: 20px;
}
.newsletter-box p{
line-height: 210%;
}
.kontaktbox {
background:url(../pix/bg-kontakt.png) no-repeat top center;
height: 204px;
padding-top: 20px;
}
.quicklinkbox {
background:url(../pix/bg-links.png) no-repeat top center;
height: 283px;
padding-top: 20px;
}