/***********************************************************
	Reset browser specific definitions and define universalities
*/
html, body, div, p, h1, h2, h3,  span, a, table, td, form, img, hr, input, textarea{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif, Verdana, Geneva, Tahoma;
	color:#000000;
	vertical-align:top;
	letter-spacing:1px;
}

/***********************************************************
	For IE bug, with relative font definitions
************************************************************/
body {
	background-color:#D6DFE8;
	font-size:small;
}


/***********************************************************
	Page Areas
************************************************************/

div#page {
	padding:0;
	margin:0;
	width:823px;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	background-color:#ffffff;
	margin:0px auto;
}

/***********************************************************
	Page Area head
************************************************************/

div#head {
	padding:0px;
	height:190px;;
	margin:0px 0px 0px 0px;
}

div#logo_top {
	margin:0px 0px 0px 0px;
	height:100px;
	border-top: 1px solid #FFFFFF;

}

div#visual_top {
	margin-top:0px;
	width:823px;
	height:160px;
}

div#visual_top img {
	margin-top:0px;
	margin-left:0px;
}

/******************************
	Visual left
*******************************/
div#visual_top div#left_logo {
	width:223px;
	float:left;
	margin:0px;
	height:160px;
 }

/********************************
	Visual right
*********************************/
div#visual_top div#right_visual {
	margin:0px 0px 0px 223px;
	height:160px;
 }


div#navi_top {
	text-align:right;
	margin:0px 0px 0px 0px;
	padding-top:10px;
	color:#8e8e8e;
	font-weight:bold;
}

/*********************************
	Links
**********************************/
div#navi_top a {
	text-decoration:none;
	color:#8e8e8e;
	font-weight:bold;
}

div#navi_top a:hover {
	text-decoration:none;
	color:#587593;
}
div#navi_top a:active {
	text-decoration:none;
	color:#587593;
}

div#navi_top .selecter{
	text-decoration:none;
	color:#587593;
	font-weight:bold;
}

/***********************************************************
	Page Area left
************************************************************/
div#left {
	width:223px;
	margin:0px;
	float:left;
}

/**************************************
	Page Area left navigation
***************************************/

/*Navigation Inhalt*/
div#navi_left {
	margin:5px 0px;
	vertical-align:bottom;
	font-size:x-small;
}

/*Navigation Liste*/
div#navi_left ul {
	width:223px;
	padding:0;
	margin:0;
	background-color: #FFFFFF;
	font-weight:bold;

}

/*Navigation Listenpunkt*/
div#navi_left ul li{
	display:inline;
	padding:0;
	margin:0;
}

/*Navigation Listenpunkt*/
div#navi_left img{
	border-bottom:1px solid #FFFFFF;
}

/***********************************************************
	H1-H6
************************************************************/
h1 {
	font-size:medium;
	text-align:center;
	color:#587593;
}
h2 {
	font-size:small;
	margin:10px 0px 2px 0px;
	color:#587593;
}
h3 {
	font-size:small;
	margin:10px 0px 2px 0px;
	color:#587593;
	text-align:center;
}
h4 {
	font-size:x-small;
	margin:10px 0px 2px 0px;
	color:#587593;
}

/***********************************************************
	Linie
************************************************************/
.hr {
	margin:15px 5px;
	border-top:1px solid #DBDADA;
	color:#FFFFFF;
}

/***********************************************************
	Textersetzer
************************************************************/
/*(h)*/
.orange_large {
	color:#ff6600;font-size:1.2em;font-weight:bold;line-height:1.6em;
}
/*(o)*/
.orange {
	color:#ff6600;
}

/*(b)*/
.blue {
	color:#587593;
}

/*(r)*/
.red {
	color:#C70505;
}

/*(g)*/
.grey {
	color:#8e8e8e;
}

/*(i)*/
.italic {
	font-style:italic;
}

/***********************************************************
	misc definitions
************************************************************/
strong {
   font-weight:bold;
}

italic {
	font-style:italic;
}

img {
	vertical-align:bottom;
}

/*Icons*/
.icons {
	width:24px;
}

/*Zurueck-Links*/
.back {
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
	background-image:url(../img/arrow_left.gif);
	background-repeat:no-repeat;
	background-position:0.3em 0.8em;
	padding:0.5em 0.5em 0.5em 1.3em;
}

/*Nach vorne-Links*/
.forward {
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
	background-image:url(../img/arrow_right.gif);
	background-repeat:no-repeat;
	background-position:0.3em 0.8em;
	padding:0.5em 0.5em 0.5em 1.3em;

}

