/************** #Globale Styles **************/

html, body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #286F8F;
	font-size: 90%;
	margin:0px;
	padding:0px;
	height: 100%;
}

table { 
	font-size: 101%;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #D54A4F;
	font-size:110%;
	margin: 25px 0px 5px 0px;
	padding: 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #457CA2;
	font-size:93%;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #D54A4F;
	font-size:93%;
	margin: 0px;
	padding: 0px;
}

h4 { 
	color: #D54A4F;
	font-size: 110%;
	font-weight: bold;
	margin: 5px 0px 3px 0px;
}

h5 { 
	color: #929191;
	font-size: 110%;
	font-weight: bold;
	margin: 5px 0px 3px 0px;
}

h6 {
	margin: -4px 0px 13px 0px;
	color: #686868;
	font-size: 101%;
	font-weight: normal;
}

a {
	color: #D54A4F;
}

a:hover {
	text-decoration: none;
}

/************** # ID Styles einmalig verwendbar **************/

#contentTable {
	padding: 0px 0px 0px 0px;
}

#aktuelles {
	background-image: url(/pictures/bg_infoleiste.jpg);
	background-repeat: no-repeat;
}

#infoleiste {
	margin-top: 28px;
	padding: 0px 25px;
	text-align: justify;
}

#infoleiste_bild {
	margin-top: 13px;
	width: 170px;
	border: 1px solid #D6D6D6;
	background-color: #fff;
}

#infoleiste_bild img {
	margin: 10px 0px;
}

#infoleiste_link a {
	font-size: 90%;
	display: block;
	text-decoration: none;
	margin: 3px 0px 3px 0px;
	padding-right: 50px;
	background-image: url(/pictures/mehr.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #286F8F;
}

#infoleiste_link a:hover {
	color: #D54A4F;
}

/*************** #navigation styles **************/

#navigation {
	margin-top: 20px;
}

#top_fake {
	position: absolute; 
	width: 160px; 
	height: 23px; 
	z-index: 1; 
	background-color: #fff; 
	top: 123px; 
	left: 0px;
}

.navigation_1 {
	background-image: url(pictures/navigation_weblication/bg_1.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 6px 0px 1px 0px; 
}

.navigation_1 a {
	color: #2E7899;
	text-decoration: none;
}

.navigation_1_open {
	background-image: url(pictures/navigation_weblication/bg_1.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 6px 0px 1px 0px; 
}

.navigation_1_open a {
	font-weight: bold;
	color: #DD4757;
	text-decoration: none;
}

.navigation_1_selected {
	font-weight: bold;
	color: #DD4757;
	background-image: url(pictures/navigation_weblication/bg_1.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 6px 0px 1px 0px; 
}

.navigation_2 {
	padding: 0px 0px 2px 0px;
}

.navigation_2 a {
	color: #7C7C7C;
	text-decoration: none;
}

.navigation_2 a:hover {
	color: #616161;
}

.navigation_2_selected {
	color: #333;
	padding: 0px 0px 2px 0px;
}

.navigation_2_selected img {
	margin: 0px 5px 2px 0px;
}

.nav_linie {
	background-image: url(pictures/navigation_weblication/bg_1.gif);
	background-position: top;
	background-repeat: no-repeat;
}

/*************** kataolog styles **************/

#artikelsuche {
	margin-top: 10px;
	width: 157px;
	height: 33px;
	background-color: #F7F5F5;
	background-image: url(/pictures/bg_artikelsuche.gif);
}

.artikelsuche_textfeld {
	width: 105px;
	height: 16px;
	margin: 6px 5px 3px 8px;
	padding: 1px 3px 0px 3px;
	color: #7C7C7C;
	font-family: Arial, Helvetica, sans-serif;
}

#artikelsuche_tabelle th {
	text-align: left;
	background-color: #F8F8F8;
	color: #808080;
	padding: 8px 5px;
	font-weight: normal;
}

#artikelsuche_tabelle td {
	padding: 6px 5px 0px 5px;
}

.artikelsuche_tabelle_trennlinie {
	font-size: 0px;
	height: 7px;
	background-image: url(/pictures/artikelsuche/trennlinie.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.artikelsuche_trennlinie_th {
	position: relative;
	font-size: 0;
	height: 2px;
	background-image: url(/pictures/artikelsuche/trennlinie_th.gif);
	background-repeat: repeat-x;
}

#katalog_kategorie {
	color: #DD4757;
	font-weight: bold;
	height: 27px;
	background-image: url(/pictures/bg_katalog_kategorie.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

#katalog_kategorie_bild {
	margin-top: 21px;
	height: 27px;
} 

.rahmen {
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
}

#katalog_begrenzung {
	margin-top: 17px;
	width: 591px;
}

#katalog_detail {
	width: 576px;
	margin-top: 14px;
	border: 1px solid #B6B6B6;
	padding: 10px 7px 6px 7px;
	font-size: 90%;
}

