* {box-sizing: content-box; -moz-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box}
body {background: #ffffff; color: #000000; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, Sans-serif; font-size: 11pt; margin: 0px; padding: 0px}
a, a:visited, a:hover {font-size: 1em; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif; text-decoration:underline}
a:visited, a:hover {color: #383838; text-decoration:none}
h1, h2, h3 {color:#811f27; clear:both}
h1 {font-size: 18pt; margin-top:0}
h4 {color:#000000; font-size:1em}
img {border:0; display:block}
input, textarea, select, #capcha {background-color: #ffffff; color:#464646; border-top:#2f2f2f solid 1px; border-right:#000000 solid 1px; border-bottom:#000000 solid 1px; border-left:#2f2f2f solid 1px; padding:3px}
#capcha {border: 1px solid #F5F3F1 !important;background-color:#F5F3F1 !important;}
select {padding:0}
ul {list-style-image: url(img/bullit.jpg)}

.body {width:990px; margin:0 auto}
div.logo{padding-top:17px}
.footer {clear:both; font-size: 9pt; padding: 0 56px 0 30px}
	.footer .link {text-align:center; margin-bottom:30px}
	.footer .txt, .footer .logo {font-size:8pt}
	.footer .logo {width:130px; float:left; margin:0}

.step1 {background: #ffffff url(img/bg_step1.jpg) top left no-repeat; width:975px; padding: 0 57px; min-height:757px}
	.step1 h1 {font-size: 14pt; /*margin-bottom:90px*/ margin:0; height:131px}
	.step1 h2 {font-size: 18pt; font-weight: 500; /*margin-bottom:1.3em*/ margin:0; height:75px}
	.step1 h4, .step1 p {margin-top:0}
	.step1 div.logo {height:120px}
	.part {float:left; height:488px; margin-bottom:1em}	
	.part a {color:#ffffff}
	.part strong {color:#ad141f}
	.left {width:425px; margin-right:85px}
	.right {width:330px}
		.descr {height:/*200px*/15em}
	.right .descr {color: #383838}
			.step1 div form label {font-weight:bold; margin-bottom:3em}
			.step1 div form label, .step1 div form input {display:block; width:260px}
			#KodRenewal label {margin-bottom: 2em}
			#KodRenewal input {display:inline; width:3em}
			.step1 div form img {display:block; margin:1em 0}
#conditions {display:none; width: 700px; margin:0 auto; background: #f3f3f3; clear:both; padding:1em 2em; position:absolute; z-index:100501; margin-left:100px;
	border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
	#conditions h2 {height:auto}
	#conditions p {text-align:center}
span.button, span.cancel {height:22px; background-repeat: repeat-x; color:#FFFFFF; font-weight:bold; padding:4px 15px; cursor:pointer; font-size:9pt;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
span.button {background-image:url(../2010/bg_button.jpg); border-left:#1a8416 1px solid; border-right:#1a8416 1px solid}
span.cancel {background-image:url(../2010/bg_cancel.jpg); border-left:#b51304 1px solid; border-right:#b51304 1px solid}
.error {
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 39px;
	background-color: #AD141F;
	color: #F9F7ED;
	padding-top: 10px;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	z-index: 100501;
}
#overlay {
	z-index: 100500;
	opacity: 0.75;
	filter: alpha(opacity = 75);
	background-color: #070707;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.content div.logo{padding-left:31px; background: url(img/logo_bg.jpg) top left no-repeat; height:132px}
#computerbild {float:right}
#drweb {float:left}
.page {background: #f5f3f1; padding:20px; clear:both; width:899px;
	border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px}
.submit {text-align:center; margin-top:0.8em}
#step2, #step3, .form1, .form2, .form3 {clear:both}
.form2 {margin-bottom:1em}
.form1 label, .form2 label {float: left; display:block; clear: left; margin-bottom:0.5em; width:370px; margin-right:80px}
#capcha, .form1 input, .form2 input, .form1 select, .form2 select, .form2 textarea {float: left; display:block; margin-bottom:0.3em; width:300px}
.form1 select, .form2 select {width:306px}
/* .form2 img {clear:left; margin-bottom:1em} */
.form1 label {margin-bottom:0.8em}
.form2 textarea {margin-bottom:1em}

ul.steps {padding:0; margin:0; list-style:none}
ul.steps li {float:left; height:64px; background-position: left bottom; background-repeat: no-repeat}
li.one, li.two, li.three {font-weight:400; cursor:pointer}
li.one span, li.two span, li.three span { display: block; margin-top: 30px; text-align: center;}
li.two span.active, li.three span.active {color:#70a02b; font-size:1.2em; margin-top: 20px}
li.one {width:152px}
li.two {width:154px}
li.three {width:139px; padding-right:20px}
li.last {width:474px; background-image: url(img/step_last.png)}
#step1 ul.steps li.one {background-image: url(img/step1_li1.png); cursor:default}
#step1 ul.steps li.two {background-image: url(img/step1_li2.png)}
#step1 ul.steps li.three {background-image: url(img/step1_li3.png)}
#step2 ul.steps li.one {background-image: url(img/step2_li1.png)}
#step2 ul.steps li.two {background-image: url(img/step2_li2.png); cursor:default}
#step2 ul.steps li.three {background-image: url(img/step2_li3.png)}
#step3 ul.steps li.one {background-image: url(img/step3_li1.png)}
#step3 ul.steps li.two {background-image: url(img/step3_li2.png)}
#step3 ul.steps li.three {background-image: url(img/step3_li3.png); cursor:default}

img#drweb, img.btn {cursor: pointer}