body {
	padding:0; /* Innenrand */
	margin:0;
  	background-color:#F6F6F6;
	
  	font-family:Verdana,Arial,Helvetica,sans-serif; color:#000000;
	behavior:url("js_css/csshover3.htc");
}


h1{
	color:#D40100;
	font-size:14pt;
}

td  {font-family : Arial, Helvetica, sans-serif;font-size : 9pt;color: Black;}

a:link  {font-family : Arial, Helvetica, sans-serif;text-decoration : none;color : Black;
		font-size : 10pt;font-weight : bold;}

a:visited  {font-family : Arial, Helvetica, sans-serif;text-decoration : none;color : Black;
		font-size : 10pt;font-weight : bold;}

a:hover  {font-family : Arial, Helvetica, sans-serif;text-decoration : underline;color : Black;
		font-size : 10pt;font-weight : bold;}


iframe{border:none;}

/* PNG-Fix für IE 5.5 u.6 http://www.twinhelix.com/css/iepngfix/ */
img, div { behavior: url("js_css/iepngfix.htc"); }


#logocontainer {
	position:absolute;
	/*border:1px solid #000000; /* Nur zum Testen */
	margin-left:20px;margin-top:0px;
	width:94%;
}

#hplogo{ /*Homepage-Logo*/
	/*border:1px solid #000000; /* Nur zum Testen */
	float:left;
	margin-top:20px;
	width:269px;
	height:50px;
	background-image:url("../images/im_logo.png");
	background-repeat:no-repeat;
}

#hplogo2{ /* weiteres Homepage-Logo*/
	/*border:1px solid #000000; /* Nur zum Testen */
	float:right;
	margin-top:20px;
	width:223px;
	height:60px;
	background-image:url("../images/uts_logo.png");
	background-repeat:no-repeat;
}


#menucontainer {
	position:absolute;
	/*border:1px solid #000000; /* Nur zum Testen */
	margin-left:20px;margin-top:100px;
	width:94%;
	z-index:10;
}

#topmenue {/*Top-Menü-Layer*/
	/* border:1px solid #000000; /* Nur zum Testen */
	float:left;
	font-size:13px; /* Anpassen, font-size beeinflusst padding in #lifirst a.hauptkat */
	/*
line-height:normal;
*/
	font-family: arial, sans-serif; 
	/*width:750px; height:100px;*/
	/*position:relative; /* ursprünglich fixed*/
	/*font-size:11px;*/
}



#topmenuesuch {
	float:right;
	/*border:1px solid #000000; /* Nur zum Testen */
	/*background:url("../images/suche.png") no-repeat left top;*/
	background:url("../images/bu_rechts_os_hover.png") no-repeat left top;
	padding: 0;margin:0;
	width:17px;height:34px;
}

#topmenuefiller {
	/*border:1px solid #000000; /* Nur zum Testen */
	height:34px; 
	background:url("../images/bu_mitte_hover.jpg") repeat-x left top;
	margin-left:500px;margin-right:17px;
}

#topmenuefiller ul li {
	/*border:1px solid #000000; /* Nur zum Testen */
	font-size:8pt;
	list-style: none;
	float:right;
	margin: 10px 0 0 0;
}

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

/* Hier liegt das Problem mit der nicht-Erreichbarkeit der Menüpunkte im IE7*/
#topmenue ul li {float:left; position:relative;margin:0 0 0 0; /*Rand der li Elemente*/
	}


/* a Styles für Hauptmenü */
#topmenue a, #topmenue a:hover.hauptkat, #topmenue a:link.hauptkat, #topmenue a:visited.hauptkat,
	a:hover.hauptkat, a:link.hauptkat, a:visited.hauptkat /* für IE */
 {
	display: block; /*NEU*/
	text-decoration:none;color:#717171;
	font-weight:bold;text-align:center;
}


