/* Content Boxen */
.menu {
         margin: 0px 0px 0px 0px;
         padding: 4px 0px 0px 0px;
         font-size: 11pt;
         font-weight: bold;
         text-align:left;
         color:#476F00;
         text-align:left;
         vertical-align:top;
}

.head {
         margin: 0px 0px 0px 0px;
         padding: 4px 0px 0px 5px;
         font-size: 11pt;
         font-weight: bold;
         text-align:left;
         color:#476F00;
         text-align:left;
         vertical-align:top;
}

.head2 {
         margin: 0px 0px 0px 0px;
         padding: 4px 5px 0px 5px;
         font-size: 11pt;
         font-weight: bold;
         text-align:left;
         color:#476F00;
         text-align:left;
         vertical-align:top;
}

/* Neue klassen und Styles */
#Suche {
         height:45px;
         padding: 0px 0px 0px 20px;
         margin: 0px 0px 0px 0px;
         width: 480px;
}

div.SuchBG {
         float:left;
         background-image:url(../images/suche_02.png);
         width:300px;
         height:45px;
}

input.SuchInput {
         border: 0px;
         font-size: 10pt;
         font-family: verdana;
         font-weight: bold;
         border-color: #357B00;
         border-style: solid;
         background-color: transparent;
         color: #468D00;
         padding: 2px 5px 2px 5px;
         margin: 12px 0px 0px 0px;
         width: 288px;
}

div.SucheSmall {
         height:45px;
         padding: 0px 0px 0px 0px;
         margin: 0px 0px 0px 0px;
         width: 310px;
}

div.SuchSmallBG {
         float:left;
         background-image:url(../images/suche_02.png);
         width:130px;
         height:45px;
}

input.SuchSmallInput {
         border: 0px;
         font-size: 10pt;
         font-family: verdana;
         font-weight: bold;
         border-color: #357B00;
         border-style: solid;
         background-color: transparent;
         color: #468D00;
         padding: 2px 5px 2px 5px;
         margin: 12px 0px 0px 0px;
         width: 120px;
}

.SucheCommunity {
         width:292px;
         height:110px;
         background:url("../images/communitysuche.jpg");
         background-repeat:no-repeat;
         margin: 0px 0px 0px 6px;
         padding: 60px 0px 0px 0px;
        font-family: verdana;
        font-size: 9pt;
        font-weight: normal;
        text-align:center;
        color:#FFFFFF;
        vertical-align:top;
}

.Tab {
        border: 1px #D4D8CC solid;
         background-color: #FFFFFF;
         margin: 0px;
         padding: 1px;
}

.TabHead {
         background-color: #024069;
         font-size: 9pt;
         font-family: verdana;
         font-weight: bold;
         color:#FFFFFF;
         text-align:left;
         vertical-align:top;
}

.TabHead2 {
         background-color: #438800;
         font-size: 9pt;
         font-family: verdana;
         font-weight: bold;
         color:#FFFFFF;
         text-align:left;
         vertical-align:top;
}

.TabBG1 {
         background-color: #F5F6F3;
         font-size: 8pt;
         font-family: verdana;
         font-weight: bold;
         color:#000000;
         text-align:left;
         vertical-align:middle;
}

.TabBG2 {
         background-color: #ECEEE7;
         font-size: 8pt;
         font-family: verdana;
         font-weight: bold;
         color:#000000;
         text-align:left;
         vertical-align:middle;
}

