BODY {
	padding: 10px 0px 0px 0px;
	margin: 0px;
	height: 101%;
}

html {
	height: 100%;
	margin-bottom: 1px; 
}	

#zentrieren { 
    position: absolute; /*wichtig*/ 
    left: 50%; /*wichtig*/ 
    margin: 0 -490px 0 -490px; /*wichtig*/ 
    width: 980px;     
}

#logo { 
	background: url(../images/s2dlogo.jpg);
    width: 770px;
	height: 102px;     
}

#logomiddle { 
	background: #FFFDF9 url(../images/plogomiddle.gif) no-repeat bottom right;
    width: 770px;
	height: 20px;
	text-align: right;   
}

#logomiddle img {
	 margin-bottom: -3px;
	 margin-top: -1px;
	 margin-right: 6px;
	 border: 0px;
}

#logobottom { 
	background: url(../images/plogobottom.gif);
    width: 770px;
	height: 14px;     
}

/* Suchfeld */

#searcharea {
	position: absolute;
	top: 129px;
	left: 2px;
	padding: 0px;
	margin-left: 4px;
	width: 160px;
}

input.search {
	border : 1px solid #1E5926;
	background-color: #FFFD9F;
	vertical-align: top;
	padding: 0px 4px 0px 4px;
	margin: 0px;
}

form.search {
	margin: 0px;
}

#menue {
	position: relative;
	float: left;
	width: 160px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

#menue ul {
	list-style-type: none;
	width: 160px;
	margin: 0px;
	padding: 0px;
}

#menue li a img {
	vertical-align : middle;
}

#menue li {
	display: inline;
}

#menue li a {
	display: block;
	text-decoration: none;
}

#menue li a.sel {
}

#menue li a:hover {
	color: #FFFFFF;
	display: block;
	background: url(../images/pnavihover.gif) no-repeat;
}

.maintopic {
	margin-top: 4px;
	padding: 2px 2px 7px 4px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	background: url(../images/pnavi.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.maintopicsel {
	margin-top: 6px;
	padding: 2px 2px 7px 4px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	display: block;
	background: url(../images/pnavihover.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

.topic {
	padding: 4px 2px 1px 8px;
	color: #1E5926;
	font-size: 11px;
	font-weight: normal;
	background: url(../images/pdot.gif) no-repeat 0px 6px;
}

#menue a.topic:hover {
	padding: 4px 2px 1px 8px;
	color: #003908;
	text-decoration: underline;
	font-size: 11px;
	background: url(../images/pdot.gif) no-repeat 0px 6px;
	text-decoration: underline;
}

.topicsel {
	padding: 6px 2px 3px 8px;
	color: #1E5926;
	font-size: 11px;
	font-weight: bold;
	background: url(../images/pdot2.gif) no-repeat 0px 6px;
}

#menue a.topicsel:hover {
	padding: 6px 2px 3px 0px;
	color: #1E5926;
	font-size: 11px;
	font-weight: bold;
	background: url(../images/pdot.gif) no-repeat 150px 8px;
}

.subtopic {
	padding: 2px 2px 2px 16px;
	color: #1E5926;
	font-size: 10px;
	font-weight: normal;
	background: url(../images/pdot.gif) no-repeat 8px 3px;
}

#menue a.subtopic:hover {
	padding: 2px 2px 2px 16px;
	color: #003908;
	text-decoration: underline;
	font-size: 10px;
	background: url(../images/pdot.gif) no-repeat 8px 3px;
	text-decoration: underline;
}

.subtopicsel {
	padding: 2px 2px 2px 16px;
	color: #1E5926;
	font-size: 10px;
	font-weight: bold;
	background: url(../images/pdot.gif) no-repeat 8px 3px;
	}

#menue a.subtopicsel:hover {
	padding: 2px 2px 2px 8px;
	color: #1E5926;
	font-size: 10px;
	font-weight: bold;
	background: url(../images/pdot.gif) no-repeat 150px 6px;
}

#content {
	position: relative;
	float: left;
	width: 610px;
	padding: 0px 10px 0px 10px;
	margin: 0px;
}

#content .sidepicture {
	float: right;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 10px;
	width: 155px;
}

/* Liste */

#content ul {
	list-style: none;
	padding: 0px;
	margin: 6px 0px 6px 0px;
}

