/* CSS Document */

/***************************************************
----------------------------------------------------
	  FORMULAR-LAYOUT
____________________________________________________
----------------------------------------------------
***************************************************/
form{
    padding:0;
    margin:0;
}

fieldset{
    position:relative;
    border:none;
    width:inherit;
    height:auto;
    display:block;
    clear:both;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 9px;
    padding:0;
    margin-bottom:12px;
    -webkit-box-shadow: 0px 0px 5px #222;
    -moz-box-shadow: 0px 0px 5px #222;
    box-shadow: 0px 0px 5px #222;
}

.fieldset_content{
    display:block;
    padding:10px;
}

fieldset fieldset{
    position:relative;
    margin-top:5px;
    border:solid 1px #ffffff;
    width:inherit;
    height:auto;
    display:block;
    clear:both;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 9px;
    padding:0;
    margin-bottom:12px;
    -webkit-box-shadow: 0px 0px 5px #222;
    -moz-box-shadow: 0px 0px 5px #222;
    box-shadow: 0px 0px 5px #222;
}

textarea{
    border:#666666 solid 1px;
    min-height:1.2em;
    padding:0.2em;
}

fieldset .form_optionen{
    background-color:#999999;
    width:inherit;
    height:auto;
    color:#ffffff;
    margin-bottom:20px;
    padding:4px;
}

.form_break, .form_nobreak,.form_multicheck{
    width:100%;
    height:auto;
    position:relative;
    margin:0;
    padding:0;
    color:#333333;
    border-bottom:#eeeeee 1px solid;
    overflow:visible;
}

.form_break{
    clear:both;
}

.form_break input{
    border:#666666 solid 1px;
    padding:0.2em;
}

.form_break p{
    padding:0;
    margin:0;
    margin-bottom:5px;
}

.menu p{
    padding:0;
    margin:0;
    margin-bottom:5px
}

.feld_titel{
    width:100px;
    height:auto;
    padding-top:0.5em;
    padding-right:4px;
    text-align:right;
    margin-right:5px;
    float:left;
    display:block;
    font-weight:300;
    color:#666666;
}

.feld_titel_l{
    width:100px;
    height:auto;
    padding-top:0.5em;
    text-align:left;
    margin-right:5px;
    float:left;
    display:block;
    font-weight:300;
    color:#666666;
}

.form_suffix{
    padding-top:0.5em;
    padding-right:4px;
    text-align:right;
    margin-right:5px;
    font-weight:300;
    color:#666666;
}

.form_suffix_l{
    padding-top:0.5em;
    padding-right:4px;
    text-align:left;
    margin-right:5px;
    margin-bottom:6px;
    font-weight:700;
    color:#666666;
}

.spalte_zuweisungen .feld_titel{
    width:60px;
    float:left;
    height:auto;
    padding-top:0.5em;
    padding-left:4px;
    text-align:left;
    margin-right:5px;
    display:block;
    font-weight:300;
    color:#666666;
}

.form_eingabe_radioblock{
    height:auto;
    display:block;
    width:auto;
    clear:both;
}

.form_eingabe_radio{
    display:block;
    margin-left:110px;
}

.abfrage_element_pin .form_eingabe_radio{
    display:block;
    margin-left:0px;
    width:300px;
}

.form_eingabe_check{
    margin-top:0.2em;
    display:block;
    margin-left:110px;
}

.form_eingabe_menu{
    display:block;
}

.form_eingabe_text{
    display:block;
}

.form_eingabe_datum{
    margin-left:110px;
}

.spalte_zuweisungen .form_eingabe_datum{
    margin-left:5px;
    
    left:0px;
}

.form_multicheck_text{
    position:relative;
    padding-left:6px;
    padding-right:12px;
}

.zusatzfeld{
    display:block;
    width:310px;
    height:20px;
    position:relative;
}

.zusatz_plus{ width:20px;float:left;display:block;}
.zusatz_minus{ width:20px;float:left;display:block;}

.zusatz_eingabe{
    float:left;
    display:block;
    margin-left:70px;
}

.zusatz_eingabe input{
    width:160px;
}

.form_zwischentitel{
    position:relative;
}
/*.form_titel{
    position:relative;
    left:24px;
    top:4px;
    height:18px;
    text-align:left;
    vertical-align:middle;
    font-weight:normal;
    text-transform:uppercase;
    color:#ffffff;
}*/

