* {
margin:0;
padding:0;
}

html {
width:100%;
height:100%;
}

body {
height:100%;
width:100%;
background:#eeeeee url('../images/bg.jpg') repeat-x scroll top center;
font-size:14px;
font-family:'Georgia',Verdana;
font-style:normal;
font-variant:normal;
font-weight:normal;
color:#050405;
line-height:30px;
}

a, a:hover{
text-decoration:underline;
color:#000000;
}

.acheckbox, .acheckbox:hover {
text-decoration:none;
padding:2px 4px 2px 4px;
background-color:#e1dede;
}

img, img a, img a:hover {
border:0;
}

h1 {
color:#0d5a95;
font-family:'Trebuchet MS',Verdana;
font-size:18px;
font-weight:bold;
}

h2 {
color:#0d5a95;
font-family:'Trebuchet MS',Verdana;
font-size:16px;
font-weight:bold;
}

h3 {
color:#535353;
font-family:'Trebuchet MS',Verdana;
font-size:14px;
font-weight:bold;
}

li {
float:left;
height:30px;
display:block;
background:transparent url('../images/li.jpg') no-repeat scroll top right;
padding:14px 10px 0 10px;
}

p {
text-align:justify;
}

li a, li a:hover {
font-weight:bold;
text-decoration:none;
font-size:12px;
}

.fett {
font-weight:bold;
}

.uline {
text-decoration:underline;
}

#dhja {
height:64px;
margin:14px 0 28px 0;
width:800px;
}

#hja {
position:absolute;
width:53px;
height:60px;
top:18px;
left:11px;
font-family:verdana;
color:#6a2d7a;
font-size:64px;
font-weight:bold;
line-height:64px;
}

#sja {
position:absolute;
width:736px;
height:64px;
top:14px;
left:68px;
height:64px;
font-family:verdana;
color:#6a2d7a;
font-size:22px;
letter-spacing:-1px;
font-weight:bold;
line-height:32px;
}

.ja {
font-family:verdana;
color:#6a2d7a;
font-size:30px;
letter-spacing:-1px;
font-weight:bold;
}

#uslb {
font-family:verdana;
color:#6a2d7a;
font-size:20px;
letter-spacing:1px;
margin:0 0 16px 0;
}

.checkbox {
margin:5px 4px 5px 0;
height:18px;
width:18px;
border:1px #a0a0a0 solid;
line-height:28px;
vertical-align:middle;
}

.klein {
font-size:11px;
}

.kleiner {
font-size:10px;
}

.kursiv {
font-style:italic;
}

#wrapper {
position:relative;
margin:0 auto 0 auto;
width:800px;
min-height:100%;
_height:100%;
}

#header {
z-index:1;
position:relative;
width:796px;
height:116px;
margin:10px 0 0 0;
padding:0 0 0 4px;
line-height:14px;
}

#gewinne {
position:absolute;
top:0px;
right:0px;
width:471px;
height:116px;
z-index:2;
}

#sidebar {
z-index:1;
position:relative;
width:800px;
height:44px;
background:transparent url('../images/bg_sidebar.jpg') repeat-x scroll top left;
line-height:14px;
}



#sidebar a, #sidebar a:hover {
color:#535353;
}

#image_div {
z-index:1;
position:relative;
width:800px;
height:340px;
}

#content {
z-index:1;
position:relative;
width:800px;
padding:0px 0 0 0;
margin:0 0 0 0;
min-height:1100px;
_height:1100px;
}

#scontent {
z-index:1;
position:relative;
width:552px;
margin:-20px 0 20px 0;
}

#bcontent {
z-index:1;
position:relative;
width:800px;
padding:0px 0 20px 0;
}

.vorschau_spiel {
position:relative;
background:#ffffff url("../images/bg_spiel.jpg") scroll no-repeat bottom left; 
width:552px;
margin:14px 0 28px 0;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-top-left-radius:18px;
-moz-border-radius-topleft:18px;
-webkit-border-top-left-radius:18px;
border:1px #dadde0 solid;
line-height:22px;
overflow:hidden;
padding:0 0 32px 0;
box-shadow:-4px 3px 9px #c0c0c0;
-moz-box-shadow:-4px 3px 9px #c0c0c0;
-webkit-box-shadow:-4px 3px 9px #c0c0c0;
}

.r_div_vorschau {
position:relative;
width:552px;
}

