/* 
    Document   : style
    Created on : 07.11.2009, 16:58:46
    Author     : Enrico Schettler
    Description: Stylesheet der Grischa Muni Challenge Webseite
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
* {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

html { height:100.1%; }

body {
    margin:0;
    background-color:#CCCCCC;
    text-align: center;
}

div#wrapper {
    width: 800px;
    background-color:#CCCCCC;
    text-align: left;
    margin: 0px auto;
}

/* DIV Kopfbereich */

div#kopfbereich {
    width:auto;
    height:140px;
    /*border:1px solid;*/
    margin-left:203px;
    padding:0px;
    background-color:#CCCCCC;
}

.kopf_home {
    background-image:url(../images/bg_header_home.jpg);
    background-repeat:no-repeat;
}

.kopf_home_offline {
    background-image:url(../images/bg_header_home_offline.jpg);
    background-repeat:no-repeat;
}

.kopf_info_allgemein {
    background-image:url(../images/bg_header_info_allgemein.jpg);
    background-repeat:no-repeat;
}

.kopf_info_regeln {
    background-image:url(../images/bg_header_info_regeln.jpg);
    background-repeat:no-repeat;
}

.kopf_info_kosten {
    background-image:url(../images/bg_header_info_kosten.jpg);
    background-repeat:no-repeat;
}

.kopf_info_anreise {
    background-image:url(../images/bg_header_info_anreise.jpg);
    background-repeat:no-repeat;
}

.kopf_teilnehmer {
    background-image:url(../images/bg_header_teilnehmer.jpg);
    background-repeat:no-repeat;
}

.kopf_anmeldung {
    background-image:url(../images/bg_header_anmeldung.jpg);
    background-repeat:no-repeat;
}

.kopf_kontakt {
    background-image:url(../images/bg_header_kontakt.jpg);
    background-repeat:no-repeat;
}

.kopf_kontakt_offline {
    background-image:url(../images/bg_header_kontakt_offline.jpg);
    background-repeat:no-repeat;
}

.kopf_sponsoren {
    background-image:url(../images/bg_header_sponsoren.jpg);
    background-repeat:no-repeat;
}

.kopf_sponsoren_offline {
    background-image:url(../images/bg_header_sponsoren_offline.jpg);
    background-repeat:no-repeat;
}

.kopf_impressum {
    background-image:url(../images/bg_header_impressum.jpg);
    background-repeat:no-repeat;
}

.kopf_impressum_offline {
    background-image:url(../images/bg_header_impressum_offline.jpg);
    background-repeat:no-repeat;
}

/* DIV Inhalt */

div#inhalt {
    width:auto;
    border:2px solid;
    border-color:#666666;
    margin-left:210px;
    margin-right:15px;
    padding:0px;
    height:auto;
    font-family:"Verdana", sans-serif;
    font-size:0.9em;
    line-height:1.5em;
    text-align:justify;
}

div#inhalt p {
    padding:5px;
}

div#inhalt p.bold {
    font-weight:bold
}

div#inhalt p.underline {
    text-decoration:underline;
}

div#inhalt p.header {
    font-size:1.2em;
    line-height:1.5em;
    text-decoration:none;
    text-align:left;
    background-color:#666666;
    padding:5px;
    color:#ffffff;
}

div#inhalt ul {
    margin-left:25px;
}

div#inhalt ul li {
    padding-right:0.5em;
}

div#inhalt table.teilnehmer {
    margin-left:10px;
    margin-top:10px;
    table-layout:fixed;
    width:550px;
    height:auto;
    border-color:#666666;
    font-size:0.9em;
    font-family:"Verdana",sans-serif;
    line-height:1.5em;
}

div#inhalt table.teilnehmer td {
    padding:0.2em;
    background-color:#AAAAAA;
}

div#inhalt table.news {
    margin-left:10px;
    margin-top:10px;
    table-layout:fixed;
    width:550px;
    height:auto;
    border-color:#666666;
    font-size:0.9em;
    font-family:"Verdana",sans-serif;
    line-height:1.5em;
}

div#inhalt table.news td {
    padding:0.2em;
    background-color:#AAAAAA;
}

div#inhalt tr.header {
    font-weight:bold;
    text-decoration:underline;
    text-align:left;
    color:#ffffff;
}

