/* Scrollbalken im FF immer anzeigen */
html {height: 100%; margin-bottom: 0.1px;}

/* Standard-Elemente */

#content p.emphasize {
        border-left: 8px solid #D4C3AA;
        padding-left: 12px;
}

#content .w2dptablinks {
        padding: 12px 0 0 0;
        border-bottom: 1px solid #D4C3AA;
        margin-bottom: 10px;

}
#content .w2dptablinks a {
        font-weight: normal;
        padding: 4px 10px;
        border-left: 1px solid  #D4C3AA;
        border-top: 1px solid  #D4C3AA;
        border-right: 1px solid #D4C3AA;
        display: block;
        float: left;
        margin-right: 3px;
        color: #990000;
        text-decoration: none;
}
#content .w2dptablinks a.w2dptabsel {background-color: #E4DDCD;}
#content .w2dptablinks a:hover {text-decoration: none;}

p {
        margin: 0px;
        padding: 0px 0px 10px 0px;
        line-height: 180%;
}

em {
        font-weight: bold;
        color: #7F5316;
        font-style: normal;
}

h1 {
        margin: 0px;
        padding: 0px;
        width: 778px;
        height: 35px;      /* Original = 50px */
        background-repeat: no-repeat;
        font-size: 22px;
}

h2 {
        margin: 0px;
        padding: 4px 0px 3px 0px;
        font-size: 100%;
        color: #990000;
}

h3 {
        margin: 0px;
        padding: 2px 0px 2px 0px;
        font-size: 100%;
        color: #000000;
}

.clearer {
        clear: both;
}

a.link {
        font-weight: bold;
        color: #7F5316;
        text-decoration: none;
}

a.arrow {
        font-weight: bold;
        color: #7F5316;
        text-decoration: none;
        background-image: url(../images/parrow.gif);
        background-position: top left;
        background-repeat: no-repeat;
        padding: 0px 3px 0px 16px;
        white-space: nowrap;
}

a.blacklink {
        color: #990000;
        text-decoration: none;
        padding-left: 6px;
}

a.link:hover, a.blacklink:hover,a.arrow:hover, a.teaserlink:hover, a.s2d:hover {
        text-decoration: underline;
}

a.plaintext {
        font-size: 90%;
        color: #990000;
        text-decoration: none;
}


/* Layout-Elemente  */

BODY {
        background: #E4DDCD url(../images/pback.gif) repeat-x scroll top left;
        margin: 0px;
        padding: 0px;
}

#main {
        width: 800px;
        float: left;
        padding: 10px 0px 0px 0px;
        margin: 0px 0px 10px 0px;
        border: none;
        text-align: left;
}

#logo {
        background: transparent url(../images/plogo.gif) no-repeat bottom left;
        width: 800px;
        height: 50px;
        margin: 0px;
        text-align: right;
}

#content {
        width: 778px;
        padding: 10px;
        margin: 10px 0px 0px 0px;
        border: 1px solid #990000;
        background: #ffffff url(../images/pshadow.gif) no-repeat top left;
}

#content h1 {
        margin: 0;
        padding: 0px 0px 15px 0px;
        color: #7F5316;
        font-weight: bold;
        font-size: 22px;
}

#eyecatcher {
        padding: 0px;
        margin: 10px 0px 0px 0px;
        height: 200px;
        border: 1px solid #990000;
        background: #ffffff url(../images/s2dlogo.jpg) no-repeat top left;
}

#eyemedia {
        padding: 0px;
        margin: 10px 0 0 0;
        height: 200px;
        border: 1px solid #990000;
        background: #ffffff url(../images/s2dlogo.jpg) no-repeat top left;
}


#youarehere {
        display: block;
        text-align: right;
        background: url(../images/pline.gif) no-repeat bottom right;
        padding-bottom: 4px;
}

#more {
        display: block;
        text-align: right;
        background: url(../images/pline.gif) no-repeat top right;
        padding-top: 4px;
}

#plaintext {
        position: absolute;
        top: 5px;
        left: 0px;
        margin: 0px;
        padding: 0px;
}

/* Menü */

#commonBar {
        margin: 0px;
        padding: 0px;
        text-align: right;
}

#menuBar {
        margin: 0px;
        padding: 0px;
        border: 1px solid #7F5316;
        background: #FFE9A8 url(../images/pmbar.gif) repeat-x top left;
}

#footer {
   width: 798px;
   padding: 10px 0px 0px 0px;
   margin: 0px 10px 10px 0px;
   font-size: 0.9em;
   text-align: center;
   border: 1px solid #990000;
   background-color: #FFFFFF;
}

#footer a {
   font-weight: bold;
   color: #7F5316;
   text-decoration: none;
}

#footer a:hover {
   text-decoration: underline;
   color: #7F5316;
}

ul.menuBar {
        margin: 0px;
        padding: 4px 0px 4px 0px;
}

li.menuButton {
        display: inline;
        list-style: none;
}