/*Fesnter schließen*/
.close {
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
	text-align:center;
	padding:0.5em 0.5em 0.5em 1.3em;

}

.small {
   font-size:x-small;
}

.black {
   color:#000000;
}

.min_height {
		height:300px;
}

.space {
	margin:5px 0px;

}

/* Beschreibungstext einer Rubrik */
.description {
	margin-top:10px;
	margin-bottom:5px;

}

/*linke Einrckung bei Nummerierungslisten*/
.list ol li{
	margin-left:20px;
}

.middle {
	vertical-align:middle;
	margin-right:15px;
}

.alignment_bottom {
	margin-bottom:5px;
}

.alignment {
	margin: 10px 0px;
}

/* Ausrichtung mittig */
.center {
	text-align:center;
	margin:10px;
}

/*Aussehen des Alphabetes*/
.alphabet {
	font-size:x-small;
	font-weight:bold;

}

img {
   border:0;
}

.search_box {
	padding:5px 0px 10px 10px;
	font-size:0.9em;
}

.login_box {
	padding:5px 0px 10px 10px;
	font-size:0.9em;
	background-color:#EAEFF4;
	width:223px;
}

.input_search {
	margin-left: 10px;
	border: 1px solid #c5c5c5;
	border-style:inset;
	width:120px;
	font-size:1.1em;
	padding:2px;	
}

.search_result img {
	vertical-align:bottom;
	margin: 0px 5px 0px 0px 
}


/* Design für Tooltipp*/
.pop_html {
	width:201px;
	background-color:#C7D4E5;
}

.poptext_dark {
	font-size: 0.8em;
	color:#587593;
		}

.poptext_bright {
	font-size: 0.8em;
	color:#000000;
	padding:2px 10px;
}

.popheader {
	font-size: 0.9em;
	height:19px;
	color:#FFFFFF;
	background-color:#587593;
	padding:2px 10px;
}

.shorthelp { 
	
	border-bottom: 1px dotted #99a9c9;
	text-decoration:none;
}

/*********************************
	Links
*/
.shorthelp a {
	cursor: help; 
	text-decoration:none;
	color:#587593;
}
.shorthelp a:link {
	text-decoration:none;
}
.shorthelp a:visited {
	text-decoration:none;
}
.shorthelp a:focus {
	text-decoration:none;
}
.shorthelp a:hover {
	color:#8e8e8e;
	text-decoration:none;
}
.shorthelp a:active {
	text-decoration:none;
}


/*******************
* Tabellen 
*/

table {
	margin:0px;
	padding:0px;
	border:0px;
	font-size:small;
}

td.center, th.center {
	text-align: center;
	margin: 0px auto;
}

td.left, th.left {
	text-align: left;
}

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

.toplink {
	margin-right:20px;
	font-size:small;
}

div.toplink a {
	text-decoration:none;
}

.submit {
	background-color:#DBDADA;
	color:#587593;
	width:243px;
	border:1px solid #587593;
	font-weight: bold;
	cursor: pointer;
	margin-bottom:2px;
}

textarea {
	font-size:small;
	width: 99%;
}

.clear {
	clear:left;
	padding:0px;
	margin:0px;
	line-height:7px;
	width:223px;
}

/*clear nach einem float*/
.clear_bottom {
	clear:both;
	padding:0px;
	margin:0px;
	line-height:7px;
	width:223px;
}


/***********************************************************
	Error div
************************************************************/

div.error {
	border: 2px solid red;
	background-color: #7CADE6;
	padding: 0.5em;
	margin: 0.5em;
	visibility: hidden;
}

/*********************************
	Links
*/
a {
	text-decoration:underline;
	color:#587593;
}
a:link {
	text-decoration:underline;
}
a:visited {
	text-decoration:underline;
}
a:focus {
	text-decoration:underline;
}
a:hover {
	color:#8e8e8e;
	text-decoration:none;
}
a:active {
	text-decoration:none;
}

a.select {
	color:#587593;
	background-image:url(../img/navi_2/open.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:17px;
}

.select {
	color:#000000;
	background-image:url(../img/navi_2/open_3.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:17px;
}

a.prospekt {
	color:#FF6600;
	font-weight:bold;	
}

/***********************************************************
	Page Area content
************************************************************/

div#content {
	width: 595px;
	padding: 0px 0px 15px 5px;
	margin: 0px 0px 0px 223px;
}

div#content div#center{
	padding-top:10px;
}

div#content div#right {
	padding-top:4px;
	float:right;
	margin:0px;
	background-color:#FFFFFF;
}

