body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	line-height: 13px;
}

a:link { text-decoration: none; color: #FF6600; }
a:visited { text-decoration: none; color: #FF6600; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }
a img { border: 0px; }

h1, .headlineSuche { font-size: 15px; margin: 0px 0px 5px 0px; padding: 0px; color: #575452; font-weight: bold; }
h2 { font-size: 12px; margin: 0px 0px 3px 0px; padding: 0px; color: #575452; font-weight: bold; }
h3 { font-size: 10px; margin: 0px; padding: 0px; color: #575452; font-weight: bold; }
p { margin: 0px 0px 5px 0px; line-height: 13px; font-size: 10px; }

/*
** Der Wrapper beinhaltet
** den kompletten Content
*/

div#wrapper {
	width: 824px;
	margin: 45px auto 0px auto;
}

/*
** Navigationsleiste und Logo
*/
div#menu {
	width: 420px;
	margin-bottom: 15px;
	padding-top: 40px;
	text-transform: uppercase;
	float: left;
}
div#suche {
	width: 150px;
	margin-bottom: 15px;
	padding-top: 40px;
	float: left;
}

img#logo {
	width: 227px;
	display: inline;
	float: right;
}

/*
** Die Navigation wird als
** Dropdownmenü in CSS
** realisiert.
*/
#menu ul { margin: 0px; padding: 0px; list-style: none; font-size: 10px; }
#menu a { width: auto; color: #575452; text-decoration: none; display: block; }
#menu a:hover, 
#menu ul li.active { color: #FF2700; }
#menu ul li { width: auto; margin-right: 25px; float: left; }
#menu ul li ul { width: auto; left: -999em; position: absolute; }
#menu ul li ul li { margin: 0px; padding: 0px 0px 0px 5px; display: inline; }
#menu ul li ul li a { margin-right: 10px; }
#menu ul li ul li a div a { margin-right: 0px; }
#menu ul li:hover ul,
#menu ul li.active ul,
#menu ul li.sfhover ul { left: auto; }

/*
*/
#suche ul { margin: 0px; padding: 0px; list-style: none; font-size: 10px; z-index: 5; }
#suche a { width: auto; color: #575452; text-decoration: none; display: inline; }
#suche a:hover, 
#suche ul li.active { color: #FF2700; }
#suche ul li { width: auto; margin-right: 30px; float: left; }
#suche ul li ul { width: auto; left: -999em; position: absolute; }
#suche ul li ul li { margin: 0px; padding: 0px 0px 0px 5px; display: inline; }
#suche ul li ul li { margin-right: 10px; }
#suche ul li:hover ul,
#suche ul li.active ul,
#suche ul li.sfhover ul { left: auto; }

#kategorieauswahl { 
	width: 100%;
	heigth: auto;
	background:url(../img/background_auswahl.gif) repeat-x 0 0;
}

	div#produktauswahl {
		background-color: #eeeeee;
		width: 640px;
		heigth: auto;
		padding: 3px 3px 3px 3px;
		margin: 0px 0px 10px 0px;
		display: inline;
		float: left;
		background:url(../img/background_auswahl.gif) repeat-x 0 0;
	}

	#menuHersteller { 
		/*background-color: #eeeeee;*/
		width: 158px;
		heigth: auto;
		padding: 2px 20px 1px 0px;
		margin: 0px;
		float: left;
		line-height: 2;
		border: none 1px #808080;
		/*background:url(../spray/yui/build/assets/skins/sam/sprite.png) repeat-x 0 0;*/
		font-size: 9px;
		text-transform: uppercase;
		text-align: right;
	}
	#menuHersteller a { width: auto; color: black; text-decoration: none; display: block; }
	#menuHersteller a:hover, 
	#menuHersteller ul li.active { color: #FF2700; }

/*
** Footer-Navigation
*/
div#footermenu {
	margin: 10px 0px 0px 0px; 
	padding: 0px; 
	width: auto;
	float: left;
}
/*
ul#footer_navigation { margin: 0px; padding: 0px; list-style: none; position: relative; z-index: 20; }
ul#footer_navigation li { margin-right: 35px; text-transform: uppercase; float: left; }
ul#footer_navigation li a { color: #575452; }
ul#footer_navigation li a:hover { text-decoration: none; color: #FF2700; }
*/
#footermenu ul { margin: 0px; padding: 0px; list-style: none; font-size: 10px; z-index: 20; }
#footermenu a { width: auto; color: #575452; text-decoration: none; display: block; }
#footermenu a:hover, 
#footermenu ul li.active { color: #FF2700; }
#footermenu ul li { width: auto; margin-right: 30px; float: left; }
#footermenu ul li ul { width: auto; left: -999em; position: absolute; }
#footermenu ul li ul li { margin: 0px; padding: 0px 0px 0px 5px; display: inline; }
#footermenu ul li ul li a { margin-right: 10px; }
#footermenu ul li ul li a div a { margin-right: 0px; }
#footermenu ul li:hover ul,
#footermenu ul li.active ul,
#footermenu ul li.sfhover ul { left: auto; }
div#footer_navigation_language {
	margin: 10px 0px 0px 0px; 
	padding: 0px;
	width: 50px;
	float: right;
	text-align: right;
}