.mitspieler {
position:absolute;
z-index:9;
top:218px;
right:530px;
padding:0 24px 0 13px;
font-family:'Trebuchet MS',Verdana;
font-size:60px;
height:75px;
color:#ffffff;
font-weight:bold;
line-height:75px;
border:1px #dadde0 solid;
border-right:0px;
border-top-left-radius:12px;
-moz-border-radius-topleft:12px;
-webkit-border-top-left-radius:12px;
border-bottom-left-radius:12px;
-moz-border-radius-bottomleft:12px;
-webkit-border-bottom-left-radius:12px;
box-shadow:-14px 0px 9px #999999;
-moz-box-shadow:-14px 0px 9px #999999;
-webkit-box-shadow:-14px 0px 9px #999999;
text-align:center;
}


.r90 {
position:absolute;
left:-25px;
top:252px;
width:60;
height:10px;
text-align:left;
z-index:10;
font-family:'Trebuchet MS',Verdana;
font-size:12px;
letter-spacing:2px;
color:#ffffff;
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
}

.text_vorschau_spiel {
padding:14px 34px 14px 40px;
}

#sidebar_spiele {
position:absolute;
z-index:2;
width:193px;
top:-22px;
_top:-44px;
right:0px;
border-bottom-left-radius:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
border-left:1px #dadde0 solid;
border-bottom:1px #dadde0 solid;
border-right:1px #dadde0 solid;
padding:10px 10px 18px 24px;
line-height:14px;
}

.headline_spiele {
display:block;
width:182px;
height:16px;
color:#535353;
font-size:14px;
font-weight:bold;
margin:0 0 12px 0;
}

.navi_spiele {
width:182px;
height:20px;
display:block;
margin:8px 0 0 0;
padding:0 0 0 0;
color:#535353;
border-bottom:1px #dadde0 dotted;
}

.navi_spiele a, .navi_spiel a:hover {
color:#535353;
text-decoration:none;
}

.navicon {
margin:0 4px 0 0;
}

#topbox {
width:514px;
margin:16px 0 16px 0;
padding:0px 10px 0px 10px;
background-color:#ffffff;
line-height:36px;
border:1px #dadde0 solid;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}

#footer {
z-index:1;
position:relative;
height:68px;
width:100%;
background:transparent url('../images/bg_footer.jpg') repeat-x scroll top left;
text-align:center;
color:#bbbbbb;
font-size:12px;
padding:20px 0 0 0;
text-transform:uppercase;
}

#footer a, #footer a:hover {
color:#bbbbbb;
text-decoration:none;
}

#info_box {
position:fixed;
_position:absolute;
padding:0;
z-index:5;
width:100%;
height:100%;
top:0;
left:0;
background:transparent url('../images/transparenz_schwarz.png') repeat scroll top left;
}


#info_box_message {
position:fixed;
_position:absolute;
padding:20px;
top:50%;
left:50%;
margin:0 0 0 -300px;
background-color:#ffffff;
border:4px solid #278ec8;
z-index:6;
text-align:center;
color:#000000;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
overflow:auto;
}

#code_form {
position:absolute;
height:50px;
z-index:2;
top:546px;
left:69px;
}

.input_code {
width:210px;
height:50px;
font-size:44px;
color:#a601a6;
letter-spacing:11px;
font-weight:bold;
background-color:#ffffff;
border:2px #a601a6 solid;
vertical-align:middle;
}

.textfeld {
width:222px;
height:34px;
margin:0 8px 8px 0;
font-family:verdana;
font-size:14px;
line-height:34px;
background-color:#ffffff;
padding:0 3px 0 3px;
border:1px #a0a0a0 solid;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-top-right-radius:9px;
-moz-border-radius-topright:9px;
-webkit-border-top-right-radius:9px;
}

.select {
width:228px;
height:30px;
line-height:34px;
margin:0 8px 8px 0;
font-family:verdana;
font-size:20px;
background-color:#ffffff;
padding:0 0 0 3px;
border:1px #a0a0a0 solid;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-top-left-radius:9px;
-moz-border-radius-topleft:9px;
-webkit-border-top-left-radius:9px;
}

.strasse {
width:157px;
margin:0 2px 0 0;
}

.nummer {
width:55px;
}

.plz {
width:55px;
margin:0 2px 0 0;
}

.ort {
width:157px;
}


.tm {
width:55px;
}

.jahr {
width:96px;
}

.anrede {
width:116px;
}

#fullgs {
position:absolute;
z-index:3;
width:800px;
height:1443px;
top:-320px;
_top:-324px;
left:0px;
background-color:#ffffff;
}

#steps {
position:absolute;
z-index:4;
right:14px;
top:478px;
width:238px;
background-color:#e3dae5;
padding:6px;
border:1px #a0a0a0 solid;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-weight:bold;
line-height:24px;
}

.steps {
font-size:32px;
font-family:verdana;
line-height:32px;
color:#6a2d7a;
}