.tabborder { border:1px #A7B4BF solid; }
.tabborderhead { background:#D1D9DF; border:1px #D1D9DF solid; font-weight: bold; }

a.tab:link,a.tab:visited {
         font-family: Verdana;
         font-size: 9pt;
         color: #438800;
         font-weight: bold;
         text-decoration:underline;
}


a.tab:hover {
         color: #000000;
         text-decoration:none;
}

p.dotrot {
        color:#9F0000;font-size:18pt;margin:0px;padding:0px;line-height:14px;
}
p.dotgruen {
        color:#009F00;font-size:18pt;margin:0px;padding:0px;line-height:14px;
}
p.dotorange {
        color:#FF7F00;font-size:18pt;margin:0px;padding:0px;line-height:14px;
}

div.Seitenanzeige {
         width:560px;
         background-color:#074A76;
         margin: 0px 0px 0px 0px;
         padding: 8px 10px 8px 10px;
        font-family: verdana;
        font-size: 11pt;
        font-weight: bold;
        text-align:center;
        color:#FFFFFF;
        vertical-align:top;
}

a:link.Seitenanzeige,a:visited.Seitenanzeige {
         background-color:#3681AF;
         margin: 2px;
         padding: 3px;
        font-family: verdana;
        font-size: 11pt;
        font-weight: bold;
        text-align:center;
        color:#FFFFFF;
        vertical-align:top;
         text-decoration:underline;
         border:2px #074A76 solid;;
}

a:hover.Seitenanzeige {
         background-color:#FFFFFF;
        color:#3681AF;
         text-decoration:none;
}

.ConSmallHead {
         width:264px;
         height:34px;
         background:url("../images/contentsmall_01.gif");
         background-repeat:no-repeat;
         margin: 0px 0px 0px 0px;
         padding: 26px 5px 0px 35px;
        font-family: verdana;
        font-size: 11pt;
        font-weight: bold;
        text-align:center;
        color:#000000;
        text-align:left;
        vertical-align:top;
}

.ConSmallContent {
         width:274px;
         background:url("../images/contentsmall_02.gif");
         background-repeat:repeat-y;
         margin: 0px 0px 0px 0px;
         padding: 2px 15px 0px 15px;
        font-family: verdana;
        font-size: 9pt;
        font-weight: normal;
        text-align:left;
        color:#000000;
         vertical-align:top;
}

.ConSmallFooter {
         width:304px;
         height:14px;
         background:url("../images/contentsmall_03.gif");
         background-repeat:no-repeat;
}



table.con1 {
 font-family: verdana;
 font-size: 8pt;
 font-weight: normal;
 text-align:left;
 color: #000000;
 Border-top: 1px #596675 solid;
 Border-left: 1px #596675 solid;
 Border-right: 2px #596675 solid;
}

table.con3 {
 font-family: verdana;
 font-size: 8pt;
 font-weight: normal;
 text-align:left;
 color: #000000;
 background-color: #E1E7EC;
 Border-left: 1px #596675 solid;
 Border-bottom: 2px #596675 solid;
 Border-right: 2px #596675 solid;
}

table.con2a {
 Border-left: 1px #596675 solid;
 Border-right: 2px #596675 solid;
 background-color: #F6F7F8;
}

table.con2am {
 Border-left: 1px #596675 solid;
 Border-right: 2px #596675 solid;
 background-color: #E3E7E8;
}

table.con2b {
 Border-left: 1px #596675 solid;
 Border-right: 2px #596675 solid;
 background-color: #F6F7F8;
}

/* Button */
.button, .button a, a.button {
         display: inline-block;
         padding: 2px 10px;
         margin: 2px 0px 2px 0px;

         font-size: 9pt;
         font-family: verdana;
         font-weight: normal;
         color: #5F5F5F;
         text-shadow: #FFFFFF 1px 1px 0px;
         text-decoration: none;

         background: transparent url("../images/button.png") center repeat-x;
         border: 0px #D9D7D0 solid;
         cursor: pointer;
         -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
         cursor: pointer;
}

.button:hover, .button:hover a, a.button:hover {
         background: transparent url("../images/button_hover.png") center repeat-x;
         color: #FFFFFF;
         text-shadow: #000000 1px 1px 0px;
}

.button_green a, a.button_green {
         display: inline-block;
         padding: 2px 10px;
         margin: 2px 0px 2px 0px;

         font-size: 9pt;
         font-family: verdana;
         font-weight: normal;
         color: #FFFFFF;
         text-shadow: #476D06 1px 1px 0px;
         text-decoration: none;

         background: transparent url("../images/button_green.png") center repeat-x;
         border: 0px #8D937E solid;
         cursor: pointer;
         -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
         cursor: pointer;
}
.button_green a:hover, a.button_green:hover {
         background: transparent url("../images/button_green_hover.png") center repeat-x;
        border:none;
}

.button_red a, a.button_red {
         display: inline-block;
         padding: 2px 10px;
         margin: 2px 0px 2px 0px;

         font-size: 9pt;
         font-family: verdana;
         font-weight: normal;
         color: #FFFFFF;
         text-shadow: #BF0000 1px 1px 0px;
         text-decoration: none;

         background: transparent url("../images/button_red.png") center repeat-x;
         border: 0px #8D937E solid;
         cursor: pointer;
         -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
         cursor: pointer;
}
.button_red a:hover, a.button_red:hover {
         background: transparent url("../images/button_red_hover.png") center repeat-x;
        border:none;
}


.button2_green a {
         display:block;
         color:#000000;
         text-align:center;
         color:#000000;
         text-decoration:none;
         width:130px;
         height:20px;
         background-image:url(../images/button_green_s.gif);
         background-repeat:no-repeat;
         padding-top:3px;
         margin:0px;
         margin-right: 5px;
}
.button2_green a:hover {
         color:#5FA60D;
         background-image:url(../images/button_green_s.gif);
         border:none;
}

.button2_red a {
        display:block;
         color:#000000;
        text-align:center;
        color:#000000;
        text-decoration:none;
         width:130px;
         height:20px;
        background-image:url(../images/button_red_s.gif);
        background-repeat:no-repeat;
         padding-top:3px;
         margin:0px;
         margin-right: 5px;
}
.button2_red a:hover {
         color:#AC0000;
         background-image:url(../images/button_red_s.gif);
        border:none;
}
.button2 a {
        display:block;
         color:#000000;
        text-align:center;
        color:#000000;
        text-decoration:none;
         width:130px;
         height:20px;
        background-image:url(../images/button_nor_s.gif);
        background-repeat:no-repeat;
         padding-top:3px;
         margin:0px;
         margin-right: 5px;
}
.button2 a:hover {
         color:#0A8BA6;
         background-image:url(../images/button_nor_s.gif);
        border:none;
}


/* Sonstiges */
.s { color: black; background-color: black; }
.w { color: white; background-color: white; }
.links { float:left; }
.rechts { float:right; }
.select_uhrzeit {
        background: #EFEFEF;
         float: left;
         padding: 2px 4px;
         -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
         text-align: center;
         margin: 5px 3px 5px 0px;
}
.select_uhrzeit input { padding: 5px; }
.trans { opacity: 0.5; filter: alpha(opacity=50); }

.tab {
         font-size: 9pt;
         font-weight: normal;
         color:#000000;
         vertical-align:top;
         text-align: left;
         padding: 3px;
         background-color:#F8FAFA;
         border: 0px #01677C solid;
}

.tab2 {
         font-size: 9pt;
         font-weight: normal;
         color:#1F1F1F;
         vertical-align:top;
         text-align: left;
         padding: 3px;
         background-color:#E9EDF0;
         border: 0px #01677C solid;
}

.tab3 {
         font-size: 9pt;
         font-weight: normal;
         color:#000000;
         vertical-align:top;
         text-align: left;
         padding: 3px;
         background-color:#B5D7DF;
         border: 0px #01677C solid;
}

.tab4 {
         font-size: 9pt;
         font-weight: normal;
         color:#1F1F1F;
         vertical-align:top;
         text-align: left;
         padding: 3px;
         background-color:#D1E9EF;
         border: 0px #01677C solid;
}

.tophead {
         font-weight: bold;
         color:#FFFFFF;
         font-size: 10pt;
         vertical-align:top;
         text-align: left;
         padding: 3px;
         background-color:#5A8512;
}

.tophead2 {
         font-weight: bold;
         color:#FFFFFF;
         font-size: 10pt;
         vertical-align:top;
         text-align: left;
         padding: 3px;
         background-color:#4F4F4F;
}

.tabhead2 {
        font-size : 9pt;
         color : #FFFFFF;
         vertical-align: top;
         background-color: #5A8512;
         padding: 3px;
}

.tophead3 {
         font-weight: bold;
         color:#FFFFFF;
         font-size: 10pt;
         vertical-align:top;
         text-align: left;
         padding: 3px;
         background-color:#8FB6BF;
}

table.bg { background-color:#9F9F9F; }

.tabfooter {
         border-top: 0px #5A8512 solid;
         font-weight: bold;
         font-size: 10pt;
         color: #FFFFFF;
         vertical-align: top;
         background-color: #6a96a0;
         padding: 3px;
         text-shadow: rgba(0,0,0,0.4) 1px 1px 0px;
}

.bh_monat {
         float: left;
         width: calc(16.66666666666667% - 15px);
         margin-left:15px;
         line-height: 1.5em;
}

.bh_l {
        float:left;
         width: calc(50% - 20px);
         margin: 10px;
}

.bh_r {
        float:right;
         width: calc(50% - 20px);
         margin: 10px;
}


#artikel_neu table, span[id^="content_"] table { width: calc(100% - 10px); }
#artikel_neu input, #artikel_neu textarea, span[id^="content_"] input, span[id^="content_"] textarea { width: calc(100% - 12px); }
#artikel_neu input.small, span[id^="content_"] input.small { width: calc(100% - 150px); }
#artikel_neu input.meta, span[id^="content_"] input.meta { width: calc(100% - 70px); }
#artikel_neu input.half, span[id^="content_"] input.half { width: calc(50% - 12px); }
#artikel_neu select, span[id^="content_"] select { width: calc(100% - 8px); }
#artikel_neu select.half, span[id^="content_"] select.half { width: calc(50% - 12px); }
#artikel_neu .tag-editor, span[id^="content_"] .tag-editor { width: calc(100% - 70px) !important; float: left; margin-right: 3px; }
#artikel_neu input.button_small_green, span[id^="content_"] input.button_small_green { width: auto; }

/* Seiten */
a.pages:link, a.pages:visited {
         display: inline;
         font-family:"Trebuchet MS", Verdana;
         font-size: 11pt;
         color: #5F717F;
         font-weight: bold;
         text-decoration:none;
         padding: 0px 5px 0px 5px;
         margin: 2px;
         background-color: #D1D9DF;
         border: 0px #012154 solid;
}

a.pages:hover {
         font-family:"Trebuchet MS", Verdana;
         font-size: 11pt;
         font-weight: bold;
         color: #D1D9DF;
         text-decoration:none;
         background-color: #5F717F;
         border: 0px #FF7A03 solid;
}

.apage{
         display: inline;
         font-family:"Trebuchet MS", Verdana;
         font-size: 11pt;
         font-weight: bold;
         color: #FFFFFF;
         text-decoration:none;
         background-color: #86B111;
         border: 0px #012154 solid;
         padding: 0px 5px 0px 5px;
         margin: 2px;
}

/* Formular Daten */
input, select {
         border-width: 1px;
         font-size: 9pt;
         font-family: verdana;
         border-color: #8D937E;
         border-style: solid;
         background-color: #EFEFEF;
         color: #000000;
         padding: 2px;
         margin: 1px;
}

input.button {
         border: 1px;
         font-size: 9pt;
         font-family: verdana;
         border-color: #8D937E;
         border-style: solid;
         background-color: transparent;
         color: #000000;
         padding: 0px 5px 2px 5px;
         margin: 0px;
         height:22px;
         background:url("../images/button_bg.gif");
         background-repeat:repeat-x;
}

textarea {
         border-width:1px;
         font-size: 10pt;
         font-family: verdana;
         border-color: #8D937E;
         border-style: solid;
         background-color: #EFEFEF;
         color: #000000;
         padding: 2px;
}

input[type="button"],input[type="submit"] {
         border: 0px #8D937E solid;
         font-size: 10pt;
         font-family: verdana;
         background-color: transparent;
         color: #FFFFFF;
         padding: 2px 8px;
         margin: 2px 0px 2px 0px;
         text-shadow: #476D06 1px 1px 0px;
         background: transparent url("../images/acp_01_10.png") center repeat-x;
         cursor: pointer;
         -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
         cursor: pointer;
}

/* Calender Funktion */
.calender a {
            color:black;
            text-decoration: none;
            margin:1px;
         display:block;
            width:25px;
            height:25px;
         -moz-border-radius: 0px;
        -khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: #FFFFFF 1px 1px 0px;
}

.calender a:hover {
            text-decoration: underline;
            background: #eaeaea;
}

.calender a.archive, .calender a.archive:link, .calender a.archive:visited {
         width:25px;
            height:25px;
         margin:0px;
            border: 1px #FFB963 solid;
         color: #C92A05;
         font-weight: bold;
         background: #FFFFFF;
         -moz-border-radius: 0px;
        -khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: #FBE4C7 0px 0px 1px;
}

.calender a.archive:hover {
        background-color: #AB1E03;
         color:#FFFFFF;
         border:0px solid #EFEFEF;
         width:26px;
            height:26px;
         -moz-border-radius: 0px;
        -khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: #830100 1px 1px 0px;
}

.calender a.archive_lastnext, .calender a.archive_lastnext:link, .calender a.archive_lastnext:visited {
         width:25px;
            height:25px;
         margin:0px;
            border: 1px silver solid;
           color:silver;
         font-weight: bold;
         background: #FFFFFF;
         -moz-border-radius: 0px;
        -khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: #FFFFFF 0px 0px 1px;
}

.calender a.archive_lastnext:hover {
         width:25px;
            height:25px;
         margin:0px;
            border: 1px silver solid;
           color:#8F8F8F;
         font-weight: bold;
         background: #EFEFEF;
         -moz-border-radius: 0px;
        -khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: #FFFFFF 0px 0px 1px;
}

.calender .day .current a {
        background-color: #AB1E03;
         color:#FFFFFF;
         border:0px solid #EFEFEF;
         width:26px;
            height:26px;
         -moz-border-radius: 0px;
        -khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: #830100 1px 1px 0px;
}

.calender .day .current a:hover {
        background: #5B8F05;
         border:0px solid #5B8F05;
         color: #FFFFFF;
         width:26px;
            height:26px;
         text-shadow: #009F00 1px 1px 0px;
}

.calender {
        float:left;
            width:205px;
            border:0px solid #EFEFEF;
         margin:2px 5px;
}
* html .calender,
* + html .calender {
            width:204px;
         margin-left:2px;
}

.calender span {
         color: #000000;
         font-size:13px;
}

.calender div.after, .calender div.before {
           color:silver;
            background-color: #FFFFFF;
}

.day {
            float:left;
            width:27px;
            height:27px;
            line-height: 27px;
            text-align: center;
            margin:1px;
         background:#FBE4C7;
}

.day.headline {
        color:#AB1E03;
            background:#FFB963;
}

.day.current {
            font-weight:bold;
         background-color: #AB1E03;
         color:#FFFFFF;
}

.clear {
            clear:left;
}

.pagination {
            text-align: center;
            height:20px;
            line-height:20px;
            font-weight: bold;
}


#calender .calender {
        border: 0px #000000 solid;
         width: calc(20% - 10px);
         margin: 5px 5px;
}

#calender .calender .day {
        width: calc(100% / 7 - 2px);
         height:auto;
            line-height: 38px;
         padding-bottom: 2px;
}

#calender .calender a.archive, #calender .calender a.archive:link, #calender .calender a.archive:visited {
         display: block;
         width: calc(100% - 2px);
            height: 34px;
         padding-bottom: 0px;

}