.form_titel{
    position:relative;
    padding-left:12px;
    padding-right:6px;
    top:4px;
    height:18px;
    text-align:left;
    vertical-align:middle;
    font-weight:normal;
    text-transform:uppercase;
    color:#ffffff;
}

.form_titel img{
    float:right;
}

.formfeld_titel_normal_mitte,.formfeld_titel_link_mitte,.formfeld_titel_medien_mitte,.formfeld_titel_thema_mitte{
    position:relative;
    background-image:url(../bilder/layout/schattierung_themenreiter.png);
    width:auto;
    height:23px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    border-width:2px;
    border-style:solid;
}

.formfeld_titel_normal_mitte{
    background-color:#d76d13;
    border-color:#edd1b9;
}

.formfeld_titel_medien_mitte{
    background-color:#002233;
    border-color:#afc2cc;
}

.formfeld_titel_thema_mitte{
    background-color:#69181a;
    border-color:#c28e8f;
}

.formfeld_titel_link_mitte{
    background-color:#065785;
    border-color:#aad6ef;
}

.formfeld_titel_normal_ol,.formfeld_titel_link_ol,.formfeld_titel_medien_ol,.formfeld_titel_thema_ol{
    position:absolute;
    top:0px;
    left:0px;
/*    background-image:url(../bilder/layout/schattierung_themenreiter_l.png);
    background-position:top left;
    background-repeat:no-repeat;
    width:20px;
    height:20px;*/
    width:0px;
    height:0px;
}
.formfeld_titel_normal_ol img,.formfeld_titel_link_ol img ,.formfeld_titel_medien_ol img,.formfeld_titel_thema_ol img{
   /* padding:4px;*/
}

.formfeld_titel_normal_or,.formfeld_titel_thema_or,.formfeld_titel_medien_or,.formfeld_titel_link_or{
    position:absolute;
    top:0px;
    right:0px;
    background-position:right top;
    background-repeat:no-repeat;
    /*width:20px;
    height:20px;*/
    width:0px;
    height:0px;
}

.formfeld_titel_normal,.formfeld_titel_normal_ol,.formfeld_titel_normal_or{
    
}

.formfeld_titel_thema,.formfeld_titel_thema_ol,.formfeld_titel_thema_or{
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    background-color:#69181a;
}

.formfeld_titel_medien,.formfeld_titel_medien_ol,.formfeld_medien_medien_or{
    
}

.formfeld_titel_link,.formfeld_titel_link_ol,.formfeld_titel_link_or{
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    background-color:#065785;
}

.fs_normal input{
    border:solid 1px #b28e6f;
}

.fs_normal textarea{
    border:solid 1px #b28e6f;
}

.fs_normal .feld_titel{
    color:#985318;
}

.fs_normal{
    background-color:#edd1b9;
    background-image:url(../bilder/layout/verlauf_transp_horizontal.png);
    background-repeat:repeat-x;
    background-position:top;
}

.fs_links{
    background-color:#aad6ef;
    background-image:url(../bilder/layout/verlauf_transp_horizontal.png);
    background-repeat:repeat-x;
    background-position:top;
}

.fs_thema{
    background-color:#c28e8f;
    background-image:url(../bilder/layout/verlauf_transp_horizontal.png);
    background-repeat:repeat-x;
    background-position:top;
}

.fs_medien{
    background-color:#afc2cc;
    background-image:url(../bilder/layout/verlauf_transp_horizontal.png);
    background-repeat:repeat-x;
    background-position:top;
}

.formfeld_titel_normal_or{
    background-image:url(../bilder/layout/schattierung_themenreiter_r.png);
}

.formfeld_titel_link_or{
    background-image:url(../bilder/layout/ecke_listenbalken_link_or.jpg);
}
.formfeld_titel_thema_or {
    background-image:url(../bilder/layout/ecke_listenbalken_thema_or.jpg);
}

.formfeld_titel_medien_or {
    background-image:url(../bilder/layout/ecke_listenbalken_medien_or.jpg);
}

.form_medienmenu{
    display:block;
    float:left;
}

.form_medienmenu ul{
    margin:0;
    padding:0;
    display:block;
}

.form_medienmenu ul li{
    margin:0;
    padding:2px 4px 4px 2px;
    margin-right:4px;
    text-indent:0;
    list-style:none;
    height:40px;
    width:40px;
    display:block;
    float:left;
    background-color:#000000;
    color:#ffffff;
}

