div.details {
	clear: left;
	margin-bottom: .25em;
	min-height: 14px;
}

div.details2 {
	clear: left;
	margin-bottom: 1em;
	min-height: 14px;
}

div.details3 {
	clear: left;
	margin-bottom: 1.5em;
	min-height: 14px;
}
	.bordertop {
		border-top: 1px #515151 solid;
	}

div.details-kundendaten {
	clear: left;
	margin-bottom: .75em;
	min-height: 14px;
}

div.details-kundendaten1 {
	clear: left;
	margin: -.5em 0 .75em 0;
	min-height: 14px;
}

div.details label, div.details2 label, div.details3 label, div.details-kundendaten label, div.details-kundendaten1 label {
	display: block;
	float: left;
	width: 150px;
	margin: 0;
}

label.required {
	font-weight: bold;
}

form label, label.form {
	cursor: pointer;
}

form div.form  {
	clear: left;
	margin-bottom: .25em;
}

form div.form2 {
	clear: left;
	margin-bottom: 1em;
}

form div.form3 {
	clear: left;
	margin-bottom: 1.5em;
}

form div.form_wymeditor {
	clear: left;
	margin-bottom: 20px;
}

form div.form label, form div.form2 label, form div.form3 label, form div.form-wurst label {
	display: block;
	float: left;
	width: 150px;
	font-size: 1em;
	padding-top: .3em;
	margin-bottom: .1em;
	cursor: pointer;
}

div.form-schonkunde label {
	display: block;
	float: left;
	width: 150px;
	font-weight: bold;
	font-size: 1em;
	padding-top: .3em;
	margin-bottom: .1em;
	cursor: pointer;
}

form {
	margin-bottom: 1em;
}

form.login {
	margin: 0;
}

