* {
margin:0;
padding:0;
outline:none;
text-decoration:none
}
a img {
border:0
}
html { 
margin-bottom:1px;   /*scrollbalken erzwingen! */
height:100%
}
html, body {
font-family:arial, sans serif;
font-size:100.1%;
text-align:center;
background:#232
}
body {
position:relative;
min-width:1100px;
max-width:2200px
}
/*--------------------------------------------------------
Fix positionierte Grafix
-------------------------------------------------------*/
div#head img.lo {
position:absolute;
top:0;
left:0
}
div#head img.ro {
position:absolute;
top:0;
right:0
}
div#mid img.li, div#mid img.mi, div#mid img.re {
z-index:0
}
div#mid img.li {
position:absolute;
top:0;
left:0
}
div#mid div.mi {
position:absolute;
top:0;
right:20px;
width:100%;
height:800px;
background:url(images/layout/feld_mi.png) top center no-repeat
}
div#mid img.re {
position:absolute;
top:0;
right:0
}
form.formular ins.junge	{
position:absolute;
bottom:-20px;
left:-20px;
display:block;
width:161px;
height:124px;
background:url(images/layout/fussballer_clipart.png) top center no-repeat
}
div#footer img.lu {
position:absolute;
top:10px;
left:0
}
div#footer img.ru {
position:absolute;
top:10px;
right:0
}
/*--------------------------------------------------------
Head
-------------------------------------------------------*/
div#head {
height:170px
}
div#head h1#logo {
margin:0 auto;
height:198px;
width:880px;
text-indent:-9999px;
background:url(images/layout/logo.png) no-repeat
}
/*--------------------------------------------------------
Navi
-------------------------------------------------------*/
ul#navi {
margin:-85px auto -20px auto;
padding:10px 0 0 0;
width:335px
}
ul#navi li {
float:left;
display:inline
}
/*--------------------------------------------------------
rasen
-------------------------------------------------------*/
div#rasen {
margin:40px 0 0 0;
background:url(images/layout/rasen.png) repeat-x;
height:66px;
border-bottom:1px solid #0bad00
}
/*--------------------------------------------------------
Mid
-------------------------------------------------------*/
div#mid {
margin:0 auto;
position:relative;
background:url(images/layout/mid_bg.jpg);
height:736px;
border-bottom:2px solid #006000
}
div#mid h2.startseite {
margin:0 auto;
position:relative;
top:30px;
z-index:1;
text-indent:0;
background:url(images/layout/start_hl.png) left top no-repeat;
height:97px;
width:823px;
color:#000
}
div#mid h2.startseite span {
position:absolute;
top:41px;
left:107px;
text-align:left;
width:680px;
font-size:11px;
font-weight:100
}
div#mid h2.startseite img {
position:absolute;
top:-50px;
right:-65px;
border:0
}
div#mid div#midgross p {
position:absolute;
top:80px;
left:50px;
overflow:hidden;
width:470px;
font-size:11px
}
div#mid div#midgross p a {
color:#ff0
}

/*--------------------------------------------------------
Boxen
-------------------------------------------------------*/
ul.boxen {
position:relative;
text-align:left;
padding:45px 0 0 0;
width:824px;
color:#232;
margin:0 auto
}
ul.boxen li {
float:left;
position:relative;
width:268px;
padding-bottom:10px;
list-style-type:none
}
ul.boxen li h3 {
position:absolute;
top:29px;
left:75px;
word-spacing:-1px;
font-size:12px
}
ul.boxen li#b1 {
background:url(images/boxen/1.png) no-repeat;
overflow:visible;
margin:0 10px 0 0;
height:238px
}
/*--------------------------------------------------------
Spezialbild in BOX 1
-------------------------------------------------------*/
ul.boxen li img.taktiktafel {
position:absolute;
top:-5px;
left:-110px;
width:108px;
height:144px
}
/*------------------------------------------------------*/
ul.boxen li#b2 {
background:url(images/boxen/2.png) no-repeat;
overflow:hidden;
margin:0 10px 0 0;
height:238px
}
ul.boxen li#b3 {
background:url(images/boxen/3.png) no-repeat;
overflow:hidden;
height:238px
}
ul.boxen li#b4 {
background:url(images/boxen/4.png) no-repeat;
overflow:visible;
margin:0 10px 0 0;
height:319px
}
ul.boxen li#b5 {
background:url(images/boxen/5.png) no-repeat;
overflow:hidden;
margin:0 10px 0 0;
height:319px
}
ul.boxen li#b6 {
background:url(images/boxen/7.png) no-repeat;
overflow:hidden;
height:319px
}
ul.boxen li p.block {
position:absolute;
top:88px;
left:45px;
overflow:hidden;
width:300px;
font-size:11px
}
ul.boxen li p.block label {
float:left;
width:90px
}
ul.boxen li a#go2button {
position:absolute;
bottom:40px;
left:14px;
width:241px;
height:58px;
display:block
}
ul.boxen ul.sub  {
position:absolute;
top:80px;
left:70px;
font-size:11px
}
ul.boxen ul.sub li {
padding:0 0 2px 20px;
background:url(images/layout/li_bg_ball.png) top left no-repeat;
list-style-type:none
}
/*--------------------------------------------------------
Spezialbilder in BOX 4
-------------------------------------------------------*/
ul.boxen li img.pokal {
position:absolute;
top:45px;
left:-120px;
width:118px;
height:163px
}
ul.boxen li img.karten {
position:absolute;
top:95px;
left:-160px;
width:187px;
height:185px
}
/*--------------------------------------------------------
Formular
-------------------------------------------------------*/
form.formular, div#midgross {
font-family:arial, sans serif;
margin:0 auto;
position:relative;
top:30px;
text-align:left;
width:823px;
height:688px;
background:url(images/boxen/form_bg.png) no-repeat;
overflow:visible;
font-size:11px
}
form.formular h3, div#midgross h3 {
position:absolute;
top:25px;
left:50px;
word-spacing:-1px;
font-size:20px;
line-height:22px;
color:#232;
font-weight:100
}
form.formular img.sponsor, div#midgross img.sponsor {
position:absolute;
top:18px;
right:300px
}
form.formular ul {
position:absolute;
top:80px;
left:50px;
list-style-type:none
}
form.formular ul li {
clear:left;
padding:0 0 10px 0
}
form.formular ul li label {
float:left;
overflow:hidden;
padding:0 0 10px 0;
width:200px
}
form.formular ul li input {
font-size:11px;
border:1px solid #232;
padding:2px
}
form.formular ul li select {
width:467px;
font-size:11px
}
form.formular ul li select option {
padding:1px 0;
height:13px
}
form.formular ul li input.daten {
width:261px;
font-size:11px
}
form.formular ul li.radios input {
margin:0 3px;
border:0
}
form.formular ul li.topic {
margin:0 0 3px 0
}
form.formular ul li.topic label {
float:none;
font-weight:600
}
form.formular input.submit {
position:absolute;
bottom:40px;
right:306px;
color:#fff;
width:150px;
padding:3px 0;
background:#232;
border:0;
cursor:pointer
}
/*--------------------------------------------------------
Footer
-------------------------------------------------------*/
div#footer {
height:auto;
position:relative;
color:#3e7337
}
div#footer p {
position:relative;
margin:0 auto;
width:780px;
text-align:left;
padding:20px 0 0 30px;
font-size:12px
}
div#footer p a {
color:#3e7337
}
div#footer p a:hover {
text-decoration:underline
}