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

/* Standard-Elemente */
p {
        margin: 0px;
        padding: 0px 0px 10px 0px;
        line-height: 180%;
}

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

h1 {
        margin: 0px;
        padding: 0px;
        width: 778px;
        height: 50px;
        background-repeat: no-repeat;
}

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

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

.clearer {
        clear: both;
}

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

a.arrow {
        font-weight: bold;
        color: #172647;
        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: #0F0F0F;
        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: #0F0F0F;
        text-decoration: none;
}

/* Layout-Elemente  */

BODY {
        background: #EFEFEF 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;  /*Alte Version: linksbündig
         <!--text-align: justify;<!--Blocksatz*/
}

#banner {
        background-color: #EFEFEF;
        width: 982px;
        height: 150px;
        padding: 0px 0px 0px 0px;
}
#logob {
   float: left;
   background: url(../images/logotop.jpg) no-repeat;
   width: 982px;
   height: 150px;
}

#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 #0F0F0F;
        background: #ffffff url(../images/pshadow.gif) no-repeat top left;
}

#eyecatcher {
        padding: 0px;
        margin: 10px 0px 0px 0px;
        height: 200px;
        border: 1px solid #0F0F0F;
        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 #172647;
        background: #ACBEE4 url(../images/pmbar.gif) repeat-x top left;
}

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: #D8D8D8 url(../images/pmenu.gif) repeat-x top left;
        border: 1px solid #0F0F0F;
        padding: 0px;
        position: absolute;
        text-align: left;
        visibility: hidden;
        left: 0px;
        top: 0px;
        filter: alpha(opacity=90);
        -moz-opacity: 0.90;
        opacity: 0.90;
        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: #172647;
  color: #ffffff;
}

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


/* Suchfeld */

input.search {
        border : 1px solid #0F0F0F;
        width: 130px;
        background-color: #EFEFEF;
        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;
        text-align: center; /*Bild und Bildtext zentriert*/
}

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


/* Absatztyp Bild */

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

        padding: 0px;
        margin: 10px auto 10px auto;
        width: 480px;
        border: none;
        text-align:center; /*Bilder zentriert*/
}


/* Absatztype Aufzählung */

ul.content {
        list-style: none;
        padding: 10px;
        margin: 10px 0px 20px 20px;
        background-color: #EFEFEF;
        border: 1px solid #0F0F0F;
        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 #0F0F0F;
}

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

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

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

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: #EFEFEF;
        border: 1px solid #0F0F0F;
}

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: #0F0F0F;
        text-decoration: none;
}

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

/* Absatztype Formular */

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

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

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

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

.buttoncaption {
        line-height: 200%;
}

/* Plugin-Styles */


INPUT.s2d {
        border: 1px solid #0F0F0F;
        background-color: #EFEFEF;
        vertical-align: top;
        padding: 1px;
}

SELECT.s2d {
        border: 1px solid #0F0F0F;
        background-color: #EFEFEF;
        vertical-align: top;
        padding: 1px;
}

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

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

textarea {
        border : 1px solid #0F0F0F;
        width: 300px;
        height: 200px;
        background-color: #EFEFEF;
        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 #0F0F0F;
        background-color: #EFEFEF;
}

/* 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;
}
/* footer */
#footer {
        padding: 10px 0px 0px 0px;
        margin: 5px 0px 10px 0px;
        font-size: 0.9em;
        text-align: center;
        border: 1px solid #0F0F0F;
        background-color: #FFFFFF;
}

#footer a {
        font-weight: bold;
        color: #0F0F0F;
        text-decoration: underline;
}

#footer a:hover {
        text-decoration: none;
        color: #0F0F0F;
}