div#content div#right .value {
	width:149px;
	padding-top:5px;
}

div#content div#right .text {
	padding-top: 41px ;
}

/*********************************
	Shopping Cart
*/
.shopping_cart {
	text-align:right;
	margin-right:49px;
	padding-top:8px;
	padding-bottom:8px;
	font-size:0.8em;
}

/*********************************
	Form Labels
*/
div#content label {
	cursor: pointer;
}

div#content label.error {
	color: #C70505;
}

/*********************************
	Textbase
*/
/* Mittlerer Bereich*/
.center_column {
	border: 1px solid #acb9ca;
	margin-bottom:3px;	
}

.center_column a {
	text-decoration:none;
}
.center_column a:link {
	text-decoration:none;
}
.center_column a:visited {
	text-decoration:none;
}
.center_column a:focus {
	text-decoration:none;
}

.center_column a:active {
	text-decoration:none;
}

/* Mittlerer Bereich Text*/
.center_column_text {
	background-color:#FFFFFF;
	font-size:0.9em ;
	padding:10px 20px;
	text-align:left;
}

/* Rechte Spalte*/
.right_column {
	border-top: 1px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

/* Rechte Spalte Verlinkung*/
.right_column a {
	text-decoration:none;
}

/* Rechte Spalte Text*/
.right_column_text {
	width:149px;
	background-image:url(../img/gradient.gif);
	background-repeat:no-repeat;
	background-color:#D8E1EA;
	font-size:0.9em ;
	
}

/* Rechte Spalte Einrueckung*/
.indent {
	padding:10px 20px;
	text-align:left;
}

div#content fieldset {
	padding:5px;
	margin-right:5px;
}

/*fulltext*/
div#content p.fulltext {
 margin:0px 0px;;

}

/* Zwischenberschrift */
.headline {
	font-size:small;
	font-weight:bold;
	width:560px;
}

/*inputfeld in der textbase*/
div#content .textbase_input{
	width:400px;

}

/*inputfeld in der textbase fuer Zweispaltigkeit*/
div#content .textbase_input_double{
	width:200px;

}

/* Farbdefinition der Ürschriften in der Textbase */
div#content .round1 {
	background-color:#FCF3CC;
}

/* zwei Bilder nebeneinander */
.two_images {
	vertical-align:middle;
	text-align:center;
	width:95%;
}

/* zwei Tabellenspalten */
.two_table {
	font-size:small;
	width:270px;
	height:300px;
	vertical-align:top;
}
/* zwei Tabellenspalten Ausgabe*/
.two_table_view {
	font-size:small;
	width:47%;
	vertical-align:top;
}


/*********************************
	div.form_error
*/
div#content div.form_error {
	border: 1px solid black;
	padding: 2px;
	background-color: #7CADE6;
	visibility: hidden;
}

 div.login_error {
	border: 1px solid black;
	padding: 2px;
	background-color: #7CADE6;
}

/*********************************
	div.hint_articles
*/
div#content div.hint_articles {
	font-size:small;
	border: 1px solid black;
	padding: 2px;
	background-color: #D4E3F3;
	width:560px;
}

table.hint {
	border: 1px solid black;
	padding: 2px;
	background-color: #D4E3F3;
	font-size:x-small;
	width:560px;
}

.hint {
	border: 1px solid black;
	padding: 2px;
	margin: 5px 0px;
	background-color: #D4E3F3;
	font-size:x-small;
	width:560px;
}



/*********************************
	div.content contactsite
*/

div#content .contactform {
	float:left;
}

div#content .contactadress {
	padding-top:0px;
	padding-left:5px;
}

/*********************************
	Table borderless
*/
div#content table.overview table.borderless th{
	text-align:left;
	border:0px;
}
div#content table.overview table.borderless td{
	border:0px;
}

/*********************************
	Table overview
*/

/* table */
div#content table.overview {
	width:560px;
	margin-top:5px;
	border-collapse:collapse;
}

/* Farbdefinition der Spalten */
div#content table.overview .round1 {
	background-color:#EAEEF7;
}

div#content table.overview .round2 {
	background-color:#D4E3F3;
}

/* Farbdefinition der Spalten */
div#content .round3 {
	background-color:#EAEEF7;
}

div#content .round4 {
	background-color:#D4E3F3;
}

/* td*/
div#content table.overview td{
	padding:3px;
	border:1px solid #000000;
}

/* th*/
div#content table.overview th{
	padding:3px;
	border:1px solid #000000;
}

div#content table.overview .submit {
	background-color:#DBDADA;
	color:#587593;
	width:243px;
	border:1px solid #587593;
	font-weight: bold;
	cursor: pointer;
}