div#inhalt tr.header td {
    background-color:#666666;
}

div#inhalt a{
    color:#000000;
}

div#inhalt a:visited {
    color:#666666;
}

div#inhalt a.de, a.en {
    position:absolute;
    top:144px;
    display:block;
    width:55px;
    height:30px;
    margin-left:510px;
    background-image:url(../images/lang_selection.jpg);
    background-repeat:no-repeat;
}

div#inhalt a.de:hover {
    background-image:url(../images/lang_en.jpg);
    background-repeat:no-repeat;
}

div#inhalt a.en:hover {
    background-image:url(../images/lang_de.jpg);
    background-repeat:no-repeat;
}

/* DIV Navigation */

div#navigation {
    width:203px;
    height:600px;
    /*border:1px solid;*/
    margin-left:0px;
    padding:0px;
    float:left;
    background-color:#666666;
}

.navi_home {
    background-image:url(../images/bg_navi_home.jpg);
    background-repeat:no-repeat;
}

.navi_home_offline {
    background-image:url(../images/bg_navi_home_offline.jpg);
    background-repeat:no-repeat;
}

.navi_infos {
    background-image:url(../images/bg_navi_infos.jpg);
    background-repeat:no-repeat;
}

.navi_teilnehmer {
    background-image:url(../images/bg_navi_teilnehmer.jpg);
    background-repeat:no-repeat;
}

.navi_anmeldung {
    background-image:url(../images/bg_navi_anmeldung.jpg);
    background-repeat:no-repeat;
}

.navi_kontakt {
    background-image:url(../images/bg_navi_kontakt.jpg);
    background-repeat:no-repeat;
}

.navi_kontakt_offline {
    background-image:url(../images/bg_navi_kontakt_offline.jpg);
    background-repeat:no-repeat;
}

.navi_sponsoren {
    background-image:url(../images/bg_navi_sponsoren.jpg);
    background-repeat:no-repeat;
}

.navi_sponsoren_offline {
    background-image:url(../images/bg_navi_sponsoren_offline.jpg);
    background-repeat:no-repeat;
}

.navi_impressum {
    background-image:url(../images/bg_navi_impressum.jpg);
    background-repeat:no-repeat;
}

.navi_impressum_offline {
    background-image:url(../images/bg_navi_impressum_offline.jpg);
    background-repeat:no-repeat;
}

div#navigation a {
    display:block;
    background-color:transparent;
    width:150px;
    height:auto;
    text-decoration:none;
    text-align:center;
    border:1px solid;
    border-color:#000000;
    padding:3px;
    margin-top:7px;
    text-transform:uppercase;
    color:#000000;
    font-family:"Verdana",sans-serif;
    font-size:13pt;
}

div#navigation a:hover {
    color:red;
    border-color:red;
}

div#navigation ul {
    list-style-type:none;
    /*border:1px solid;*/
    margin-top:180px;
    margin-left:5px;
    padding:20px;
    width:195px;
}

div#navigation ul ul {
    background-image:none;
    margin-top:0px;
    margin-left:7px;
    padding:0;
    border:0;
}

div#navigation ul li {
    width:160px;
}

div#navigation a.home {
    color:#FFFF00;
    border-color:#FFFF00;
}

div#navigation a.infos {
    color:#0000FF;
    border-color:#0000FF;
}

div#navigation a.teilnehmer {
    color:#FF9900;
    border-color:#FF9900;
}

div#navigation a.anmeldung {
    color:#00FF00;
    border-color:#00FF00;
}

div#navigation a.kontakt {
    color:#C100BB;
    border-color:#C100BB;
}

div#navigation a.impressum {
    color:#009C09;
    border-color:#009C09;
}

div#navigation a.sponsoren {
    color:#ffffff;
    border-color:#ffffff;
}

div#navigation ul li ul {
    display:none
}

div#navigation ul li.info ul {
    display:block;
    width:160px;
}

div#navigation ul li ul li {
    width:140px;
}

div#navigation p.news {
    margin-left:35px;
}

div#navigation a.news {
    margin-top:-5px;
    width:52px;
    height:52px;
    background-image:url(../images/symbol_news.png);
    background-repeat:no-repeat;
    border:0;
}

