/* Standard-Elemente */

p {
    margin: 0;
    font-size: 120%;
    padding: 0px 0px 10px 0px;
    line-height: 130%
}

td {
    margin: 0;
    font-size: 120%;
    padding: 0px 0px 10px 0px;
    line-height: 130%
}

div.kalender {
    margin: 0;
    font-size: 100%;
    padding: 0px 0px 0px 0px;
    line-height: 100%
}

#kalender {
    margin: 0;
    font-size: 100%;
    padding: 0px 0px 0px 0px;
    line-height: 100%
}

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

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

h2 {
    margin: 0;
    padding: 4px 0px 3px 0px;
    font-size: 140%;
    color: #817463;
    margin-bottom: 10px
}

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

h4 {
    margin: 0;
    padding: 2px 0px 2px 0px;
    font-size: 100%;
    font-weight: bold;
    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:;
    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: #817463;
    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: 100%;
    color: #817463;
    text-decoration: none
}


/* Layout-Elemente  */

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

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

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

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

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

/*
#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: 0;
    padding: 0;
    text-align: right;
}

/* ************************ */
/* Menü Ebene 0 , Hauptmenü */

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

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

.menu0 {
    background: #D4C3AA url(../images/pmenu.gif) repeat-x top left;
    border: 1px solid #FFA74F;
    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;
}

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

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

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

a.menu0onButton, a.menu0onButtonActive  {
    color: #000000;
    font-style:bold;
    background-color: #FFA74F;  
    text-decoration: none;
    padding: 4px 6px 4px 6px;
}

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

a.menu0ButtonActive, a.menu0Button:hover {
  background-color: #A85400;
  font-style:bold;
  color: #ffffff;
}

a.menu0onButtonActive, a.menu0onButton:hover {
  background-color: #A85400;
  font-style:bold;
  color: #ffffff;
}

/* a.menu0Item:hover, a.menu0ItemActive {
  background-color: #A85400;
  color: #ffffff;
}
*/

/* ************************ */
/* Menü Ebene 1 , Untermenü */

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

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

.menu1 {
    background: #D4C3AA url(../images/pmenu.gif) repeat-x top left;
    border: 1px solid #FFA74F;
    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;
}

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

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

a.menu1Button, a.menu1ButtonActive  {
    color: #000000;
    font-style:bold;
    text-decoration: none;
    padding: 4px 6px 4px 6px;
}

a.menu1onButton, a.menu1onButtonActive  {
    color: #ffffff;
    font-style:bold;
    background-color: #A85400;      
    text-decoration: none;
    padding: 4px 6px 4px 6px;
}

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

a.menu1ButtonActive, a.menu1Button:hover {
  background-color: #A85400;
  color: #ffffff;
  font-style:bold;
}

a.menu1onButtonActive, a.menu1onButton:hover {
  background-color: #A85400;
  color: #ffffff;
  font-style:bold;
}

/* a.menu1Item:hover, a.menu1ItemActive {
  background-color: #A85400;
  color: #ffffff;
}
*/

/* ************************ */
/* Menü Ebene 2 , Content-menü vertikal */

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

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

.menu2 {
    background: #D4C3AA url(../images/pmenu.gif) repeat-x top left;
    border: 1px solid #FFA74F;
    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;
}

li.menu2Button {
/*  display: inline;   */
    list-style: none;
}

li.menu2onButton {
/*  display: inline;  */
    list-style: none;
}

a.menu2Button, a.menu2ButtonActive  {
    color: #000000;
    font-style:bold;
    text-decoration: none;
    padding: 4px 6px 4px 6px;
}

a.menu2onButton, a.menu2onButtonActive  {
    color: #ffffff;
    font-style:bold;
    background-color: #A85400;      
    text-decoration: none;
    padding: 4px 6px 4px 6px;
}

a.menu2ButtonActive, a.menu2Button:hover {
  background-color: #A85400;
  color: #ffffff;
  font-style:bold;
}

a.menu2onButtonActive, a.menu2onButton:hover {
  background-color: #A85400;
  color: #ffffff;
  font-style:bold;
}

/* ************************ */
/* Suchfeld */

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

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: 0;
    padding: 2px 0px 0px 0px;
    line-height: 160%;  
    font-size: 90%;
    color: #817463;
}


/* 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 0 20px 20px;
    background-color: #E4DDCD;
    border: 1px solid #817463;
    width: 490px;
}

li.content {
    padding: 2px 0px 2px 18px;
    font-size: 120%;
    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 #817463;
}

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

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

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

td.cell {
    padding: 0px;   
    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 #817463;
}

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: 0;
    padding: 4px 0px 4px 0px;
}

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

a.teaserlink {
    font-weight: bold;
    color: #817463;
    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 #817463;
    width: 300px;
    background-color: #E4DDCD;
    vertical-align: top;
    padding: 1px;
    margin: 0px 0px 10px 0px;
}

textarea.formtextarea  {
    border : 1px solid #817463;
    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: #817463;
}

.buttoncaption {
    line-height: 200%;
}

/* Plugin-Styles */


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

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

a.s2d {
    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 #817463;
    width: 300px;
    height: 200px;
    background-color: #E4DDCD;
    vertical-align: top;
    padding: 1px;
}