/* Styles des Hauptmenüs */
#topmenue ul li a, #topmenue ul li a:visited {
	display:block; text-decoration:none; font-weight:normal;

	/*border:1px solid #fff; */
	/*background:#710069; */
	line-height:20px; font-size:13px; overflow:hidden;
}

/* Styles des Untermenüs (abweichend vom Hauptmenü) */
#topmenue ul li ul li a {
	/*border:1px solid #959595;*/
	/*margin:1px;*/
	border-bottom:1px solid #A6A6A6;border-left:1px solid #A6A6A6;border-right:1px solid #A6A6A6;
	color:#000;width:120px; height:20px; 
	text-align:left; padding-left:20px;
}

/*Abweichender Style für das erste Untermenue*/
#topmenue ul li ul.firstunter, 
	ul.firstunter /* Für IE 6 */
	{
	margin-left:17px;
}


/* Untermenü standardmäßig ausblenden */
#topmenue ul li ul {display: none;}


/* Untermenü erscheinen lassen 34px = 1/2 Höhe des Doppelbildes*/
/*#topmenue ul li:hover ul {display:block; position:absolute; top:34px; left:0; }*/
#topmenue li:hover ul {display:block; position:absolute; top:34px; left:0; }

/*
 * Beseitigung des sog. "Whitespace-Bugs" im IE < 8
 * http://www.ohne-css.gehts-gar.net/0066.php
 * Hat zwar nix gebracht, aber schadet wahrscheinlich auch nicht 
 * 
 * */
* html #topmenue ul li, /*--nur für IE-Versionen <= 6 erkennbar--*/
*+ html #topmenue ul li  /*--nur für IE 7 erkennbar--*/
{
float:left;width: 100%;
}




/* Problem: Untermenü verschwindet wieder bei IE7 */
#topmenue ul li:hover ul li:hover {display:block;}

/* a Klasse withsub => Submenüs existieren */
#topmenue ul li:hover ul li a.withsub, 
	a.withsub /*IE 6 */
	{background:#eeeeee; color:#000000;} /* Kennzeichnung, dass Submenüs existieren */
#topmenue ul li:hover ul li:hover a.withsub, 
	a.withsub:hover /* IE 6*/
	{background:#9e9e9e; color:#000000;} /* Hover über ein Untermenüs mit Submenüs */

/* Submenü standardmäßig ausblenden */
#topmenue ul li:hover ul li ul {display: none;}

/* Styles für die a-Links des Untermenüs (wenn nicht abweichend definiert, dann auch bei Submenü) */
#topmenue ul li:hover ul li a {display:block; background:#d7d7d7; color:#000;}

/* Styles für die a-Links des Untermenüs bei Hover (wenn nicht abweichend definiert, dann auch bei Submenü) */
#topmenue ul li:hover ul li a:hover, 
#topmenue ul li ul li a:hover /* IE 6 */
{background:#b4b4b4; color:#000;}

/* Submenü erscheinen lassen, Position des Submenü bei hover über das ul*/
#topmenue ul li:hover ul li:hover ul {display:block; position:absolute; left:140px; top:0;}
/* Abweichender Style für die Klasse lastsub */
#topmenue ul li:hover ul li:hover ul.lastsub {left:-105px;}

#topmenue li#lifirst, #topmenue li#lifirstsel {/*Erstes Topmenue li*/
	/*border:1px solid #000000; /* Nur zum Testen */
	background:url("../images/bu_links_hover.png") no-repeat left top;
	padding:0 0 0 17px;
}

#topmenue #lifirst a.hauptkat, #lifirstsel a.hauptkat {/*a Tag des ersten Topmenue*/
	display:block;
	background:url("../images/bu_rechts_hover.png") no-repeat right top;
	padding:  7px 20px 7px 10px;
	/*width:20px;*/ /* Breite des ersten Elementes des Hauptmenüs */
}

/*Speziell für den IE http://sonspring.com/journal/ie6-multi-class-bug */
a.hauptkat {
	display:block;
	background:url("../images/bu_rechts_hover.png") no-repeat right top;
	padding:  7px 10px 7px 10px;
}

/* Shift des Hintergrund-Bildes über den Buttons, 34px anpassen, Farbe des Links schwarz */
#topmenue li:hover, #topmenue li:hover a, #topmenue #lifirst:hover, 
#topmenue #lifirst a:hover, #topmenue #lifirst:hover a, #topmenue #current a,
#topmenue #lifirstsel a, /*NEU*/
#topmenue li:hover a:hover
{
  color:#000000;
  background-position:0% -34px;
}


#contentcontainer {
	position:absolute; 
	/*border:1px solid #000000; /* Nur zum Testen */
	width:94%;
	margin-left:20px;margin-top:150px;

	z-index:1;
}

