html					{
						height: 100%;
						}

body					{
						height: 100%;

						margin: 0px;
						padding: 0px;

						font-family: arial, verdana, sans-serif;
						font-size: 12px;
						color: #5d5d5d;
						line-height:16px;

						background: #eeeeee;
						}

img, form					{
						margin: 0px;
						padding: 0px;

						border: none;
						}

img						{
						vertical-align: middle;
						}

small						{
						font-size: 100%;
						font-weight: normal;
						color: #707070;
						}

table						{
						font-family: arial, verdana, sans-serif;
						font-size: 100%;
						}

th						{
						font-size: 110%;
						vertical-align: top;
						text-align: left;

						font-weight: bold;
						}

td						{
						font-size: 110%;
						}

p						{
						margin: 0px 0px 15px 0px;
						}

a, a:visited					{
						text-decoration: underline;
						}

a:hover					{
						text-decoration: none;
						}

input, select, textarea			{
						padding:2px 0px;
						
						font-family: arial, verdana, sans-serif;

						line-height: 14px;

						border: none;
						border: #dddddd 1px solid;
						color:#5d5d5d;
						}

input[type=checkbox]			{
						line-height: normal;
						border: none;
						}

textarea					{
						width: 100%;
						font-size: 100%;
						}

h1						{
						margin: 0px 0px 15px 0px;

						color: #6c6c6c;
						font-size: 220%;
						}

h2						{
						margin: 0px;

						color: #6c6c6c;
						font-size: 150%;
						}

h3						{
						margin: 0px;

						color: #000000;
						font-size: 100%;
						}

hr						{
						display: none;
						}

button, input.submit					{
						margin: 0px;
						padding: 0px 5px;

						color: #ff8712;
						font-weight: bold;
						line-height: 16px;

						background: #eeeeee;
						border: #dddddd 1px solid;
						}

button:hover				{
						background: #dedede;
						}

p.bold-orange {
						color:#FF8712;
						font-weight:bold;
						font-size:1.1em;
						line-height:16px;
}

/* ---------------------------- Logo-Bereich ---------------------------- */

#logo					{
						font-size: 100%;
						color: #000000;
						}

#logo a, #logo a:visited		{
						color: #585858;
						text-decoration: none;
						}

#logo a:hover {
						color:#FF8712;
} 

#logo a.active, #logo a.active:visited	{
						font-weight:bold;
						}

#logo select				{
						margin-left: 10px;

						color: #000000;

						border: #dddddd 1px solid;
						}

#logo span					{
						color: #aaaaaa;
						}


/* ---------------------------- Login-Bereich ---------------------------- */

#login	{
						color: #ffffff;
						}

  #login input[type=text]
, #login input[type=password]				{
						height: 15px;
						width:94px;
						padding:3px;

						background:url(/img/layout/input_bg.gif) left top no-repeat;
						border:0px;
						font-size:1em;
						color:#abacad;
						}

#login button				{
						height: 18px;
						}
						
#login label.CustomerKeepData {
						color:#e5e5e5;
						font-size:0.9em;
}

#login div.register {
						margin-right:10px;
						
						line-height:22px;
}


/* ---------------------------- Header-Bereich ---------------------------- */

#header a					{
						display: block;
						height: 104px;
						text-indent: -900px;
						overflow: hidden;
						}


/* ---------------------------- Navigation ---------------------------- */

#navigation ul				{
						padding: 0px;
						margin: 0px;
						list-style: none;
						}

#navigation ul a				{
						display: block;
						color: #6c6c6c;
						padding-left:10px;
						text-decoration:none;
						}

#navigation ul a:hover		{
						color: #202020;
						}

#navigation ul li, #navigation ul li {
						background: url(../img/layout/li_orange.jpg) left 6px no-repeat;
						border-bottom: 1px dashed #cccccc;
						line-height: 24px;
						}

#navigation ul li.active		{
						padding: 0px;
						font-weight: bold;
						}

#navigation ul ul 			{
						padding: 0px 0px 5px 0px;
						}