#calender .calender .day.current a, #calender .calender .day.current a.archive {
        background: transparent;
        border: 1px transparent solid;
         color: #FFFFFF;
}

#calender .calender .day span {
        display: block;
         position: absolute;
         width: 15px;
         height: 15px;
         line-height: 15px;
         margin-top: -10px;
         margin-left: 3px;

         background-color: rgba(0,0,0,0.8);
         font-size: 10px;
         color:#FFFFFF;

         -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
}

/* BBCode */

#bbcode_bb_bar a img, div[id^="bbcode_bb_bar-"] a img {
        border: 1px #9F9F9F solid;
         padding: 5px;
         margin: 0px 4px 0px 0px;
         -webkit-border-radius: 3px;
        -moz-border-radius:3px;
        border-radius: 3px;
}

#bbcode_bb_bar a img:hover, div[id^="bbcode_bb_bar-"] a img:hover {
        background-color: #EFEFEF;
}

#bbcode_bb_bar .box, div[id^="bbcode_bb_bar-"] .box {
        display: inline-block;
        border: 1px #9F9F9F solid;
         padding: 4px;
         margin: 0px 4px 0px 0px;
         -webkit-border-radius: 3px;
        -moz-border-radius:3px;
        border-radius: 3px;
}


/* A Info */
a.ainfo {
         display: inline-block;
         font-size: 14pt;
         padding: 3px;
         line-height: 1.0em;
        text-decoration:none;

         -moz-border-radius: 5px;
         -khtml-border-radius: 5px;
        border-radius: 5px;

        background: #eeeeee;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
        background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
        background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
        background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
        background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}

