/* Farbschema */

a:link {
        color: #7ebd3b !important;
}
a:visited {
        color: #7ebd3b !important;
}
a:action {
        color: #7ebd3b !important;
}
a:hover {
        color: #7ebd3b !important;
}


/* Hintergrundfarbe body */
.ui-page { 
        background-color: #fa;
}


/* Container Wrapper um gesamten Bereich unterhalb Kopfbereich */
div#wrapper_content_all {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        width: 100%;
        margin: 0;
        padding: 0;
}

/* (Container) Pulldown-Hautmenü */
div#sub_menu_main {
        display: none;
}

/* Container Inhaltsbereich (nur verwenden wenn Reiter-Navi vorhanden) */
div#content_ohne_reiternavi {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        width: 100%;
        max-width: 800px;
        /* padding: 20px 15px; */
        padding: 2em 2em;
        margin: 1.5% auto 0px auto;
        background-color: #1b6c9d;
        border-top: 1px solid #f0f0f0;
        border-left: 1px solid #f0f0f0;
        border-right: 1px solid #f0f0f0;
        border-bottom: 1px solid #7ebd3b;
        color: #ffffff;
        text-shadow: none;
}

/* Container äusserer Kopfbereich */
div#header_main {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        width: 100%;
        background-color: #7cbf2e;
        /* background-color: #01070a; */
}

/* Container innerer Kopfbereich mit Logo und Elementen */
div#header_main_inner {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        width: 100%;
        max-width: 800px;
        margin: 0px auto 0px auto;
        padding: 0 0 0 0;
        position: relative;
}

/* Container linke Spalte im inneren Kopfbereich (Logo) */
div#header_main_inner_left {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        width: 70%;
        float: left;
        /* padding-top: 1em; */
        /* padding-left: 1em; */
        /* padding-bottom: 1em; */
}

/* Container rechte Spalte im inneren Kopfbereich */
div#header_main_inner_right {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        width: 30%;
        float: left;
        text-align: right;
}

/* Icon für Hauptnavi rechts oben */
img.navi_icon {
        display:inline-block; 
        padding: 15px 15px 10px 25px;
}

div#content_inner {
        margin-top: 2em;
}







div#content_ohne_reiternavi_t1 {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        width: 100%;
        max-width: 800px;
        /* padding: 20px 15px; */
        padding: 2em 2em;
        margin: 1.5% auto 0px auto;
        background-color: #64973a;
        border-top: 1px solid #f0f0f0;
        border-left: 1px solid #f0f0f0;
        border-right: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        color: #ffffff;
        text-shadow: none;
}

div#content_ohne_reiternavi_t2 {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        width: 100%;
        max-width: 800px;
        /* padding: 20px 15px; */
        padding: 2em 2em;
        margin: 1.5% auto 0px auto;
        background-color: #146b9f;
        border-top: 1px solid #f0f0f0;
        border-left: 1px solid #f0f0f0;
        border-right: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        color: #ffffff;
        text-shadow: none;
}

div#content_ohne_reiternavi_t3 {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        width: 100%;
        max-width: 800px;
        /* padding: 20px 15px; */
        padding: 2em 2em;
        margin: 1.5% auto 0px auto;
        background-color: #953453;
        border-top: 1px solid #f0f0f0;
        border-left: 1px solid #f0f0f0;
        border-right: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        color: #ffffff;
        text-shadow: none;
}

div#content_ohne_reiternavi_t4 {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        width: 100%;
        max-width: 800px;
        /* padding: 20px 15px; */
        padding: 2em 2em;
        margin: 1.5% auto 0px auto;
        background-color: #fba328;
        border-top: 1px solid #f0f0f0;
        border-left: 1px solid #f0f0f0;
        border-right: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        color: #ffffff;
        text-shadow: none;
}

div#content_ohne_reiternavi_t5 {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        width: 100%;
        max-width: 800px;
        /* padding: 20px 15px; */
        padding: 2em 2em;
        margin: 1.5% auto 0px auto;
        background-color: #a87a30;
        border-top: 1px solid #f0f0f0;
        border-left: 1px solid #f0f0f0;
        border-right: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        color: #ffffff;
        text-shadow: none;
}

div#content_ohne_reiternavi_t6 {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        width: 100%;
        max-width: 800px;
        /* padding: 20px 15px; */
        padding: 2em 2em;
        margin: 1.5% auto 0px auto;
        background-color: #2b7454;
        border-top: 1px solid #f0f0f0;
        border-left: 1px solid #f0f0f0;
        border-right: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        color: #ffffff;
        text-shadow: none;
}