/* http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks */

#contentimage {
	/*border:1px solid #000000; /* Nur zum Testen */
	float:left;position:relative; left:0px;
}

#content {
	position:relative;
	/*border:1px solid #000000; /* Nur zum Testen */
	margin-left: 200px;
}

#contentheader {
	float:left;
	width:100%;
	/*border:1px solid #000000; /* Nur zum Testen */
	margin-bottom: 20px;
}
#contentnavi {
	/*border:1px solid #000000; /* Nur zum Testen */	
	 float:left;
	 width:100%;
	 padding: 0 0 10px 0;
	 
}

#contenttext{
	/*border:1px solid #000000; /* Nur zum Testen */
	width:96%;
	min-height:1000px;
	float:left;
	background-color: #F6F6F6;
	padding:20px;
	font-size:11pt;line-height:130%;
}

#cheaderimage {
	/*border:1px solid #000000; /* Nur zum Testen */
	position:relative;	float:left;
	margin-right:20px;
	/*position:relative; left:0px; /* Bild wird dann im IE 6 nicht mehr dargestellt*/
	/*margin:0 20px 20px 0;*/
}



#loginlayer {
	/*border:1px solid #000000; /* Nur zum Testen */
	position:absolute;top:20px;left:535px;
	width:200px;
	z-index:100;
}
a.logout:link  {font-size : 10pt;font-weight : bold;}
a.logout:visited  {font-size : 10pt;font-weight : bold;}
a.logout:hover  {font-size : 10pt;font-weight : bold;text-decoration:underline;}


#adminlayer {
	position:absolute;top:27px;left:600px;
	width:200px;
	z-index:100;
	
}

/* DIV-Klassen */
.team{float:left;margin: 10px 20px 40px 0;width:180px;height:220px;}
.teammember{float:left; padding: 5px 5px 0 5px; font-size:10pt; text-align:center;width:180px;}
.teamdivider{clear:both;width:96%}

.r20px {
-webkit-border-radius: 2ex;
-moz-border-radius: 2ex;
}