#navigation ul ul li			{
						padding: 0px 0px 0px 10px;
						font-weight: normal;
						background:url(../img/layout/li_gray.jpg) 10px 5px no-repeat;
						border:0px;
						}

#navigation ul ul li a			{
						line-height:21px;
						border: 0px;
						}

#navigation ul ul li.active		{
						background: url(../img/layout/li_gray.jpg) 10px 5px no-repeat;
						padding: 0px 0px 0px 10px;
						font-weight: bold;
						}


/* Contentsubnavi */
#navigation #contentNavigation ul	{
						margin : 0px 0px 0px 2px;
						list-style: none;
						}

#navigation #contentNavigation a, #navigation #contentNavigation a:visited	{
						color: #606060;
						text-decoration: none;
						}

#navigation #contentNavigation a.active, #navigation #contentNavigation a.active:visited	{
						font-weight: bold;
						}

#navigation #contentNavigation a:hover, #navigation #contentNavigation a.active:hover	{
						text-decoration: underline;
						}



/* ---------------------------- Content-Bereich ---------------------------- */

#content h1				{
						padding-bottom:25px;
						
						color: #ff8712;
						}

#content h2				{
						padding-bottom:15px;
						
						color: #ff8712;
						}

#content button				{
						margin: 0px;
						padding: 0px 10px;

						color: #ff8712;
						font-weight: normal;
						line-height: normal;

						background: #eeeeee;
						border: #dddddd 1px solid;
						}

#content p.teaser span.datum	{
						color: #6c6c6c;

						padding-right: 5px;
						}

#content p.teaser a, #content p.teaser a:visited		{
						font-weight: bold;
						}


#content a, #content a:visited	{
						color: #ff8712;
						}
						
#content dl dt {
						float:left;
						width:130px;
						display:block;
						
						padding:7px 0px;
						
}

#content dl dd {
						float:right;
						width:140px;
						display:block;
						margin:0px;
						
						padding:7px 0px;
}

  #content dl dt.height
, #content dl dd.height {
						height:30px;
}

#content div.box_right dl dt {
						width:70px;
						padding-right:10px;
						
						text-align:right;
}

#content div.box_right dl dd {
						margin:0px;
						width:250px;
}

/* Produkt weiterempfehlen / anfragen */

  #content div.requestForm dl
, #content div.recommendForm dl {
						margin:0px;
}

#content div.requestForm dl dt {
						width:100px;
						text-align:left;
}

#content div.requestForm dl dd {
						margin:0px;
						width:200px;
}

#content div.recommendForm dl dt {
						width:150px;
}

#content div.recommendForm dl dd {
						width:180px;
						margin:0px;
}

/* Checkout */

#content #orderForm dl {
						margin:0px;
}

#content #orderForm dl dt {
						width:115px;
						
						text-align:left;
}

#content #orderForm div.box_right dl dt {
						width:90px;
}

#content #orderForm dl dd {
						margin:0px;
						width:220px;
} 

div.terms {
						width:720px;
}

/* Team */

div.mitarbeiter {
						float:left;
						width:240px;
}

div.team-picture {
						float:left;
						width:70px;
}

/* Startseite */
a#catalog					{
						display: block;
						float: left;
						width: 237px;
						height: 329px;
						text-indent: -900px;
						overflow: hidden;
						background: #000000 url(/img/aktionen/catalog_flyer1.jpg) top left no-repeat;
						}

a#flyer					{
						display: block;
						float: left;
						width: 238px;
						height: 329px;
						text-indent: -900px;
						overflow: hidden;
						background: #000000 url(/img/aktionen/catalog_flyer2.jpg) top left no-repeat;
						}

a#catalog:hover, a#flyer:hover	{
						background-position: bottom left;
						}


/* Kategorie */

#kategorie div.headline h1 {
						font-size:175%;
						font-weight:normal;
	}

#kategorie div.headline {
						margin:0px 0px 40px 63px
}

#kategorie a.active			{
						font-weight: bold;
						}

#kategorie .produkt .bild a		{
						display: block;
						width: 100px;
						height: 85px;
						text-align: center;
						}