div#content_ohne_reiternavi_t7 {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        width: 100%;
        max-width: 800px;
        /* padding: 20px 15px; */
        padding: 2em 2em;
        margin: 1.5% auto 0px auto;
        background-color: #3920ab;
        border-top: 1px solid #f0f0f0;
        border-left: 1px solid #f0f0f0;
        border-right: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        color: #ffffff;
        text-shadow: none;
}

div#content_ohne_reiternavi_t8 {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        width: 100%;
        max-width: 800px;
        /* padding: 20px 15px; */
        padding: 2em 2em;
        margin: 1.5% auto 0px auto;
        background-color: #fc5b57;
        border-top: 1px solid #f0f0f0;
        border-left: 1px solid #f0f0f0;
        border-right: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        color: #ffffff;
        text-shadow: none;
}

div#content_ohne_reiternavi_bonus {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        width: 100%;
        max-width: 800px;
        /* padding: 20px 15px; */
        padding: 2em 2em;
        margin: 1.5% auto 0px auto;
        background-color: #aaaaaa;
        border-top: 1px solid #f0f0f0;
        border-left: 1px solid #f0f0f0;
        border-right: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        color: #ffffff;
        text-shadow: none;
}

div#div_logo {
        padding-bottom: 0.8em;
}

img#logo_top {
        width: 100%;
        max-width: 400px;
}

img#logo_top_small {
        width: 100%;
        max-width: 250px;
}

/* Container Footer mit Copyright und Navi */
div#footer_main {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        width: 100%;
        max-width: 800px;
        padding: 20px 15px;
        margin: 0 auto 0 auto;
        /* background-color: #27586b; */
        /* background-color: #365070; */
        background-color: #2a5f83;
        color: #ffffff;
        font-size: 0.8em;
        border-top: 1px solid #7ebd3b;
        border-left: 1px solid #f0f0f0;
        border-right: 1px solid #f0f0f0;
        /* border-bottom: 1px solid #f0f0f0; */
        text-shadow: none;
} 

.div_ok {
        color: #7ebd3b;
        margin-bottom: 1.5em;
        padding: 0.5em;
        border: 2px solid #8fa347;
}

.div_fehler {
        color: orange;
        margin-bottom: 1.5em;
        padding: 0.5em;
        border: 2px solid orange;
}

.div_warnung {
        color: #444444;
        margin-bottom: 1.5em;
        padding: 0.5em;
        border: 2px solid #f99326;
}

/* Allgemeins Clear */
.clear {
    clear: both;
}     

