/*************************************************************/
/*   Design:   Multiflex-3 Update-7 / Layout-1               */
/*   File:     Global layout structure                       */
/*-----------------------------------------------------------*/
/*   Author:   Wolfgang                                      */
/*   Date:     January 15, 2007                              */
/*   Homepage: wwww.1-2-3-4.info                             */
/*-----------------------------------------------------------*/
/*   License:  Fully open source without restrictions.       */
/*             Please keep footer credits with a link to     */
/*             Wolfgang (www.1-2-3-4.info). Thank you!       */
/*************************************************************/

/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
/*
*
{
    padding: 0;
    margin: 0;
}
*/

/* Scrollbalken für Fiefox noch nicht getestet*/

html,body {
   	margin: 0;
   	padding: 0;
   	height: 100%;
}


.body-page {
    font-size: 0.8em;
    font-family: verdana,arial,sans-serif;
    background-color: white;
    color: #2E2E2E;
    padding: 0;
    margin: 0;
}

.body-page pre
{
    font-size: 1em;
    font-family: verdana,arial,sans-serif;   
    
}

/*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container
{
    width: 1200px;
    margin: 0px auto;
    margin-top: 10px;
    margin-bottom: 10px;    
    background-color: White;
}
.main
{
    clear: both;
    width: 100%; height:100%;    
    padding-top: 10px;
    padding-bottom: 30px; 
}
.main-content {
    /*display: inline;*/ /*Fix IE floating margin bug*/
    /*float: left;*/
    width: 1100px;
    margin: 0 0 0 30px;
    overflow: visible !important /*Firefox*/;
    overflow: hidden /*IE6*/;
    min-height: 250px;
}

.home {
    display: inline; /*Fix IE floating margin bug*/
    width: 1140px;
    float: left;
}

.footer {
    clear: both;
    width: 100%;
    padding-bottom: 75px;
    padding-top: 10px;
    background: white;
    overflow: visible !important /*Firefox*/;
    overflow: hidden /*IE6*/;
}



/* HEADER */
.header
{
    width: 100%;
    font-family: "trebuchet ms" ,arial,sans-serif;
}
.header-middle
{
    width: 100%;
    height: 100px;
    background: #fff url(img/bg_head.jpg) no-repeat;
    overflow: visible !important /*Firefox*/;
    overflow: hidden /*IE6*/;
}


.header-bottom
{
    width: 100%;
    height: 40px; 
}
.header-breadcrumbs
{
    clear: both;
    width: 100%;
    padding-top: 10px;
    
}

/*************/
/*  2. HEAD  */
/*************/

/*Drop-down menu*/
.nav2
{
    float: left;
    width: 100%;
    border: none;    
    color: #000;
    font-size: 12px;
    height: 30px;
}

/*Color navigation bar normal mode*/
.nav2 ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.nav2 ul li
{
    float: left;
    position: relative;
    z-index: auto !important /*Non-IE6*/;
    z-index: 1000 /*IE6*/;
    /*border-right: solid 1px rgb(179,179,179);*/ 
    
}
    .nav2 ul li a {
        float: none !important /*Non-IE6*/;
        float: left /*IE-6*/;
        display: block;
        height: 2.5em;
        line-height: 2.5em;
        padding: 0 16px 0 16px;
        text-decoration: none;
        font-weight: bold;
        color: #4d4f53;
    }
.nav2 ul li ul
{
    display: none;
    border: none;
}

/*Non-IE6 hovering*/
    .nav2 ul li:hover a {
        /*background-color: rgb(210,210,210);*/
        /*background: rgb(156,148,138) url(img/menu_hover.png) repeat-x;*/
        text-decoration: none;
        color: #4d4f53;
    }
/*Color main cells hovering mode*/
    .nav2 ul li:hover ul {
        display: block;
        width: 10.0em;
        position: absolute;
        z-index: 999;
        top: 2.4em;
        margin-top: 0.1em;
        left: 0;
        
    }
        .nav2 ul li:hover ul li a {
            display: block;
            width: 10.0em;
            height: auto;
            line-height: 1.3em;
            /*margin-left: -1px;*/
            padding: 4px 16px 4px 16px;
            /*border: solid 1px #a9a59c;*/
            /*background-color: #fff;*/
            font-weight: normal;
            color: #fff;
            background-image: none;
            text-decoration: none;
            background-color: #4C4D4F;
        }
/*Color subcells normal mode*/
            .nav2 ul li:hover ul li a:hover {
                /*background: rgb(230,230,230) url(img/menu_hover.png) repeat-x;*/
                background: #4C4D4F;
                color: #fff;
                text-decoration: underline;
            }
