/* Stylesheet fuer Renk Testsystem */

/* Body und Aussencontainer */
body {
/*	SCROLLBAR-FACE-COLOR: #C9DFED;
	SCROLLBAR-HIGHLIGHT-COLOR: #C9DFED;
	SCROLLBAR-SHADOW-COLOR: #C9DFED;
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR:  #98C0DC;
	SCROLLBAR-TRACK-COLOR: #C9DFED;
	SCROLLBAR-DARKSHADOW-COLOR: #98C0DC; */
	font: 9pt Verdana, Arial, "Sans Serif", Helvetica;
	color: #001C35;
	margin: 0px;
	padding: 0 0 36px 0;
	background-color: #98C0DC;
	background-image: url("../images/hintergrund.gif");
	background-repeat: repeat-y;
	background-position: left top;
}

table { font: 9pt Verdana, Arial, Helvetica, "Sans Serif"; }

/* aeusserste Container positionieren */
div#footer_container{ position:absolute; bottom:-3px; left:0; width:100%; height:35px; background-image: url("../images/hintergrund_frame.gif"); background-repeat: repeat-x; background-position: left top; z-index: 99; }
@media screen{ body>div#footer_container{ position: fixed; } }
* html body{ overflow:hidden; }
* html div#aussen{ height:100%; overflow:auto; }

/* Im #aussen-Container */
#obenwillkomen           { height: 156px; margin: 0; padding: 0; }
#content                 { margin: 0; padding: 0 44px 10px 190px; }

a         { font: 9pt Verdana, Arial, Helvetica, "Sans Serif"; text-decoration:none; }
a:link    { color: #001C35; }
a:visited { color: #001C35; }
a:active  { color: #001C35; }
a:hover   { color: #001C35; text-decoration:underline; }

/* Navigation */
ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 144px; /* Width of Menu Items */
	border-bottom: 0;
}

ul li {
	position: relative;
}

li ul {
	position: absolute;
	left: 144px; /* Set 1px less than menu width */
	top: 0;
	padding: 0;
	margin: 0;
	display: none;
	z-index: 1;
}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	padding: 0px;
	border: 0; /* IE6 Bug */
	border-bottom: 0;
	}

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { display: block; } /* The magic */

.navilink1 {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	background-image:  url("../images/navi_hinten1.gif");
	font-style: normal;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 2px 0px 3px 22px;
	margin: 0px;
	white-space: nowrap;
}

.navilink1:hover {
	color: #BB292B;
	text-decoration: none;
	background-image:  url("../images/navi_hinten1_aktiv.gif");
	white-space: nowrap;
}

.navilink2 {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	background-image:  url("../images/navi_hinten2.gif");
	font-style: normal;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 1px 0px 4px 22px;
	margin: 0px;
	white-space: nowrap;
}

.navilink2:hover {
	color: #BB292B;
	text-decoration: none;
	background-image:  url("../images/navi_hinten2_aktiv.gif");
	white-space: nowrap;
}

a.navilayer         { width: 200px; font-size: 8pt; line-height: 18px; color: #FFFFFF; background-color: #98C0DC; text-decoration: none; }
a.navilayer:visited { width: 200px; font-size: 8pt; line-height: 18px; color: #FFFFFF; background-color: #98C0DC; text-decoration: none; }
a.navilayer:hover   { color: #001C35; background-color: #98C0DC; text-decoration: underline; }

/* Statuszeile */
.status             { }
.statuslink         { font-size: 8pt; text-decoration: none; color: #001C35; }
.statuslink:hover   { text-decoration: underline; }

/* Content */
.contentrahmen    { margin: 0; padding: 0; width: 750px; }
.contentbild      { float: right; border: 1px solid #001C35; margin-left: 10px; }
.fliesstext       { padding-left: 16px; }
.produktbildklein { border: 1px solid #001C35; }
img               { border: 0px solid black; }
.nachoben         { padding-top: 10px; padding-left: 670px; }
h1                { font-size : 9pt; font-weight: bold; background-image: url("../images/punkt.gif"); background-repeat: no-repeat; background-position: left top; padding-left: 16px; margin-top: 26px; }

/* Content - Produktunterseiten */
.prod_container_left  { float: left; padding-left: 12px; }
.prod_container_right { padding-left: 372px; }
.prod                 { display: table; width: 350px; margin: 5px; }
.prod img             { width: 80px; }
.bild_teaser          { border: 1px solid #001C35; float: left; padding: 2px; margin: 2px 5px 2px 2px; }
.prod_normal          { padding: 3px; }
.prod p.header        { font-weight: bold; }

/* Content - Sitemap */
.sitemap_row_left  { float: left; margin: 0; padding: 0 0 0 12px; }
.sitemap_row_right { float: right; margin: 0; padding: 0; }
.sitemap_cell      { border: 1px solid black; padding: 1px; margin: 10px 5px 10px 5px; background-color: #FFFFFF; width: 350px; }
.sitemap_link_1    { background-color: #98C0DC; margin: 1px; padding: 0px; }
.sitemap_link_2    { background-color: #C9DFED; margin: 1px; padding: 0px; }
.sitemap_link_1 a  { font: 11px Verdana, Arial, Helvetica, "Sans Serif"; font-weight: bold; line-height: 18px; padding: 4px 2px 2px 10px; }
.sitemap_link_2 a  { font: 11px Verdana, Arial, Helvetica, "Sans Serif"; font-weight: normal; line-height: 18px; padding: 4px 2px 2px 10px; }
.clear             { clear: both; }

/* Content - AGB */
.agb             { font: 11px Verdana, Arial, Helvetica, "Sans Serif"; }
.zeile           {  }
.zahl            { width: 35px; font-weight: bold; padding: 15px 0px 5px 0px; }
.zahl_header     { width: 520px; font-weight: bold; padding: 15px 0px 5px 0px; }
.zahl_sub        { width: 35px; padding: 0 0 5px 0; }
.zahl_text       { width: 520px; padding: 0 0 5px 0; }

/* Content - Kontaktformular */
.form_row        { margin: 5px 0 5px 0; padding: 0 0 0 16px; }
.form_label      { float: left; position: relative; width: 150px; margin: 0; padding: 0; vertical-align: top; }
.form_text       { clear: both; padding-left: 16px; }
.form_field      { display: inline; margin: 0; padding: 0; }
.form_innerfield { padding-left: 160px; }
.form_error      { color: #FF0000; }
.textfeld1       { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; height: 15px; width: 205px; border: 1px solid #CCCCCC; padding-left: 5px; margin: 0  5px 5px 0; vertical-align: middle; }
textarea         { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; height: 60px; width: 205px; border: 1px solid #CCCCCC; padding-left: 5px; margin: 0 10px 5px 0; vertical-align: middle; }

/* Footer */
.suchform        { display: inline; width: 150px; margin: 0 0 0 30px; padding: 0; border: 0; }
.suchform input  { display: inline; vertical-align: top; padding: 0; }
.textfeld_suche  { margin: 9px 0 0 0; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000000; width: 100px; border: 1px solid #000066; }

/* Groessenbestimmung fuer besondere Faelle */
.head          { font-family : Verdana, Arial, Helvetica, "Sans Serif"; color: #001C35; font-size : 10pt; font-weight : bold; }
.headklein     { font-family : Verdana, Arial, Helvetica, "Sans Serif"; color: #001C35; font-size : 8pt; font-weight : bold; }
.headkleinrot  { font-family : Verdana, Arial, Helvetica, "Sans Serif"; color: #BB292B; font-size : 8pt; font-weight : bold; }
.headrot       { font-family : Verdana, Arial, Helvetica, "Sans Serif"; color: #BB292B; font-size : 10pt; font-weight : bold; }
.headgross     { font-family : Verdana, Arial, Helvetica, "Sans Serif"; color: #CE0E14; font-size : 12pt; font-weight : bold; }
.textklein     { font-family : Verdana, Arial, Helvetica, "Sans Serif"; color: #001C35; font-size : 8pt; }
.textkleinblau { font-family : Verdana, Arial, Helvetica, "Sans Serif"; color: #001C35; font-size : 8pt; }
.textkleinblaufett  { font-family : Verdana, Arial, Helvetica, "Sans Serif"; color: #001C35; font-size : 8pt; font-weight : bold; }
.fett  { font-family : Verdana, Arial, Helvetica, "Sans Serif"; color: #001C35; font-size : 9pt; font-weight : bold; }

a.underrot         { font-family: Verdana, Arial, Helvetica, "Sans Serif"; font-size:9pt; text-decoration:underline; }
a.underrot:link    { color: #001C35; ; text-decoration:underline; }
a.underrot:visited { color: #001C35; ; text-decoration:underline; }
a.underrot:active  { color: #001C35; ; text-decoration:underline; }
a.underrot:hover   { color: #BB292B; text-decoration:none; }

a.navi         { font-family: Verdana, Arial, Helvetica, "Sans Serif"; font-size:8pt; text-decoration:none; }
a.navi:link    { color: #FFFFFF; }
a.navi:visited { color: #FFFFFF; }
a.navi:active  { color: #FFFFFF; }
a.navi:hover   { color: #001C35; ; text-decoration:underline; }

a.blau         { font-family: Verdana, Arial, Helvetica, "Sans Serif"; font-size:8pt; text-decoration:none; }
a.blau:link    { color: #001C35; }
a.blau:visited { color: #001C35; }
a.blau:active  { color: #001C35; }
a.blau:hover   { color: #001C35; ; text-decoration:underline; }

a.blaufett         { font-family: Verdana, Arial, Helvetica, "Sans Serif"; font-size:8pt; text-decoration:none; font-weight : bold; }
a.blaufett:link    { color: #001C35; }
a.blaufett:visited { color: #001C35; }
a.blaufett:active  { color: #001C35; }
a.blaufett:hover   { color: #001C35; ; text-decoration:underline; }

a.weiss         { font-family: Verdana, Arial, Helvetica, "Sans Serif"; font-size:8pt; text-decoration:none; }
a.weiss:link    { color: #FFFFFF; }
a.weiss:visited { color: #FFFFFF; }
a.weiss:active  { color: #FFFFFF; }
a.weiss:hover   { color: #FFFFFF; ; text-decoration:underline; }

a.blauunder         { font-family: Verdana, Arial, Helvetica, "Sans Serif"; font-size:8pt; text-decoration:none; }
a.blauunder:link    { color: #94292B; ; text-decoration:none; }
a.blauunder:visited { color: #94292B; ; text-decoration:none; }
a.blauunder:active  { color: #94292B; ; text-decoration:none; }
a.blauunder:hover   { color: #001C35; text-decoration:none; }

a.weiter         { font-family: Verdana, Arial, Helvetica, "Sans Serif"; font-size:8pt; text-decoration:none; }
a.weiter:link    { color: #5F9EC9; }
a.weiter:visited { color: #5F9EC9; }
a.weiter:active  { color: #5F9EC9; }
a.weiter:hover   { color: #5F9EC9; ; text-decoration:underline; }

a.fetthell         { font-family: Verdana, Arial, Helvetica, "Sans Serif"; font-size:9pt; text-decoration:none; font-weight : bold; }
a.fetthell:link    { color: #5F9EC9; }
a.fetthell:visited { color: #5F9EC9; }
a.fetthell:active  { color: #5F9EC9; }
a.fetthell:hover   { color: #5F9EC9; ; text-decoration:underline; }

a.hellgross         { font-family: Verdana, Arial, Helvetica, "Sans Serif"; font-size:9pt; text-decoration:none; }
a.hellgross:link    { color: #5F9EC9; }
a.hellgross:visited { color: #5F9EC9; }
a.hellgross:active  { color: #5F9EC9; }
a.hellgross:hover   { color: #5F9EC9; ; text-decoration:underline; }

a.hell         { font-family: Verdana, Arial, Helvetica, "Sans Serif"; font-size:8pt; text-decoration:none; font-weight : bold; }
a.hell:link    { color: #5F9EC9; }
a.hell:visited { color: #5F9EC9; }
a.hell:active  { color: #5F9EC9; }
a.hell:hover   { color: #5F9EC9; ; text-decoration:underline; }

.bildbox         { padding: 0; margin: 0 0 0 16px; clear: left; height: 150px; }
.kontaktbild     { float: left; border: 1px solid #001C35; padding: 2px; height: 140px; width: 93px; margin: 0; }
.textrechts      { margin: 0 0 0 108px; }