/* Produkt */

#produkt h2				{
						padding-bottom:0px;
}

#produkt div.right a {
						text-decoration:none;
						font-size:1em;
}

#produkt div.right a:hover {
						text-decoration:underline;
}

#produkt div.headline {
						margin:0px 0px 40px 62px;
}

#produkt div.headline h1 {
						font-weight:normal;
						font-size:175%;
}

#produkt a.active			{
						font-weight: bold;
						}

#produkt .daten p			{
						padding: 3px 0px;
						margin: 0px;
						}

#produkt .piktogramme		{
						text-align:center;
}

#produkt .piktogramme img		{
						padding: 0px 3px;
						}
						
#produkt span.preis span {
						font-size:0.8em;
						font-weight:normal;
}

#produkt div.preisbereich a {
						font-size:0.4em;
						font-weight:normal;
}

#produkt div.rechtliches {
						margin-top:50px;
						
						font-size:0.9em;
}

#produkt div.rechtliches a {
						color:#5D5D5D;
}

#produkt div.rechtliches a:hover {
						color:#FF8712;
}

#produkt input.x10 {

}

/* ---------------------------- Solide Boxen ---------------------------- */

.solid_box_center_small		{
						color: #ffffff;
						font-size: 100%;
						}

.solid_box_center_small a, .solid_box_center_small a:visited	{
						color: #ffffff;
						font-weight: bold;
						}

.solid_box_center_small h1		{
						margin: 0px 0px 5px 0px;

						color: #ffffff;
						}

.solid_box_center_small input	{
						width: 200px;
						}

.solid_box_center_small select	{
						width: 205px;
						}


#content .black_box_center_big a, #content .black_box_center_big a:visited	{
						display: block;

						width: 474px;
						height: 78px;

						padding-top: 10px;

						color: #000000;
						text-decoration: none;

						background: top left no-repeat;
						}

#content .black_box_center_big a:hover	{
						text-decoration: underline;
						}

/* ---------------------------- Boxen mit Verlauf ---------------------------- */

.gradient_box_bottom_small		{
						color: #000000;
						font-size: 100%;
						}

.gradient_box_bottom_small a, .gradient_box_bottom_small a:visited {
						color: #000000;
						font-weight: bold;
						}

.gradient_box_bottom_small h1 a, .gradient_box_bottom_small h1 a:visited, .gradient_box_bottom_small h1 a:hover {
						color: #ffffff;
						text-decoration: none;
						}

.gradient_box_bottom_small h1	{
						margin: 0px 0px 5px 0px;

						color: #ffffff;
						}

.gradient_box_bottom_small input	{
						width: 200px;
						}

.gradient_box_bottom_small select{
						width: 205px;
						}


.gradient_box_bottom_small .huge	{
						margin-right: 10px;

						color: #ffffff;
						font-size: 450%;
						font-weight: bold;
						}

.gradient_box_bottom_small .huge a, .gradient_box_bottom_small .huge a:visited	{
						color: #ffffff;
						text-decoration: none;
						}

.gradient_box_bottom_big a, .gradient_box_bottom_big a:visited {
						color: #6c6c6c;
						}


/* ---------------------------- Footer ---------------------------- */

#footer					{
						color: #ffffff;
						font-size: 95%;
						text-align: center;
						}

#footer a, #footer a:visited		{
						color: #ffffff;
						text-decoration:none;
						}
						
#footer a:hover {
						text-decoration:underline;
}

#footer .footerefx		{
						line-height: 12px;
						}

#footer .footerefxcolor	{
						color: #a7a7a7;
						font-size: 75%;
						}
/* ---------------------------- Formulartabellen ---------------------------- */

.katalog_bestellformular td		{
						padding: 4px;
						}


table.produkt_warenkorbformular	{
						width: 475px;

						font-size: 95%;
						}

.produkt_warenkorbformular .th1	{
						height: 5px;
						}

.produkt_warenkorbformular td	{
						border-top: #ffffff 1px solid;
						}

