/*
body {
	margin:0;
	padding:25px;
	font:14px Arial, Verdana, sans-serif;
	color:#040404;
	background:#ddd;
}


*/
td, p {
	font:14px Arial, Verdana, sans-serif;
	line-height:1.5em;
}

h1, h2{
	margin:0 0 10px 0;
	padding:0;
	font-family:Arial, Verdana, sans-serif;
}

h1 {
	color:#040404;
	font-size:24px;	
}

h2 {
	color:#040404;
	font-size:16px;
	font-weight:bold;
}

form, p, ul, li {
	margin:0;
	padding:0;
}

a {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #a1368a;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #a1368a;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	color: #a1368a;
}

input, select, textarea {
	background:#fff;
	border:1px solid #777;
	padding:3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	/*behavior:url("css/PIE.htc");*/
}

input:hover, select:hover, textarea:hover {
	border:1px solid #a1368a;
}

input:focus, select:focus, textarea:focus {
	border:1px solid #a1368a;
	background:#fff;
}

label, .button, .klickbar {
	cursor:pointer;
}

.button {
	background:#fff;
	color:#040404;	
	font-weight:bold;
	border:1px solid #ccc;
}

.button:hover {
	background:#a1368a;
	background:-moz-linear-gradient(90deg,#a1368a 20%,#cb90be 60%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.2,#a1368a),color-stop(0.6,#cb90be));
	background:-o-linear-gradient(90deg,#a1368a 20%,#cb90be 60%);
	background:linear-gradient(90deg,#a1368a 20%,#cb90be 60%);
	-pie-background:linear-gradient(90deg,#a1368a 20%,#cb90be 60%);	
	/*behavior:url("css/PIE.htc");*/	
	color:#fff;	
	border:1px solid #aaa;
}

.clear {
	clear:both;
}

.fett {
	font-weight:bold;
}

.kursiv {
	font-style:italic;
}

#fehler {
	border:1px solid #D00;
	background:#fff;
	padding:25px;	
}

.fehlertext {
	color:#D00;
	font-size:12px;	
}

#debug {
	border:1px solid #090;
	background:#fff;
	padding:20px;
	font-size:10px;
	color:#090;	
	margin-bottom:25px;
}

.ecken_rund {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	/*behavior:url("css/PIE.htc");*/
}

.verlauf1 {
	background: #ddd;
	background:-moz-linear-gradient(-45deg,#ddd,#fff);
	background:-webkit-gradient(linear,0% 0%,100% 100%,color-stop(0,#ddd),color-stop(1,#fff));
	background:-o-linear-gradient(-45deg,#ddd,#fff);
	background:linear-gradient(-45deg,#ddd,#fff);
	-pie-background:linear-gradient(-45deg,#ddd,#fff);	
	/*behavior:url("css/PIE.htc");*/
}

.shadow {
	-moz-box-shadow:2px 2px 2px 2px #dedede;
	-webkit-box-shadow:2px 2px 2px 2px #dedede;
	box-shadow:2px 2px 2px 2px #dedede;	
}

#auswahl_kunde .box {
	margin: 50px 0 0 0;
	padding: 25px;
	/*height: 250px;*/
	width: 350px;
	border: 1px solid #ccc;
}

#auswahl_kunde #box_kunde {
		float:left;
}

#auswahl_kunde #box_neukunde {
		float:right;
}

#table_login {
	width:100%;
	border:0;
	padding:5px;
}

#table_login input.text {
	width:100%;
}

#schritt {
	position:absolute;
	right:25px;
	width:200px;
	font-weight:bold;
	color: #a1368a;
}

#statusbalken {
	width:100%;
	padding:0;
	border:1px solid #ccc;
}

#statusbalken td {
	height:10px;
	background:#fff;
}

#statusbalken .done {
	background:#a1368a;	
}