#zertifikat {
z-index:2;
position:absolute;
width:207px;
height:242px;
top:800px;
right:-1px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border:1px #dadde0 solid;
margin:16px 0 16px 0;
padding:10px;
background-color:#ffffff;
text-align:center;
}

#geprueft1 {
position:absolute;
width:207px;
top:615px;
z-index:2;
right:-1px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border:1px #dadde0 solid;
margin:16px 0 16px 0;
padding:10px;
background-color:#ffffff;
text-align:center;
}

#geprueft2 {
z-index:4;
position:absolute;
right:14px;
top:702px;
width:230px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border:1px #a0a0a0 solid;
margin:16px 0 16px 0;
padding:10px;
background-color:#ffffff;
text-align:center;
}

#usermenu {
z-index:2;
position:relative;
width:176px;
height:278px;
line-height:22px;
font-size:12px;
font-weight:bold;
}

#usermenu a {
text-decoration:none;
}

.login {
width:168px;
margin:4px 0 0 0;
}


.abutton {
height:30px;
background-color:#278ec8;
font-size:11px;
font-weight:normal;
line-height:30px;
color:#ffffff;
cursor:pointer;
border:1px #e5e2e7 solid;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
/*
border-top-left-radius:9px;
-moz-border-radius-topleft:9px;
-webkit-border-top-left-radius:9px;
border-top-right-radius:9px;
-moz-border-radius-topright:9px;
-webkit-border-top-right-radius:9px;*/
box-shadow:-2px 0px 8px #fcf7d7;
-moz-box-shadow:-2px 0px 8px #fcf7d7;
-webkit-box-shadow:-2px 0px 8px #fcf7d7;
display:block;
text-align:center;  
}

.abutton2 {
height:30px;
background-color:#6b2f79;
font-size:11px;
font-weight:normal;
line-height:30px;
color:#ffffff;
cursor:pointer;
border:1px #e5e2e7 solid;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
/*
border-top-left-radius:9px;
-moz-border-radius-topleft:9px;
-webkit-border-top-left-radius:9px;
border-top-right-radius:9px;
-moz-border-radius-topright:9px;
-webkit-border-top-right-radius:9px;*/
box-shadow:-2px 0px 8px #fcf7d7;
-moz-box-shadow:-2px 0px 8px #fcf7d7;
-webkit-box-shadow:-2px 0px 8px #fcf7d7;
display:block;
text-align:center; 
}

.ibutton {
height:30px;
background-color:#34af18;
font-size:11px;
font-weight:normal;
line-height:30px;
color:#ffffff;
cursor:pointer;
border:1px #d7e9c2 solid;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
/*border-top-left-radius:9px;
-moz-border-radius-topleft:9px;
-webkit-border-top-left-radius:9px;
border-top-right-radius:9px;
-moz-border-radius-topright:9px;
-webkit-border-top-right-radius:9px;*/
box-shadow:-2px 0px 8px #fcf7d7;
-moz-box-shadow:-2px 0px 8px #fcf7d7;
-webkit-box-shadow:-2px 0px 8px #fcf7d7;
display:block;
text-align:center; 
}

.abutton a, .abutton a:hover, .abutton2 a, .abutton2 a:hover, .ibutton a , .ibutton a:hover {
text-decoration:none;
color:#ffffff;
display:block;
}

.button_form {
height:32px;
background-color:#6b2f79;
font-size:11px;
font-weight:normal;
line-height:32px;
color:#ffffff;
cursor:pointer;
border:1px #e5e2e7 solid;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
/*
border-top-left-radius:9px;
-moz-border-radius-topleft:9px;
-webkit-border-top-left-radius:9px;
border-top-right-radius:9px;
-moz-border-radius-topright:9px;
-webkit-border-top-right-radius:9px;*/
box-shadow:-2px 0px 8px #fcf7d7;
-moz-box-shadow:-2px 0px 8px #fcf7d7;
-webkit-box-shadow:-2px 0px 8px #fcf7d7;
display:block;
text-align:center;
}

.mt16 {
margin-top:16px;
}

.lh16 {
line-height:16px;
}

.lh28 {
line-height:28px;
}

.lh24 {
line-height:24px;
}

.normal {
font-weight:normal;
}

#rechtshinweis2 {
z-index:4;
position:absolute;
bottom:8px;
left:20px;
height:40px;
font-size:10px;
line-height:12px;
width:760px;
text-align:center;
}

#rechtshinweis1 {
z-index:4;
position:absolute;
bottom:-60px;
left:20px;
height:40px;
font-size:10px;
line-height:12px;
width:552px;
text-align:left;
}