.lek a:link {color: #ffffff; text-decoration: none}
.lek a:visited {color: #ffffff; text-decoration: none}
.lek a:active {color: #ffffff; text-decoration: none}
.lek a:hover {color: #dddddd; text-decoration: underline; }

.text_grau {
        color: #999999;
}

.text_grau_small {
        font-size: 0.85em;
        color: #999999;
}

.text_small {
        font-size: 0.85em;
}

p.small {
        margin-bottom: 0.3em;
}

p.norm {
        margin-top: 0;
        margin-bottom: 1em;
}

p.big {
        margin-bottom: 3em;
}

.responsive-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 2px;
}

.responsive-video {
        position: relative;
        padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
        padding-top: 0px;
        height: 0;
        overflow: hidden;
        border: 1px dashed #999999;
}


.grf_foto {
        width: 100%;
        max-width: 300px;
}        

.rund {
	border-radius: 200px;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px
}

.rund_rsmall {
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px
}

.blaetter_div {
        -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
        margin-top: 3em;
        margin-bottom: 0;
        padding-top: 1em;
        border-top: 1px #999999 dotted;
}

.blaetter_div_left {
        -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
        float: left;
        width: 50%;
}
.blaetter_div_right {
        -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
        float: left;
        width: 50%;
        text-align: right;
}

table.tab_lektionen {
        width: 100%;
        font-size: 0.8em;
        margin-bottom: 3em;
}

table.tab_lektionen td {
        width: 33.3%;
        /* color: #ffffff; */
        text-shadow: none;
        padding: 0.8em;
        text-align: center;
        vertical-align: top;
}

.lektion_1 {
        background-color: #64973a;
        color: #ffffff;
}

.lektion_2 {
        background-color: #146b9f;
        color: #ffffff;
}

.lektion_3 {
        background-color: #953453;
        color: #ffffff;
}

.lektion_4 {
        background-color: #fba328;
        color: #ffffff;
}

.lektion_5 {
        background-color: #a87a30;
        color: #ffffff;
}

.lektion_6 {
        background-color: #2b7454;
        color: #ffffff;
}

.lektion_7 {
        background-color: #fc5b57;
        color: #ffffff;
}

.lektion_8 {        
        background-color: #3920ab;
        color: #ffffff;
}

.lektion_9 {
        background-color: #64973a;
        color: #ffffff;
}

.lektion_10 {
        background-color: #146b9f;
        color: #ffffff;
}

.lektion_11 {
        background-color: #953453;
        color: #ffffff;
}

.lektion_12 {
        background-color: #fba328;
        color: #ffffff;
}

.bonus {
        background-color: #aaaaaa;
        color: #ffffff;
}

.t_ueb {
        font-weight: bold;
        font-style: italic;
        margin-bottom: 0.8em;
        text-decoration: underline;
        font-size: 0.8em;
}

.t_lb {
        text-transform: uppercase;
        margin-bottom: 0.5em;
}

.t_lb_1 {
        font-weight: none;
        margin-bottom: 0.5em;
}

table.tab_bestell {
        margin-top: 2em;
        margin-bottom: 2em;
        font-size: 0.8em;
}

table.tab_bestell td {
        color: #444444;
        background-color: #cccccc;
        text-shadow: none;
        padding: 0.8em;
        vertical-align: top;
} 

table.tab_bestell .t_2 {
        color: #ffffff;
}

table.tab_bestell .t_3 {
        font-style: italic;
} 

table.tab_bestell .t_4 {
        font-size: 0.9em;
        color: #666666;
}

.div_blaetter_links {
        float: left;
        width: 50%;
}

.div_blaetter_rechts {
        float: left;
        width: 50%;
        text-align: right;
}

.ueb_lebensbereich {
        margin-top: 0; 
        margin-bottom: 0.3em;
}

.ueb_lebensbereich_titel {
        margin-bottom: 0;
        margin-top: 0; 
        text-transform: uppercase;
}

.div_coming_soon {
        text-align: center;
        font-size: 2em;
        margin-bottom: 2em;
}

.div_coming_soon_zusatz {
        margin-top: 0.8em;
        padding-top: 0;
        text-align: center;
        font-size: 0.5em;
}

div.div_login {
        text-align: right;
        margin-bottom: 0.8em;
}

div.container_login {
        width: 100%;
        margin-bottom: 2em;
}

div.formular_ueberschrift {
        background-color: #1a3851;
        padding: 0.5em; 
        color: #ffffff;
        text-shadow: none;
}

.form_login {
        border: 1px solid #1a3851;
        padding: 1em;
}

.form_nchricht {
        border: 1px dashed #e0e0e0;
        padding: 1em;
        margin-bottom: 2.5em;
}

.form_div_1 {
        margin-bottom: 1em;
}

.form_div_2 {
        border-top: 1px dotted #aaaaaa;
        padding-top: 1em;
        margin-bottom: 1em;
        margin-top: 2em;
}

.thomas_pic_rechts {
        width: 20%;
        float: right;
        margin-left: 1em;
        margin-bottom: 1em;
}

div.download_box {
        background-color: #e0e0e0;
        border: 1px solid #aaaaaa;
        padding: 1.5em;
        margin-bottom: 2em;
        color: #444444;        
}

img.pic_report_1 {
        border: 1px solid #888888;
        width: 30%;
        max-width: 150px;
        float: left;
        margin-right: 1.5em;
}

div.rv {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        margin-bottom: 2em;
}

div.rvideo {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        float: left;
        width: 30%;
        max-width: 200px;
        margin-right: 1.5em;
}

div.rvideo_text {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
}

.rv img {
        width: 100%;
        max-width: 200px;
}

div.logbuch_item {
        background-color: #e0e0e0;
        margin-bottom: 1em;
        border: 1px solid #e0e0e0;
}

.rund {
        width: 100px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px
}

.rund_thomas {
        width: 70px;
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
        float: left;
        margin-right: 1.5em;
}

.rund_thomas_bigger {
        width: 100px;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
        float: left;
        margin-right: 1.5em;
}

.div_member_pic {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        float: left;
        width: 20%;	
        max-width: 70px;
}

.div_member_data {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        *behavior: url(boxsizing.htc);
        float: left;
        padding-left: 5%;
        width: 75%;
}

.member_pic {
        width: 100%;
        border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px
}

.member_p_name {
        padding-top: 0;
        margin-top: 0.4em;
        margin-bottom: 1em;
}

.member_p_profil {
        padding-top: 0;
        margin-top: 0.4em;
        margin-bottom: 1em;
}

.div_teilnehmer {
        padding: 0.8em;
        background-color: #2a5f83;
        margin-bottom: 1em;
        border-radius: 10px;
        border: 1px #444444 dashed;
}

.div_beitrag {
        padding: 0.4em 0.8em;
        background-color: #2a5f83;
        margin-bottom: 1.5em;
        border-radius: 10px;
        border: 1px #444444 dashed;
}

.div_beitrag_meldung {
        padding: 0.4em 0.8em;
        background-color: #666666;
        margin-bottom: 1.5em;
        border-radius: 10px;
        border: 1px #999999 dashed;
}

.beitrag_p_timestamp {
        padding-top: 0;
        margin-top: 0.4em;
        margin-bottom: 1em;
        font-size: 0.8em;
        font-style: italic;
}

.beitrag_p_titel {
        font-size: 1.3em;
        margin-bottom: 0.6em;
}

.beitrag_p_subtitel {
        font-size: 0.85em;
        margin-bottom: 1.5em;
        font-style: italic;
}

.beitrag_p_text {
        margin-bottom: 1.5em;
}

.beitrag_p_schlagwort {
        padding-top: 0;
        margin-bottom: 1em;
        font-size: 0.8em;
}

.beitrag_p_autor {
        padding-top: 0;
        margin-top: 0.4em;
        margin-bottom: 1em;
        font-size: 0.8em;
        font-style: italic;
}

.form_lektion {
        background-color: #2a5f83;
        padding: 1em;
        border-radius: 10px;
        border: 1px #444444 dashed !important;
        text-shadow: none;
        color: #ffffff;
}

.div_content_level_1 {
        padding: 0.2em 1.2em;
        background-color: #2a5f83;
        margin-bottom: 0.5em;
        border-radius: 8px;
        border: 1px #444444 dashed;
}
.div_content_level_2 {
        padding: 0.2em 1.2em;
        background-color: #2a5f83;
        margin-bottom: 0.5em;
        border-radius: 8px;
        border: 1px #444444 dashed;
        margin-left: 5%;
}
.div_content_level_3 {
        padding: 0.2em 1.2em;
        background-color: #2a5f83;
        margin-bottom: 0.5em;
        border-radius: 8px;
        border: 1px #444444 dashed;
        margin-left: 10%;
}
.div_content_level_unknown {
        padding: 0.2em 1.2em;
        background-color: #666666;
        margin-bottom: 0.5em;
        border-radius: 8px;
        border: 1px #444444 dashed;
}




.content_beitrag_p_titel {
        padding-top: 0;
        margin-top: 0.2em;
        margin-bottom: 0.8em;
}

.content_beitrag_p_autor {
        padding-top: 0;
        margin-top: 0.4em;
        margin-bottom: 0;
        font-size: 0.8em;
        font-style: italic;
}

.div_content_rubrik_box {
        padding-bottom: 1em;
        border-bottom: 1px #444444 dashed;
        margin-bottom: 2em;
}

table.monitor_nutzer {
        margin-top: 2em;
        background-color: #7ebd3b;
        font-size: 0.8em;
} 

table.monitor_nutzer td {
        background-color: #2a5f83;
        vertical-align: top;
} 

div.start_welcome_text {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
        
    width: 100%;
    
}

div.start_welcome_video {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
        
    width: 100%;
    margin-top: 1em;
}

div.div_grundlagen_warn {
        background-color: #dd4e1a;
        border-radius: 5px;
        color: #ffffff;
        padding: 1em;
        margin-bottom: 1.5em;
        border: 1px #999999 dashed;
}

div.pub_vid_titel {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}

div.pub_vid_container {
        margin-bottom: 3em;
}

div.pub_vid_pic {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;        
}

.pub_vid_img {
        width: 100%;
        max-width: 400px;
        margin-bottom: 0.8em;
}

/* Media-Query größer 600px */
/* ########################### */
@media screen and (min-width:600px) {
    
        div#div_logo {
                padding-bottom: 1em;
        }
    
        .t_lb {
                font-size: 1.4em;
        }    
        .t_lb1 {
                font-size: 1.2em;
        }  
        .t_ueb {
                font-size: 1.2em;
        }    
        
        table.tab_bestell {                
                font-size: 1em;
        }
        
        div.div_login {
                margin-bottom: 0;
        }
        
        div.container_login {
                width: 60%;
        }
        
        div.start_welcome_video {
                float: right;
                width: 35%;
                margin-left: 4%;
                margin-top: 0;
        }
        
        div.start_welcome_text { 
                float: right;
                width: 60%;
        }  
        
        div.pub_vid_container {
                margin-bottom: 2em;
        }
        
        div.pub_vid_titel {
                float: left;
                width: 60%;
                padding-left: 2em;
        }

        div.pub_vid_pic {
                float: left;
                width: 40%;
        }
}