body{
background-image: url(../images/bg.jpg);
font-family: tahoma, verdana, helvetica, sans-serif;
font-size: 12px;
margin: 0px;
}

h1 { color:#000000; font-size:24px; font-weight:bold;}
h2 { color:#000000; font-size:18px; font-weight:bold;}
h3 { color:#000000; font-size:16px; font-weight:bold;}
h4 { color:#000000; font-size:14x;}
h5 { color:#000000; font-size:12x;}
h6 { color:#000000; font-size:11x;}
h7 { color:#000000; font-size:10x;}


#topbanner{
	background-image: url(../images/verlauf4.bmp);
	height: 20px;
	width: 902px;
	position: absolute;
	left: 50%;
	margin-left: -450px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
}
#banner{
	background-image: url(../images/banner.jpg);
	height: 113px;
	width: 902px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -450px;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
}
#menu {
	background-color: #F0F7FF;
	height: 550px;
	width: 220px;
	position: absolute;
	top: 137px;
	left: 50%;
	margin-left: -450px;
	border-bottom: 2px solid black;
	border-left: 2px solid black;
}
#unternavigation {
	background-color: #F0F7FF;
	height: 219px;
	width: 220px;
	position: absolute;
	top: 467px;
	left: 50%;
	margin-left: -450px;
	border-bottom: 2px solid black;
	border-left: 2px solid black;
	border-top: 1px dashed #000000;
	text-algin: left;
}
#content {
	background-color: #FFFFFF;
	height:528px;
	width: 529px;
	position: absolute;
	top: 159px;
	left: 50%;
	margin-left: -232px;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
	overflow: auto;
	padding-left: 10px;
}
#content_right {
	background-color: #FFFFFF;
	height:528px;
	width: 135px;
	position: absolute;
	top: 159px;
	left: 50%;
	margin-left: 309px;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	overflow: auto;
	padding-left: 10px;
}
#menublock1 {
	border: 1px solid #000000;
	width: 190px;
	margin: 3px;
	margin-top: 10px;
	padding: 0px;
	text-align: left;
}
#menublock2 {
	border: 1px solid #000000;
	width: 190px;
	margin: 3px;
	margin-top: 10px;
	padding: 0px;
	text-align: left;
}

#menushop {
	border: 1px solid #000000;
	width: 190px;
	margin: 3px;
	margin-top: 10px;
	padding: 0px;
	text-align: left;
}

#shopnavi {
	text-align: left;
	background-color: #f2d500;
	height: 21px;
	width: 486px;
	position: absolute;
	top: 137px;
	left: 50%;
	margin-left: -32px;
	border-right: 2px solid black;
	border-bottom: 1px solid black;
}

#search {
	text-align: left;
	background-color: #f2d500;
	height: 21px;
	width: 200px;
	position: absolute;
	top: 137px;
	left: 50%;
	margin-left: -232px;
	border-left: 2px solid black;
	border-bottom: 1px solid black;
}

#search input{
	margin-left: 1px;
	margin-top: 1px;
	font-size: 10px;
	width:110px;
	height:12px;
}
#search input[name=order]{
	font-size: 10px;
	width:70px;
	height:20px;
}

#loginbox {
	font-style: tahoma;
	font-size: 9px;
	text-align: left;
	background-color: #f2d500;
	height: 90px;
	width: 130px;
	position: absolute;
	border: 1px solid black;
	margin-top: 1px;
	padding-left: 1px;
}

#loginbox input{
	font-size: 10px;
	width:90px;
	height:12px;
}

#loginbox input[name=submit]{
	font-size: 10px;
	width:80px;
	height:20px;
}

.shopnaviitem {
	font-style: tahoma;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	margin-left: 45px;
}
.shopnaviitem a {
	text-decoration: none;
	color: #000000;
}
.shopnaviitem visited {
	text-decoration: none;
	color: #000000;
}
.bigmenu {
	display: block;
	width: 184px;
	position:realtiv;
	padding: 3px;
	border-bottom: 1px solid #000000;
	font-style: tahoma;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	background-color: #f2d500;
	text-align: left;
}