/*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table
{
    position: absolute;
    top: 0;
    left: 0;
    border-collapse: collapse;
}
    .nav2 ul li a:hover {
        /*background: rgb(230,230,230) url(img/menu_hover.png) repeat-x;*/
        /*background: rgb(156,148,138) url(img/menu_hover.png) repeat-x;*/
        background: transparent;
        text-decoration: none;
        color: #000;
    }
/*Color main cells hovering mode*/
.nav2 ul li a:hover ul
{
    display: block;
    width: 10.0em;
    position: absolute;
    z-index: 999;
    top: 2.5em;
    top: 2.4em;
    left: 0;
    margin-top: 0.1em;
}
    .nav2 ul li a:hover ul li a {
        display: block;
        width: 10.0em;
        height: 1px;
        line-height: 1.3em;
        padding: 4px 16px 4px 16px;
        border-left: solid 1px rgb(179,179,179);
        border-bottom: solid 1px rgb(179,179,179);
        background-color: rgb(244,244,244);
        font-weight: normal;
        color: rgb(50,50,50);
        background-image: none;
    }
/*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover
{
    background-color: rgb(210,210,210);
    text-decoration: none;
}
/*Color subcells hovering mode*/

.header-breadcrumbs ul
{
    
    margin: 0;
    float: left;
    width: 840px;
    list-style: none;
    padding: 0 0 0 30px;
    font-family: verdana,arial,sans-serif;
}
    .header-breadcrumbs ul li {
        display: inline;
        padding: 0 0 0 10px;
        /*background: transparent url(img/bg_bullet_arrow.gif) no-repeat 0 50%;*/
        /*font-weight: bold;*/
        color: #696969;
        font-size: 95%;
        margin-right: 10px;
    }
    .header-breadcrumbs ul a {
        color: #696969;
        text-decoration: none;
    }
        .header-breadcrumbs ul a:hover {
            color: #696969;
            text-decoration: underline;
        }


/********************/
/*  FOOTER SECTION  */
/********************/
.footer p
{
     margin:0;
    padding:0;
    
    line-height: 1.3em;
    text-align: center;
    color:#efefef;
    font-weight: bold;
   /* font-size: 10px; */  
}

.footer p.credits
{
    padding-top: 0px;
    font-weight: normal;
    font-size: 9px; 
   
   
}
.footer a {
    text-decoration: underline;
    color: #007FAA;
}
    .footer a:hover {
        text-decoration: none;
        color: #007FAA;
    }



/********************/
/*  TEXT SECTION  */
/********************/

.main-content h3 {
    color: #012774;
    padding: 6px 0px 4px 0px;
    margin: 0px 0px 8px 0px;
    font-size: 1.5rem;
    font-weight: bold;
}

    .main-content h3 a {
        color: #012774;
        font-weight: bold;
        text-decoration: none;
    }

.main-content h3 a:hover
{

    font-weight: bold; text-decoration: underline;
}

.main-content p
{
    margin: 0 0 1.0em 0;
    line-height: 1.5em;    
}

.main-content ul
{
    margin: 8px 0px 0px 16px;
    padding: 0px;
}

.main-content ul li
{
    list-style-type: square;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

.main a {
    color: #007FAA;
    text-decoration: underline;
}




    .main a:hover {
        color: #00A5DD;
        text-decoration: underline;
    }

/********************/
/*  FORM SECTION  */
/********************/

.form-container
{
    width: 630px;
    margin-bottom:30px;
}

.form
{

}

    .form h3 {
        background: transparent;
        color: #012774;
        padding: 6px 0px 4px 0px;
        margin: 0px 0px 8px 0px;
        font-size: 150%;
        font-weight: bold;
    }

.form-table{

    width: 100%;
}

.form-wrapper
{
    /*border: solid 1px #cfcecc;*/
    width: 100%;
    margin-bottom: 10px;
   
}

.form-name
{
    text-align: left;
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;   
    width: 220px; 
    font-weight:bold; 
    
}

.form-value
{
    padding:5px;
    text-align: left;    
}

.MegaLink{

    padding:20px 220px 20px 220px;
    font-weight:bold;
}

.form-container {
    width: 790px;
}

.form-action
{
    text-align: right;
    width: 100%;
}

.form-validator {
    color: #BF4C4A;
    font-weight: bold;
    font-size: large;
}

Select.DropDown
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    color: #000000;       
}


input.InputText, textarea.InputText
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    color: #000000;
}

Input.Button {
    padding-left: 7px;
    padding-right: 7px;
}

.inst-container
{   
    height:100%; width:100%;
}