#katalog_detail h1 {
	margin: 0;
	font-weight: normal;
	font-size: 101%;
	color: #286F8F;
}

#katalog_detail_trennlinie {
	border-top: 5px solid #fff;
	height: 10px;
	background-image: url(/pictures/katalog_detail_trennlinie.gif);
	background-repeat: repeat-x;
	font-size: 1px;
}

a.katalog_zuruebersicht {
	font-size: 90%;
	color: #B6B6B6;
	text-decoration: none;
}

a:hover.katalog_zuruebersicht {
	color: #DD4757;
}

#katalog_vorschau_navigation table {
	border-top: 20px solid #fff;
}

#katalog_vorschau_navigation_trenner {
	margin-top: 20px;
	clear: both;
}

#katalog_vorschau_navigation {
	border-top: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	font-size: 90%;
	padding-top: 6px;
}

#katalog_vorschau_navigation a {
	margin: 0px 4px 0px 4px;
	text-decoration: none;
	color: #B6B6B6;
	font-weight: bold;
}

#katalog_vorschau_navigation strong {
	margin: 0px 4px 0px 4px;
	font-weight: bold;
	color: #DD4757;
}

.katalog_themen {
	float: left;
	width: 186px;
	height: 142px;
	margin: 0px 6px 10px 0px;
	border: 1px solid #b6b6b6;
	cursor: pointer;
}

.katalog_themen a:hover {
	border: 1px solid #ff0000;
}

.katalog_themen_text {
	float: left;
	margin: 4px 0px 0px 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #286F8F;
	font-size: 90%;
}

.katalog_vorschau {
	float: left;
	width: 186px;
	height: 158px;
	margin: 0px 6px 10px 0px;
	border: 1px solid #b6b6b6;
	cursor: pointer;
}

.katalog_vorschau a:hover {
	border: 1px solid #ff0000;
}

.katalog_vorschau_artnr {
	float: left;
	padding: 4px 0px 0px 7px;
	font-family: Arial, Helvetica, sans-serif;
	color: #286F8F;
	font-size: 90%;
}

.katalog_vorschau_text {
	float: left;
	clear: both;
	padding: 1px 0px 0px 7px;
	font-family: Arial, Helvetica, sans-serif;
	color: #286F8F;
	font-size: 90%;
}

.mehr {
	float: right;
	margin-top: 5px;
}

/************** # CLASS Styles mehrmals verwendbar **************/


.uebersichtTabelle {
	margin: 10px 0px 10px 0px;
}



.mehrNews {
	float: right;
	margin-top: -14px;
	margin-bottom: 0px;
	margin-right: 12px;
	padding: 0px;
}



.trennlinie {
	margin: 6px 0px;
}

.schrift_rot {
	color: #D54A4F;
}

.schrift_grau {
	color: #686868;
}

.schrift_grau_blocksatz {
	color: #686868;
	text-align: justify;
}

.english_version {
	margin-bottom: 10px;
}

.trennlinie_vertikal {
	background-image: url(/pictures/trennlinie_vertikal.gif);
	background-position: 30px;
	background-repeat: repeat-y;
}

.bild_rahmen img {
	border: ridge #FCFCFC;
}

.blocksatz {
	text-align: justify;
}

.textarea {
	margin-top: 2px;
	width: 374px;
	padding: 2px 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7c7c7c;
	background-color: #fff;
}

.textarea_variabel {
	margin-top: 2px;
	padding: 2px 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7c7c7c;
	background-color: #fff;
}

.textzeile {
	width: 170px;
	padding: 2px 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7c7c7c;
	background-color: #fff;
}

.textzeile_variabel {
	padding: 2px 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7c7c7c;
	background-color: #fff;
}

.button {
	background-color: #F9D3D6;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #D57D87;
}

.button_clear {
	margin-left: 7px;
	background-color: #eaeaea;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #B6B6B6;
}

.unten {
	font-size: 90%;
	color: #7C7C7C;
	padding-bottom: 5px;
}

a.allgaeunet {
	text-decoration: none;
	color: #7c7c7c;
}

a.link_impressum {
	text-decoration: underline;
	color: #7c7c7c;
}

a:hover.link_impressum {
	text-decoration: none;
}

.order_form th {
	text-align: left;
	padding: 0px 2px 6px;
}

.order_form td {
	padding: 0px 0px 4px 0px;
}

.keineartikel {
	color: #BFBFBF;
	text-align: center;
}