#statusbalken .active {
	background:#a1368a;
	background:-moz-linear-gradient(0deg,#a1368a,#fff);
	background:-webkit-gradient(linear,0% 0%,100% 0%,color-stop(0,#a1368a),color-stop(1,#fff));
	background:-o-linear-gradient(0deg,#a1368a,#fff);
	background:linear-gradient(0deg,#a1368a,#fff);
	-pie-background:linear-gradient(0deg,#a1368a,#fff);	
	/*behavior:url("css/PIE.htc");*/	
}

#produktliste {

	margin: 25px 0 0 0;
	padding: 0;
	overflow:auto;
	/*background:#fc0;*/
}

.produkt_kategorie {
	margin-bottom: 25px;
	background:#fff;
	padding:25px;
	border:1px solid #ccc;
}

.produkt_kategorie .kategorie_name {
	font-size:20px;
	font-weight:bold;
	margin-bottom: 10px;
}

.produkt {
	padding:10px;
	border:1px solid #aaa;
	margin-bottom:20px;
	background:#fff;
	background:-moz-linear-gradient(90deg,#f4f4f4 20%,#fff 60%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.2,#f4f4f4),color-stop(0.6,#fff));
	background:-o-linear-gradient(90deg,#f4f4f4 20%,#fff 60%);
	background:linear-gradient(90deg,#f4f4f4 20%,#fff 60%);
	-pie-background:linear-gradient(90deg,#f4f4f4 20%,#fff 60%);	
	/*behavior:url("css/PIE.htc");*/
}

.beschreibung {
	width:100%;
	border:0;
	padding:0;	
	font-size:12px;
}

.detailbeschreibung {
	color:#333;
	border:1px solid #ccc;
	background:rgba(255,255,255,0.9);
	padding:5px;
	margin-top:25px;
}

.detailbeschreibung ul {
	padding-left:20px;
}

.preis {
	width:150px;
	text-align:right;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
}

.preis .zusatz {
	font-size:11px;
	line-height:11px;
	font-weight:normal;
}

.check {
	width:50px;
	text-align:center;
	vertical-align:middle;
}

.check input {
	cursor:pointer;
}

#navigation {
	margin-top: 25px;
	margin-bottom: 50px;
}

#btn_weiter {
	float:right;
	width:150px;
}

#btn_zurueck {
	float:left;	
	width:150px;
}

.pflichtfeldtext {
	font-size:12px;
}

.btn_gruen {
	background:#d0fac7;
	background:-moz-linear-gradient(270deg,#d0fac7 20%,#abeb9b 60%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.2,#d0fac7),color-stop(0.6,#abeb9b));
	background:-o-linear-gradient(270deg,#d0fac7 20%,#abeb9b 60%);
	background:linear-gradient(270deg,#d0fac7 20%,#abeb9b 60%);
	-pie-background:linear-gradient(270deg,#d0fac7 20%,#abeb9b 60%);	
	/*behavior:url("css/PIE.htc");*/	
}

.btn_breit {
	width:250px;
}

.ausgewaehlt {
	background:#d9ffa0;
	background:-moz-linear-gradient(270deg,#d0fac7 20%,#abeb9b 60%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.2,#d0fac7),color-stop(0.6,#abeb9b));
	background:-o-linear-gradient(270deg,#d0fac7 20%,#abeb9b 60%);
	background:linear-gradient(270deg,#d0fac7 20%,#abeb9b 60%);
	-pie-background:linear-gradient(270deg,#d0fac7 20%,#abeb9b 60%);	
	/*behavior:url("css/PIE.htc");*/		
}

.enthalten {
	background:#cde6f4;
	background:-moz-linear-gradient(270deg,#e3f0f7 20%,#c3dbe9 60%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.2,#e3f0f7),color-stop(0.6,#c3dbe9));
	background:-o-linear-gradient(270deg,#e3f0f7 20%,#c3dbe9 60%);
	background:linear-gradient(270deg,#e3f0f7 20%,#c3dbe9 60%);
	-pie-background:linear-gradient(270deg,#e3f0f7 20%,#c3dbe9 60%);	
	/*behavior:url("css/PIE.htc");*/		
}

.gekauft {
	background:#fbf1c6;
	background:-moz-linear-gradient(270deg,#fbf1c6 20%,#eddc99 60%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.2,#fbf1c6),color-stop(0.6,#eddc99));
	background:-o-linear-gradient(270deg,#fbf1c6 20%,#eddc99 60%);
	background:linear-gradient(270deg,#fbf1c6 20%,#eddc99 60%);
	-pie-background:linear-gradient(270deg,#fbf1c6 20%,#eddc99 60%);	
	/*behavior:url("css/PIE.htc");*/	
}

#btn_loeschen {
	
}

.loeschen {
	background:#b72121;
	background:-moz-linear-gradient(90deg,#b72121 20%,#ed494a 60%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.2,#b72121),color-stop(0.6,#ed494a));
	background:-o-linear-gradient(90deg,#b72121 20%,#ed494a 60%);
	background:linear-gradient(90deg,#b72121 20%,#ed494a 60%);
	-pie-background:linear-gradient(90deg,#b72121 20%,#ed494a 60%);	
	/*behavior:url("css/PIE.htc");*/		
}

#gesamtpreis {
	width:100%;	
}

#gesamtpreis .preis {
	font-size: 18px;
	color:#a1368a;
}

#kundendaten {
	width:100%;
}

#kd_daten .label, #kd_passwort .label {
	padding:5px;
	width: 160px;
	background:#eee;	
}

#kd_daten .input, #kd_passwort .input {
	padding:5px;
	width:200px;
	background:#eee;
}

#domaincheck .label {
	padding:5px;
	width: 60px;
	background:#eee;	
}

#domaincheck .input {
	padding:5px;
	width:250px;
	background:#eee;
}

#domaincheck .input input {
	width:100%;
}

#domaincheck .response {
	font-size:12px;	
}


.template_preview {
	height:200px;
	width:200px;
	float:left;
	text-align:center;
	border:1px solid #ccc;
	padding:25px;	
	margin:12px 30px 12px 10px;
}

.template_preview .template_name {
	font-weight:bold;
	margin-bottom:5px;
}

.template_preview img {
	margin-bottom:10px;
	border:1px solid #ccc;
}


.bestelluebersicht_template {
	text-align:center;
	border:1px solid #ccc;
	padding:5px;	
	margin:9px;	
}
.bestelluebersicht_template img {
	margin-bottom:10px;
	border:1px solid #ccc;
}




/* ---------scrollable */
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 100%;;
	height:590px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

.scrollable .scrollseite {
	width:880px;
}

.scrollable .seitenzahl {
	color:#aaa;
	font-size:18px;
	height:32px;
	line-height:32px;
	margin-left:100px;
	z-index:1;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}

a.browse {
	display:block;
	width:50px;
	height:32px;
	cursor:pointer;
	font-size:1px;
	position:absolute;
	top:0px;	
	z-index:99;	
	border:1px solid #ccc;
	background:#fff;
}

a.browse:hover, a.browse:hover {
	border:1px solid #d9ffa0;
}

#btn_template_seite_vor { 
	background:url(../images/ico_next.png) center center no-repeat;
	right:10px;
}

#btn_template_seite_vor:hover { 
	background:url(../images/ico_next_hover.png) center center no-repeat;
}

#btn_template_seite_zurueck { 
	background:url(../images/ico_prev.png) center center no-repeat;
	left:10px;
}

#btn_template_seite_zurueck:hover { 
	background:url(../images/ico_prev_hover.png) center center no-repeat;
}

#farbpicker {
	float:left;	
	width:510px;
	height:200px;
	float:left;
	text-align:center;
	border:1px solid #ccc;
	padding:25px;	
	margin:9px;
}

#colorSelector {
	position: relative;
	width: 100%;
	height: 50px;
	border:1px solid #ccc;
	padding:2px;
	cursor:pointer;
	/*background: url(../images/colorpicker/select.png);*/
}
#colorSelector div {
	width: 100%;
	height: 100%;
	/*background: url(../images/colorpicker/select.png) center;*/
}

#hexcode {
	margin-top:25px;
	width: 470px;	
}

#hexcode input {
	width:300px;
	background:#fff;
	border:2px solid #ccc;
	font-size:24px;
	text-align:center;
}

#farbicon {
	width:75px;
	height: 10px;
	border:1px solid #ccc;
	display:inline-block;
	text-align:center;
}


/* Kundencenter */
.kunde_cmspakete, .kunde_bestellungen, .kunde_daten {
	width:100%;
	padding: 5px;
	border:1px solid #aaa;
}

.kunde_cmspakete td, .kunde_cmspakete th, .kunde_bestellungen td, .kunde_bestellungen th, .kunde_daten td, .kunde_daten th  {
	font-size:12px;
	border-bottom:1px solid #ccc;
	padding-bottom:3px;
}

.kunde_cmspakete th, .kunde_bestellungen th, .kunde_daten th  {
	background:#efefef;
	background:-moz-linear-gradient(90deg,#efefef 20%,#fff 60%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.2,#efefef),color-stop(0.6,#fff));
	background:-o-linear-gradient(90deg,#efefef 20%,#fff 60%);
	background:linear-gradient(90deg,#efefef 20%,#fff 60%);
	-pie-background:linear-gradient(90deg,#efefef 20%,#fff 60%);
	border-bottom:1px solid #aaa;
}

.kunde_cmspakete a, .kunde_bestellungen a {
	font-size:12px;	
	text-decoration:none;
	color:#040404;
	cursor:pointer;	
}

#bestellungen_legende {
	font-size: 12px;	
}

.kunde_hinweis {
	color:#39C;	
}



.tooltip {
	display:none;
	background:#fbf1c6;
	background:-moz-linear-gradient(270deg,#fbf1c6 20%,#eddc99 60%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.2,#fbf1c6),color-stop(0.6,#eddc99));
	background:-o-linear-gradient(270deg,#fbf1c6 20%,#eddc99 60%);
	background:linear-gradient(270deg,#fbf1c6 20%,#eddc99 60%);
	-pie-background:linear-gradient(270deg,#fbf1c6 20%,#eddc99 60%);	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:2px 2px 2px 2px #dedede;
	-webkit-box-shadow:2px 2px 2px 2px #dedede;
	box-shadow:2px 2px 2px 2px #dedede;		
	/*behavior:url("css/PIE.htc");*/	
	font-size:12px;
	width:300px;
	padding:10px;
	color:#040404;	
	cursor:pointer;
}