#teasersidebar ul {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 6px 10px;
}

#content li, #teasersidebar li {
	padding: 2px 0px 10px 16px;
	background: url(../images/pbull.gif) no-repeat 0px 2px;
	line-height: 150%;
	font-size: 11px;
}

#content a {
	text-decoration: none;
	color: #1E5926;
	font-weight: bold;
}

#content a:hover {
	color: #003908;
	text-decoration: underline;
}

#common {
	padding: 20px 10px 22px 10px;
	margin: 0px;
	font-size: 11px;
	font-family: arial;
	color: #000000;
}

#common a {
	list-style-type: none;
	padding: 4px 10px 4px 10px;
	color: #1E5926;
	text-decoration: none;
	outline: none;
	background: url(../images/pdot.gif) no-repeat 0px 5px;
}

#common a:hover {
	color: #003908;
	text-decoration: underline;
}

#moretop {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	text-align: right;
	font-size: 10px;
	color: #1E5926;
	line-height: 120%;
}

#moretop a {
	text-decoration: none;
	font-weight : normal;
	color: #1E5926;
}

#moretop a:hover {
	color: #003908;
	text-decoration: underline;
}

#more {
	margin: 0px;
	padding: 30px 0px 20px 0px;
	text-align: right;
	line-height: 120%;
	font-size: 10px;
	color: #1E5926;
}

#more a {
	text-decoration: none;
	font-weight : normal;
	color: #1E5926;
}

#more a:hover {
	color: #003908;
	text-decoration: underline;
}

#footer {
	clear: both;
	width: 790px;
	padding: 20px 10px 0px 10px;
	margin: 0px;
	text-align: center;
	height: 50px;
}

/* Teaser */

div.teaserelement {
	float: left;
	padding: 0px 20px 10px 0px;
	margin: 0px;
}

#content .teaser .teaserelement p {
	margin-left: 4px;
}

#teasertop {
	background-color: #1E5926;
	height: 20px;
}

div.teaser {
	margin: 0px;
	padding: 2px 0px 2px 0px;
}

div.teaserpicture {
	float: right;
	padding: 3px 0px 0px 0px;
	margin: 4px 4px 10px 10px;
	border: none;
}

p.teasertext {
	margin: 0px;
	padding: 4px 0px 4px 4px;
}

.teasernav {
	clear: both;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	text-align: center;
}

div.infobutton img {
	margin: 0px 0px 2px 6px;
}

div.infobutton img:hover {
	margin: 0px 0px 2px 8px;
}

div.preisinfobutton {
}

div.preisinfobutton img {
	margin-top: 4px;
	margin-bottom: 0px;
	margin-left: 5px;
}

div.preisinfobutton img:hover {
	margin-top: 4px;
	margin-bottom: 0px;
	margin-left: 7px;
}

.clearer {
	clear: both;
}

.hover img {
	filter:alpha(opacity=65); 
	opacity: 0.65;
}

.hover img:hover {
	filter:alpha(opacity=100); 
	opacity: 1;
}

A {
	font-family : Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
}

A:hover {
	text-decoration : underline;
	color: #003908;	
}

A.navnormal {
	font-size : 11px;
	color: #1E5926;
	text-decoration : none;
	font-family: arial;
}

A.navnormal:hover {
	font-size : 11px;
	color: #003908;	
	text-decoration : underline;
}

A.navhighlight {
	font-size : 11px;
	color: #1E5926;
	text-decoration : none;
	font-weight: bold;
}

A.navhighlight:hover {
	color: #003908;	
}


A.navnormal3 {
	font-size : 11px;
	font-family : arial;	
	color: #1E5926;
	text-decoration : none;
}

A.navnormal3:hover {
	font-size : 11px;
	font-family : arial;
	color: #003908;	
	text-decoration : underline;
}

A.navhighlight3 {
	font-size : 11px;
	font-family : arial;
	color: #1E5926;
	text-decoration : none;
	font-weight: bold;
}

A.navhighlight3:hover {
	font-size : 11px;
	font-family : arial;
	color: #003908;	
}

A.navnormal2 {
	font-size : 10px;
	font-family : arial;	
	color: #1E5926;
	text-decoration : none;
}

A.navnormal2:hover {
	font-size : 10px;
	font-family : arial;
	color: #003908;	
	text-decoration : underline;
}