div#navigation a.news:hover {
    background-image:url(../images/symbol_news_hover.png);
}

div#navigation a.news_active {
    margin-top:-5px;
    width:52px;
    height:52px;
    background-image:url(../images/symbol_news_active.png);
    background-repeat:no-repeat;
    border:0;
}
/* DIV Seitenfuss */

div#seitenfuss {
    width:auto;
    /*border:1px solid;*/
    text-align:center;
    margin-left:210px;
    padding:5px;
}

div#seitenfuss a {
    font-family:"Verdana",sans-serif;
    font-size:0.9em;
    color:#000000;
    padding:0px 10px;
}

div#seitenfuss a:visited {
    color:#666666;
}

/* DIV Sponsoren */

div#sponsoren {
    position:absolute;
    top:610px;
    width:200px;
    height:auto;
    border: 2px solid;
    border-color:#666666;
    background-color:#ffffff;
    font-family:"Verdana",sans-serif;
}

div#sponsoren p.header{
    font-size:0.9em;
    line-height:1.2em;
    text-decoration:none;
    text-align:left;
    background-color:#666666;
    padding:5px;
    color:#ffffff;
}

/* Styles f�r Formulare */

#anmeldung fieldset, #anmeldung input, #anmeldung select, #anmeldung textarea, #kontakt fieldset, #kontakt input, #kontakt select, #kontakt textarea {
    border:1px solid;
}

#anmeldung fieldset, #kontakt fieldset {
    margin:1em 1em 1em 1em;
    padding:0.2em;
    width:auto;
    background-color:#AAAAAA;
}

#anmeldung fieldset.anrede, #kontakt fieldset.anrede {
    border:none;
}

#anmeldung fieldset.anrede label, #kontakt fieldset.anrede label {
    padding:0em;
}

#anmeldung fieldset.anrede input, #kontakt fieldset.anrede input {
    margin-right:1em;
    width:1em;
    height:1em;
}

#anmeldung fieldset.kontaktdaten, #kontakt fieldset.kontaktdaten {
    border:none;
}

#anmeldung fieldset.kontaktdaten label, #kontakt fieldset.kontaktdaten label {
    display:block;
    margin-bottom:1em;
}

#anmeldung fieldset.kontaktdaten input, #kontakt fieldset.kontaktdaten input {
    width:15em;
    margin-left:1em;
    padding:0.1em;
}

#anmeldung fieldset.haftung {
    background-color:#EEEEBB;
    padding:0.5em;
}

#anmeldung fieldset.bestaetigung {
    padding:0.5em;
    background-color:#FFBBBB;
}

#anmeldung fieldset.bestaetigung input {
    margin-bottom:2em;
}

#anmeldung input#submit, #kontakt input#submit {
    display:block;
    width:15em;
    height:3em;
    background-color:#EEEEEE;
    font-weight:bold;
}

#anmeldung input#submit:hover {
    background-color:#00CC00;
}

#kontakt input#submit:hover {
    background-color:#C100BB;
}

#anmeldung .beschriftung, #kontakt .beschriftung {
    display:inline-block;
    width:10em;
    background-color:#BBBBBB;
    border:1px dotted;
    border-color:#AAAAAA;
    padding:0.1em;
}

#anmeldung .beschriftung_adresse {
    display:inline-block;
    width:10em;
    vertical-align:top;
    background-color:#BBBBBB;
    border:1px dotted;
    border-color:#AAAAAA;
    padding:0.1em;
}

#anmeldung .beschriftung_bestaetigung {
    display:inline-block;
    width:430px;
    margin-left:2em;
}

#anmeldung .datenschutz, #kontakt .datenschutz {
    font-size:0.7em;
    line-height:normal;
    text-align:center;
    padding:1em;
}

#anrede {
    margin-left:1.5em;
}

#adresse {
    width:20em;
    height:10em;
    margin-left:1em;
}

#bestaetigung {
    display:inline-block;
    vertical-align:top;
    width:1em;
    height:1em;
    margin-top:0.4em;
    margin-left:0.4em;
}

#nachricht {
    margin-left:0em;
    margin-top:1em;
}

.copyright {
    padding-top:10px;
    font-size:0.6em;
    font-family:"Verdana", sans-serif;
}

.font_normal {
    text-decoration:none;
}