.text_preview {
        position: absolute;
         z-index: 10;
         display:none;
         background:#FFFFFF;
         border: #c0c0c0 1px solid;
         padding: 3px;
         box-shadow: #BFBFBF 5px 5px 5px;
}

/* filemanager */
#dateibrowser_bg {
        display: none;
        background: rgba(1,1,1,0.5);
        position: absolute;
         top: 0;
         left: 0;
         z-index: 10;
         width: 100%;
         height: 100%;
         margin: 0;
         padding: 0;
         content:" ";
}

#dateibrowser {
        position: absolute;
         top: 0;
         left: 0;
         z-index: 11;

         display: none;

         padding: 10px;
         width: 90%;
         height: 650px;

         background: #FFFFFF;
         color: #000000;
         font-family:"Trebuchet MS", Verdana;
         font-size: 9pt;

         -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;

         -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.5);
        -moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.5);
        box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.5);
}

#dateibrowser h5 {
        font-family:"Trebuchet MS", Verdana;
        font-size: 14pt;
         margin: 10px 0px;
         padding: 0px 0px 0px 10px;
         color: #000000;
         border-bottom: px #CFCFCF solid;
}

#dateibrowser .ordner {
        float:left;
         width: 25%;
         height: 100%;
         max-height: 620px;
         overflow-y:scroll;

         border-right: 0px #CFCFCF solid;
         background: #FFFFFF;
         -webkit-box-shadow: inset -5px 0px 10px -5px rgba(50, 50, 50, 0.25);
        -moz-box-shadow:    inset -5px 0px 10px -5px rgba(50, 50, 50, 0.25);
        box-shadow:         inset -5px 0px 10px -5px rgba(50, 50, 50, 0.25);
}