a {text-decoration:none;color:#000000;}




/* Seitenbezeichnung */
	
a.pagebez_link:link  {font-size : 10pt;font-weight : normal;}
a.pagebez_link:visited  {font-size : 10pt;font-weight : normal;}
a.pagebez_link:hover  {font-size : 10pt;font-weight : normal;}
a.pagebez_aktuell  {font-size : 12pt;font-weight : bold;}

input.in_login {background-color:#F6F6F6;border:none;width:150px;font-size:8pt;}

ul.text {margin-left:20px;}

p.teaser {font-size:30px;color:#555555;}


.link_bullet{
	background-image:url('../images/pfeil_orange_rechts.gif');
	width:9px;
	height:9px;
	margin-top:4px;
	margin-right:5px;
	display:block;
	float:left;
	background-repeat:no-repeat;

}


/* ---------- Kontaktformular -----*/
.cl {font-size:9pt;}
.c2 {font-size:11pt;}
.w40 {width:350px;}
.cinput {width:300px;border:1px solid #000000;}
.ctextarea {width:700px;border:1px solid #000000;font-size:9pt;font-family:Verdana,Arial,Helvetica,sans-serif;}
.cfehler {font-size:8pt;color:red;margin-left:5px;}

a.avreiter{width: 180px; border-left:1px solid ;border-right:1px solid ;
border-top:1px solid ;background-color:#C6C6C6;padding: 2px; margin:0px;font-size:11pt;text-align:center;color:#777777;}


/* Reiter aktiv */
a.avreitersel{width: 180px;padding: 3px;background-color:#B72C00;font-size:11pt;text-align:center;color:white;}




/* Delete Box */
a.delbox10 {background-image:url("../images/kreuz14.jpg"); background-repeat:no-repeat;
				background-position:2px center;
				min-width:30px;border:1px solid ;border-color:#B72C00;
				padding: 2px 3px 2px 18px;
				font-size:10pt;text-align:left;color:#B72C00;}

/* Save Box */
a.savebox10 {background-image:url("../images/haken14.jpg"); background-repeat:no-repeat;
				background-position:2px center;
				min-width:30px;border:1px solid ;border-color:#009999;
				padding: 2px 3px 2px 18px;
				font-size:10pt;text-align:left;color:#009999;}
/* Next Box */
a.nextbox10 {background-image:url("../images/pfeil15.jpg"); background-repeat:no-repeat;
				background-position:2px center;
				min-width:30px;border:1px solid ;border-color:#000599;
				padding: 2px 3px 2px 18px;
				font-size:10pt;text-align:left;color:#000599;}

/* XLS - Operation xls17.jpg */

a.xlsbox17{background-image:url("../images/xls17.jpg"); background-repeat:no-repeat;
				background-position:2px center;
				padding: 2px 3px 2px 19px;
				font-size:10pt;text-align:left;color:#60975E;}

/* ------------------------------ Shop Styles ------------------------------------- */
.ArialKleinNormal {font-size:8pt;}
.ArialKleinBold {font-size:8pt;font-weight:bold;}
.ArialMittelBold {font-size:10pt;font-weight:bold;}
.ArialMittelNormal {font-size:9pt;}
.ArialMittelNormal_rot {color:#D12E2E;font-size:9pt;}
.ArialMittelNormal_Pflichtfeld {text-decoration:underline;font-style:italic;font-size:9pt;}
.ArialMittel2Normal {font-size:11pt;}
.ArialMittel2Bold {font-size:11pt;font-weight:bold;}
.ArialGrossNormal {font-size:12pt;}
.loginmeldung {font-size:8pt;}
.WKKURZINFO {font-size:8pt;}
.PageText {font-size:10pt;}
.ErrorText {color:Red;font-size:10pt;font-weight:bold;}		

/* Detaillink */	
		a.productdetail:link  {
        	background-image:url("../images/navbutton1.gif"); background-repeat:no-repeat;
			background-position:0px 2px;padding-left:14px;font-size:8pt;}

        a.productdetail:visited  {
        	background-image:url("../images/navbutton1.gif"); background-repeat:no-repeat;
			background-position:0px 2px;padding-left:14px;font-size:8pt;}

        a.productdetail:hover  {
        	background-image:url("../images/navbutton1.gif"); background-repeat:no-repeat;
			background-position:0px 2px;padding-left:14px;font-size:8pt;}
/* In den Warenkorb */	
		a.putinwarenkorb:link  {
        	background-image:url("../images/navbutton1.gif"); background-repeat:no-repeat;
			background-position:0px 2px;padding-left:14px;font-size:10pt;}

        a.putinwarenkorb:visited  {
        	background-image:url("../images/navbutton1.gif"); background-repeat:no-repeat;
			background-position:0px 2px;padding-left:14px;font-size:10pt;}

        a.putinwarenkorb:hover  {
        	background-image:url("../images/navbutton1.gif"); background-repeat:no-repeat;
			background-position:0px 2px;padding-left:14px;font-size:10pt;}	
/* Artikel loeschen */
		a.artikelloeschen:link  {
        	background-image:url("../images/roteskreuz12.gif"); background-repeat:no-repeat;
			background-position:0px 2px;padding-left:14px;font-size:8pt;}

        a.artikelloeschen:visited  {
        	background-image:url("../images/roteskreuz12.gif"); background-repeat:no-repeat;
			background-position:0px 2px;padding-left:14px;font-size:8pt;}

        a.artikelloeschen:hover  {
        	background-image:url("../images/roteskreuz12.gif"); background-repeat:no-repeat;
			background-position:0px 2px;padding-left:14px;font-size:8pt;}	

/* Ziffern fuer Produktnavigation */	
		a.productnavigation:link  {font-size:10pt;border-width:1px;border-style:solid;border-color:black;}
        a.productnavigation:visited  {font-size:10pt;border-width:1px;border-style:solid;border-color:black;}
        a.productnavigation:hover  {font-size:10pt;border-width:1px;border-style:solid;border-color:black;}
	
		a.productnavigation_sel:link  {color:white;font-size:10pt;background-color:#D40100;border-width:1px;
  			border-style:solid;border-color:black;}
        a.productnavigation_sel:visited  {color:white;font-size:10pt;background-color:#D40100;border-width:1px;
  			border-style:solid;border-color:black;}
        a.productnavigation_sel:hover  {color:white;font-size:10pt;background-color:#D40100;border-width:1px;
  			border-style:solid;border-color:black;}
/* Pfeil fuer Produktnavigation */
		a.productnavigation_pfeil:link  {font-size:12pt;font-weight:bold;}
        a.productnavigation_pfeil:visited  {font-size:12pt;font-weight:bold;}
        a.productnavigation_pfeil:hover  {font-size:12pt;font-weight:bold;}		

		a.productnavigation_zurueck:link  {font-size : 11pt;background-image:url("../images/linkicons/pfeil_10.gif");
			background-repeat:no-repeat;background-position:0px 2px;padding-left:14px;}
        a.productnavigation_zurueck:visited  {font-size : 11pt;background-image:url("../images/linkicons/pfeil_10.gif");
			background-repeat:no-repeat;background-position:0px 2px;padding-left:14px;}
        a.productnavigation_zurueck:hover  {font-size : 11pt;background-image:url("../images/linkicons/pfeil_10.gif");
			background-repeat:no-repeat;background-position:0px 2px;padding-left:14px;}			
/* Seite X von fuer Produktnavigation */			
		.productnavigation_page {font-family : Arial, Helvetica, sans-serif;color : black;font-size : 11pt;}
/* Meldung Artikel in WK gelegt fuer Produktnavigation */	
		.wkmeldung {font-family : Arial, Helvetica, sans-serif;color : #CF0100;font-size:9pt;}
		
		a.zurkassegehen:link  {color:white;font-size:10pt;background-color:#D40100;padding:2px;}
        a.zurkassegehen:visited  {color:white;font-size:10pt;background-color:#D40100;padding:2px;}
        a.zurkassegehen:hover  {color:white;font-size:10pt;background-color:#D40100;padding:2px;}	


		a.chr_rot:link  {color:#D40100;font-size:8pt;}
		a.chr_rot:visited  {color:#D40100;font-size:8pt;}
		a.chr_rot:hover  {color:#D40100;font-size:8pt;}
		
		a.agblink:link  {color:#000000;font-size:7pt;}
		a.agblink:visited  {color:#000000;font-size:7pt;}
		a.agblink:hover  {color:#000000;font-size:7pt;}
		.agb  {color:#000000;font-size:8pt;}


/* ------------------------------ ADMIN - Styles ---------------------------------- */
#navi_admin {
/*border:1px solid #000000; /* Nur zum Testen */
position:absolute;
left:300px;
top:0px;
height:42px;
font-size:10px;
padding-left:0;
}

#navi_admin ul{
list-style:none;
height:42px;
text-align:left;
padding:10px 10px;
float:left;
margin:0px;
}

#navi_admin ul li{
float:left;
position:relative;
margin:0 3px;
}
 

#navi_admin ul li a{
color:#ff0000;
}