A.navhighlight2 {
	font-size : 10px;
	font-family : arial;
	color: #1E5926;
	text-decoration : none;
	font-weight: bold;
}

A.navhighlight2:hover {
	font-size : 10px;
	font-family : arial;
	color: #003908;	
	text-decoration : underline;
}


A.link  {
	font-weight : bold;
	color: #1E5926;
	text-decoration : none;
}

A.link:hover  {
	color: #003908;	
	text-decoration : underline;
}

A.teaser  {
	font-size : 10px;
	font-weight : bold;
	line-height : 140%;
	color: #1E5926;
	text-decoration : none;
}

A.teaser:hover  {
	color: #003908;	
	text-decoration : underline;
}

P  {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #000000;
	font-weight : normal;
	line-height : 150%;
}

P.picture  {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #003C09;
	margin-top : 2pt;
	margin-bottom : 1pt;
	line-height : 140%;
}

P.teaser  {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #003C09;
	margin-bottom : 2px;
	margin-top : 4px;
	line-height : 140%;
}

.heading  {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	font-weight : bold;
}

H1  {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-variant:small-caps;
	color: #1E5926;
    margin-top : 12pt;
    margin-bottom : 14pt;
	font-weight : bold;
}


H2  {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-variant:small-caps;
	color: #1E5926;
    margin-top : 12pt;
    margin-bottom : 4pt;
	font-weight : bold;
}

H3  {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-variant:small-caps;
	color: #1E5926;
	font-weight : bold;
    margin-top : 12pt;
    margin-bottom : 2pt;
}


.teaser H3  {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-variant:small-caps;
	color: #ffffff;
	font-weight : bold;
    margin-top : -14pt;
    margin-bottom : 2pt;
    padding-left: 4px;
    overflow: hidden;
}


.sidepicture h3{
	font-family : Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight : normal;
	color: #1E5926;
	font-variant: normal;
    margin-top : 2pt;
    margin-bottom : 2pt;
}

H4  {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-variant:small-caps;
	color: #1E5926;
	font-weight : bold;
    margin-top : 2pt;
    margin-bottom : 2pt;
}

TD.standardcell  {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #003C09;
}

TD.standardcell A.link  {
	font-weight : normal;
	font-size: 90%;
	color: #1E5926;	
	text-decoration : none;
}

TD.standardcell A.link:hover  {
	color: #0000FF;	
	text-decoration : underline;
}

TD.headercell  {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #003C09;
	font-weight: bold;
}

TD.cell  {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003C09;
}

TD.cell A.link  {
	font-weight : normal;
	color: #1E5926;	
	text-decoration : none;
}

TD.cell A.link:hover  {
	color: #0000FF;	
	text-decoration : underline;
}

.normal  {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #000000;
	font-weight : normal;
	line-height : 150%;
}

.small {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #003C09;
}


.grey  {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #aaaaaa;
}


.highlight {
	font-weight : normal;
	font-size : 10px;
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #1E5926;
}

.highlightsmall {
	font-weight : bold;
	font-size: 8pt;
	font-family : Arial, Helvetica, sans-serif;
	color: #ffffff;
}


.formheader  {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #003C09;
	font-weight : bold;
}

INPUT.search {
	font-size:8pt;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	background-color: #FFFDF9;
	border: 1px solid #1E5926;
	width : 125px;
}

P.s2d  {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #1E5926;
	font-weight : bold;
	margin-top : 5pt;
	margin-bottom : 5pt;
	line-height: 16pt;
}
img.s2d  {
border: 2px solid black;
}

P.s2dsmall, a.s2dsmall  {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #1E5926;
	margin-top : 2pt;
	margin-bottom : 2pt;
	line-height: 10pt;
	text-decoration : none;
}

a.s2dsmall:hover  {
	color: #003908;	
	text-decoration : underline;
}


td.s2d {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	font-weight : normal;
}

INPUT.s2d {
	font-size:9pt;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
}

SELECT.s2d {
	font-size:9pt;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	width:160px;
}

a.s2d, a.s2dinfo {
	font-size:9pt;
	text-decoration : none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #1E5926;
}

a.s2d:hover, a.s2dinfo:hover {
	color: #003908;
	text-decoration: underline;
}

a.s2dsmall, a.s2dinfo  {
	text-decoration: none;
}

