/**
*** Zentrale Styles für den Internetauftritt der
*** Grundschule St. Christophorus in Essen-Kray
***
*** Erstellt im Januar 2008 von Jens Hüttemann
***
**/


/* verwendete Grundfarben:
        beige       #edcd84
        bordeaux    #7d0912
        grau        #535459
*/


*
{
	margin: 0;
	padding: 0;
}

body
{
    background: #535459 url(../bilder/body_hintergrund.jpg) repeat-y center top;
    font: normal 0.7em Comic Sans MS,Verdana,sans-serif;
}

#main
{
    width: 900px;
    border-top: 6px solid #ffffff;
    margin: 0 auto;
}

#header
{
    width: 100%;
    height: 140px;
    background: #edcd84 url(../bilder/header_hintergrund.jpg) repeat-x;
    font-style: normal;
    font-family: Comic Sans MS,Verdana,sans-serif;
    color: #ffffff;
}

#header_mitte
{
    margin-top: 30px;
    margin-left: 50px;
    float:left;
}

#header_titel
{
    font-size: 300%;
    text-align:center;
}

#header_adresse
{
    font-size: 110%;
    text-align:center;
    color: #000000;
}

#header_logo
{
    margin-left:25px;
    margin-top:5px;
    float:left;
}

#header_rechteck
{
    margin-right:10px;
    margin-top:5px;
    float:right;
}

#hauptnavigation
{
    width: 100%;
    height: 30px;
    border-top: 6px solid #ffffff;
    background: #7d0912 url(../bilder/navi_oben_hintergrund.jpg) repeat-x;
    font-style: normal;
    font-family: Comic Sans MS,Verdana,sans-serif;
    font-size: medium;
    color: #ffffff;
    text-align: center;
}

#datum_aenderung
{
    float: right;
    color: #bbbbbb;
    text-align: right;
    font-size: 60%;
    margin-top:15px;
    margin-right:1px;
}

#haupt
{
    width: 100%;
    border-top: 6px solid #ffffff;
    background:#7d0912;
    position:relative;
}

#inhaltsrahmen
{
    margin-right:200px;
    padding-right:6px;
    background:#edcd84;
    border-right: 6px solid #ffffff;
    height:405px;
}

/* Hack für moderne Browser: IE6 versteht min-height noch nicht, daher die Höhenangabe erst zurücksetzen
   um danach min-height anzupassen. IE6 versteht auch das Konstrukt "html>body #inhaltsrahmen" nicht, daher
   wird es von ihm nicht interpretiert
*/
html>body #inhaltsrahmen
{
	height: auto;
	min-height: 405px;
}

#inhalt
{
    padding-right:5px;
    padding-top:1px;
    padding-bottom:5px;
}

#inhalt p
{
    margin-left: 5px;
    margin-top: 5px;
    font-style: normal;
    font-family: Comic Sans MS,Verdana,sans-serif;
    font-size: small;
}

#seitennavigation
{
    float: right;
    width:200px;
    font-style: normal;
    font-family: Comic Sans MS,Verdana,sans-serif;
    font-size: medium;
    color: #ffffff;
    text-align: left;
    margin-top:30px;
    background:#7d0912;
}

.hauptmenu
{
    padding-left: 50px;
    list-style-type: none;
    font-style: normal;
    font-family: Comic Sans MS,Verdana,sans-serif;
    font-size: medium;
    color: #ffffff;
    border-collapse:collapse;
}