#dateibrowser .dateien {
        float:right;
         width: 75%;
         background: #FFFFFF;
         max-height: 620px;
         overflow-y:scroll;
}

#dateibrowser .padding {  padding: 10px; }

#dateibrowser .ordnerlist {
        display: block;
         padding: 2px 5px;
         font-size: 11pt;
         cursor: pointer;
}

 #dateibrowser .ordnerlist_sub {
                         display: block;
                         padding: 2px 5px 2px 10px;
                         font-size: 11pt;
                         cursor: pointer;
                         background-color: #F7F7F7;
                 }

                 #dateibrowser .ordnerlist_sub_sub {
                         display: block;
                         padding: 2px 5px 2px 15px;
                         font-size: 11pt;
                         cursor: pointer;
                         background-color: #EFEFEF;
                 }

                 #dateibrowser .ordnerlist_sub_sub_sub {
                         display: block;
                         padding: 2px 5px 2px 20px;
                         font-size: 11pt;
                         cursor: pointer;
                         background-color: #DFDFDF;
                 }

                 #dateibrowser .ordnerlist span,
                 #dateibrowser .ordnerlist_sub span,
                 #dateibrowser .ordnerlist_sub_sub span,
                 #dateibrowser .ordnerlist_sub_sub_sub span
                 { float: right; color: #9F9F9F; }

                 #dateibrowser .ordnerlist:hover,
                 #dateibrowser .ordnerlist_sub:hover,
                 #dateibrowser .ordnerlist_sub_sub:hover,
                 #dateibrowser .ordnerlist_sub_sub_sub:hover
                 { background-color: #3F3F3F !important; color: #FFFFFF; }

#dateibrowser .filelist {
        display: block;
         padding: 2px 5px;
         cursor: pointer;
}

#dateibrowser .filelist:nth-child(odd) { background-color: #EFEFEF; }
#dateibrowser .filelist:nth-child(even) { background-color: #F7F7F7; }

#dateibrowser .filelist .file, #dateibrowser .head .file { float:left; width: 60%; }
#dateibrowser .filelist .size, #dateibrowser .head .size { float:left; width: 20%; }
#dateibrowser .filelist .date, #dateibrowser .head .date { float:left; width: 20%; }
#dateibrowser .head { font-weight: bold; font-size: 10pt; }

#dateibrowser .info {
         margin-top: 15px;
         display: block;
         padding: 10px;
         font-size: 9pt;
         text-align: left;
         color: #7F7F7F;
         background-color: #F7F7F7;
        border: 1px #EFEFEF solid;
}