.form_zuweisungsmenu ul{
    margin:0;
    padding:0;
}
.form_zuweisungsmenu ul li{
    margin:0;
    text-indent:0;
    list-style:none;
    height:14px;
    width:240px;
    display:block;
    color:#ffffff;
    vertical-align:middle;
    margin-bottom:1px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.fs_thema .form_zuweisungsmenu ul li{
    padding:3px;
    background-color:#69181a;
}

.fs_thema .form_zuweisungsmenu ul li:hover{
    background-color:#ab4f51;
}

.fs_thema .zuweisungs_text{
    padding-left:4px;
    font-weight:600;
}

.fs_normal .form_zuweisungsmenu ul li{
    padding:3px;
    background-color:#d76d13;
}

.fs_normal .form_zuweisungsmenu ul li:hover{
    background-color:#f99d4f;
}

.fs_normal .zuweisungs_text{
    padding-left:4px;
    font-weight:600;
}


.medienmenu_zeile{
    position:relative;
    width:400px;
    height:50px;
    vertical-align:top;
    display:block;
}

.medienmenu_zeile_aktiv{
    position:relative;
    width:400px;
    height:50px;
    vertical-align:top;
    display:block;
}

.medienmenu_zeile_aktiv .medienmenu_bild{
    border:1px solid #f99d4f;
}

.upload_status{
    position:relative;
    width:auto;
    height:40px;
    float:left;
    display:block;
}

.medienmenu_bild{
    position:relative;
    width:40px;
    height:40px;
    overflow:hidden;
    border:1px solid #ffffff;
    display:block;
    margin-right:6px;
}

.medienmenu_delete{
    float:right;
}

.medienmenu_delete img{
    margin-top:-2px;
}

ul .medienliste{
    list-style:none;
    margin:0;
    padding:0;
    text-align: left;
    text-indent: 0px;
}

ul .medienuebersicht{
    list-style:none;
    margin:0;
    padding:0;
    text-align: left;
    text-indent: 0px;
}

ul .medienliste li{
    padding:3px;
    width:auto;
    height:24px;
    clear:both;
    border-bottom:1px solid #ffffff;
    background-color:#000000;
}

.medienlistenzeile .dateiname{
    float:left;
    display:block;
}

.dateiname a{
    vertical-align:baseline;
    text-decoration:none;
}
.dateiname img{
    vertical-align:middle;
    margin-right:6px;
}

.medienlistenzeile .medien_toolbox{
    float:right;
    margin-right:4px;
    display:block;
}

.medienlistenzeile .medienmenu_bild{
    position:relative;
    width:20px;
    height:20px;
    overflow:hidden;
    display:block;
    float:left;
}

.form_medienmenu ul li .medienliste_gross{
    position:relative;
    margin-top:-14px;
    margin-right:14px;
    border:1px solid #ffffff;
    background-color:#000000;
    float:right;
    display:none;
}

.medienliste_gross:hover{
    padding:0;
    margin:0;
    cursor:pointer;
}

.form_medienmenu ul li:hover .medienliste_gross{
    display:block;
    z-index:100;
}

.medienmenu_bild input,.medienmenu_bild img{
    width:40px;
    height:40px;
}

.listenblock_klein_1 .form_listenmenu{
    padding:0;
    margin:0;
    vertical-align:middle;
}

.listenblock_klein_1 form{
    padding:0px;
    margin:0px;
    vertical-align:middle;
}

.medienliste_vorschau{
    padding:0;
    margin:0;
    top:0px;
}

.medienliste_bildoptionen{
    float:left;
    width:auto;
    height:auto;
}

/***************************************************
----------------------------------------------------
	  SEITEN-LAYOUT
____________________________________________________
----------------------------------------------------
***************************************************/

#bt_toolbar{
    position:fixed;
    padding:0px;
    margin:0px;
    top:117px;
    left:194px;
    width:100%;
    height:30px;
    background-color:#000000;
    z-index:2;
    display:block;
}

#bt_speichern{
    position:absolute;
    padding:0px;
    margin:0px;
    top:0px;
    left:520px;
    width:184px;
    height:30px;
}

* html #bt_speicher{
    width:200px;
}

#speichern{
    position:relative;
    float:left;
    padding:0px;
    margin:0px;
    top:0px;
    width:100px;
    height:40px;
    display:block;
}

#bt_reset{
    position:absolute;
    padding:0px;
    margin:0px;
    top:0px;
    right:0px;
    width:84px;
    height:40px;
    display:block;
}