.smenu {
	position:realtiv;
	display: block;
	width: 183px;
	padding-left: 4px;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	background-color: #F0F7FF;
	text-align: left;
}

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

.smenu_act {
	position:realtiv;
	display: block;
	width: 183px;
	padding: 1px;
	padding-left: 4px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	background-color: #F0F7FF;
	text-align: left;
}

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


.smenu_2level {
	position:realtiv;
	display: block;
	width: 175px;
	padding-left: 8px;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	background-color: #F0F7FF;
	text-align: left;
}

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

.smenu_2level_act {
	position:realtiv;
	display: block;
	width: 175px;
	padding: 1px;
	padding-left: 8px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	background-color: #F0F7FF;
	text-align: left;
}

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


.smenu_3level {
	position:realtiv;
	display: block;
	width: 171px;
	padding-left: 12px;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	background-color: #F0F7FF;
	text-align: left;
}

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

.smenu_3level_act {
	position:realtiv;
	display: block;
	width: 171px;
	padding: 1px;
	padding-left: 12px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	background-color: #F0F7FF;
	text-align: left;
}

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



#kategorieSWF {
      float:left;
      width: 550px;
      height: 40px;
      z-index:0;
      position:relative;
}
 
#navigation {
      float:left;
      width: 550px;
      height: 35px;
      z-index:1; 
      position:relative;
}

#clear {
clear:both;
}


/* Diese ID wurde im HTML Template hinzugefügt für das Kategoriemenü */

#kategorienavi {
      float: right; /* WI:26.01.2006 hinzugefügt für Kategoriemenü damit Positionierung in TYPO3 stimmt */
      width: 575px; /* WI:26.01.2006 hinzugefügt damit Positionierung in TYPO3 stimmt */
}

#kategorie {
      float: left; /* WI:26.01.2006 von "right" auf "left" wegen Menüreihenfolge umgedreht */
/*    width: 140px; */ /* WI:26.01.2006 Remarked für flexible Menüitems */
      padding: 0 2.3em 0.2em 2.3em; c
      height: 40px;
}

#kategorie_active {
      float: left; /* WI:26.01.2006 von "right" auf "left" wegen Menüreihenfolge umgedreht */
/*    width: 110px; */ /* WI:26.01.2006 Remarked für flexible Menüitems */
      padding: 0 2.3em 0.2em 2.3em; /* WI:26.01.2006 hinzugefügt für die Abstände der Menüitems */
      height: 40px;
}

 

#kategoriename {
      float:left;
      width: 170px;
      height: 40px;
}

#containerunternavi {
      float:left;
      width: 170px;
}

#unternavibild {
      width: 170px;
}

#suche {
      float:left;
      text-align:left;
      padding-left:5px;
      padding-top:3px;
      width:200px;
}

#suchfeld {
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:10px;
      background-image:url(../images/bg_suchfeld.jpg);
}

#suchbutton {
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:10px;
      background-image:url(../images/bg_such_btn.jpg);
      background-color:#666666;
}

/* Original Unternavi Formating */
a.unternavi {
      display:block;
      text-indent:15px;
      color:#999999;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-weight:100;
      text-decoration:none;
}
 
a.unternavi:visited {  
      color:#999999;
      font-weight:100;
}

a.unternavi:hover {
      color:#666666;
      font-weight:100;
}

a.unternavi_active {
      display:block;
      text-indent:13px;
      color:#2F937A;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-weight:bold;
      text-decoration:none;
}

a.unternavi_active:visited {
      color:#2F937A;
}

a.unternavi_active:hover {
      color:#2F937A;
}

