@charset "UTF-8";
/* General CSS */

/* HTML Elemente */
html { }
body  { 
	
	margin: 0; 
	padding: 0; 
	font: 12px/16px Arial,Helvetica,sans-serif; 
	color: #666;
}

body.print { padding: 10px; background: #fff }

body.leer { padding: 10px }

a       { text-decoration: underline; outline: none }
a:hover { text-decoration: underline;  }

h1,h2,h3,h4,h5,h6 { margin: 0; font-weight: bold  }
h1 *,h2 *,h3 *,h4 *,h5 *,h6 * {  }

h1 { 
	font-size: 30px; 
	font-weight: normal;
	margin-bottom: 15px;
	padding-bottom: 20px;
	line-height: 33px!important
}
	h1 * { line-height: 33px!important }
h2 { 
	font-size: 25px; 
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 28px!important; 
	
}
	h2 * { line-height: 28px!important }

h3 { font-size: 18px; font-weight: normal; margin-bottom: 10px; line-height: 23px!important; }
h4 { font-size: 14px; margin-bottom: 10px }
h5 { font-size: 12px }
h6 { font-size: 12px } 

p { line-height: 1.3em; padding: 0 0 1.5em 0; }
p * { line-height: 1.3em }

ul { }
ol { }

/* Allgemeine Klassen für alle Module */
big      { font-size: 13px }
small    { font-size: 9px }
sup, sub { font-size: 9px }

hr { height: 1px; border: 0 }

.err { color: red }
.success { color: green }

a img { border: 0px }

fieldset {  }
fieldset legend { 
	
}

/* Abstand unten */
.space { margin-bottom: 5px }

/* Formulare */
input.text, textarea { 
	border: 1px solid; 
	padding: 2px;
	margin-bottom: 15px;
	font: 12px Arial,Verdana,Helvetica,sans-serif;
}

input.submit { 
	border: 0px; 
	padding: 1px 0 1px 20px;
	margin-left: 10px;
	cursor: pointer;
	font-weight: bold;
	text-align: left;
	cursor:pointer;
}


/* Buttons */
a.button {
	padding-left: 22px;
	cursor: pointer;
	display: block;
	text-decoration: underline;
	cursor:pointer;
}

a.download { }



/* Allgemeines CSS f�r alle Module */
.l { text-align: left!important }
.r { text-align: right!important }
.c { text-align: center!important }

.lfloat { float: left }
.rfloat { float: right }
.clear { clear: both }

br.break { 
	line-height: 0!important; 
	clear: both; 
	font-size: 0; 
	height: 0; 
	overflow: hidden 
}

.bold * { font-weight: bold!important }
.normal { font-weight: normal }

.redbold {font-weight: bold; color:red}

.hideme { display: none }

.no_results { font-weight: bold }

.block { display: block }
.inline { display: inline }

.nopadding { padding:0!important }
.nomargin { margin:0!important }

.italic { font-style: italic }
/* border */
.border { 
	border: 1px solid #999; 
	padding: 5px; 
	margin-bottom: 5px 
}

/* Pager */
ul.pager {}
	ul.pager li { 
		width: 33.3%; 
		float: left; 
		padding-bottom: .5em;
		margin-bottom: .5em
	}

/* Linkstyles */
a.previous {
	padding-left: 20px
}

a.next {
	padding-right: 20px
}

a.arrow {
	padding-left: 16px
}


/* Tablestyles */
table.list { border-top: 1px solid #222; }
	table.list th { font-weight: bold }
	table.list tr:hover td { background: #222 }
	table.list th, table.list td {
		border-bottom: 1px solid #222;
		padding: .5em
	}
	
input.textfield {
	border:1px solid;
	border-color:#969696 #ccc #ccc #969696;
	height:18px;
}

input[type='text'] {
	border:1px solid;
	border-color:#969696 #ccc #ccc #969696;
}

textarea {
	border:1px solid;
	border-color:#969696 #ccc #ccc #969696;
}

input[type='submit'] {
	text-align:center;
	color:#fff;
	background:#386A9D;
	border:1px solid;
	border-color:#A7BDDF #496797 #496797 #A7BDDF;
	font-size:11px;
	padding:3px;
	font-weight:bold;
	letter-spacing:1px;
	height:22px;
	cursor:pointer;
}

input.button {
	text-align:center;
	color:#fff;
	background:#386A9D;
	border:1px solid;
	border-color:#A7BDDF #496797 #496797 #A7BDDF;
	font-size:11px;
	padding:3px;
	font-weight:bold;
	letter-spacing:1px;
	height:22px;
	cursor:pointer;
}

button.button {
	text-align:center;
	color:#fff;
	background:#386A9D;
	border:1px solid;
	border-color:#A7BDDF #496797 #496797 #A7BDDF;
	font-size:11px;
	padding:3px;
	font-weight:bold;
	letter-spacing:1px;
	height:22px;
	cursor:pointer;
}

.oldprice {
	font-size:12px;
	text-decoration:line-through;
	font-weight: bold;
	color:#000;
}

.newprice {
	color:#900;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
}

.tablepadding td
{
	padding: 4px;
}

.doubletablepadding td
{
	padding: 6px;
}

.tablenopadding td {
	padding:0!important;
}

.tablenocollapse table {
	border-collapse:separate;
}

table.smallspacing{
	border-collapse:collapse;
}

	table.smallspacing td
	{
		border:1px solid #fff;
	}

table.otherproducts_table_padding td
{
	padding-left: 12px!important;
	padding-right: 10px!important;
	padding-top: 0px!important;
	padding-bottom: 6px!important;
}



/* This set of following 4 css are used to build a (rounded/edgy) box with blue header */
div.bluebox {
	width:580px;
	border:1px solid #ABD5FF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height:100px;
}
span.bluebox_content {
	border:1px solid #ccc;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	display:block;
	width:570px;
	padding:5px;
	color:#999;
	background:#fff;
	margin-left:-1px;
	height:64px;
}

span.bluebox_header {
	display:block;
	width:568px;
	height:13px;				
	border-bottom:0;
	padding:5px;
	background:#BFE1FC;
	border:1px solid #DAEDFC;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	color:#336699;
	font-weight:bold;
}
table.bluebox2 {
	margin-top: 0px;
	margin-bottom: 10px;
	overflow: hidden;
}

div.blueboxHead {
	background-image:url('../img/universal/green_gradient.png');
	background-repeat:repeat-x;
	
	border: 1px solid #5C9BCA;
	border-bottom: 0px solid #ccc;
	color: #000000;
	height: 32px;
}


p.blueboxLabel {
	padding-bottom: 1px;
	color: #000000;
	font-size: small;
	margin-left: 15px;	
}


p.blueboxLabelBig {
	padding-top: 1px;
	color: #000000;
	font-weight: bold;	
	font-size: large;
	margin-left: 15px;			
}

div.blueboxHeadR {
	background-image:url('../img/universal/green_gradient.png');
	background-repeat:repeat-x;
	
	border: 1px solid #5C9BCA;
	border-bottom: 0px solid #ccc;

	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;

	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	
	color: #000000;
	height: 32px;
}

p.blueboxHead {
	margin-top: 9px;
	margin-left: 10px;
	margin-right: 10px;	
	font-weight: bold;	
}

div.blueboxContent {
	border: 1px solid #aaa;
	background: #ffffff;
}

div.blueboxContentR {
	border: 1px solid #aaa;
	background: #ffffff;
	
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;

	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}

div.blueboxFoot {
	border: 1px solid #5C9BCA;
	border-top: 0px solid #ccc;

	color: #000000;
	background: #E4E8EE;
	min-height: 48px;
	padding-bottom: 1px;
}

div.blueboxFootR {
	border: 1px solid #5C9BCA;
	border-top: 0px solid #ccc;

	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;

	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	
	color: #000000;
	background: #E4E8EE;
	min-height: 48px;
	padding-bottom: 10px;
	padding-top: 1px;		
}

div.blueboxShadowR {
	background: #505050;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	filter:alpha(opacity=50);
	opacity: 0.5;
	-khtml-opacity:0.5;	
	-moz-opacity:0.5;	
	visibility: hidden;
}

hr.bluebox {
	/*background-color: #e6e2e3;*/
	background-color: #bbbbbb;
	height: 1px;
	width: 80%;
	margin-top: 5px;
	margin-bottom: 5px;	
}

/* The following css are used to build the layout of the order-overview */
td.greyBorder {
	border: 1px solid #aaa;
}

div.blueHeader {
	background-image:url('../img/universal/green_gradient_big.png');
	background-repeat:repeat-x;
	border-bottom: 1px solid #5C9BCA;
	
	color: #000000;
}

td.blueNaviTop {
	color: #000000;
	background-image:url('../img/universal/green_gradient_big.png');
	background-repeat:repeat-x;
	margin-bottom: -1px;
	vertical-align: middle; 	

	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;			
}

div.greenBox {
	border: 1px solid #8bb704;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	color: #000000;
	background: #a7dc04;
	width: 75px;
	height: 20px;

	font-weight: bold;	
	text-align: center;
	text-decoration: underline;
	padding-top: 5px;
}


div.blueButton {
	border: 1px solid #5C9BCA;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	color: #000000;
	background-image:url('../img/universal/overviewbutton.jpg');
	background-repeat:repeat-x;

	width: 75px;
	height: 20px;

	font-weight: bold;	
	text-align: center;
	padding-top: 5px;
}

div.blueButton:Hover {
	border: 1px solid #5C9BCA;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	color: #000000;

	width: 75px;
	height: 20px;

	font-weight: bold;	
	text-align: center;
	padding-top: 5px;
	text-decoration: underline;
}

div.whiteButton {
	background-image:url('../img/universal/overviewbutton.jpg');
	background-repeat:repeat-x;
	display: inline;
	color: #999999;
	font-size: small;

	border: 1px solid #5C9BCA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 2px;	
	margin: 3px;	
}

a.whiteButton, button.whiteButton {	
	background-image:url('../img/universal/overviewbutton.jpg');
	background-repeat:repeat-x;
	color: #000000;
	font-size: small;

	border: 1px solid #5C9BCA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 2px;	
	margin: 3px;	
	cursor:	pointer;
}

a.whiteButton:Hover, button.whiteButton:Hover {
	background-image:url('../img/universal/overviewbutton.jpg');
	background-repeat:repeat-x;
	color: #000000;
	font-size: small;

	border: 1px solid #5C9BCA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	padding: 2px;	
	margin: 3px;	
	text-decoration: underline;
}

div.darkBox {
	border: 1px solid #5C9BCA;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	color: #000000;
	background: #E5EFFF;
	width: 75px;
	height: 20px;

	font-weight: bold;	
	text-align: center;
	padding-top: 5px;
}
.footnote {
	clear:both;
	color:#999999;
	display:block;
	font-size:10px;
	margin-top:20px;
}