/*********************************
	Table form
*/
/* table */
div#content table.form {
	margin:10px;
	border-collapse:collapse;
}
/* th */
div#content table.form th {
	font-weight:bold;
}
/* td */
div#content table.form td {
	padding: 0.1em;
	padding-left:15px;
	text-align:left;
}
/* thead -> th */
div#content table.form thead th {
	padding: 0.3em;
	text-align:center;
}
/* thead -> th.head */
div#content table.form thead th.head {
	font-size:small;
}
/* tbody -> th */
div#content table.form tbody th {
	padding: 0.1em;
	text-align:left;
	vertical-align:top;
}
/* tbody -> td */
div#content table.form tbody td {
}
/* tbody -> td.subheading */
div#content table.form tbody td.subheading {
	font-weight: bold;
	text-align: center;
}
/* tbody -> td -> input */
div#content table.form tbody td input {
	width: 240px;
}
/* tbody -> td -> input 335px;*/
div#content table.form tbody td textarea {
	font-size:small;
	width: 240px;
}

div#content table.form tbody td input[type=checkbox] {
	width: 15px;
}

div#content table.form td input[type=radio] {
	width: 15px;
}

div#content table.form td .indent  {
	width: 77px;
}

div#content table.form .submit {
	background-color:#DBDADA;
	color:#587593;
	width:243px;
	border:1px solid #587593;
	font-weight: bold;
	cursor: pointer;
}

/* tfoot -> th */
div#content table.form tfoot th {
	padding: 0.3em;
	text-align: center;
}
/* tfoot -> th -> input (submit) */
div#content table.form tfoot th input {
	font-weight:normal;
	padding: 0.2em;
	cursor: pointer;
}

/*********************************
	Table character_status_bar
*/
div#content table#character_status_bar {
	border-collapse: collapse;
	border: 1px solid #DDDDDD;
	width: 100%;
}

div#content table#character_status_bar td {
	background-color: #BBBBBB;
	padding: 0.1em;
	border: 1px solid #DDDDDD;
	text-align: left;
}

/***********************************************************
	Page Area footer
************************************************************/

div#footer {
	text-align:center;
	width: 823px;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-color:#ffffff;
	margin:0px auto;
	padding-bottom:15px;
	font-size:x-small;
	color:#587593;

}


/***********************************************************
	Tabs in Product details
************************************************************/

#content_box, #tabs {
}
	
#tabs {
	height: 25px;
	margin-top: 10px;
}

#content_box {
	padding-top: 10px;
	padding-left: 15px;
	border:1px solid #8e8e8e;
	margin-bottom: 20px;
  clear:both;
}

#tabs ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}

#tabs ul li {
	display: inline;
}

#tabs ul li.active a, #tabs ul li.inactive a {
	font-weight: bold;
	float: left;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 9px;
	margin-right: 10px;
	margin-bottom: -1px;
	border-top: 1px solid #8e8e8e;
	border-right: 1px solid #8e8e8e;
	border-left: 1px solid #8e8e8e;
	background-color : #ffffff;
}

#tabs ul li.active a {
	border-bottom : 1px solid #ffffff; 
	position: relative;
}

#tabs ul li.inactive a {
	border-bottom: 1px solid #8e8e8e;
	border-top: 1px solid #8e8e8e;
	border-left: 1px solid #8e8e8e;
	border-right: 1px solid #8e8e8e;
	background-color: #D6DFE8;
}

#tabs li a:hover {
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
	position: relative;
}

#tabs li.inactive a:hover {
	background-color: #ffffff;
}

h1.products {
	font-size: 14px;	
	text-align: left;
}

h2.products {
	font-size: 12px;	
	text-align: left;
}

.on_sale_old_price {
  text-decoration: line-through;
  color: #ff2222;
}

.price {
  font-weight: bold;
  color: #587593;
  font-size: 14px;
}

.product_list {
  background-color: #D6DFE8;	
}

.product_list_hr {
  color: #D6DFE8;
  background-color: #D6DFE8;	
}

.leasing_head {
	background-color: #587593;
	color: white;
	padding: 5px;
}

.leasing_body {
	background-color: #D6DFE8;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

.productconsultant_line1_1 {
  background-color: #D6DFE8;
}

.productconsultant_line2_1 {
  background-color: #B4B3B3;
}

.productconsultant_line1_2 {
  background-color: #E7eff9;
}

.productconsultant_line2_2 {
  background-color: #c5c4c4;
}

input.submit:hover {
	border: 1px solid black;
}