@charset "UTF-8";
/* basic settings */
*{margin:0;padding:0;}
option{padding-left:0.4em;}
* html body *{overflow:visible;}
* html iframe, * html frame{overflow:auto;}
* html frameset{overflow:hidden;}
html{height:100%;margin-bottom:1px;}
body{font-size:100.01%;color:#000;background:#fff;text-align:left;}
fieldset, img{border:0 solid;}
ul, ol, dl{margin:0 0 1em 1em}
li{margin-left:1.5em;line-height:1.5em;}
#header,#main{position:relative;}
#header,#main,#footer{clear:both;}
/* css clear */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
.floatbox{overflow:hidden;}
/* layout */
@media all{
body{font-size:75.00%;font-family:Arial,Verdana,Helvetica,sans-serif;background: #d2d2d2;}
#page{width:790px;margin-left:auto;margin-right:auto;border-left:20px solid #8b8b8b;border-bottom:2px solid #8b8b8b;}
body#step0 #page{background: #8b8b8b url('../img/bg_main_p4.jpg') left top no-repeat;}
body#step1 #page{background: #8b8b8b url('../img/bg_main_p4.jpg') left top no-repeat;}
body#step2 #page{background: #8b8b8b url('../img/bg_main_p4.jpg') left top no-repeat;}
body#step3 #page{background: #8b8b8b url('../img/bg_main_p4.jpg') left top no-repeat;}
body#impressum #page{background-image:none;}
#header{display:none;height:145px;}
#main{padding:190px 360px 0 170px;height:283px;}
body#impressum #main, body#agb #main{padding-top:36px;margin:0;height:auto;}
#footer{margin-right:20px;padding-top:0.5em;font-size:0.9em;background-color:#d2d2d2;color:#575757;}
#footer p{padding:0 0.1em;}
#footer ul{margin:0;background:#8b8b8b;padding:3px 0;}
#footer ul li{float:left;list-style:none;margin:0;width:33%;text-align:center;}
h1,h2,h3,h4,h5,h6{font-weight:bold; margin:0 0 0.25em 0;}
h1{font-size:150%;color:#ffffff;}
h2{font-size:166.67%;}
h3{font-size:150%;}
h4{font-size:133.33%;}
h5{font-size:116.67%;}
p{line-height:1.5em;margin:0 0 1em 0;}
a {color:#ffffff;text-decoration:none;}
a:focus,a:hover,a:active{color:#ffff00;text-decoration:underline;}
#footer a{color:#ddd;text-decoration:underline;text-transform:uppercase;}
#footer a:focus,#footer a:hover,#footer a:active{text-decoration:none;}
#footer p a{color:#575757;text-transform:none;}
.hide{display:none;}
#main_content h2,#main_content p{color:#ffffff;text-align:center;font-weight:bold;}
body#impressum #main_content p,body#agb #main_content p{color:#000000;font-weight:normal;text-align:left;}
#main_content h2{font-size:116.67%;margin-bottom:1.1em;}
#main_content #order{}
#main_content #infoarea{color:#fff;margin:25px 5px 0;font-size:1.1em;text-align:center;}
#main_content #infoarea.error {color:#ff0000;margin:25px 5px 0;font-size:1.1em;text-align:center;}
#main_content #thank{margin-top:20px;}
form div, form p {display:block;margin:5px 0pt 0pt;padding:1px 0px;color:#9a0000;}
form label{font-weight:bold;color:#ffffff;}
form span{font-weight:normal;font-style:italic;color:#ffffff;}
form input{font-size:1.3em;font-weight:bold;}
form input.inputText{margin:0pt;padding:3px;width:231px;height:34px;line-height:34px;border:none;background:url('../img/bg_input_p4.gif') left top no-repeat;font-size:32px;}
form input.btn{border:none;color:#ffffff;background-color:transparent;font-size:2em;height:36px;text-transform:uppercase;}
body#step1 form input.btn{font-size:1.3em;}
form select#msisdnprefix{width:4em;padding:2px 3px;}
form fieldset{border:1px solid #ccc;padding:0.5em;margin-bottom:0.5em;}
form legend{padding:0 0.5em;}
form div.leftarea{text-align:center;}
form div.sbutton{width:230;height:36px;background: transparent url('../img/button_p4.gif') no-repeat center top;line-height:34px;text-align:center;color:#ffffff;}
}