/* -------------------------------- Globale Einstellungen ------------------------------------- */

body {
    margin: 0em;
    padding: 0em;
    background-image: url(/_admin/pageg/back.gif);
    background-repeat: repeat-y;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #002051;
}
a {
    text-decoration: none;
    color: #E20A16;
}
a:hover, a:focus {
    text-decoration: underline
}
abbr:hover {
    cursor: help
}
code {
    font-family: courier, monospace;
    font-style: italic;
}
img {
    border: 0em
}

/* common */
.left {
    float: left;
    margin-right: 1em;
}
.right {
    float: right;
    margin-left: 1em;
}
.center {
    text-align: center
}
.first {
    margin-left: 0 !important
}
.last {
    margin-right: 0 !important
}
.top {
    margin-top: 0 !important
}
.bottom {
    margin-bottom: 0 !important
}
.hidden, .print {
    display: none
}
.graphic {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    text-indent: -8000px;
}

/* // common */


/* -------------------------------- Header ------------------------------------- */
#clogo {
    height: 122px;
    width: 980px;
    background-image: url(/_admin/pageg/logoback.gif);
    background-repeat: no-repeat;
    background-position: 510px;
    background-color: #FFFFFF;
}
#header {
    width: 980px;
    height: 243px;
    background: #FFF url(/_admin/headbanner/website_header_safo_150j.jpg) no-repeat;
}
#header a {
    display: block;
    height: 100%;
}
#header a span {
    display: none;
}
#banner {
    height: 121px;
    width: 980px;
    background-color: #FFFFFF;
}
#logo {
    position: absolute;
    left: 49px;
    top: 17px;
}
#hauptnavigation {
    position: absolute;
    width: 812px;
    height: 23px;
    z-index: 5;
    left: 168px;
    top: 220px;
}


/* -------------------------------- Container links ------------------------------------- */
#cleft {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 247px;
    margin: 0;
    padding: 0;
    width: 168px;
}
#cleft ul {
    text-align: left;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 168px;
}
#cleft li {
    display: block;
    margin: 0;
    padding: 0;
}
#cleft a {
    display: block;
    background-color: #FFFFFF;
    border-bottom: 4px solid #D9E0EA;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    margin: 0;
}
#cleft a:link, #cleft a:visited {
    color: #002967;
    text-decoration: none;
}
#cleft a:hover {
    background-color: #D9E0EA;
    color: #002967;
}

.infobox {
    background: #D9E0EA;
    padding: 10px;
    font-size: 11px;
}
.infobox a {
    background: transparent;
    font-weight: normal;
margin: 0;
padding: 0;
}

/* -------------------------------- Content ------------------------------------- */
#content {
    position: absolute;
    width: 620px;
    height: 360px;
    z-index: 2;
    left: 175px;
    top: 264px;
    padding-top: 0;
    padding-bottom: 7px;
    padding-left: 17px;
    padding-right: 0;
}
.text {
    font-size: 0.8em;
    line-height: 1.3em;
}
.text h1 {
    font-size: 1.3em;
    margin: 0em;
    margin-bottom: 1.1em;
    font-weight: bold;
    color: #002967;
}
.text h2 {
    font-size: 1.1em;
    margin: 0em;
    font-weight: bold;
    color: #002967;
}
.text h3, .text h4, .text h5, .text h6 {
    margin: 0em;
    font-size: 1em;
    font-weight: bold;
    color: #002967;
}
.tabellentext {
    font-size: 1em;
    line-height: 1.3em;
}
.datum {
    font-size: 0.7em;
    line-height: 1.3em;
}
.bildlinks {
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
}
.bildrechts {
    float: right;
    padding-left: 10px;
    padding-bottom: 10px;
}
a.linkButton {
    display: block;
    font-size: 0.75em;
    text-decoration: none;
    color: white;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-bottom: 0.2em;
    background-color: #E20A16;
    width: 8em;
    text-align: center;
    border: 0.1em solid #002051;
}
a.linkButton:hover, a.linkButton:focus {
    color: #D9E0EA
}
.bildinfo {
    font-size: 0.7em
}
.clearAll {
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    clear: both;
}


