/* CSS Document */

body {
	background-color: #727d77;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-family: Arial;
	font-size:   11px;
	font-weight: bold;
	color:       #989F9D;
	padding-top: 10px;
	/*height:      15px;*/
	height: 11px;
}

select {
	width: 280px;
	height: 18px;
	
	font-family: Verdana;
	font-size: 10px;
	color: #2D3331;
	
	border: 1px;
	border-style: solid;
	border-color: #414A45;
	background-color: #9AA39E;
	
	padding-top: 3px;
}

input {
	width: 140px;
	height: 18px;
	
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #E7D478;
	
	border: 1px;
	border-style:outset;
	border-color: #B45912;
	background-color: #D08B30;
	
	padding-bottom: 2px;
}


/* ----------------------------------------------------- */
/* Teaser Allgemein */
.teaserGeneral {
	margin-left: 13px;
	margin-right: 13px;
	margin-bottom: 19px;
	border: 0px;
	border-width: 0px;
	border-style: solid;
	border-color: #000000;
}
.teaserTop {
	background-image: url(./new_design/teaser_top.gif);
}
.teaserLeft {
	background-image: url(./new_design/teaser_left.gif);
}
.teaserImgField{
	background-color: #49544E;
}
.teaserRight {
	background-image: url(./new_design/teaser_right.gif);
}
.teaserBottom {
	background-image: url(./new_design/teaser_bottom.gif);
}



/* ----------------------------------------------------- */

/* Schrift in der Suchmaske */
.searchform {
	font-family: Arial;
	font-size:   11px;
	color:       #989F9D;
	text-align: left;
	line-height: 23px;
}
/* Schriftstil der Title in den Suchergebnissen */
.searchresultpagetitle {
	font-family: Arial;
	font-size:   11px;
	font-weight: bold;
	color:       #CF8A2D;
}

.searchresultpagetitle :hover, active {
	color: #E5D47A;
}

/* Feld für Suchwort */
.sword {
	width: 280px;
	height: 18px;
	
	font-family: Verdana;
	font-size: 10px;
	color: #2D3331;
	
	border: 1px;
	border-style: solid;
	border-color: #414A45;
	background-color: #9AA39E;
}
/* Zeile in der die Anzahl der Ergebnisse dargestellt werden */
.searchresultheader {
	
}

/* ----------------------------------------------------- */

/* Title der Produkte im Block */
h1 {
	font-family: Arial;
	font-size:   11px;
	font-weight: bold;
	color:       #D3D1D2;
	line-height:      12px;
	
	padding-left:   4px;
	padding-top:    0px;
	padding-bottom: 0px;
	
	margin-top:     1px;
	margin-bottom:  0px;
	text-align: left;
}

/* Stil der Produkteinzelansicht */
/* imgtext-nowrap bezieht sich auf die Haupttabelle */
.imgtext-nowrap {
	width: 560px;
	height: 201px;
	/*background-color: #545D57;*/
	margin-top: 19px;
	background-image: url(./new_design/product_bg.gif);
	background-repeat:no-repeat;	
	background-position: right bottom; 
	text-align: left;
}

/* für den IE */
.imgtext-nowrap p {
	width:  360px;
	line-height: 12px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 1px;
	margin-bottom: 0px;
	text-align: left;
}
/* Für den FF */
html>body .imgtext-nowrap p {
	width:  352px;
	line-height: 12px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 1px;
	margin-bottom: 0px;
	text-align: left;
}
/* imgtext-table bezieht sich auf die Tabelle in der das Bild sitzt */
.imgtext-table {
	width:200px;
	height: 202px;
	text-align: center; 
	vertical-align: middle; 
}

/* ----------------------------------------------------- */

/* Schriftstil des Inhalts */
.contentFont {
	font-family: Arial;
	font-size:   11px;
	color:       #989F9D;
}
.contentFont p,div {
	font-family: Arial;
	font-size:   11px;
	font-weight: normal;
	color:       #989F9D;
}
/* Linkstyle */
.contentFont a {
	text-decoration: none;
	color: #CF8A2D;
}

/* Linkstyle bei Mausover und Aktiv */
.contentFont a:hover {
	color: #E5D47A;
}

/* Style der Inhalts Tabellenzelle */
.contentField {
	padding-left: 25px;
	padding-right: 25px;
	vertical-align: top;
	height: 100%;
}
.contentField p, div  {
	font-family: Arial;
	font-size:   11px;
	font-weight: normal;
	color:       #989F9D;
}
/* Linkstyle */
.contentField a {
	text-decoration: none;
	color: #CF8A2D;
}

/* Linkstyle bei Mausover und Aktiv */
.contentField a:hover {
	color: #E5D47A;
}

.contentCell {
	width:640px;
	background-image: url(./new_design/content_bg.jpg);
	background-repeat:repeat-y;	
}

/* Zelle des Inhaltsbereichs */
.contentLine {
	width: 560px;
	background-image: url(./new_design/content_bg.jpg);
	background-repeat:repeat-y;
	
}

.completeLine {
	width : 640px;
	height: 20px;
	background-image: url(./new_design/complete_line.jpg);
	background-repeat:repeat-y;
	padding-left: 210px;
}