/*
** Content Definitionen für
** die verschiedenen Seiten
*/

/*
** Der Content-Bereich ist auf
** den Unterseiten zweispaltig
** aufgebaut.
*/
div#content_site {
	/*background-image: url(../img/background_site.gif);
	background-repeat: repeat;*/
	background-color: #FFFFFF;
}

/* Unterseite zweispaltig, rechts wahlweise mit/ohne Bild */

div#content_left {
	width: 375px;
	height: 370px;
	padding: 15px 15px 15px 15px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	float: left;
	border: 1px solid #DEDEDE;
	color: #666666;
}

div#content_right {
	width: 400px;
	height: 400px;
	border: 1px solid #DEDEDE;
	float: right;
}

div#content_right_2 {
	width: 375px;
	height: 370px;
	padding: 15px 15px 15px 15px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	float: right;
	border: 1px solid #DEDEDE;
	color: #666666;
}

div#content_left_nopad, div#content_right_nopad {
	width: 405px;
	height: 400px;
	border: 1px solid #DEDEDE;
	background-color: #FFFFFF;
}
div#content_left_nopad { float: left; }
div#content_right_nopad { float: right; }

/* Unterseite einspaltig */

div#content_single, div#content_single_nopadding {
	width: 794px;
	height: 370px;
	padding: 15px 15px 15px 15px;
	color: #666666;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #DEDEDE;
}
div#content_single_nopadding { 
	width: 824px;
	height: 400px;
	padding: 0px;
	overflow: hidden;
}


div#breadcrumb { color:#CCCCCC; font-size:10px; margin: 0px 0px 5px 0px;float: left; }
div#breadcrumb a { color:#CCCCCC; text-decoration: none; }
div#breadcrumb a:hover { text-decoration: underline; }
div#loginline { color:#CCCCCC; font-size:10px; margin: 0px 0px 5px 0px; float:right; }

/*
** Diverse Klassen und Definitionen
*/
div#clearer { clear: both; }

table#produkte, table#produkte tr, table#produkte td  {
	border: 0px none;
	margin: 0px;
	padding: 0px;
}
table#produkte td {
	padding-bottom: 0px;
	padding-right: 12px;
	text-align: left;
	vertical-align: top;
}
table#produkte td img {
	border: 1px solid #FFFFFF;
}

.hervorheben, .fehler { color: red }
.hinweis { color: orange }
.okay { color: green }

.klein { font-size: 9px }

div#produktvorschau {
	float: left;
	width: 130px;
	margin: 0px 20px 20px 0px;
	text-align: left;
	color: black;
	font-size: 11px;
}
div#produktvorschau a { color: #000000; text-decoration: none; }
div#produktvorschau a:hover { color: #ff0000; }

.produktname { font-size: 12px; font-weight: bold; }
.filter { color: #666666; }

div#WkInhaltBox { width: 590px; float: left; }
div#WkRandBox { margin: 0px 0px 0px 10px; float: left; width: 160px; }
div#WkDesignerBox { border: 1px solid #666666; padding: 0px; width: 100%; margin-bottom: 3px; }
div#WkAuftragBox { background-color: #dddddd; padding: 5px; border-bottom: 1px dotted #666666; }
div#WkAuftragspositionBox { background-color: #ffffff; border-bottom: 1px dotted #666666; padding: 2px 0px 2px 0px; }
div#MlAuftragspositionBox { background-color: #ffffff; border-bottom: 1px dotted #666666; padding: 2px 0px 2px 0px; }

table#anschriften th { text-align: left; background-color:#999999; }
table#anschriften tr.trodd { background-color: white; }
table#anschriften tr.treven { background-color: #CCCCCC; }
table#anschriften tr.traktiv { background-color: #FFFFCC; border: 1px solid red; }
table#anschriften tr.trneuaktiv { background-color: #FFFF66; border: 1px solid red; }

a#button { background-color: #CCCCCC; padding: 2px 5px 2px 5px; border: 1px solid black; }
a#button:hover { background-color: #666666; padding: 2px 5px 2px 5px; border: 1px solid black; text-decoration: none; }

a#farbfeld { padding: 0px; margin: 0px; }
a#farbfeld img { border: 1px solid white; }

div#homebox { width: 180px; height: 180px; padding: 10px; margin: 0px 8px 0px 0px; float: left; }
div#homepict, div#homepict_letztes { width: 200px; height: 200px; padding: 0px; margin: 0px 8px 0px 0px; float: left; }
div#homepict_letztes { margin: 0px; }

.homeclaim { font-size: 24px; font-weight: bold; line-height: 40px; }
.homeclaim2 { font-size: 18px; font-weight: bold; }
.designername { color: #999; }
#preisDiv { display: inline; font-weight: bold; font-size: 12px; color: #FF6600 }

#eingabefeld { float: left; margin-right: 10px; }
#eingabekommentar { float: left; width: 400px; color: #666666; }

div#fortschritt { float: right; padding-right: 0px; color: #CCCCCC; }
div#fortschritt span.aktiv, div#fortschritt a.aktiv { color: #FF6600; }
div#fortschritt span.vorbei, div#fortschritt a.vorbei { color: #333333; }
div#fortschritt ul, div#fortschritt li { padding: 0px; margin: 0px; }