a.unternavi_sub {
      display:block;
      text-indent:25px;
      color:#999999;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-weight:100;
      text-decoration:none;
}

a.unternavi_sub:visited {
      color:#999999;
      font-weight:100;
}

a.unternavi_sub:hover {
      color:#666666;
      font-weight:100;
}

a.unternavi_sub_active {
      display:block;
      text-indent:25px;
      color:#2F937A;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-weight:bold;
      text-decoration:none;
}

a.unternavi_sub_active:visited {
      color:#2F937A;
}

a.unternavi_sub_active:hover {
      color:#2F937A;
}

/* TYPO3 Unternavi Formating */
#unternavi {
      display:block;
      text-indent:15px;
      color:#999999;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-weight:100;
      text-decoration:none;
}

#unternavi a:link, #unternavi a:visited {
      color:#999999;
      font-weight:100;
}

#unternavi a:hover {
      color:#666666;
      font-weight:100;
}

#unternavi_active {
      display:block;
      text-indent:13px;
      color:#2F937A;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-weight:bold;
      text-decoration:none;
}

#unternavi_active a:link, #unternavi_active a:visited {
      color:#2F937A;
}

#unternavi_active a:hover {
      color:#2F937A;
}

/* Origional Kategorie Formatierung */

#kategorie a {
      color:#999999;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-weight:100;
      text-decoration:none;
      line-height:40px;
}

#kategorie a:visited {
      color:#999999;
      font-weight:100;
}

#kategorie a:hover {
      color:#666666;
}
 
#kategorie_active a{
      color:#2F937A;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-weight:bold;
      text-decoration:none;
      line-height:40px;
}

#kategorie_active a:visited {

      color:#2F937A;

}

#kategorie_active a:hover {

      color:#2F937A;

}

 

#kopfbereich a {

      color:#999999;

      font-family:Verdana, Arial, Helvetica, sans-serif;

      font-size: 11px;

      font-weight:100;

      text-decoration:none;

      line-height:30px;

     

}
#produktinfo_hue {

      float:left;

      text-align:left; 

      font-size:15px;

      color:#666666;

      font-weight:900;

      letter-spacing:0.03em;

}

 

#produktinfo_logo {

      float:right;

      text-align:right;

}

#produktinfo_table {

      width:100%;

     

}

 

#produktinfo_ue {

      background-color:#EEECED;

      font-size:12px;

      padding:3px;

      border-right-style:solid;

      border-right-color:#FFFFFF;

      border-right-width:2px;

      font-weight:bold;

}

 

#produktinfo_ue_preis {

      background-color:#EEECED;

      font-size:12px;

      padding:3px;

      font-weight:bold;

}

 

#produktinfo_bild {

      width:100px;

      text-align:center;

      vertical-align:top;

}

 

#produktinfo_content {

      text-align:justify;

      letter-spacing:0.03em;

      line-height:14px;

}

 

#pdf_detail {

      padding-bottom: 6px;

}

 

#produktinfo_hnr {

      float: right;

}

 

#produktinfo_preis {

      vertical-align:top;

      text-align:right;

      width:80px; /* WI:2006.03.24 Preisspalte von 100px auf 80px geändert */

}

 

#produktinfo_linie {

      border-top-style:solid;

      border-top-width:1px;

      border-top-color:#EEECED;

}
#seite_info {

      float:left;

      text-align:left;

      color:#666666;

      height:30px;

      vertical-align:top;

}

 

#seite_info a {

      padding: 2px;

}

 

#vor_zurueck {

      float:right;

      text-align:right;

      height:30px;

      vertical-align:top;

}

 

/* WI:2006.03.24 #Start# Eingefügt für die Anzeige Personal Office */

#produktinfo_po_bild {

      width:150px;

      margin-right: 5px;

      text-align:center;

      vertical-align:top;

}

 

#produktinfo_po_content {

      text-align:justify;

      letter-spacing:0.03em;

      line-height:14px;

}