﻿
.error, .success {
    font-size: 24px;
    display: block;
    text-align: center;
    padding: 5px 10px;
    color: red;
    margin-bottom: 20px;
    line-height: 25px;
}

.success {
    border-color: green;
    color: green;
}

.portfolio_head { margin-bottom:30px }
.portfolio_head h2 { text-align:center;color:#707070;font-size:20px;margin:0px 0px 18px 0px;line-height:20px }
.portfolio_head h1 { text-align:center;color:black;font-size:60px;font-weight:900;line-height:60px;margin:0px }
.portfolio_head h3 { text-align:center;margin-top:20px;font-size:18px }
.portfolio_head h4 { text-align:center;color:#000000;font-size:18px;margin:0px 0px 18px 0px;line-height:20px }

.portfolio_head h2 font { display:inline-block;margin-right:20px;margin-top:10px;margin-bottom:10px }
.portfolio_head h2 font a { color:#707070; }
.portfolio_head h2 font:last-child { margin-right:0px }
.portfolio_head h2 font.sel { color:black;font-weight:bold;border-bottom:solid 2px black }

.centerbtns { position:absolute;text-align:center;width:100%;font-weight:bold;font-size:16px;top:66px }
.centerbtns a { display:inline-block;margin:0px 10px }
.centerbtns span { margin-right:7px;font-size:14px }
.centerbtns .downloadlink span { font-size: 19px; position: relative; top: 4px; }


.mitgliedschaft { padding-top:135px; }
.mitgliedschaft .formular { max-width:600px;padding:0px 20px;margin:0px auto }
.mitgliedschaft .formular h4, .btm_content h4 { margin-top:10px }
.mitgliedschaft .formular .rb { margin-top:24px }
.mitgliedschaft .formular .rb p { margin-left:30px;font-size:16px }
.formular .cal_item { position:relative }
.formular .cal_item .icon-kalender_01 { position:absolute;right:3px;font-size:18px;margin-top:10px }
.mitgliedschaft .home_portale > div > div { height:300px }
.mitgliedschaft .home_buttons a { width:180px;margin:0px auto }
.mitgliedschaft .seiten_video { background-image:url('/grafik/icons/Testbild_1.jpg');background-size:cover;text-align:center;position:relative }
.mitgliedschaft .seiten_video img { position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.mitgliedschaft .detailform { max-width:800px; }

.btn_menu { float:right;margin:55px 48px 0px 0px; z-index: 90; position: relative; }
.btn_menu a:nth-last-child(3) { margin-right:30px }

.dankeinfo { font-size:18px;line-height:24px;text-align:center;margin-bottom:82px;margin-top:26px }


.funktionen { margin:0px auto;border-collapse:collapse; }
.funktionen td { border: 1px solid #DCDDE1;padding:7px 10px 7px 21px;min-width:176px }
.funktionen h3 { font-weight:800;font-size:30px;margin:12px 0px 1px 0px }
.funktionen h4 { font-size:26px }
.funktionen h5 { font-size:14px;color:#70707D }
.funktionen td { text-align:center }
.funktionen td .wbtn span { padding-top:8px;padding-bottom:6px }
.funktionen td .button { margin-top:20px }
.funktionen .topFunktionen td { border-left-width:0px;border-right-width:0px; }
.funktionen .topFunktionen td:first-child { border-left-width:1px; }
.funktionen .topFunktionen td:last-child { border-right-width:1px; }
.funktionen td:first-child { text-align:left;font-size:18px;font-weight:800 }
.funktionen .subFunktionen td:first-child { font-size:15px;font-weight:normal;padding:9px 10px 9px 36px }
.funktionen .subFunktionen td:first-child div { display:inline-block;padding-left:5px }
.funktionen .button { margin-top:10px }
.funktionen td.sel {  border-left:solid 2px red !important; border-right:solid 2px red !important; }
.funktionen tr:first-child td.sel { border-top:solid 2px red }
.funktionen tr:last-child td.sel { border-bottom:solid 2px red }
.funktionen tr.topFunktionen td.sel:last-child { border-right-width:2px }
.funktionen tr:first-child .ausgewaehlt { display:none }
.funktionen tr:first-child .sel .ausgewaehlt:hover { border-color:white }
.funktionen tr:first-child .sel .ausgewaehlt { display:block }
.funktionen tr:first-child .sel .wbtn { display:none }

.funktionen .subFunktionen td:first-child .tooltip { float:right;border:solid 1px #A1ABBA;color:#A1ABBA;height:14px;width:14px;text-align:center;font-size:10px;border-radius:50%;padding:0px;position:relative;top:3px }



#funktionen .divGuthaben {text-align:center;padding-top:30px;padding-bottom:20px;font-size:16px  }

.abo_auswahl { position:fixed;bottom:2px;left:3px;right:3px;background-color:#DCDDE1;text-align:center;padding:10px;color:#35404E;font-size:24px;font-weight:200 }
.abo_auswahl div { display:inline-block;margin-left:100px;font-size:14px }
.abo_auswahl div b { font-size:24px }

.mitgliedschaft .bestelluebersicht { display:table;font-size:20px;width:100%;font-weight:200;margin-top:63px;margin-bottom:90px }
.mitgliedschaft .bestelluebersicht > div { display:table-row }
.mitgliedschaft .bestelluebersicht > div > div { display:table-cell;padding-bottom:15px; }
.mitgliedschaft .bestelluebersicht > div > div:first-child { padding-left:10px }
.mitgliedschaft .bestelluebersicht > div.linie > div { border-top:solid 1px black;padding-top:15px;padding-bottom:5px }
.mitgliedschaft .bestelluebersicht > div.linie > div:last-child { text-align:right;padding-right:10px }
.mitgliedschaft .bestelluebersicht > div > div:last-child span { display:inline-block; min-width:60px }
.mitgliedschaft .bestelluebersicht > div.mwst > div:last-child { text-align:right;padding-right:10px }
.mitgliedschaft .bestelluebersicht > div > div:first-child { font-weight:bold;padding-right:10px }
.mitgliedschaft .bestelluebersicht > div > div:first-child font { font-weight:200 }
.mitgliedschaft .bestelluebersicht > div:nth-last-child(2) > div { font-weight:bold; }
.mitgliedschaft .chbox > div { font-size:16px;margin-left:32px }

.profilbild { position:absolute;top:200px;text-align:center;width:100% }
.profilbild > div {border-radius: 10px;overflow:hidden;position: relative;padding:3px;border:solid 2px #F27405;display:inline-block;}
.profilbild > div img {vertical-align:middle;border-radius: 8px;overflow:hidden;max-width:307px;max-height:307px;/* position: absolute; */}

.formular { overflow:auto;height:100%;padding:132px 50px 50px 90px }
.formular h2, .btm_content h2 { font-size:34px;font-weight:bold;line-height:34px;margin-top:90px;margin-bottom:10px;margin-left:10px }
.formular h2 { margin-bottom:20px; }
.formular > h3 { font-size:18px;line-height:20px;margin-bottom:10px;margin-left:10px }
.formular .beschreibung { margin-bottom:50px;margin-left:10px;font-size: 18px; line-height: 27px; }

.right .formular h4, .btm_content h4 { margin-top:10px; }
.formular h4, .btm_content h4 { font-size:16px;line-height:20px;margin-top:20px;margin-bottom:0px;color:#AD4906;margin-left:10px }
.btm_content .left50 h4 { margin-top:10px }
.formular input[type=text], .formular textarea, .formular input[type=password], .formular select { font-size:24px;line-height:24px; color:black; border:solid 0px #8E8E8E; border-bottom-width:1px;width:100%; padding:4px 10px 6px 10px; margin-bottom:20px }
.formular input[type=text]:focus, .formular textarea:focus, .formular input[type=password]:focus, .formular select:focus { background-color:#f6f6f6 }
.btm_content input[type=text], .btm_content textarea, .btm_content input[type=password], .btm_content select { font-size:24px;line-height:24px; color:black; border:solid 0px #8E8E8E; border-bottom-width:1px; width:100%; padding:4px 10px 6px 10px; margin-bottom:20px }
.btm_content textarea { padding:15px 10px;border:solid 1px #EBEBEC;line-height:24px }
.formular input:disabled { background-color:transparent;color:#4D4D4D }
.formular textarea:disabled { background-color:white;color:#4D4D4D }

.textbox_container > span { text-align:center;display:block;color:#70707D;font-size:14px;padding-top:5px }
.formular .textbox_container { position:absolute;right:3px;left:3px;background-color:#FAFAFA;margin-bottom:20px }
.formular .textbox_container > div { margin:20px auto;width:760px }
.formular .textbox_container > span { position:relative;top:-15px; }

.formular select, .btm_content select {  padding-left:6px;outline:none; }
.formular textarea { font-size:16px;line-height:24px;font-family:circe;padding:10px;border: solid 1px #DCDDE1;outline:none; }
.formular .textarea { margin-bottom:70px; }
.formular .plz, .st_width .plz { width:150px;float:left; }
.formular .ort, .st_width .ort { margin-left:170px }
.formular .left30 { width:30%;float:left;padding-right:10px; }
.formular .left40 { width:40%;float:left; }
.formular .left50, .st_width .left50 { width:350px;float:left; }
.formular .right50, .st_width .right50 { margin-left:370px; }
.formular .right50 h4, .st_width .right50 h4 { padding-top:10px;margin-top:0px }
.formular .chbox, .formular .rb { margin-left:10px;margin-top:30px; }
.formular .chbox span { line-height:30px; }
.formular .chbox > div { margin-left:21px; }
.formular .chbox h4 { margin-top:5px;margin-left:10px }
.formular .chbox input[type=text], .formular .chbox input[type=password], .formular .chbox select { margin-bottom:0px }
.pulldown_container { position:relative }
.pulldown { border:solid 2px gray;display:none;position:absolute;width:100%;background-color:white;text-align:left;z-index:3; }
.pulldown > div { height:400px;overflow:auto;margin-bottom:10px; }
.pulldown > p { text-align:center;padding-bottom:15px;padding-top:15px }
.pulldown .abstand { height:6px }
.pulldown h5 { background-color:#E6E9ED;padding:12px 10px 8px 30px;margin-bottom:15px;font-size:22px;font-weight:bold;text-transform:uppercase;text-align:left }
.pulldown .chbox { margin-top:7px;font-size:18px;margin-left:30px }
.pulldown .checkbox label { margin-left:3px }
.preistabelle table tr td .pulldown input[type=text] { background-color:transparent }
.anderesInstrument { margin:10px 10px 5px 30px;color:#707070;font-size:14px;display:block }
.instrumenteauswahl { padding:10px 10px;border:solid 1px #DCDDE1;height:40px;margin-bottom:5px; font-size: 20px;line-height: 20px;text-align:left; }
/*.formular span:last-child { float:right; }*/
.institutionzuweisung h3 { margin-left:10px }
.institutionzuweisung .rb > div { margin-left:30px }


.ui-widget.ui-widget-content.plz_complete  { border:solid 1px #F1F1F1; max-height: 200px;overflow-y: auto;overflow-x: hidden; }
.plz_complete li { height:unset }
.plz_complete li a { padding:8px 10px 4px 10px;height:unset;position:static }

.formular .award_item  { margin-bottom:20px}
.formular .award_item textarea { margin-bottom:8px}
.formular .teacher_item {margin-top:20px;clear:both }
.formular .teacher_item > a { float:left }
.formular .teacher_item .medien_item { width:200px;height:158px }
.formular .teacher_item .teacherform { margin-left:220px }
.formular .teacher_item .teacherform input[type=text] { padding:2px 10px 4px 10px;margin-bottom:10px }

.medien_item { width:300px;height:258px;float:left;margin-right:14px;margin-bottom:14px;border:solid 1px #EBEBEC;border-radius:10px;overflow:hidden }
.medien_item:nth-child(2n+2) { margin-right:0px; }
.medien_item > a { display:block;width:100%;height:200px;background-color:#8E8E8E;background-size:contain;background-position:center;background-repeat:no-repeat;text-align:center }
.medien_item > a span { font-size:40px;color:white;margin-top:80px;display:inline-block }
.medien_item .file-upload { display:inline-block;left:50%;margin-left:-70px;z-index:2;margin-top:-40px;height:145px }
.medien_item.new { position:relative;background-color:#F9FBFC }
.medien_item.new .file-upload span { width:33px;height:33px;border-radius:50%;padding-top:3px;line-height:30px }
.medien_item > div { text-align:center;padding:5px }
.medien_item > input[type=text] { position: absolute; margin-top: -46px; margin-left: 1px; width: 296px;padding:5px 10px;margin-bottom:0px }


.medien_item.verifizierung { width:unset;height:unset;float:none;border-radius:10px;border-width:0px;background-color:#F9FBFC }
.medien_item.verifizierung > a { height:unset;width:unset;background-color:unset;text-align:left;padding:14px 20px 13px 20px;display:inline-block;font-size:20px;color:black }
.medien_item.verifizierung > div { float:right;width:unset;display:none }
.medien_item.verifizierung:hover > a { color:white }
.medien_item.verifizierung:hover > div { display:block; }
.medien_item.verifizierung.new label { position:static;width:unset;margin:0px 0px 0px 0px;display:block;height:43px;overflow:hidden;text-align:left;padding:6px 20px; }
.medien_item.verifizierung.new span { display:inline-block;margin:0px 10px 0px 0px;text-align:center;position:relative;top:5px }
.page .medien_item.verifizierung.new:hover label { color:white }
.page .medien_item.verifizierung.new:hover span { color:white;border-color:white; }

.preistabelle table { width:100%;margin-bottom:3px;margin-left:0px }
.preistabelle table tr td:first-child, .preistabelle table tr th:first-child  { width:220px  }
.preistabelle table tr td:nth-child(2), .preistabelle table tr th:nth-child(2) { width:210px  }
.preistabelle table tr td:nth-child(3), .preistabelle table tr th:nth-child(3)  { width:110px  }
.preistabelle table tr td:nth-child(4), .preistabelle table tr th:nth-child(4)  { width:90px  }
.preistabelle table tr td:last-child, .preistabelle table tr th:last-child  { width:20px  }
.preistabelle table tr td { padding-right:3px;box-sizing:border-box;font-size:20px  }
.preistabelle table tr.preisetr td { border-bottom:solid 1px #EEEEF0;padding:12px 0px 9px 10px  }
.preistabelle table tr.preisetr td a { color:black  }
.preistabelle table tr th { text-align:left;padding-left:10px;font-size:20px;box-sizing:border-box;border-bottom:solid 1px black }
.preistabelle table tr td select, .preistabelle table tr td input[type=text] { width:100%;margin-bottom:10px;background-color:#F9FBFC;  }
.preistabelle table tr td select { padding-bottom:5px  }
.preistabelle table tr td input[type=text] { padding-top:1px  }
.preistabelle table tr td .juroren { position:relative  }
.preistabelle table tr td .juroren a { position:absolute;right:0px;display:none;top:8px;  }

.preisedit { border:solid 2px #EBECEF;background-color:#F9FBFC;text-align:center;padding-left:10px;position: relative; left: -10px; box-sizing: unset; width: 770px; padding-bottom:10px }
.preisedit .error { font-size:20px; }
.preisedit h5 { text-align:center;font-weight:bold;font-size:24px;margin:10px }
.dauer p { float:left;margin-right:50px; font-size: 22px; line-height: 22px; padding-left:10px }
.dauer .rb { float:left;margin-right:30px;margin-top:0px;border-bottom-width:0px }
#slider_km { margin:20px 0px 30px 0px;border-width:0px;padding-top:0px;margin-right:20px;background-color:#e9e9e9 }
#slider_km .ui-slider-handle { width: 4.5em;height: 1.8em;top: 50%; margin-top: -.9em; text-align: center;line-height: 1.8em;color: white;border-radius:20px;font-size:12px }

.left {  width:30%;position:absolute;top:3px; }
.right { right:30%;position:absolute;top:3px;left:30%; }
.right .formular .portfolio_head { margin-bottom:73px }

.verification  div { width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:4px }
.verification  div.green { background-color:green }
.verification  div.orange { background-color:orange }
.verification  div.red { background-color:red }

.btnkreis { display: block; margin: 0px auto 37px auto; }

.admins { margin:20px 0px 20px 0px }
.admins > div { padding:10px 10px;border-bottom:solid 1px black; font-size: 22px; line-height: 22px; }
.admins  a { float:right;color:black }

.rechnungsadresse { padding:10px 10px; font-size: 22px; line-height: 28px; }
.mitgliedschaft_abo { padding-top:10px }
.mitgliedschaft_abo > div { padding:0px 10px 10px 10px; font-size: 22px; line-height: 28px;float:left }
.mitgliedschaft_abo > div:last-child { float:right }
.mitgliedschaft_abo > div:last-child p { color:#8190A3;font-size:14px;line-height:20px }
.mitgliedschaft_rechnung { padding:0px 10px; font-size: 16px; line-height: 28px;padding-bottom:20px;overflow:auto }
.mitgliedschaft_rechnung table { width:100%;min-width:400px; }
.mitgliedschaft_rechnung table td { border-bottom:solid 1px #EEEEF0;vertical-align:middle;padding-top:7px;padding-bottom:2px }
.mitgliedschaft_rechnung table tr:first-child td { font-weight:bold;border-color:#7F7F7F; }
.mitgliedschaft_rechnung table tr:first-child td:first-child { padding-left:8px }
.mitgliedschaft_rechnung table a { color:black }
.mitgliedschaft_rechnung table a span { margin-right:10px;position:relative;top:1px;border-left:solid 2px black;padding:5px 0px 5px 5px }
.mitgliedschaft_rechnung table span span { width:10px;height:10px;background-color:black;display:inline-block;border-radius:50%;margin-right:10px;position:relative;top:-1px }
.mitgliedschaft_rechnung table a.bezahlt span { border-color:#1FA186;color:#1FA186 }
.mitgliedschaft_rechnung table a.faellig span { border-color:#D80000;color:#D80000 }
.mitgliedschaft_rechnung table span.bezahlt { color:#1FA186 }
.mitgliedschaft_rechnung table span.faellig { color:#D80000 }
.mitgliedschaft_rechnung table span.bezahlt span { background-color:#1FA186 }
.mitgliedschaft_rechnung table span.faellig span { background-color:#D80000 }

.registrierung .formular select { padding-left:6px }
.registrierung .portfolio_head { padding-top:69px }
.registrierung .portfolio_head h1 { padding-bottom:20px;max-width:600px;margin:0px auto }
.registrierung .formular h4 { margin-bottom:2px }
.registrierung .formular input[type=text], .registrierung .formular input[type=password], .registrierung .formular select { margin-bottom:5px;outline:none }

.formular .lehrertabelle table tr td { padding-bottom:5px }
.formular .lehrertabelle table tr td.lehrende_edit { width:auto }
.formular .lehrertabelle table tr td.lehrende_edit select { width:97px;background-color:transparent  }
.formular .lehrertabelle table tr td.lehrende_edit input { width:320px;background-color:transparent  }
.lehrertabelle table tr td:first-child, .lehrertabelle table tr th:first-child { width: auto; }
.lehrertabelle { padding-bottom:400px }
.formular .lehrertabelle table tr td .chbox { margin-top:15px;margin-bottom:15px;text-align:left }

.status_on span { background-color:#1FA186;width:10px;height:10px;display:inline-block;border-radius:50%;margin-right:10px; }
.status_off span { background-color:#D80000;width:10px;height:10px;display:inline-block;border-radius:50%;margin-right:10px; }
.status_on { color:#1FA186 }
.status_off { color:#D80000 }
.zusweisung_status > div:first-child { float:left;width:300px }
.zusweisung_status > div:nth-child(2) { margin-left:320px }

.showGrunddaten { margin:40px auto 0px auto;font-size:18px;width:200px;cursor:pointer }
.btm_content .mailtable .info_table > div > div:last-child { text-align:right }

.btm_content .mailtable { max-width:760px; }
.btm_content .mailtable > div { margin-bottom:100px }
.btm_content .st_width { width:870px;margin:0px auto }

.btm_content .full_width { padding:30px 10px;background-color: #F9FBFC;margin-bottom:5px;margin-left:3px;margin-right:3px }
.schueler_unterricht > div { width:100%;margin:0px auto;position:relative;padding:10px 20px 0px 10px }
.schueler_unterricht .whg { right:30px;position:absolute;font-size: 20px; line-height: 20px;margin-top:4px }
.schueler_unterricht select, .schueler_unterricht input { background-color: #F9FBFC; }
.schueler_unterricht .dauer .rb { margin-top:0px }
.schueler_unterricht_btn { text-align:center }
.schueler_unterricht_btn a { margin:7px 0px 20px 0px }

img + .fotoupload { display: none; }
.fotoimg { border-radius:8px;overflow:hidden }
.fotoupload { width:100%;height:100%; cursor:pointer; display:none }
.fotoupload > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);font-size:15px;color:white;text-align:center }
.fotoupload .icon-foto { font-size:60px;display:block;margin-bottom:5px }
.fotoupload .icon-foto > span::before { color:white; }

.info_table {
    display: table;
    width: 100%
}
.info_table > div { display:table-row }
.info_table > div > div { display:table-cell;font-size:16px;vertical-align:middle;padding:13px 0px 12px 10px;border-bottom:solid 1px #E3E4E7 }
.info_table > div:first-child > div { border-bottom:solid 1px black }
.info_table > div:first-child > div a { border-bottom-color:black }
.info_table > div > div a { color:black;font-weight:bold }
.info_table > div > div.main { font-weight:bold;font-size:20px }
.info_table .img { width:68px;  }
.info_table .img > div { width:58px;height:58px;border-radius:50%;border:solid 2px #D80000;padding:2px;margin-right:10px  }
.info_table .img > div.aktiv { border-color:#2CA83E; }
.info_table .img > div img { border-radius:50% }
.info_table .bill_state { display:inline-block;width:4px;height:45px;background-color:green; position: absolute; margin-left: -9px;margin-top:-10px }
.info_table .bill_state.state3 { background-color:red }
.info_table .bill_state.state4 { background-color:red }
.info_table .bill_state.state5 { background-color:red }

.docu_table { width:100% }
.docu_table tr td:first-child img { cursor:pointer;position:relative;top:-3px }
.docu_table tr td:first-child .docuimg {  -webkit-transform:rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.docu_table tr td { font-size:16px;vertical-align:middle;padding:13px 0px 12px 10px;border-bottom:solid 1px #E3E4E7 }
.docu_table tr:first-child td a { color:black;font-weight:bold }
.docurow { display:none }
.docurow td { background-color:#eee }


.info_table .editcell { padding-top:2px;padding-bottom:0px;vertical-align:unset }
.info_table .edit { display:table;width:100%;color:black;min-height:40px;background-color:white;margin-top:3px }
.info_table .edit > div { display:table-row }
.info_table .edit > div a { color:black }
.info_table .edit > div > div { display:table-cell;vertical-align:top }
.info_table .edit > div > div:last-child { vertical-align:middle }
.info_table .edit .img { width:68px;  }
.info_table .edit .img > div { width:58px;height:58px;border-radius:50%;border:solid 2px #D80000;padding:2px;margin-right:10px  }
.info_table .edit .img > div.aktiv { border-color:#2CA83E; }
.info_table .edit .img > div img { border-radius:50% }
.info_table .edit > div > div.edit1 { overflow:hidden;vertical-align:middle;width:0px;position:relative}
.info_table .edit > div > div.edit1 div { background-color:#DCDDE1;position:absolute;left:0px;top:0px;bottom:0px;right:1px;overflow:hidden }
.info_table .edit > div > div.edit1.last div { right:10px; }
.info_table .edit > div > div.edit1 div span { position: absolute;left:50%;margin-left:-10px;color:#045BB0;font-size:20px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }

.formular .divZwischentotal > div { border-bottom-width:0px;font-weight:bold;border-top:solid 2px black;padding-top:10px;padding-bottom:0px }
.formular .divRabatt > div { border-bottom-width:0px;font-weight:bold;padding-top:0px;padding-bottom:0px; }
.formular .divRabatt > div > input { width:100px;background-color:#EFF3F5;border:solid 1px #CED2D3;
                                     outline:0px;font-size:16px;color:black;font-weight:bold;padding:5px 38px 3px 2px;
                                     text-align:right;position:relative;top:9px }
.formular .divRabatt > div > span { position:absolute;margin-left:-35px;margin-top:13px; }
.formular .divTotal > div { border-bottom-width:0px;font-weight:bold;border-top:solid 2px black;font-size:20px }
.formular .divZwischentotal > div:nth-child(4), .formular .divTotal > div:nth-child(4) { text-align:right;padding-right:10px }
.formular .divRabatt > div:nth-child(4) { text-align:right;padding-right:5px }

.info_table .edititem { vertical-align:top;height:210px;padding:0px }
.info_table .edititem h3 { text-align:center;font-size:25px;font-weight:bold;margin:5px 0px }
.info_table .edititem > div {
    position:absolute;margin:5px 0px;background-color:#F9FBFC;border:solid 1px #DCDDE1;width:760px;height:200px;padding-top:5px
}
.info_table .edititem .editboxes > div { float:left;padding-left:5px }
.info_table .edititem .editboxes > div input { width:150px;font-size:16px }
.info_table .editbuttons { text-align:center }



@media screen and (max-height: 1040px) {
    .registrierung .portfolio_head { padding-top:0px;margin-bottom:0px }
.dankeinfo { margin-bottom:52px; }
.mitgliedschaft .kontaktname h4 { margin-top:0px;margin-bottom:2px }
}

@media screen and (max-height: 700px) {
    .profilbild { top:150px; }
    .bild-upload { top:420px; }
    .profilbild > div img { width:240px;  }
    .formular .textarea { height:350px }
    .pulldown > div { height:300px; }
}

@media screen and (max-width: 1410px) {
    .left { width:35% }
    .right { right:20% }
}

@media screen and (max-width: 1200px) {
    .left { width:40% }
    .right { left:35%;width:65% }
    .right .formular { padding-right:30px; }
}

@media screen and (max-width: 1010px) {
    /*.btn_menu { position:absolute;bottom:30px;left:50%;margin-left:-190px;width:380px }*/
    .btn_menu { position:absolute;bottom:30px;width:100%;left:0px;margin-left:0px;text-align:center }
    .mitauswahl { bottom:105px; }
    #funktionen { width:100%;overflow:auto }
    .mitgliedschaft { padding-left:10px;padding-right:10px }
    .funktionen td { min-width:120px }
    .funktionen h3 { font-size:24px }
    .funktionen h4 { font-size:20px }
    .abo_auswahl  { text-align:left;font-size:20px }
    .abo_auswahl > span { display:block;font-size:16px }
    .abo_auswahl > div { float:right;margin-right:10px;font-size:14px;margin-left:10px }
    .abo_auswahl > div b { display:block;font-size:20px }
    
    .right { position:static;margin-left:40%;width:unset }
    .right .formular { padding-left:0px }
    .left { position:absolute;bottom:unset }
    .profilbild { top:150px;}
    .bild-upload { top:420px; }
    .profilbild > div img { width:240px;  }
    .centerbtns { width:unset;right:30px }
    .schueler_unterricht > div { padding:0px 20px }
    .schueler_unterricht > div { width:100% }
    
    .btm_content .st_width { width:100%;max-width:870px;margin:0px auto;padding-left:20px;padding-right:20px }
    
}

@media screen and (max-width: 830px) {
    .info_table .edititem > div { width: unset;padding-right:10px }
    .info_table .edititem .editboxes > div input { width:100px }
    .pulldown { width:100%; }
    
    .docu_table tr td:nth-child(3) { display:none }
}

@media screen and (max-width: 800px) {
    .preistabelle { width:100%;overflow:auto }
    .preistabelle > table { width:770px; }
    .lehrertabelle > table { width:100%; }
    .lehrertabelle .preisedit { width:100%;box-sizing:border-box;left:0px }
    .formular .lehrertabelle .pulldown { width:unset;left:10px;right:25px }
    .formular .lehrertabelle table tr td.lehrende_edit input { width:200px }
    .formular .textbox_container > div { margin:20px 20px;width:unset }
}



@media screen and (min-width: 800px) {
    .btn_menu .button span { min-width:90px;text-align:center }
}

@media screen and (max-width: 650px) {
    
    .centerbtns { right:0px;top:105px;width:195px;text-align:right }
    .centerbtns a { margin-top:10px }

    .btn_menu a:nth-last-child(3) { margin-right: 10px; }
    .portfolio_head h2 { font-size:18px;line-height:18px;margin-bottom:8px }
    .portfolio_head h1 { font-size:32px;line-height:32px; }
    .mitgliedschaft .bestelluebersicht { font-size:18px; }
    .left { width:100%; }
    .right { width:100%;margin-left:0px;position:static;padding-top:330px; }
    .right .formular { padding-left:50px }
    .profilbild { top:100px; }
    .bild-upload .button { margin-top:10px}
    .head { background-color:white;right:3px }
    .dauer p { float:none;margin-bottom:15px }
    .dauer .rb { margin-left:10px;margin-right:10px }
    .mitgliedschaft_abo > div, .mitgliedschaft_abo > div:last-child { float:none }

    .home_portale { padding-top:30px }
    .portfolio_head { margin-bottom: 0px; }
    .mitgliedschaft { padding-top: 85px; }
    .formular h2, .btm_content h2 { font-size:24px;margin-top:20px }
    .formular input[type=text], .formular input[type=password], .formular select { font-size:18px;line-height:20px;padding:3px 10px 3px 10px; margin-bottom:10px }
    .btm_content input[type=text], .btm_content input[type=password], .btm_content select { font-size:18px;line-height:20px;padding:3px 10px 3px 10px; margin-bottom:10px }
    .medien_item.verifizierung > a { font-size:16px; padding: 7px 10px 7px 10px; }
    .formular .textarea { height:200px }
    .formular textarea { font-size:16px;line-height:20px }

    .preistabelle table tr td input[type=text] { margin-bottom:8px }
    .zusweisung_status > div:first-child { float:none;width:auto }
    .zusweisung_status > div:nth-child(2) { margin-left:0px}
    .formular .lehrertabelle table tr td.lehrende_edit input { width:100% }
    .pulldown h5 { font-size:18px;padding: 8px 10px 4px 20px; }
    .formular .lehrertabelle table tr td .chbox { margin-top:10px;margin-bottom:10px;margin-left:30px }
    .pulldown .abstand { height:10px }
    
    .btn_menu { position:absolute;bottom:30px;left:0px;margin-left:0px;text-align:center;width:100% }
    .rechnungsadresse { font-size: 18px; line-height: 22px; }
    .mitgliedschaft_abo > div { font-size: 18px; line-height: 22px; }
    .mitgliedschaft_abo > div:last-child { padding-top:10px;padding-bottom:10px }
    
    .registrierung .portfolio_head, .portfolio_head { padding-top:20px; }
    .error, .success { font-size:20px;line-height: 25px; }
    
    .formular .left30, .formular .left40  { width:unset;float:none; }
    .formular .left50, .st_width .left50 { width:unset;float:none; }
    .formular .right50, .st_width .right50 { margin-left:0px; }
    .formular .right50 h4, .st_width .right50 h4 { padding-top:0px;margin-top:10px }
    
    .info_table { display:block; }
    .info_table > div { display:block;clear:both;border-bottom:solid 2px #E3E4E7; }
    .info_table > div:first-child { border-bottom:solid 2px #000000; }
    .info_table > div > div { display:block; }    
    .info_table > div > div { border-bottom-width:0px;margin-left:70px;padding:0px;line-height:18px }
    .info_table > div > div:first-child { float:left;margin-left:0px;padding-top:5px;padding-bottom:5px }
    .info_table > div > div.main { padding-top:9px }
    .info_table > div:first-child > div { display:none; }
    .info_table > div > div:last-child { padding-bottom:5px }
    .info_table > div:first-child > div:first-child { display:block;float:none }
    
    .info_table .edititem { height:unset; }
    .info_table .edititem > div { position:static;width:100%;height:unset;padding-top:10px;padding-bottom:10px }
    .info_table .edititem > div select { padding-bottom:0px }
    
    .btm_content .mailtable .info_table > div > div { line-height:24px }
    .btm_content .mailtable .info_table > div > div:first-child, .btm_content .mailtable .info_table > div > div:nth-child(2) { padding-top:10px }
    .btm_content .mailtable .info_table > div > div:last-child { text-align:left }
    .schueler_unterricht > div { padding: 0px 0px; }
}

@media screen and (max-width: 440px) {
    .centerbtns a { max-width:120px }
    .docu_table tr td:nth-child(4) { display:none }
}

 @media screen and (max-width: 370px) {
    /*.btn_menu { margin-left:-115px;width:230px }*/
    .btn_menu a:nth-last-child(3) { display:none }
    .portfolio { padding:10px 10px 90px 10px }
    .portfolio h1 { font-size:38px;line-height:38px; }
    .portfolio h3 { font-size:26px;line-height:26px; }
    .formular h4 { margin-top:10px }
    .abo_auswahl  { font-size:16px }
    .abo_auswahl > div b { font-size:16px }
    .mitgliedschaft .bestelluebersicht { font-size:16px; }
    .right .formular { padding-left:20px;padding-right:20px }
    .medien_item { width:100%; }
    .mitgliedschaft .formular { padding: 0px 10px 0px 0px; }
    
    .dankeinfo { margin-bottom:22px;margin-top:4px; }
}