html, body {
    margin:0px;
    padding:0px;
    height:100%;
    background-color:#fffaf0;                        
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    background-image:url(/fileadmin/grundschule/img/bg_header.gif);
    background-repeat:repeat-x;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    outline: 0 none;
}

#footer-box {
    margin:0 auto;
    padding-left:400px;
    width:600px;
}

#wrapper {
    position:relative;
    min-height:100%;
    height:auto !important;
    height:100%;
}

#dehme {
    width:295px;
    height:100px;  
    position:absolute;
    margin-top:28px;
    margin-left:30px;
    z-index: 1;
}

a {
    color:#6CA2AB;
    text-decoration:none;
}

a:hover {
    color:#6CA2AB;
    text-decoration:underline; 
}

ul {
    list-style-type:square;
}

h1 {
    font-family:times;
    color:#896237;
    font-size:30px;
    font-weight:normal;
    padding-top:28px;
    margin:20px 0px 45px 0px;   
}

h2 {
    font-family:times;
    color:#896237;
    font-size:14px;
    font-weight:normal;
    margin:0px 0px 10px 0px;   
}

h3 {
    color:#896237;
    font-size:18px;
    letter-spacing:0.5px;
    font-weight:normal;  
    margin:13px 0px 10px 0px;   
}

p.csc-subheader {
    font-family:times;
    color:#896237;
    font-size:20px;
    font-weight:normal;
    margin:0px 0px 10px 0px;
} 

#box {
        margin: 0 auto;  
        width: 995px;
        min-height: 100%;  
}

#box-content {
        width: 995px;
        background-color:#fffaf0;
            position:relative;
    min-height:100%;
    height:auto !important;
    height:100%;
    padding-bottom:80px;    
}

.header {
    width:995px;
    height:280px;     
    background-image:url(/fileadmin/grundschule/img/header.jpg);  
}

.content {
    width:556px;    
    margin-left:387px;
    margin-bottom:30px;   
    color:#7A5730;
    line-height:18px;
}

/*#footer {
    background-color:#8e877d;  
    width:100%;
    height:50px;
    padding:10px 0px 20px 0px;
}

#footer a {
    color:#FFF;
    text-decoration:none;
    margin-right:30px;
}
.footer a {
    color:#FFF;
    text-decoration:none;
    margin-right:30px;
}

.footer {
    margin-left:397px;
    padding-top:10px;    
    font-size: 13px;
    font-weight: bold;
    letter-spacing:0.5px;
    color:#FFF;  
    position:absolute;    
} */

#footer { 
    position:absolute;
    bottom:0px; 
    left:0px;
    width:96%;
    background:#8e877d;
    margin:130px 0px 0px 0px;
    padding:30px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing:0.5px;
    color:#FFF; 
}

#footer a,
#footer {
    font-size:12px;
    text-decoration:none;
    color:#FFF;
}

#footer a {
    color:#FFF;
    text-decoration:none;
    margin-right:30px;
} 

.date {
    color:#704d25;
    font-size:11px;
    margin:0px 0px 0px 384px;
    padding-top:1px;  
    width:210px;
    text-align:center; 
    border-top:8px solid #6ca2ab;
    letter-spacing:1px;
}

#menu {
    margin:41px 0px 0px 370px;
}

/*MAINMENU*/

span.hidden {
    position:absolute;
    left:-1000px;
    top:-1000px;
    width:0;
    height:0;
    overflow:hidden;
    display:inline;
}
div#mainmenu {
    border-bottom: 0px; 
}
div#mainmenu * {
    margin: 0px;
    padding: 0px;
    color: #886336;
}
div#mainmenu .cur {
    background-color:#f1f1b1;
}

div#mainmenu .act {
    background-color:#f1f1b1;
}
div#mainmenu ul {
    list-style-type: none;
}
#mainmenu ul li {  
    float:left;
}

div#mainmenu ul li a,
div#mainmenu ul li div {
    padding: 10px 15px 1px 15px;
    text-decoration: none;
    font-family:arial,verdana,helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing:0.5px;
    display: block;
    height:21px;
    
}
div#mainmenu ul li a:hover {
    background-color: #f1f1b1;
}
div#mainmenu ul ul {
    background-color: #e5e5e5;
}
div#mainmenu ul ul li {
    border-bottom: none;
}
div#mainmenu ul ul li a,
div#mainmenu ul ul li div {
    font-size: 10px;
    padding-left: 25px;
}
div#mainmenu ul ul li a:hover{
    background-color: #ddddff;
}

div#mainmenu ul li.menu-aktuelles a:hover,
div#mainmenu ul li.menu-aktuelles .cur,
div#mainmenu ul li.menu-aktuelles .act  {
    background-color:#f6dccf;
}

