/*
================================================================================
    Basis-Stylesheet mit Reset und Restaurierung von Abständen, etc.
    Datei:      main.css
    Autor:      Michael Velten
    Version:    1.0
    Datum:      08.08.2014
    Changelog:  1.0 / 08.08.2014    Initiale Version
================================================================================
*/
@media all {
/*
================================================================================
    Abschnitt 1:    Defaults resetten
================================================================================
*/
html { overflow-y: scroll; }    // Vertikale Scrollbar immer einblende
* { padding: 0; margin: 0; }    // Alle Abstänge auf Null setzen
/*
================================================================================
    Abschnitt 2:    Abstände restarieren
================================================================================
*/
h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol { margin-bottom: 1em; }
ul, ol { margin-left: 0; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
blockquote { margin: 1em 2em; }
/*
================================================================================
    Abschnitt 3:    Allgemeine Styles
================================================================================
*/
body { background: #FFF; font-family: Arial, sans-serif; font-size: 1em; }
button, a.button, input.button {
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    vertical-align: baseline;
    line-height: normal;
    font: -moz-button;
    background-color: #7FBA00;
    background-image: linear-gradient(to bottom, #9C0, #65A900);
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    padding: 6px 0.75em 5px;
    border: 0px none;
    border-radius: 3px;
    margin: 0;
}
a.countryFlag {
    width: 18px;
    height: 13px;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    border: 0;
    border-radius: 3px;
    margin: 0px 2px;
}
input {
    -moz-box-sizing: border-box;
}
table {
    border: 1px solid #65A900;
    border-top-width: 1px;       /* Randbreite oben */
    border-right-width: 3px;     /* Randbreite rechts */    
    border-bottom-width: 3px;    /* Randbreite unten */
    border-left-width: 1px;      /* Randbreite links */                                                 
}
td {
    border: thin dotted #65A900;
}
/*
================================================================================
    Abschnitt 4:    Allgemeine Layout-Styles
================================================================================
*/
div#wrapper {
    //position: static;
    width: 100%;
}

/*
================================================================================
    Abschnitt 5:    Header (Main)
================================================================================
*/

/*
================================================================================
    Abschnitt 6:    Footer (Main)
================================================================================
*/
footer#main {
    background: none repeat scroll 0% 0% #FFF;
}
footer#main section#feedback {
    text-align: right;
}
footer#main section#feedback a {
    font: bold 0.8em Arial,sans-serif;
    color: #9C0;
    text-decoration: none;
    padding: 0px 5px;
}
footer#main section#social_media {
    font: bold 0.8em Arial,sans-serif;
    color: #9C0;
    text-decoration: none;
    text-align: right;
}
footer#main section#rechtliche_hinweise {
    text-align: center;
}
footer#main section#rechtliche_hinweise a {
    font: bold 0.8em Arial,sans-serif;
    color: #9C0;
    text-decoration: none;
    padding: 0px 5px;
}

/*
================================================================================
    Abschnitt 6:    Images (URI)
================================================================================
*/
/* ========= Flaggen =========== */
a#de { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANBAMAAABWYCMqAAAAD1BMVEUAAAD/zgDdAACSAADpRwAmJbJVAAAAG0lEQVQI12MgFhjDAIMSDGBlucAAgyAM4GcBAB2BCipCXaRFAAAAAElFTkSuQmCC"); }
a#en { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAMAAACTkM4rAAAA5FBMVEUAJH3cVWYQMoUYOYnzxMrZR1kAJH0LLYMXOInPFCuQoMaYp8rXOk399PX+/f35+vwdPIyotdPeYHDsnafYPVDZRVf65+npvsjRITfuqrPRJz3ku8Y+WZ3xuL/vr7d8grEyT5Z2irqlstH99/jAmrL54OPr7vXgankCJn7XkaL1zdHQ1+iHmMIVNYjGzuL77O7gZXTsz9fIn7TTpLbywsiOjLXdWmrr1d3cV2nojZjdd4bX3eubqczt8PbaS11we67h5fCunLm2wNrdgZDbUWJrgLTic4HmhZHv8fe/yN6hmLnurLXm9AcKAAAACXRSTlP2////////9/iEUz5vAAAAtElEQVQI12WORxaCQBBEW9DWgSFjzpIx55yz9z+QzANX/k1V/UW/hrW8ywLkqpVKNcrsRzdgc3C2LeTThKQ5bAVm+ALVpmWlHaum7klvFdBv6iNpwNSENpS2jyAIQmdcLjBVl/adaEIqJk9IPqlA/oBMDCWEJhVEUdRca8ZuFRpLLZqAeFfqdMpUd7jwjojAX6zHaq4y1e/Jhmnz4IZmUPt9Xzs5mSsYtzOHyBdLpWKUnCY/v1WpEX8HX54+AAAAAElFTkSuQmCC"); }



}       // Schließen der @media Anweisung
/*
================================================================================
    Ende der Datei: main.css
================================================================================
*/