.produkt_warenkorbformular .th3	{
						height: 5px;
						}

.produkt_warenkorbformular input	{
						width: 40px;
						text-align: center;
						}



table.produkt_anfrageformular	{
						font-size: 95%;
						}


/* ---------------------------- MISC: Klassen ---------------------------- */

.left						{
						float: left;
						}

.right						{
						float: right;
						}

img.left					{
						margin: 0px 5px 10px 0px;
						}

img.right					{
						margin: 0px 0px 10px 10px;
						}

.center					{
						text-align: center;
						}

.bold						{
						font-weight: bold;
						}

.italic						{
						font-style: italic;
						}

.uppercase					{
						text-transform: uppercase;
						}

.asterisk					{
						color: #cc0000;
						font-family: georgia, times roman, serif;
						}

.white					{
						color: #ffffff;
						}

.red, .warning				{
						color: #ff0000;
						}

.farbig					{
						color: #ff8712;
						}

input.noborder				{
						border: 0px;
						}

.none strong, .none em		{
						font-weight: normal;
						font-style: normal;
						}

.disabled					{
						color: #aaaaaa;
						}

.error_message				{
						color: #dd0000;
						}

/* ---------------------------- Breite ---------------------------- */

.w25						{
						width: 25px;
						}

.w50						{
						width: 50px;
						}
.w90						{
						width: 90px;
						}

.w100					{
						width: 100px;
						}

.w125					{
						width: 125px;
						}

.w130					{
						width: 130px;
						}

.w140					{
						width: 140px;
						}

.w150					{
						width: 150px;
						}

.w200					{
						width: 200px;
						}

.w250					{
						width: 250px;
						}

.w300					{
						width: 300px;
						}
.w350					{
						width: 350px;
						}


/* ---------------------------- Margins ---------------------------- */

.mr5						{
						margin-right: 5px;
						}

.mr10					{
						margin-right: 10px;
						}

.mr15					{
						margin-right: 15px;
						}



.ml10					{
						margin-left: 10px;
						}

.ml15					{
						margin-left: 15px;
						}

.ml20					{
						margin-left: 20px;
						}


.mb10					{
						margin-bottom: 10px;
						}

.mb15					{
						margin-bottom: 15px;
						}

.mb20					{
						margin-bottom: 20px;
						}


.mt10					{
						margin-top: 10px;
						}




/* --------------------- Inputs + Selects --------------------- */

  input.x10
, select.x10			{
						width:40px;
						height:14px;
						padding:4px 5px;
						
						background:url(/img/layout/input_bg_short.gif) left top no-repeat;
						border:0px;
						}
						
input.x120				{
						width:126px;
						height:14px;
						padding:4px 5px;
						
						background:url(/img/layout/input_bg_120.gif) left top no-repeat;
						border:0px;
}

input.x25					{
						width: 50px;
						}

input.x50					{
						width: 100px;
						}

input.x75					{
						width: 150px;
						}

input.x100					{
						width: 205px;
						}
						
select.x25				{
						width:66px;
						height:21px;
						padding:4px 5px;
						
						background:url(/img/layout/input_bg_60.gif) left top no-repeat;
						border:0px;
						}
						
select.x50					{
						width: 105px;
						}

select.x75					{
						width:170px;
						padding:4px 5px;
						
						background:url(/img/layout/input_bg_long.gif) left top no-repeat;
						border:0px;
						}

select.x100					{
						width: 210px;
						}

  input.x170
, select.x170				{
						width:160px;
						padding:4px 5px;
						
						background:url(/img/layout/input_bg_long.gif) left top no-repeat;
						border:0px;
}

/* ---------------------------- Buttons ---------------------------- */

  #content a.button
, a.button:visited {
						color:#5d5d5d;
}

  a.button
, a.button:visited		{
						position: relative;

						display: block;
						height: 17px;

						padding: 3px 25px 1px 7px;

						cursor: pointer;
						text-align: center;

						background:url(/img/layout/button_default.gif) left top no-repeat;
						color:#5d5d5d;
						text-decoration:none;
						font-size:1em;
						}
						