a.s2dsmall:hover, a.s2dinfo:hover  {
	color: #003908;
	text-decoration: underline;
}

/** Für Formulare und Shopseiten **/

/* Schriftart für Formulartabellen und Formularelemente */
table.formtab td,
table.formtab input,
table.formtab select,
table.formtab textarea {
	font-family : Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

/* Rahmen und Farbe Formularelemente normal */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
	background-color: #F1FFEE;
	border: 1px solid #b1b1b1;
}

/* Weitere Styledefinitionen für Formularelemente */
/* Rahmen und Farbe Formularelemente Highlight */
table.formtab select.txh,
table.formtab input.txh,
table.formtab textarea.txh,
table.formtab td.txh,
table.formtab table.txh {
	border : 1px solid #1E5926;
	background-color: #F5E5E5;
}

/* Tabellenbreite */
table.pluginwidth {
	width: 590px;
	margin: auto;
}

table.completewidth, td.completewidth {
	width: 100%;
}

/* Breite der Formularfelder */
table.formtab input.tx,
table.formtab input.txh,
table.formtab textarea.tx,
table.formtab textarea.txh {
	width: 295px;
}

/* Höhe der Formularfelder */
table.formtab textarea.tx,
table.formtab textarea.txh {
	height: 118px;
}

/* Farbliche Anzeige von Fehlermeldungen, immer identisch */
table.formtab td.h, p.h {
	color: #A70C0C;
	font-weight: bold;
	text-align: center;
}

/* Focus und Mausover von Formularelementen, immer identisch */
/*
table.formtab textarea:focus,
table.formtab textarea:hover,
table.formtab select:focus,
table.formtab select:hover,
table.formtab input:focus,
table.formtab input:hover {
	background-color: #FFFFFF;
} */

/* Innenabstand von Formularelementen und Tabellenzellen, immer identisch */
table.formtab input,
table.formtab textarea,
table.formtab td {
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
}

.ueberschrift  {
	padding: 3px 3px 3px 5px;
	color: white; 
	background-color: #1E5926;
}



/* Weitere Styledefinitionen für Formularelemente cc:include src="formstyle.ccml" common="1"   */


/* Grundpreisberechnung  */
#baseprice {
	font-size: 80%;
	font-family: arial;
	padding: 0px 2px 2px 2px;
	margin: 0px 0px 0px 90px;
	line-height: 100%;
	color: #bebebe;
}

#baseprice:hover {
	color: black;
}

#basepricerabatt1, #basepricerabatt2, #basepricerabatt3, #basepricerabatt4, #basepricerabatt5 {
	font-size: 80%;
	font-family: arial;
	margin: 0px 0px 0px 90px;
	padding: 2px 2px 2px 2px;
	line-height: 100%;
	border-top: 1px solid #CECECE;
	color: #bebebe;
}

#basepricerabatt1:hover, #basepricerabatt2:hover, #basepricerabatt3:hover, #basepricerabatt4:hover, #basepricerabatt5:hover {
	color: black;
}
/* Ende Grundpreisberechnung  */ 

/* Breite bei Spezialfeldern */
	td.triplewidth {
	 min-width: 190px;
	}
	
/* Hinweis unter teaser PAngV */
div.teaserpangv {
	margin: 0px 0px 30px 5px; 
	border: none;
	width: 748px;
	font-size: 80%;
	font-family: arial;
	color: #bebebe;
}

/* Reiternavi */	
#textcols {
	border: 1px dotted darkgreen;
	padding: 4px 2px 4px 6px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 420px;
	background-color: #F8F8F8 /*#FFF2D4*/;	
/*	position: relative; 
	z-index: 999; */
}

#textcols a {
	border-right: 0px solid #AA210A;
	padding: 0px 6px 0px 0px;
	font-weight: normal;
	line-height: 150%;
	font-size: 11px;
	text-decoration: none;
	color: darkgreen;
	white-space: nowrap;
}

#textcols a:hover {
/*	color: #B22222;*/
	text-decoration: underline;
}

#textcolp3t3, #textcolp3t4 {
	width: 500px;
/*	position: relative; 
	z-index: 998; */
}

#textcolh3t1.active, #textcolh3t2.active, #textcolh3t3.active, #textcolh3t4.active  {
	 color: black;
	 font-weight: bold;
}
/* Ende Reiternavi */