.Error-msg {
    padding-right: 6px;
    border-top: #b3b3b3 1px solid;
    padding-left: 6px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-left: #b3b3b3 1px solid;
    color: #BF4C4A;
    padding-top: 6px;
    border-bottom: #b3b3b3 1px solid;
    border-style: solid none solid none;
    border-color: #b3b3b3;
    border-width: 1px;
}


    .Error-msg div {
        color: #BF4C4A;
    }

    .Error-msg ul {
        list-style-type: disc;
        padding-top: 10px;
        color: #BF4C4A;
    }

    .Error-msg li {
        margin-left: 20px;
        padding: 5px;
        color: #BF4C4A;
    }


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color: #ffffff;  
	border: solid 2px rgb(200,200,200);
	padding:5px;
	width:250px;
}

.modalPopup_Head{
    font-weight: bold;
    color: #ffffff;
    background-color: #4d4d4d;
    text-align: left;
    padding:3px;
    margin-bottom:10px;
    text-align:center;      
}


.waitBackground
{
    
    filter:alpha(opacity=70);
	opacity:0.7;
	-khtml-opacity: 0.7;
    -moz-opacity:0.7;
    -webkit-opacity: 0.7;
	background: #e4e4e4 url(../../images/ajax-loader.gif) no-repeat 50% 50%;  
    
}

/********************/
/*  TABLE SECTION  */
/********************/

.DataGrid
{
    
}

    .DataGrid td {
        border-bottom: solid 1px #C0C0C0;
        padding: 4px;
    }

.DataGrid_Head {
    font-weight: bold;
    color: #2e2e2e;
    background-color: #E4E4E4;
    text-align: left;
}


    .DataGrid_Head a {
        color: #2e2e2e;
        text-decoration: none;
    }

        .DataGrid_Head a:hover {
            color: #2e2e2e;
            text-decoration: underline;
        }

.DataGrid_Footer {
    font-weight: bold;
    color: #2e2e2e;
    background-color: #E4E4E4;
    text-align: left;
}

.DataGrid_Edit
{
    font-weight: bold;
    color: #222;
    background-color: #bfdadf;
    text-align: left;        
}

.DataGrid_pager
{
    font-weight: bold;
    color: #ffffff;
    background-color: #e4e4e4;
    text-align: left;        
}

.DataGrid_Item 
{
   
    background-color: #ffffff;
}

.DataGrid_ItemSmall
{
    font-size:0.79em;
    background-color: #ffffff;
}

.DataGrid_Item_over
{
    background-color: #f8f8f8;
}

.DataGrid_Item_click
{
    background-color: #f0f0f0;
}

.DataGrid_Item a {
    font-weight: bolder;
    color: #2E2E2E;
    text-decoration: none;
}

    .DataGrid_Item a:hover {
        font-weight: bolder;
        color: #2E2E2E;
        text-decoration: underline
    }

.DataGrid_Item a:hover
{
     text-decoration: underline;
}



/********************/
/*  Suchen Toolbar  */
/********************/

.LocalSearch
{
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #cfcecc;
    margin-bottom: 15px;
}

.LocalSearch td
{
   padding:4px;
   white-space:nowrap;
    
}


/********************/
/*  Navigation      */
/********************/

.LocalNavi
{
    border: 1px solid #cfcecc;    
    margin-top: 15px;
    margin-bottom:30px;
}

.LocalNavi td
{
    padding:4px; 
    white-space:nowrap; 

}


/* BEGIN PageBar */
.pagebarUTH .Button{
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:0.9em;
    
}

.pagebarUTH .active {
    background-color: #007bb6;
    background-image: none;
}
/* END PageBar */

/*texteditor input fancybox */

#content_fb_next {
    padding: 15px;
    height: 95%;
}
.editor_bar_top {
    height: 65px;
    width: 100%;
    /* text-align: right; */
}

.after {
    float: left;
}

.editor_main {
    position: absolute;
    top: 65px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow-y: auto;
}

.textedit {
    /* border: 2px solid #DCDCDC; */
    padding: 0px;
    width: 100%;
    height: 90%;
}

#RightPane {
    width: 65%;
    border: 2px solid #DCDCDC;
}

.pb10 {
    padding-bottom: 15px;
}

Input.ButtonBlue {
    margin-right: 10px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background: #007bb6;
    color: #ffffff;
    border: 1px solid #007bb6;
    border-radius: 4px;
    padding: 3px 8px;
}