/* ----- Buttons ----- */
button.reload-datencheck {
	background: url(/images/icons/16/ico-refresh16.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	position: relative;
	left: 1.5em;
	cursor: pointer;
}

div.calc-mysp {
	text-align: right;
	margin-bottom: .5em;
	height: 30px;
}

button.my_calc {
	display: none;
}

button.myspeicherpacket, button.order-domain {
	font: 1em Arial, Helvetica, sans-serif;
	color: #515151;
	font-weight: bold;
	width: 250px;
	border: 1px solid #a8a8a8;
	border-radius: 3px;
	padding: .25em;
	background:  #f6f6f6;
	background: -moz-linear-gradient(top, #f6f6f6, #ededed);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#ededed)); /* Safari 4+, Chrome 1+ */
	background: -webkit-linear-gradient(#f6f6f6, #ededed);
	background: -o-linear-gradient(#f6f6f6, #ededed);
	cursor: pointer;
	box-shadow: 0px 0px 2px #a8a8a8;
}

	button.myspeicherpacket:hover, button.order-domain:hover {
		border: 1px #9c3 solid;
		box-shadow: 0px 0px 2px #9c3;
	}
	
	button.myspeicherpacket:active, button.order-domain:active {
		border: 1px #9c3 solid;
		background: -moz-linear-gradient(top, #ededed, #f6f6f6);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#f6f6f6)); /* Safari 4+, Chrome 1+ */
		background: -webkit-linear-gradient(#ededed, #f6f6f6);
		background: -o-linear-gradient(#ededed, #f6f6f6);
		box-shadow: 0px 0px 1px #9c3;
	}

button.forward, 
button.forward-kundenlogin-order,
button.forward-order,
button.forward-order-whois,   
button.back, 
button.back-kundenlogin-order,
button.back-order, 
button.info,
button.login,  
button.order,
button.order-wurst, 
button.submit,
button.send,
button.confmysp,
button.submit-order,  
button.submit-whoisinc, 
button.order-whois, 
button.back-whois, 
button.yes, 
button.no, 
button.save {
	width: 100px;
	height: 25px;
	cursor: pointer;
	box-shadow: 0px 0px 2px #515151;
	border-radius: 4px;
}
	
button.forward, button.forward-kundenlogin-order, button.forward-order, button.forward-order-whois {
	background: url(/images/buttons/btn-forward.png) no-repeat;
}

button.forward-kundenlogin-order, button.forward-order, button.order-wurst {
	position: relative;
	left: 110px;
}

button.forward-order-whois {
	float: right;
}
	
	button.forward:active, button.forward-kundenlogin-order:active, button.forward-order:active, button.forward-order-whois:active {
		background-position: 0 -25px;
	}

button.back-kundenlogin-order, button.back-order {
	position: relative;
	left: -105px;
}

button.back-whois {
	float: left;
}

button.back, button.back-kundenlogin-order, button.back-whois, button.back-order {
	background: url(/images/buttons/btn-back.png) no-repeat;
}
	
	button.back:active, button.back-kundenlogin-order:active, button.back-whois:active, button.back-order:active {
		background-position: 0 -25px;
	}
	
button.confmysp {
	background: url(/images/buttons/btn-confmysp.png) no-repeat;
	width: 250px;
}	
	button.confmysp:active {
		background-position: 0 -25px;
	}
	
button.save {
	background: url(/images/buttons/btn-save.png) no-repeat;
}	
	button.save:active {
		background-position: 0 -25px;
	}
	
button.send {
	background: url(/images/buttons/btn-send.png) no-repeat;
}	
	button.send:active {
		background-position: 0 -25px;
	}
	
button.info {
	background: url(/images/buttons/btn-info.png) no-repeat;
}
	
	button.info:active {
		background-position: 0 -25px;
	}
	
button.login {
	background: url(/images/buttons/btn-login.png) no-repeat;
}
	
	button.login:active {
		background-position: 0 -25px;
	}

button.order, button.order-whois, button.order-wurst {
	background: url(/images/buttons/btn-order.png) no-repeat;
}	
	button.order:active, button.order-whois:active, button.order-wurst:active {
		background-position: 0 -25px;
	}

button.order-whois {
	float: right;
}
	
button.submit {
	background: url(/images/buttons/btn-submit.png) no-repeat;
}
	
	button.submit:active {
		background-position: 0 -25px;
	}
	
button.submit-whoisinc {
	background: url(/images/buttons/btn-submit-n.png) no-repeat 0 0;
}
	
	button.submit-whoisinc:active {
		background: url(/images/buttons/btn-submit-a.png) no-repeat 0 0;
	}
	
button.yes {
	background: url(/images/buttons/btn-yes.png) no-repeat;
	float: left;
	margin-left: .5em;
}
	
	button.yes:active {
		background-position: 0 -25px;
	}
	
button.no {
	background: url(/images/buttons/btn-no.png) no-repeat;
	float: left;
}
	
	button.no:active {
		background-position: 0 -25px;
	}
	
button#whoisButton {
		display: inline-block;
		width: 100px;
		height: 25px;
	}
		
	span#loadingWhois {
		width: 100px;
		height: 25px;
		display: inline-block;
		font-size: .9em;
		font-weight: bold;
		color: #515151;
		padding-left: 22px;
		margin-left: .5em;
		background: url(/images/icons/loading-status.gif) no-repeat 0 0;
		display: none;
	}
	
button#loadingButton {
		display: inline-block;
		width: 100px;
		height: 25px;
	}
		
	span#loadingImage {
		width: 100px;
		height: 25px;
		display: inline-block;
		font-size: .9em;
		font-weight: bold;
		color: #515151;
		padding-left: 22px;
		margin-left: .5em;
		background: url(/images/icons/loading-status.gif) no-repeat 0 0;
		display: none;
	}
	
.floatRight {
	float: right;
}
	
input, select, textarea {
	outline: none;
}

input, input.form1, input.form2 {
	font: 1em Arial, Helvetica, sans-serif;
	color: #515151;
	font-weight: normal;
	width: 250px;
	border: 1px solid #a8a8a8;
	border-radius: 4px;
	padding: .25em;
	background: #f6f6f6;
	background: -moz-linear-gradient(top, #f6f6f6, #ededed);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#ededed)); /* Safari 4+, Chrome 1+ */
	background: -webkit-linear-gradient(#f6f6f6, #ededed);
	background: -o-linear-gradient(#f6f6f6, #ededed);
}
	
	input:focus, input.form1:focus, input.form2:focus {
		border: 1px #9c3 solid;
		color: #232323;
		background: -moz-linear-gradient(top, #ededed, #f6f6f6);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#f6f6f6)); /* Safari 4+, Chrome 1+ */
		background: -webkit-linear-gradient(#ededed, #f6f6f6);
		background: -o-linear-gradient(#ededed, #f6f6f6);
		box-shadow: 0px 0px 2px #9c3;
	}
	
input.form1 {
	width: 194px;
}

input.form2 {
	width: 42px;
}

.pixelRight {
	margin-right: 1px;
}

select {
	font: 1em Arial, Helvetica, sans-serif;
	color: #515151;
	font-weight: normal;
	width: 120px;
	border: 1px solid #a8a8a8;
	border-radius: 4px;
	padding: .25em;
	background: #f6f6f6;
	background: -moz-linear-gradient(top, #f6f6f6, #ededed);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#ededed)); /* Safari 4+, Chrome 1+ */
	background: -webkit-linear-gradient(#f6f6f6, #ededed);
	background: -o-linear-gradient(#f6f6f6, #ededed);
	cursor: pointer;
}
	select:focus {
		border: 1px #9c3 solid;
		background-position: 0 -31px;
		color: #232323;
		background: -moz-linear-gradient(top, #ededed, #f6f6f6);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#f6f6f6)); /* Safari 4+, Chrome 1+ */
		background: -webkit-linear-gradient(#ededed, #f6f6f6);
		background: -o-linear-gradient(#ededed, #f6f6f6);
		box-shadow: 0px 0px 2px #9c3;
	}

input.submit {
	width: 120px;
	margin: 0;
	cursor: pointer;
	background: url(/images/bg-form-n.png) repeat-x #f2f2f2;
}
	input.submit:hover {
		border: 1px #99cc33 solid;
	}
	
	input.submit:active {
		border: 1px #99cc33 solid;
		background: url(/images/bg-form-a.png) repeat-x #f2f2f2;
	}
	
form.whois {
	margin: 0;
	display: block;
}
	
	form.whois input {
		width: 250px;
	}
	
	form.whois select {
		width: 100px;
	}
	
	form.whois p {
		margin: 0 0 .5em 0;
	}
	
form.tarifvergleich {
	text-align: center;
	display: block;
	margin: -15px 0 5px 0;
}
	form.tarifvergleich input.submit {
		width: 100px;
	}

form.spinc {
	margin: auto;
	text-align: center;
	display: block;
}

form.bestellen {
	float: right;
	text-align: right;
	display: block;
	margin: -15px 0 5px 0;
}

form.order {
	text-align: right;
	display: block;
}

input.error, input.error1, input.error2 {
	width: 250px;
	border: 1px solid #f00;
	box-shadow: 0px 0px 2px #f00;
	
}

input.error1 {
	width: 194px;
}

input.error2 {
	width: 42px;
}

input.order1 {		
	width: 194px;
}

input.order2 {		
	width: 42px;
}

select.order {
	width: 120px;
}

select.error {
	width: 120px;
	border: 1px solid #f00;
	box-shadow: 0px 0px 2px #f00;
}

form.myspeicherpacket {
	margin-bottom: 1em;
}
	
form.myspeicherpacket select {
	padding: .05em .25em;
}

input.checkbox {
	border: 0;
	width: 15px;
	background: none;
	background-color: #fff;
}

input.radio {
	border: 0;
	width: 15px;
	background: none;
	cursor: pointer;
}

input.whois-radio {
	border: 0;
	width: 15px;
	background: none;
	background-color: #f5f5f5;
	cursor: pointer;
}

textarea {
	font: 1em Arial, Helvetica, sans-serif;
	color: #515151;
	font-weight: normal;
	width: 250px;
	border: 1px solid #a8a8a8;
	border-radius: 4px;
	padding: .25em;
	background: #f6f6f6;
	background: -moz-linear-gradient(top, #f6f6f6, #ededed);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#ededed)); /* Safari 4+, Chrome 1+ */
	background: -webkit-linear-gradient(#f6f6f6, #ededed);
	background: -o-linear-gradient(#f6f6f6, #ededed);
}
	textarea:focus {
		border: 1px #9c3 solid;
		color: #232323;
		background: -moz-linear-gradient(top, #ededed, #f6f6f6);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#f6f6f6)); /* Safari 4+, Chrome 1+ */
		background: -webkit-linear-gradient(#ededed, #f6f6f6);
		background: -o-linear-gradient(#ededed, #f6f6f6);
		box-shadow: 0px 0px 2px #9c3;
	}

textarea.error {
	font: 1em Arial, Helvetica, sans-serif;
	color: #515151;
	font-weight: normal;
	width: 250px;
	border-radius: 4px;
	padding: .25em;
	border: 1px solid #f00;
	box-shadow: 0px 0px 2px #f00;
}