a.menuButton, a.menuButtonActive  {
        color: #000000;
        text-decoration: none;
        padding: 4px 6px 4px 6px;
}

.menu {
        background: #D4C3AA url(../images/pmenu.gif) repeat-x top left;
        border: 1px solid #990000;
        padding: 0px;
        position: absolute;
        text-align: left;
        visibility: hidden;
        left: 0px;
        top: 0px;
        z-index: 20;
}

a.menuItem, a.menuItemActive {
        color: #000000;
        background-color: transparent;
        display: block;
        padding: 4px 16px 4px 16px;
        text-decoration: none;
        white-space: nowrap;
}

a.menuButtonActive, a.menuButton:hover {
  background-color: #7F5316;
  color: #ffffff;
}

a.menuItem:hover, a.menuItemActive {
  background-color: #990000;
  color: #ffffff;
}


/* Suchfeld */

input.search {
        border: 1px solid #990000;
        width: 100px;
        background-color: #E4DDCD;
        vertical-align: top;
        padding: 1px 4px 1px 4px;
        margin: 0px;
}

form.search {
        margin: 0px;
}

/* Marginalie */

div.sidepicture {
        float: right;
        padding: 0px 0px 0px 10px;
        margin: 0px 0px 10px 10px;
        width: 200px;
        border: none;
        background: url(../images/psep.gif) no-repeat left top;
}

p.sidepicturetext {
        margin: 0px;
        padding: 2px 0px 0px 0px;
        line-height: 160%;
        font-size: 90%;
        color: #990000;
}


/* Absatztyp Bild */

div.picture {
        padding: 0px;
        margin: 10px 0px 10px 20px;
        width: 480px;
        border: none;
}


/* Absatztype Aufzählung */

ul.content {
        list-style: none;
        padding: 10px;
        margin: 10px 0px 20px 20px;
        background-color: #E4DDCD;
        border: 1px solid #990000;
        width: 490px;
}

li.content {
        padding: 2px 0px 2px 18px;
        background-image: url(../images/pbull.gif);
        background-repeat: no-repeat;
        background-position: top left;
}


/* Absatztyp Tabelle */

table.content {
        margin: 0px 0px 10px 0px;
        border: 1px solid #990000;
}

tr.odd {
        background-color: #FFE9A8;
}

tr.even {
        background-color: #E4DDCD;
}

tr.header {
        background-color: #D4C3AA;
}

td.cell {
        padding: 4px;
        margin: 0px;
}

td.headercell {
        padding: 4px;
        margin: 0px;
        font-weight: bold;
}


/* Absatztyp Teaser */

div.teaserelement {
        float: left;
        padding: 6px 10px 6px 10px;
        margin: 0px 10px 10px 0px;
        background-color: #E4DDCD;
        border: 1px solid #990000;
}

div.teaser {
        margin: 10px 0px 10px 20px ! important;
        border: none;
        width: 748px;
}

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

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

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

a.teaserlink {
        font-weight: bold;
        color: #990000;
        text-decoration: none;
}

p.lookup {
        margin: 0px 0px 10px 0px;
        padding: 4px 0px 0px 0px;
        border-bottom: 1px solid #D4C3AA;
}

/* Absatztype Formular */

input.forminput  {
        border: 1px solid #990000;
        width: 300px;
        background-color: #E4DDCD;
        vertical-align: top;
        padding: 1px;
        margin: 0px 0px 10px 0px;
}

textarea.formtextarea  {
        border: 1px solid #990000;
        width: 300px;
        height: 200px;
        background-color: #E4DDCD;
        vertical-align: top;
        padding: 1px;
        margin: 0px 0px 10px 0px;
}

.formcaption {
        width: 200px;
        line-height: 200%;
        float: left;
        clear: left;
}

p.formnote {
        color: #990000;
        padding: 2px 0px 10px 202px !important;
}

.buttoncaption {
        line-height: 200%;
}

/* Plugin-Styles */

INPUT.s2d {
        border: 1px solid #990000;
        background-color: #E4DDCD;
        vertical-align: top;
        padding: 1px;
}

SELECT.s2d {
        border: 1px solid #990000;
        background-color: #E4DDCD;
        vertical-align: top;
        padding: 1px;
}

a.s2d, a.s2dinfo, a.s2dsmall {
        font-weight: bold;
        color: #7F5316;
        text-decoration: none;
}

P.s2d  {
        font-size: 16pt;
        color: #7F5316;
        font-weight: bold;
        margin-top: 5pt;
        margin-bottom: 5pt;
        line-height: 20pt;
}

textarea {
        border: 1px solid #990000;
        width: 300px;
        height: 200px;
        background-color: #E4DDCD;
        vertical-align: top;
        padding: 1px;
}

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

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

/* 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 #A70C0C;
	background-color: #F5E5E5;
}

/* Tabellenbreite */
table.pluginwidth {
	width: 510px;
	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: 255px;
}

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

/* Farbeliche 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;
}