#bt_upload{
    position:absolute;
    z-index:4;
    top:0px;
    right:0px;
    float:right;
    width:184px;
    height:40px;
}

.menu{
    position:relative;
    width:100%;
    height:auto;
    display:block;
    z-index:1;
}

.menu{text-decoration:none;}

.menu ul{
    padding:0;
    margin:0;
    list-style:none;
    height:auto;
    display:block;
}

.menu ul a{text-decoration:none;}
.menu ul li{
    padding:0;
    padding-left:6px;
    margin:0;
    position:relative;
    width:120px;
    line-height:160%;
    color:#ffffff;
    background-color:#065785;
    border:solid 2px #aad6ef;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    /*    -webkit-transform:rotate(-12deg);
        -moz-transform:rotate(-12deg);*/
    -webkit-box-shadow: 0px 0px 5px #222;
    -moz-box-shadow: 0px 0px 5px #222;
    box-shadow: 0px 0px 5px #222;
}

.menu ul li a,.menu ul li a:visited{
    padding:0;
    margin:0;
    display:block;
    width:120px;
    color:#7495a3;
    text-align:center;
    text-decoration:none;

}
div>.menu ul li a,.menu ul li a:visited{
    line-height:250%;
}

.menu ul li#home a, .menu ul li#home a:visited,.menu ul li#home_aktiv, .menu ul li#home_aktiv a:visited{
    padding:0;
    margin:0;
    display:block;
    width:39px;
    color:#7495a3;
    text-align:center;
    text-decoration:none;
}

.menu ul li ul{display:none;}

.menu ul li a:hover{
    text-decoration:none;
    display:block;
    color:#395c92;
    width:120px;
    text-align:center;
}

div>.menu ul li:hover a{
    text-decoration:none;
    display:block;
    color:#aad6ef;
    width:120px;
    text-align:center;
}

.menu ul li.aktiv a:hover,.menu ul li.aktiv{
    text-decoration:none;
    display:block;
    color:#aad6ef;
    width:120px;
    text-align:center;
}

.menu ul li#home_aktiv a:hover,.menu ul li#home_aktiv a,.menu ul li#home a:hover{
    text-decoration:none;
    display:block;
    color:#395c92;
    width:39px;
    text-align:center;
}

.menu ul li.aktiv>a{
    color:#ffffff;
}

.menu ul li:hover ul{
    top:0px;
    float:left;
    left:120px;
    padding:0;
    margin:0;
    position:absolute;
    text-decoration:none;
    display:block;
    height:auto;
    background:none;

}
.menu ul li:hover ul li{
    padding:0;
    margin:0;
    background:none;
    text-align:center;
    width:120px;
    background-color:#66CCFF;
    border:solid 1px #0066CC;
}

.menu ul li:hover ul li:hover{
    padding:0;
    margin:0;
    background:none;
    text-align:center;
    width:120px;
    background-color:#ffffff;
    border:solid 1px #0066CC;
}

.menu ul li:hover ul li a{
    position:relative;
    margin:0;
    padding:0;
    width:100%;
    color:#ffffff;
}

.menu ul li:hover ul li a:link{
    position:relative;
    margin:0;
    padding:0;
    color:#ffffff;
    width:100%;
}

.menu ul li:hover ul li a:visited{
    color:#ffffff;
}

.menu ul li:hover ul li a:hover{
    color:#395c92;
}

.menu ul li:hover ul li a:active{
    color:#395c92;
}

div>.menu ul li:hover ul li a{
    line-height:150%;
}
.menu ul li:hover ul li a:hover{
    position:relative;
    margin:0;
    padding:0;
    color:#395c92;
    width:100%;
}

.menu ul li:hover ul li ul{display:none;}

.menu ul li:hover ul li:hover ul{
    top:0px;
    float:left;
    left:120px;
    padding:0;
    margin:0;
    position:absolute;
    text-decoration:none;
    display:block;
    height:auto;
    background:none;
}

.menu table{border-collapse:collapse;width:auto;}

.trennlinie{
    border-bottom:#ffffff solid 1px;
    width:auto;
}

.linksubmit{
    display:block;
    color:#CC0000;
    font-weight:bold;
}
.linksubmit:hover{
    color:#990000;
    cursor:pointer;
}

.form_zusatz_text{
    color:#CC0000;
    font-weight:bold;
}
.form_zusatz_text:hover{
    color:#990000;
    cursor:pointer;
}