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-image: url(../images/bg0.jpg);
	height:550px;
	width: 674px;
	position: absolute;
	top: 137px;
	left: 50%;
	margin-left: -232px;
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	overflow: auto;
	padding-left: 10px;
	font-family: tahoma, verdana, helvetica, sans-serif;

	
}
#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 {
	width: 678px;
	position:realtiv;
	padding: 3px;
	border-bottom: 1px solid #000000;
	font-style: tahoma;
	font-size: 12px;
	font-weight: bold;
	margin-left: -10px;
	text-decoration: none;
	color: #000000;
	background-color: #f2d500;
	text-align: left;
}

.bigmenu {
	display: block;
	width: 184px;
	position:realtiv;
	padding: 3px;
	border-bottom: 1px solid #000000;
	font-style: tahoma;
	font-size: 13px;
	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-left: 4px;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	background-color: #F0F7FF;
	text-align: left;
}

.smenu_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;

}

/********* Stylesheet der Frontendbenutzerregistrierung **********/

.tx-srfeuserregister-pi1 p

{

margin-top: .5em;

margin-bottom: 0;

padding: 0 .3em;

text-indent: 0;

}

.tx-srfeuserregister-pi1 h4

{

margin-top: 0;

padding-left: .3em;

}

.tx-srfeuserregister-pi1 legend

{

padding: 0 .5em;

font-weight: bold;

}

.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice

{

font-style: italic; margin-bottom: 1em;

}

.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash

{

margin-bottom: 2em;

}

.tx-srfeuserregister-pi1 a

{

padding-left: 14px;

background-color: transparent;

text-decoration:none;

margin: 0px;

text-align: left;

margin-left: 1px;

padding: 0px;

color: #FE6F00;

font-family: 'Trebuchet MS','Lucida Grande', Verdana, Arial, sans-serif;

font-size: 12px;

text-decoration: underline;

font-weight: bold;

}

.tx-srfeuserregister-pi1 label

{

margin: 0;

padding: 0;

}

.tx-srfeuserregister-pi1 label span

{

color: #ff0000;

}

.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error

{

color: #ff0000;

}

.tx-srfeuserregister-pi1 input

{

margin: 0;

padding: 0 .5em 0 0;

}

.tx-srfeuserregister-pi1 input[type=password]

{

margin-right: 1em;

}

* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password

{

margin-right: 1em;

}

.tx-srfeuserregister-pi1 input[type=radio], .tx-srfeuserregister-pi1 input[type=checkbox]

{

background-color: transparent;

}

* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-radio, * html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-checkbox

{

background-color: transparent;

}

.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon

{

margin-left: 1em;

background-color: transparent;

}

.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon:hover

{

cursor: pointer;

}

.tx-srfeuserregister-pi1 a.tx-srfeuserregister-pi1-file-view

{

padding-left: 15px;

background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link_new_window.gif");

background-color: transparent;

background-repeat: no-repeat;

font-size: .8em;

margin-left: 1em;

}

.tx-srfeuserregister-pi1 ul

{

margin: 0;

padding: 0;

list-style-position: inside;

}

.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes

{

list-style-type: none;

}

.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li

{

margin: 0 0 .3em 0;

padding: 0;

}

.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li label

{

margin: 0;

padding: 0 0 0 .5em;

}

.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checked-values li

{

float: left;

padding: 0 2em 0 0;

margin: 0;

}

.tx-srfeuserregister-pi1 dl

{

margin: 0;

padding: 1em 0 0 0;

}

.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd

{

margin: 0;

padding: 0 0 .5em 0;

float: left;

}

.tx-srfeuserregister-pi1 dt

{

clear: both;

width: 25%;

text-align: right;

padding-right: 1em;

}

.tx-srfeuserregister-pi1 dd

{

text-align: left;

width: 50%;

}

.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dt

{

width: auto;

padding-right: 0;

}

.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dd

{

width: auto;

}

* html .tx-srfeuserregister-pi1 dd

{

float: none;

}

.tx-srfeuserregister-pi1 dd p

{

margin-top: 0;

margin-bottom: .5em;

padding: 0;

}

.tx-srfeuserregister-pi1 dd label

{

padding: 0 1em 0 .5em;

}