﻿/*
		web2proof css, Version 1.25
*/



ol {
	list-style-type: decimal;
	padding: 0 0 0 1.7em;
	margin:0.2em 0 1.4em 0;
}

ol li {
	line-height: 1.25em;
}

ol.intro li{
	color: #000;
}



.loggedin .linke-spalte {
	width: 45%;
}

.loggedin .rechte-spalte {
	width: 45%;
}



.web2proof#teaser  {
	background: #F69600 url(/img/buttons/bg_teaser_web2proof.gif) no-repeat bottom right !important;
	height: 6.5em;
}


.box {
    background: #F9DF7C;
    margin: 0 0 0.8em 0;
    width: 100%;
}

.box h2 {
	color: #000;
	margin: 0 0 0.4em 0;
}


#versandart_form select#proofart{
	width: 200px;
}


#versandart_form select#proofart optgroup{
	margin: 8px 0 0 0;
}

.status-icon{
	float: left;
	padding: 12px;		
}

.status-meldung {
	float: right;
	width: 350px;
	padding: 1.4em 1em 2em 0;
}

.status-meldung ul{
	color: #000;
	background: #fff;
	padding: 10px;
}

.status-meldung h3{
	color: #D52502;
}


.status-meldung li{
	margin: 0 0 1em 0;
	padding: 10px 0;
}



#buttons {
	padding: 2em 0 1em 0;
}


.buttonlinks{
	float: left;
}

.buttonrechts{
	float: right;
}


img.tipp-icon{
	float: right;
	margin: 0 0 8px 8px;
}



.flaechenpreis {
	font-size: 120%;
	color: #000;
	background: #ECF6DF;
	display: block;
	width: 160px;
	padding: 6px 6px 8px 6px !important;
	margin-bottom: 10px !important; 
	text-align: center;
}



/* Bestellung Übersicht */

table.bestellung {
	width: 100%;
    margin: 1em 0 2em 0;
}

table.bestellung th {
	border-bottom: 1px solid;
	border-top: 4px solid;

	padding: 4px 8px;
	font-weight: bold;
	color: #000;
	
}

table.bestellung td {
	border-bottom: 1px solid #ccc;
	padding: 8px;
	line-height: 120%;
	vertical-align: top;
}


table.bestellung tfoot td {
	background: #ECF6DF;
	padding: 8px;
}

table.bestellung tfoot tr.gesamt td {
	background: #8BDC26;
	padding: 8px;
	font-weight: bold;
	color: #000;
	border-bottom: 4px solid #000;
}

td.preis, th.preis {
	text-align: right;
}



input.radio{
	width: auto;
	display: inline;
	vertical-align: middle; 
	*vertical-align: text-bottom; 
	margin: 0 4px 0 0;
	background: none;
	border: none;

}

input.checkbox{
	width: auto;
	display: inline;
	vertical-align: middle; 
	*vertical-align: text-bottom; 
	margin: 0 4px 0 0;
	border: none;
	float: left;

}

#versandart_form label, #zahlungsart_form label{
	width: auto;
	display: inline;
	float: none;
	color: #4B4B4B;

}

#agb_form p{
	padding-left: 25px;
}
#versandart_form label{

}



#versandart_form .radio{
	float: left;
	

}

#versandart_form .adressblock{
	float: left;
	width: 400px;
}

#versandart_form hr, #zahlungsart_form hr {

	background-color:#ccc !important;
	color:#ccc !important; 
	border: #ccc !important; 
	height: 1px !important; 
	margin: 0.8em 0 0.8em 0 !important;
	display: block;

		text-align: left;
}



/* Zahlungssachen */




#zahlungsart_form input.radio{
	margin: 0 !important;

}





.kartennummer {
	width: 220px;
	float: left;
}



.gueltigbis{
	width: 220px;
	float: left;
}

select {
	background:#EBEEEC;
	border: 1px solid #C6C9C8;
	padding: 4px;
	margin: 3px 0;
}

select:focus {
	background:#FFEDA9;
	border: 1px solid #F6D968;
}


.wichtig {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 1em !important;
	font-weight: bold;
	color: #000;
}