/*
================================================================================
    Stylesheet für index.php (ohne Haupt-Header und Haupt-Footer)
    Datei:      index.css
    Autor:      Michael Velten
    Version:    1.0
    Datum:      08.08.2014
    Changelog:  1.0 / 08.08.2014    Initiale Version
================================================================================
*/
/*
================================================================================
    Abschnitt 1:    Aufteilung der Seite und generelle Einstellungen
================================================================================
*/
section{
  background: transparent 100% bottom no-repeat;
}
/*
================================================================================
    Abschnitt 2:    Einstellungen der Sprachwahl
================================================================================
*/
section#sprachen {
    position: absolute;
    top: 5px;
    right: 20px;
}
/*
================================================================================
    Abschnitt 3:    Einstellungen der Anmeldebox
================================================================================
*/
/* ========= gesamte Anmeldebox =========== */
section#anmeldung {
    position: absolute;
    direction: rtl;    
    top: 40px;
    left: 40px;
    width: 360px;
    max-width: 360px;
    z-index: 1;
    background: none repeat scroll 0% 0% #FFF;
    font: 12px/14px Arial,sans-serif;    
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0px 2px 8px #CCC;
}
section#anmeldung h1 {
    direction: ltr;
    font: 1.2em Arial,sans-serif;
    font-weight: bold;
}
section#anmeldung h2 {
    direction: ltr;
    font: 13px Arial,sans-serif;
    margin: 0px 0px 15px;
}
section#anmeldung h3 {
    direction: ltr;
    font: 13px Arial,sans-serif;
    margin: 0px 0px 15px;
}
section#anmeldung p#meldung {
    direction: ltr;
    font: bold 0.9em Arial,sans-serif;
    color: #f03;
}
/* ===== Sections "Register" und "Login" (gemeinschaftlich) ====== */
div#register_login {
    position: relative;
    overflow: hidden;
    background: none repeat scroll 0% 0% #F2F2F2;
}
/* ======== Sections "Register" und "Login" (seperat) =========== */
section#login, section#register {
    width: 165px;
    direction: ltr;
    display: table-cell;
    padding: 15px 15px 40px;
}
/* ======== Sections "Login"  =================================== */
section#login {
    //width: 165px;
    border-left: 5px solid #FFF;
}
section#login form {
    margin-bottom: 30px;
}
section#login form p {
    margin: 10px 0px 0px;
}
section#login form label {
    display: block;
    font-size: 11px;
}
section#login form input {
    height: 20px;
    width: 100%;
    vertical-align: middle;
    padding: 0px 2px;
    margin: 0px;
}
section#login form input[placeholder] {
    font-size: 0.9em;
}
section#login form button {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
section#login #p_angemeldet_bleiben {
    position: relative;
    padding: 5px 0px 0px;
}
section#login #p_angemeldet_bleiben #angemeldet_bleiben {
    position: absolute;
    top: 3px;
    height: auto;
    width: auto;
    vertical-align: bottom;
}
section#login #p_angemeldet_bleiben label[for="angemeldet_bleiben"] {
    display: block;
    font-size: 11px;
    cursor: pointer;
    line-height: 10px;
    margin-left: 18px;
}
section#anmeldung small {
    position: absolute;
    bottom: 45px;
}
section#login small {
    width: 10em;
    margin: 10px 0px 0px;
}
section#login small a {
    font-size: 1em;
    color: #333;
    text-decoration: none;
}
/* ======== Sections "Register"  ================================ */
section#register ul {
    padding-left: 15px;
}
section#register a.button {
    position: absolute;
    bottom: 10px;
    right: 190px;
}
/*
================================================================================
    Abschnitt 4:    Einstellungen der Hintergrundgrafik
================================================================================
*/
figure img#index_background {
    position: static;
    width: 100%;
    margin-top: 10px;
}
/*
#logout{
  float: right;
}
*/
/*
================================================================================
    Abschnitt 5:    Responsive Design
================================================================================
*/
@media screen and (max-width:560px){
    section#anmeldung {
        position: static;
        width: auto;
        box-shadow: none;
    }
    figure img#index_background {
        display: none;
    }
}
@media screen and (max-width:410px){
    section#login, section#register {
        position: relative;
        width: auto;
        display: block;
    }
    section#login {
        border-left: none;
        border-bottom:5px solid #fff
    }
    section#register ul {
        display: none;
    }
    section#register a.button {
        right: 10px;
    }
    
    	/*
	
	#home .commbox section{padding-bottom:28px}
	#home #section-apply ul{display:none}
	#home #section-apply a.button{right:10px}
        */
}
@media screen and (min-width:260px) and (max-width:380px){
	
}
/*
================================================================================
    Ende der Datei: main.css
================================================================================
*/