/* -------------------------------- Sponsorenbanner ------------------------------------- */
#sponsoren {
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 4;
    left: 830px;
    top: 263px;
    text-align: right;
    font-size: 0.7em;
    font-weight: bold;
}
#wbanner ul, #sponsoren ul {
    margin: 0;
    padding: 0;
    margin-top: 0.3em;
}
#wbanner li {
    list-style: none;
    padding: 0;
    margin-bottom: 4px;
}
/*
  Here starts the part with the forms, this will later be in another file
  contains all needed styles for the used forms

*/
#searchForm {
    padding: 0.2em 1em 0em 0em;
    position: absolute;
    width: 190px;
    z-index: 3;
    left: 790px;
    top: 250px;
}
form {
    margin: 0;
    padding: 0;
}
fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
/*
  search form
*/
.searchForm {
    font-size: 0.9em;
    margin: 0;
    padding: 0;
}
.searchForm#text {
    width: 9em
}
.searchForm#submitbutton {
    margin: auto;
    padding: 0.1em 0.1em 0em 0.1em;
}
/*  contact form  */
.contactInput, .contactTextarea {
    font-size: 1em;
    padding: 0;
    margin: 0;
    width: 18em;
}
.contactSelect {
    font-size: 1em;
    padding: 0;
    margin: 0;
    width: 9em;
}
.contactTextarea {
    height: 8em
}
.formError {
    color: red;
    border-color: #E10918;
}
input, textarea {
    /* global stuff ... */
    font-family: verdana, sans-serif;
    border: 0.1em solid #002967;
    margin: 0;
    padding: 0;
}
hr {
    height: 1px;
    border-style: none;
    border-top: 1px solid #E20A17;
}
.category {
    display: block;
    font-weight: 700;
    color: #E10918;
    margin-bottom: 10px;
}


/* -------------------------------- Terminkalender ------------------------------------- */
.kalender {
    /* Grundformatierung des Kalenders */
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #002967;
    font-size: 0.9em;
}
.wtag {
    /* Ein normaler Wochentag */
    background-color: #FFFFFF;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #002967;
    padding: 4px;
}
.we {
    /* Ein Tag des Wochenendes */
    background-color: #D9E0EA;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #002967;
    padding: 4px;
}
.SELECTFELD {
    width: 90px
}
.BUTTON {
    width: 140px
}
caption {
    display: none
}

/* --------------------------------  Ausklappnavigation Ebenen ------------------------------------- */
#LClub {
    position: absolute;
    z-index: 51;
    left: 308px;
    top: 243px;
    visibility: hidden;
}
#LClubhaus {
    position: absolute;
    z-index: 52;
    left: 400px;
    top: 243px;
    visibility: hidden;
}
#LHockey {
    position: absolute;
    z-index: 53;
    left: 527px;
    top: 243px;
    visibility: hidden;
}
#LTennis {
    position: absolute;
    z-index: 54;
    left: 606px;
    top: 243px;
    visibility: hidden;
}
#LKontakt {
    position: absolute;
    z-index: 55;
    left: 788px;
    top: 243px;
    visibility: hidden;
}
.navlist ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 130px; /* Width of Menu Items */
}
.navlist li {
    position : relative;
    float : left;
    width: 130px;
    margin-bottom : -1px;
    background-color: #002967;
}
.navlist li ul {
    display: block;
    position : absolute;
    left: -999em;
    margin-left : 8em;
    margin-top : -1.55em;
}
.navlist li a {
    display : block;
    padding: 5px;
    color : #FFFFFF;
    text-decoration : none;
    border : 1px solid #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 0.7em;
}
.navlist li a:hover {
    background-color : #E20A17;
    text-decoration : none;
}
.navlist li:hover ul, .navlist li.sfhover ul {
    left: auto
}

/* -------------------------------- Gallery ------------------------------------- */
.float-images {
    margin: 1em 0 1.5em 0;
    padding: 0;
    list-style: none;
    clear: both;
}
.float-images li {
    margin: 0 5px 5px 0 !important;
    padding: 0;
    list-style: none;
    float: left;
}

/* -------------------------------- Datentabelle ------------------------------------- */
.datentabelle {
    font-size: 11px
}