div#mainmenu ul li.menu-infos a:hover,
div#mainmenu ul li.menu-infos .cur,
div#mainmenu ul li.menu-infos .act  {
    background-color:#dbd1c6;
} 

div#mainmenu ul li.menu-rundgang a:hover,
div#mainmenu ul li.menu-rundgang .cur,
div#mainmenu ul li.menu-rundgang .act  {
    background-color:#d4e5b5;
}

div#mainmenu ul li.menu-projekte a:hover,
div#mainmenu ul li.menu-projekte .cur,
div#mainmenu ul li.menu-projekte .act  {
    background-color:#f6e0b9;
}

div#mainmenu ul li.menu-schul-abc a:hover,
div#mainmenu ul li.menu-schul-abc .cur,
div#mainmenu ul li.menu-schul-abc .act  {
    background-color:#c8dde0; 
} 

#vogel {
    position:fixed;
    margin-top:160px;
    right:0px;
    text-align:right;
    z-index:1;
}

#kontakt fieldset {
    border:0px;
}

#kontakt input,
#kontakt textarea {
    width:350px;
    border:1px solid #dfd7c7;
}

#powermaildiv_uid14 input {
    width:84px;
    height:28px;
    border:0px;    
}

#kontakt-vogel {
    position:absolute;
    margin-left:-150px;
    margin-top:-150px;
}

#kontakt label {
    color:#402213;    
}

.tx_powermail_pi1_fieldwrap_html {
    margin-bottom:20px;
}

fieldset.tx-powermail-pi1_fieldset {
    padding:0px;
    margin:0px;   
}

.anschrift {
    width:260px;
    height:239px;
    background-image:url(/fileadmin/grundschule/img/kontakt-anschrift.gif);
    background-repeat:no-repeat;
    float:left;
    margin:40px 0px 0px 20px;
    padding:80px 0px 0px 29px;
    color:#734c23;
}

.anschrift a {
    color:#6ca2ab;
    text-decoration:none;
}
  

.powermail_mandatory_js {
    color:#e64f3e;
}

.captcha {
    margin-top:10px;
}
.captcha img {
    border:1px solid #A5ACB2;
}
span.tx-srfreecap-pi2-cant-read {
    color:#5D5D60;  
}

span.tx-srfreecap-pi2-cant-read a {
    color:#6CA2AB;
    text-decoration:underline;
}

img.tx-srfreecap-pi2-image {
    margin-left:0px;
}

.align-right {
    text-align:right;
}

/*ABC*/

.abc-menu {
    float:left;               
    margin:110px 0px 0px 70px; 
    width:250px;     
}

ul.abc {
    background-color:#c9dce0;
    list-style-type:none;
    font-family: times,serif;
    margin:0px 0px -20px 0px;
}

ul.abc li {
    background-image:url(/fileadmin/grundschule/img/bg_abc-link.gif);
    background-repeat:no-repeat;
    padding-left:6px;
    margin:0px 0px 5px -10px; 
}

ul.abc li a {
    text-decoration:none;
    font-weight:bold;
    font-size:14px;
    color:#FFF;
}

ul.abc li a:hover {
    text-decoration:underline;
}

ul.abc ul {
    background-color:#c9dce0;
    list-style-type:none;
    margin:2px 0px;
    padding:0px;
    font-family:arial,sans-serif
}

ul.abc ul li {
    padding:3px 0px 3px 10px;
    background-image:none;
    margin-bottom:0px;
    width:180px; 
}

ul.abc ul li a {
    color:#8e6336;
    text-decoration:none;
    padding:3px 0px 3px 0px;
    font-size:14px;
    font-weight:normal;
} 

.content-abc {
    float:right;
    width:556px;    
    margin:-9px 50px 30px 0px;
    color:#7A5730;
    line-height:18px; 
}

/* TABELLE */

.content-abc table {
    margin:20px 0px 20px 0px;
    background-color:#C9DCE0;
    border-collapse: collapse;
    border-top:1px dashed #896237;
    width:100%;
}

.content-abc table tr {
    border-collapse: collapse;
}

.content-abc table td {
    padding:10px;
    border-bottom:1px dashed #896237;
    vertical-align:top;
}

table.contenttable thead th {
    text-align:left;
    padding:10px 10px 0px 10px;
}

/*.content table td.td-0 {
    width:180px;
}  */

.content-abc table.contenttable caption {
    text-align:left;
    font-weight:bold;
}

.csc-frame-frame2 {
    padding:1px 13px 13px 13px;
    border-bottom:1px dashed #998678;
    border-top:1px dashed #998678; 
    margin-bottom:20px;
    margin-top:17px;
}

.csc-frame-rulerBefore {
    border-top:1px dashed #998678;  
}

.csc-frame-rulerAfter {
    border-top:1px dashed #998678;  
}