.hauptmenu li
{
    float: left;
    padding-top: 0px;
    padding-left: 0px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

.hauptmenu li a
{
    display: block;
    float: left;
    padding-bottom: 0px;
    cursor: pointer;
    line-height: 30px;
    padding-top: 0px;
    font-style: normal;
    font-family: Comic Sans MS,Verdana,sans-serif;
    font-size: small;
    color: #ffffff;
    height: 30px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}

.hauptmenu li a:hover
{
    background: url(../bilder/link_hover_hintergrund.jpg);
    color: #ffffff;
}

.hauptmenu li a.current
{
    display: block;
    float: left;
    padding-bottom: 0px;
    cursor: pointer;
    line-height: 30px;
    padding-top: 0px;
    font-style: normal;
    font-family: Comic Sans MS,Verdana,sans-serif;
    font-size: small;
    color: #ffffff;
    height: 30px;
    text-align: center;
    text-decoration: none;
    width: 100px;
    background: url(../bilder/link_current_hintergrund.jpg);
}

.hauptmenu li a.current:hover
{
    background: url(../bilder/link_current_hintergrund.jpg);
    color: #ffffff;
}

.seitenmenu  a
{
    display: block;
    float: left;
    padding-bottom: 0px;
    cursor: pointer;
    line-height: 30px;
    padding-top: 0px;
    font-style: normal;
    font-family: Comic Sans MS,Verdana,sans-serif;
    font-size: small;
    color: #ffffff;
    height: 30px;
    text-align: center;
    text-decoration: none;
    width: 200px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.seitenmenu a:hover
{
    background: url(../bilder/link_hover_hintergrund.jpg);
    color: #ffffff;
}

.seitenmenu a.current
{
    display: block;
    float: left;
    padding-bottom: 0px;
    cursor: pointer;
    line-height: 30px;
    padding-top: 0px;
    font-style: normal;
    font-family: Comic Sans MS,Verdana,sans-serif;
    font-size: small;
    color: #ffffff;
    height: 30px;
    text-align: center;
    text-decoration: none;
    width: 200px;
    background: url(../bilder/link_current_hintergrund.jpg);
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.seitenmenu a.current:hover
{
    background: url(../bilder/link_current_hintergrund.jpg);
    color: #ffffff;
}

#submenu_ogs
{
    display:none;
    position:absolute;
    background:#535459;
    width:150px;
    left:550px;
    top:31px;
    z-index:60;
}

#submenu_ogs a
{
    display: block;
    float: left;
    padding-bottom: 0px;
    cursor: pointer;
    line-height: 20px;
    padding-top: 0px;
    font-style: normal;
    font-family: Comic Sans MS,Verdana,sans-serif;
    font-size: small;
    color: #ffffff;
    height: 20px;
    text-align: center;
    text-decoration: none;
    width: 150px;
}

#submenu_ogs a:hover
{
    background: url(../bilder/link_hover_hintergrund.jpg);
    color: #ffffff;
}


#submenu_fv
{
    display:none;
    position:absolute;
    background:#535459;
    width:150px;
    left:550px;
    top:61px;
    z-index:60;
}

#submenu_fv a
{
    display: block;
    float: left;
    padding-bottom: 0px;
    cursor: pointer;
    line-height: 20px;
    padding-top: 0px;
    font-style: normal;
    font-family: Comic Sans MS,Verdana,sans-serif;
    font-size: small;
    color: #ffffff;
    height: 20px;
    text-align: center;
    text-decoration: none;
    width: 150px;
}

#submenu_fv a:hover
{
    background: url(../bilder/link_hover_hintergrund.jpg);
    color: #ffffff;
}

.tabelle
{
    margin-top:20px;
}

.tabelle table
{
    margin-left:auto;
    margin-right:auto;
    border:4px solid #535459;
    font-size:120%;
    font-weight:bold;
    width:90%;
}

.tabelle th
{
    vertical-align:top;
    text-align:left;
    border:1px solid #535459;
    padding:4px;
    background:#7d0912;
    color:#ffffff;
    font-family: Comic Sans MS,Verdana,sans-serif;
}

.tabelle th.top
{
    text-align:center;
    font-size:140%;
}

.tabelle td
{
    text-align:left;
    vertical-align:top;
    border:1px solid #535459;
    padding:4px;
    font-family: Comic Sans MS,Verdana,sans-serif;
}