a.button span				{
						position: absolute;
						top: 0px;
						right: -5px;

						width: 23px;
						height: 21px;

						background:url(/img/layout/button_default.gif) right top no-repeat;
						}
						
a.button:hover {
						background-position: 0px -20px;
						}

a.button:hover span {
						background-position: right -20px;
						}
						
a.button:active {
						background-position: 0px -40px;
						}

a.button:active span		{
						background-position: right -40px;
						}
						
/* Content Default Button */
						
#content a.button
, #content a.button:visited
, div.sidebar a.button:visited { 
						background:url(/img/layout/button_content_default.gif) left top no-repeat;
						}
						
  #content a.button span
, div.sidebar a.button span {
						background:url(/img/layout/button_content_default.gif) right top no-repeat;
						}

  #content a.button:hover
, div.sidebar a.button:hover {
						background-position: 0px -21px;
						}

  #content a.button:hover span
, div.sidebar a.button:hover span {
						background-position: right -21px;
						}
						
  #content a.button:active
, div.sidebar a.button:active {
						background-position: 0px -42px;
						}

  #content a.button:active span
, div.sidebar a.button:active span		{
						background-position: right -42px;
						}

/* Coloured Button */
						
a.buttonColoured:hover			{
						background-position: 0px -23px;
						}

a.buttonColoured:hover span			{
						background-position: right -23px;
						}
						
a.buttonColoured:active			{
						background-position: 0px -46px;
						}

a.buttonColoured:active span			{
						background-position: right -46px;
						}

  #content a.buttonColoured:visited
, #content a.buttonColoured:hover
, #content a.buttonColoured 		{
						color:#ffffff;
}

a.buttonColoured 		{
						position: relative;

						display: block;
						height: 19px;

						padding: 4px 25px 0px 7px;

						cursor: pointer;
						text-align: center;

						background-position: left top;
						background-repeat:no-repeat;
						
						color:#ffffff;
						text-decoration:none;
						font-size:0.9em;
}

a.buttonColoured span				{
						position: absolute;
						top: 0px;
						right: -5px;

						width: 23px;
						height: 23px;
						
						background-position: right top;
						background-repeat:no-repeat;
						}


/* ----------------------- Lila, graue Buttons ------------------------ */

#content a.purple, #content a.purple:visited, a.purple, a.purple:visited, a.purple span	{
						color: #ffffff;
						background-image: url(/img/layout/button_purple.gif);
						}

#content a.purple:hover, a.purple:hover, a.purple:hover span	{
						color: #ff8712;
						}

a.grey, a.grey span			{
						color: #6c6c6c;
						background-image: url(/img/layout/button_grey.gif);
						}

/* ---------------------------- Team ---------------------------- */

div.team h2				{
						margin: 0px 0px 20px 0px;
						}

div.team h3				{
						color: #000000;
						font-size: 1em;
						margin: 0px 0px 2px 0px;
						}

div.team-contact-details, div.team-department		{
						color: #403a33;
						font-size: 90%;
						line-height: 15px;
						}

div.team-department			{
						line-height: 14px;
						}

#content div.team-contact-details a, #content div.team-contact-details a:visited	{
						color: #403a33;
						}

span.teaminfo				{
						font-size : 80%;
						}

/* ---------------------------- Symbolerklaerung ---------------------------- */
.pictogramm_cell 		{
						height: 40px;
						width: 40px;
						text-align: right;
						}

.description_cell 		{
						height: 40px;
						width: 200px;
						color: #7f7f7f;
						font-family: Verdana, sans-serif;
						font-size: 12px;
						}

.table_head_end 			{
						background: url(img/symbolerklaerung/headline_end.jpg) top right no-repeat;
						height: 53px;
						width: 30px;
						}

.table_head_content 		{
						background: url(img/symbolerklaerung/headline_bg.jpg);
						height: 53px;
						color: #ffffff;
						font-family: Verdana, sans-serif;
						font-size: 18px;
						font-weight: bold;
						padding-left: 30px;
						}