/* Div der Bildtexte */
.caption {
	font-family: Verdana;
	font-size: 9px;
	color: #8B9690;
}


/* Style der Logozeile */
.logoLine {
	height: 50px;
	width: 850px;
	background-image: url(./new_design/main_bg.jpg);
	background-repeat:repeat-y;
}


.teaserFont a {
	font-family: Verdana;
	font-size: 10px;
	color: #D3D1D2;
	line-height: 11px;
	text-decoration: none;
	text-align: center;
}


/* Grauer Streifen über dem Menü */
.overMenu {
	height:   20px;
	width:    210px;
	background-image: url(./new_design/menu_over_bg.jpg);
}

/* Grauer Streifen über dem Inhalt */
.overContent {
	height:   10px;
	width:    560px;
	background-image: url(./new_design/content_bg.jpg);
}

/* Schmaler Rand über einem Menüpunkt */
.menuTopSide {
	height:   2px;
	width: 210px;
	background-image: url(./new_design/menu_top_side.jpg);

}

/* Style eines Menüpunktes */
.menuPoint {
	width: 210px;
	background-image: url(./new_design/menu_bg.jpg);
	padding-left: 25px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom:3px;
	line-height: 11px;
}

/* Linkstyle */
.menuPoint a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
	color: #CF8A2D;
}

/* Linkstyle bei Mausover und Aktiv */
.menuPoint a:hover, active {
	color: #E5D47A;
}

/* Schmaler Rand unter einem Menüpunkt */
.menuBottomSide {
	height:   2px;
	width: 210px;
	background-image: url(./new_design/menu_bottom_side.jpg);

}

/* ----------------------------------------------------- */

/* Style für Breadcrump */
.lineFont a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
	color: #CF8A2D;
	padding-left: 5px;
	padding-right:5px;
}

/* Linkstyle bei Mausover und Aktiv */
.lineFont a:hover, active {
	color: #E5D47A;
}

/* Zelle für das Logo */
.logo {
	width: 200px;

}


/* -------------------------------------------------- */
/* Hintergrund der linken Seite der Seite*/
.leftBg {
	background-image: url(./new_design/left_bg.jpg);
	background-repeat:repeat-y;
	background-position: right;

}
.left_side_1 a {
	background-image: url(./new_design/left_side_1.jpg);
}
.left_side_1 a:hover{
	background-image: url(./new_design/left_side_1_hover.jpg);
}

.left_side_2 a {
	background-image: url(./new_design/left_side_2.jpg);
}
.left_side_2 a:hover{
	background-image: url(./new_design/left_side_2_hover.jpg);
}





/* Hintergrund der rechten Seite der Seite*/
.rightBg {
	background-image: url(./new_design/right_bg.jpg);
	background-repeat:repeat-y;

}

/* ----------------------------------------------------- */

/* Schriftstil der rechten oberen Adressierung */
.addressFont {
	font-family: Verdana;
	font-size: 9px;
	color: #8B9690;
}
.addressFont a {
	text-decoration: none;
}
.addressFont a:hover {
	color: #E5D47A;
}

/* Hintergrund der rechten oberen Adressierung */
.address {
	background-image: url(./new_design/adress_bg.jpg);
	background-repeat:repeat-y;
}

/* Schriftstil der rechten oberen Adressierung */
.addressLine {
	padding-right: 9px;
	padding-left: 10px;
}

/* Schriftstil der rechten oberen Adressierung */
.addressFont a {
	font-family: Verdana;
	font-size: 9px;
	color: #D08A32;
}

/* ----------------------------------------------------- */

/* linker grauer Block */
.lineLeft {
	height: 20px;
	width: 541px;
}
.lineLeftInner {
	width: 541px;
	text-align: right;
	background-image: url(./new_design/line_bg.jpg);
	background-repeat:repeat-y;
}
/* Feld des Zurück-Buttons */
.lineBack {
}
/* Feld des Nach-Oben-Buttons */
.lineTop {
}
/* rechter grauer Block */
.lineRight {
	height: 20px;
	width: 18px;
	padding-left:  1px;
}
/* Schriftstil der grauen Blöcke */
.lineFont {
	font-family: Verdana;
	font-size: 9px;
	color: #D08A32;
}

/* ----------------------------------------------------- */

/* Schriftstil für den Footer */
.footerFont {
	font-family: Verdana;
	font-size: 9px;
	color: #49544E;
	padding-left: 0px;
	padding-right: 0px;
}

.footerFont a {
	text-decoration: none;
	color: #49544E;
}
.footerFont a:hover {
	color: #D3D1D2;
}

/* ----------------------------------------------------- */

/* Style für die Sitemap */
ul {
	padding-left: 15px;
	padding-top:   0px;
	line-height: 15px;
	
}
.sitemap {
	padding-left: 20px;
}

.sitemap1 {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	
	width: 490px;
	padding-left: 5px;
	padding-top: 12px;
}
.sitemap2 {
	visibility: hidden;
	line-height: 0px;
	height: 0px;
	width: 490px;
	padding: 0px;
}
.sitemap3 {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	cursor: pointer;
	/*display: list-item;*/
	width: 490px;
	height: 15px;
	padding-left: 0px;
	padding-top: 0px;
	margin: 0px;
}