.input-error {
	color: #fff;	
	background: #DA2A08;
	border: #661D0F 1px solid;
}

.input-error:focus {
	color: #fff;	
	background: #EF4524;
	border: #661D0F 1px solid;
}


/*Thickbox*/

#workarea a.thumb, a.thickbox {
	padding: 0px;
	margin: 0;
	background-color: #fff;
	display: inline;
}

/* Hilfe Seiten */


html.hilfe {
    background: #fff !important;
}


html.hilfe body {
	padding: 1em;
    background: #fff !important;

}

#hilfe-content ul {
	list-style: square;
	padding: 0 0 0 1.7em;
	margin:0.2em 0 1.4em 0;
}

#hilfe-content li {
	line-height: 1.25em;
}

#hilfe-content p {
	padding: 0 0 1em 0;
	line-height: 1.25em;
}


/* Upload Sachen */


.loggedin #inhalt {
	width: 940px;
}

.loggedin #workarea {
	width: 500px;
	float: left;
}

.loggedin #tipps {
	width: 260px;
	float: right;
	padding: 0 80px 0 0;
	margin: 4.4em 0 0 0;
}

.loggedin #tipps p {
	font-size: 90%;
	padding: 0 0 1.4em 0;	
	
}


#upload_box {
	padding: 0px;
	margin: 0 0 2em 0;
	
	font-size: 130%;
}


/* Upload Sache */

#myUploadForm label {
	width: 300px;
	float: none;
	margin: 1em 0 0.5em 0;
}


#myUploadForm .uploadform {
	width: 300px;
	background:#EBEEEC;
	border: 1px solid #C6C9C8;
	padding: 4px;
	margin: 0px 0;
}

#myUploadForm ol {
	list-style:none;
	padding: 0;
	margin: 0;
}


#myUploadForm fieldset {
	margin: 0 0 1.5em 0;
}


.a_form fieldset {
	padding: 2px;
	margin: 0;
	width: 500px;
}


.upload-form {
    background: #F9DF7C;
    margin: 0 0 0.8em 0;
    padding: 8px 0;
	border: 0px solid;
    width: 510px;
}



/*
input#example1, #jqUploader label {
	display:none !important;
}
*/
/*

input.uploadbuttons {
	background:none;
	display: inline;
	border: 0px;
	width: auto;
	margin: 1em 1em 0 0;
	padding:0;
}

.uploadstatus {
    background: #FFEDAA url(/img/buttons/bg_upload.gif) repeat-x left bottom;
    margin: 0 0 1.2em 0;
    padding: 20px 20px 30px 20px;
    width: 450px;

}


.upload-form {
    background: #FFEDAA url(/img/buttons/bg_upload.gif) repeat-x left bottom;
    margin: 0 0 0.8em 0;
    padding: 20px 20px 30px 20px;
	border: 0px solid;
    width: 450px;
}

.upload-form p {
	color: #000;
	padding: 0.8em;
}

.filesache {
	display: block;
	width: auto;
	background:#ffffff;
}

.upload-msg {
    margin: 0.5em 0 1em 0;
    width: 400px;
	font-weight: bold;	
}



label.username input, label.passwort input {
	display: block;
	width: 180px;
	background:#EBEEEC;
	border: 1px solid #C6C9C8;
	padding: 2px;
	margin: 1px 0;
	
}

form#login input:focus {
	background:#FFEDA9;
	border: 1px solid #F6D968;
}


*/

label.vorname input,
label.nachname input,
label.email input,
label.telefon input,
label.fax input,
label.anfrage textarea,
{
	display: block;
	width: 200px;
	background:#FFEDA9;
	border: 1px solid #F6D968;
	padding: 2px;
	margin: 2px 0;
	
}

label.plz, label.ort {
	float: left;	
}

label.plz {
	width: 75px;	
}

label.ort {
	width: 100px;	
}



input#plz {
	width: 50px;	
}

input#ort {
	width: 100px;	
}





.fehler {
	background: #FF66BF;
	padding: 0.8em;
	color: #ffffff;
	font-weight: bold;
}