.subcontent-unit-border {width:183px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:solid 1px #dedede; background: transparent url(img/form_fade.jpg) repeat-x;   }
.subcontent-unit-border-color {width:183px; margin:0 0 2.5em 0px; padding:0 0 10px 0; border:solid 1px #dedede; background: transparent url(img/form_fade.jpg) repeat-x;   }

.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:185px; margin:0 30px 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-subcontent h1 {clear:both; margin:0 0 10px 0; padding:4px 10px 3px 10px; color:#012774; font-weight:bold; font-size:130%;}
.main-subcontent h1.color {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px;   color:#012774; font-weight:bold; font-size:130%;}
 /* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 1.0em 10px; color:rgb(80,80,80); line-height:1.3em; font-size:100%;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}

.main-subcontent ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.main-subcontent ul li {margin:5px 0 0.2em 2px; padding:0 0 0 11px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px /*IE6*/;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

.pic-home
{
	background-image: url(img/staircase2.jpg);
	background-repeat: no-repeat;
	width:640px; height:181px; padding-bottom:15px;
}



.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

    .bs-callout code {
        border-radius: 3px;
    }

    .bs-callout + .bs-callout {
        margin-top: -5px;
    }


.bs-callout-danger {
    border-left-color: #BF4C4A;
}

    .bs-callout-danger h4 {
        color: #BF4C4A;
    }

.bs-callout-warning {
    border-left-color: #F0A800;
}

    .bs-callout-warning h4 {
        color: #F0A800;
    }

.bs-callout-info {
    border-left-color: #5bc0de;
}

    .bs-callout-info h4 {
        color: #5bc0de;
    }

.bs-callout-success {
    border-left-color: #7AB800;
}

    .bs-callout-success h4 {
        color: #7AB800;
    }

.bs-callout-custom {
    border-left-color: #999;
}

.bs-callout-report {
    background: #f5f5f5;
}

.bs-callout h5 {
    position: relative;
    top: -15px;
    font-size: 1.2em;
    font-weight: 700;
    color: #707070;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.bs-callout a.btn-collapse {
    text-decoration: none;
}

/*button on administrator/ new node editor*/
/*input[value=save] {
    background: #007bb6;
    color: #ffffff;
    border: 1px solid #007bb6;
    border-radius: 4px;
    padding: 3px 8px;
}
*/
#LeftPane {
    height: 80%;
    border: 2px solid #DCDCDC;
}

#myckeditor {
    height: 100%;
    width: 100%;
    position: absolute;
}

.p15 {
    padding: 15px;
}

.pl10 {
    padding-left: 10px;
}

.pl12 {
    padding-left: 12px;
}

.pr10 {
    padding-right: 10px;
}

.pb10 {
    padding-bottom: 15px;
}

.m15 {
    margin: 15px;
}

.mt10 {
    margin-top: 15px;
}

.tdinfo {
    font-weight: bold;
    vertical-align: top;
}

.pointer {
    cursor: pointer !important;
}

#tabsB {
    float: left;
    width: 100%;
    background: #fff;
    font-size: 93%;
    line-height: normal;
    border-bottom: 1px solid #CFCECC;
    margin-bottom: 20px;
}

    #tabsB ul {
        margin: 0;
        padding: 10px 10px 0 10px;
        list-style: none;
    }

    #tabsB li {
        display: inline;
        margin: 0;
        padding: 0;
    }

    #tabsB a {
        float: left;
        background: url("img/tableftB.gif") no-repeat left top;
        margin: 0;
        padding: 0 0 0 4px;
        text-decoration: none;
    }

        #tabsB a span {
            float: left;
            display: block;
            background: url("img/tabrightB.gif") no-repeat right top;
            padding: 5px 15px 4px 6px;
            color: #666;
        }
        /* Commented Backslash Hack hides rule from IE5-Mac \*/
        #tabsB a span {
            float: none;
        }
        /* End IE5-Mac hack */
        #tabsB a:hover span {
            color: #000;
        }

        #tabsB a:hover {
            background-position: 0% -42px;
        }

            #tabsB a:hover span {
                background-position: 100% -42px;
            }

    #tabsB .current a {
        background-position: 0% -42px;
    }

        #tabsB .current a span {
            background-position: 100% -42px;
        }
/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print
{
    .header-top
    {
        width: 900px;
        height: 80px;
        background: rgb(240,240,240);
        overflow: visible !important /*Firefox*/;
        overflow: hidden /*IE6*/;
    }
}
@media print
{
    .header-breadcrumbs
    {
        width: 900px;
        background: transparent;
    }
}
@media print
{
    .nav2
    {
        float: left;
        width: 900px;
        border: none;
        background: rgb(240,240,240);
        color: rgb(75,75,75);
        font-size: 1.0em;
        font-size: 130%;
        
    }

}
/*Color navigation bar normal mode*/
@media print
{
    .main
    {
        clear: both;
        width: 900px;
        padding-bottom: 30px;
        background: transparent;
    }
}
@media print
{
    .footer
    {
        clear: both;
        width: 900px;
        height: 3.7em;
        padding: 1.1em 0 0;
        background: rgb(240,240,240);
        font-size: 1.0em;
        overflow: visible !important /*Firefox*/;
        overflow: hidden /*IE6*/;
    }
}

.alignRight {
    text-align: right !important
}