/* DEFINITIONEN FARBEN */



/* 
#############################################################################
##
##  FONTS
##
*/


@font-face { 
	font-family: 'OpenSans';
	src: url('../fonts/opensans/OpenSans-Light.eot');
	src: url('../fonts/opensans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/opensans/OpenSans-Light.woff') format('woff'),
	     url('../fonts/opensans/OpenSans-Light.ttf') format('truetype'),
	     url('../fonts/opensans/OpenSans-Light.svg#webfont') format('svg');
}


@font-face { 
	font-family: 'OpenSansRegular';
	src: url('../fonts/opensans/OpenSans.eot');
	src: url('../fonts/opensans/OpenSans.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/opensans/OpenSans.woff') format('woff'),
	     url('../fonts/opensans/OpenSans.ttf') format('truetype'),
	     url('../fonts/opensans/OpenSans.svg#webfont') format('svg');
}


.font-smoothing {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



/* 
#############################################################################
##
##  GLOBAL STYLES
##
*/


*       { margin:0; padding:0; }

html    { height: 100%; width : 100%;  margin: 0px; padding: 0px;  }

body    { /*text-align: center;*/ font-family: OpenSansRegular; font-size: 13px;  margin: 0px;  color:#000; height:100%; background: #e0e0e0 url('../icons/app_bg.png') repeat-x; background-attachment:fixed;
          -webkit-font-smoothing: antialiased;
          font-smoothing: antialiased;

        }

/*hr  { margin:-10px 0 15px 0; }*/

img { border:none; margin-bottom:0; font-size:0; line-height:0; overflow:hidden; }


.exlink { color: #ef8419; font-weight:bold; }


/* SCROLLUP */

.scrollup {
    background: #000 url('../icons/svg/apx_up_w.svg') no-repeat;
    background-size: 20px 20px; 
    background-position: 8px 8px;
    bottom: 15px;
    border:2px solid rgba(255,255,255,1);
    border-radius:50%;
    box-shadow: 0 0 15px #aaa;
    display: none;
    height: 40px;
    position: fixed;
    right: 15px;
    text-indent: -9999px;
    width: 40px;
    z-index: 999;
}


/* 
#############################################################################
##
##  DEVELOPMENT CONSOLE STYLES
##
*/

dt { width:100%; padding:10px; font-family: OpenSansRegular; border:1px solid #dddddd; border-radius: 5px; margin-bottom:10px; background:#f4f5f6; cursor:pointer; }
dd { display:none; margin-left:1%; } 
dd table { width:99%; }

.closed { cursor:pointer; padding-left:27px; background: #f5f5f5 url('../icons/svg/add.svg') 8px 13px no-repeat; background-size:12px 12px; }  
.open   { cursor:pointer; padding-left:27px; background: #f5f5f5 url('../icons/svg/minus.svg') 8px 13px no-repeat; background-size:12px 12px; }

tr.vbd td {
  border-bottom:1px solid #ccc;
  padding:7px 0 7px 0;
}

.versionlist { margin-left:15px; padding-left:5px; line-height:1.5em; }


/*
################################################################################
##                                                                         
##  FORM STYLES                                                             
##                                                                           
*/


input        { font-family: OpenSansRegular; font-size: 13px; border: 1px solid #bbb; padding:7px; /*background:#3ac3ac;*/ border-radius:5px; } 
input:focus  { outline: none !important; border:1px solid #777; }

input[type="radio"]    { position:relative; top:2px; margin:8px 5px 0 0 ; }
input[type="checkbox"] { position: relative; top: 2px; margin:8px 5px 0 0; }



select       { font-family: OpenSansRegular; font-size: 13px; border: 1px solid #bbb; /*padding:6px;*/ border-radius:5px;} 
select:focus { outline: none !important; border:1px solid #777; }

option       { padding-right: 1.0em; }
option.ja    { background-color:#C6FFC3; }
option.nein  { background-color:#FFC3C3; }
option:disabled { font-weight:bold; }


textarea     { font-family: OpenSansRegular; font-size: 13px; padding:7px; border: 1px solid #bbb; border-radius:5px; } 

fieldset     { border:none; height:40px; }
.lfield      { height:auto; }


label        { /*width:130px;*/ display:block; float:left; font-size:13px; font-family:OpenSansRegular; font-weight:normal; margin:0 5px 10px 0; padding:8px 8px 8px 0; }

.lsearch { width:auto; position:relative; top:8px; margin:0 10px 0 0; padding:0; }
.fsearch { width:auto; margin:0 10px 0 0; padding:0; }
.fsearchShort { width:auto; margin:0 5px 0 0; padding:0; }


.fsRow       { display:block; width:100%; margin-bottom:10px; background:#ccc; }


.fsLabel      { clear:both; display:block; float:left; width:30%; max-width:106px; margin-bottom:10px; }
.fsLabel2Row  { clear:both; display:block; float:left; width:30%; max-width:106px; margin-top:-8px; margin-bottom:10px; }
.fsForm       { float:left; width:70%; max-width:550px; margin-bottom:10px; }

.fsImageContainer { display:block; padding:6px; width:138px; height:138px; border:1px solid #ccc; border-radius:5px; margin-bottom:10px; background:#fff; }
.fsImageLabel     { clear:both; width:124px; height:124px; background: transparent url('../icons/svg/apx_image_bg.svg') no-repeat; background-size: 82px 82px; background-position: 22px 22px; }


.fsLoginLabel { clear:both; display:block; float:left; width:33%; max-width:130px; margin-bottom:10px; }
.fsLoginForm  { float:left; width:67%; max-width:780px; margin-bottom:10px; }


.fsRowSpacer { height:33px; margin-bottom:10px; }




.fullRow     { display:block; width:100%; max-width:400px;
               -webkit-box-sizing: border-box;
               -moz-box-sizing: border-box; 
               box-sizing: border-box; 
}

/*


.halfRow     { display:block; width:100%; max-width:216px;
               -webkit-box-sizing: border-box; 
               -moz-box-sizing: border-box; 
               box-sizing: border-box; 
}

.applyRow   { display:block; width:100%; max-width:530px; background:#fff; }

*/


.timespan { display:none; }   /*SEITEN ANZEIGEPUNKT*/


/*
################################################################################
##
##  BUTTONS IN FORMULAREN  // SUCHFELDER DIMENSIONEN // SPECIAL CLASSES
##
*/


.apbutton, .apbutton:visited {
    background: url("alert-overlay.png") repeat-x scroll 0 0 #222;
    color: #000;
    cursor: pointer;
    display: inline-block;
    position: relative;
    border-radius:3px;
    text-decoration: none;
    /* box-shadow: 0 0 4px 0 #ccc; */
    border:0px;
}

   /* SIZES */

     .small.apbutton       { font-size: 11px; }
     .medium.apbutton      { font-size: 13px; padding:8px;  border-radius:50%; }

     .mediumicon.apbutton  { font-size: 13px; padding:5px; box-shadow: none; border:none; }

     .large.apbutton       { font-size: 14px; font-family:OpenSansRegular; border-radius:3px; padding: 6px; position:relative; top:0px;}

   /* ICON LIST */

      ul.iconlist  { display:block; list-style-type:none; margin:0; padding:0 0 0 0; border-bottom:6px solid #a5c425; }
      .iconlist li { display:block; list-style-type:none; margin:0; padding:0 0 0 0; border-bottom:1px solid #888; padding: 8px 0 8px 0; background: rgba(0,0,0,0.3); } 
      .iconlist li:hover { background: rgba(0,0,0,0.5); } 

      .lighticon { background:#666; }

      .baricon     { width:40px; height:40px; position:relative; padding:9px 7px 9px 11px; box-shadow: none;  }




   /* BUTTONIMAGESIZES */

      .funcicon           { width:20px; height:20px; position:relative; box-shadow: none; }

      .funciconAsForm     { width:20px; height:20px; position:relative; top:2px; box-shadow: none; border:none; padding:0; margin:0; }
      .funciconAsForm:focus { border:none; }

      .helpicon { width: 16px; height: 16px; position: relative; top: -1px; left: 2px; margin-right: 4px; box-shadow: none; }

      .uploadbutton  { display:block; color:#000; border:1px solid #cc9900; width:70px; background: #ffbb00 url('../icons/ap_add_b.png') 46px 10px no-repeat; background-size:14px!important; }

      .textFormat         { position:relative; top:2px; background: #e5e5e5; border:1px solid #999; padding:5px; border-radius:5px; width:12px; height:12px; }
      .textFormatSpacer   { margin-right:12px; } 

   /* COLORS */

   
      .red.apbutton    { background: #bb0000; color:#fff; border:1px solid #990000; }
      .orange.apbutton { background: #ffbb00; color:#000; border:1px solid #cc9900; }
      .green.apbutton  { background: #a5c425; color:#fff; border:1px solid #748c17; }

   /* FORMS  */

      .round.apbutton  { border-radius:10%; }






.sndbutton     { font-family: Arial; font-size: 11px; font-weight:bold; border: 2px solid #a5c425; padding:5px; background: #a5c425; color: #fff; border-radius: 3px; } 

/* .searchbutton  { font-family: Arial; font-size: 11px; font-weight:bold; border: 2px solid #a5c425; padding:3px; background: #a5c425; color: #fff; border-radius: 3px; }  */
/* .endbutton     { font-family: OpenSansRegular; font-size: 13px; position:relative; font-family: Arial; font-size: 11px; font-weight:bold; border: 2px solid #bb0000; padding:3px; background: #bb0000; color: #fff; top:-1px; border-radius: 3px; }  */
/* .searchbutton  { font-family: OpenSansRegular; font-size: 13px;  border: 0px solid #a5c425; padding:3px; background: #a5c425; color: #fff; border-radius: 3px; }  */

.pagesortfield { float:left; width:360px; font-family:OpenSansSemibold; font-size:13px; }
.searchfield   { float:left; width:267px; font-family:OpenSansRegular; font-size:13px;  }


.noborder      { border:0px; }
.externalLink  { color: #bb0000; font-weight:normal; }

.sm            { font-family: OpenSansRegular; font-size: 11px;  }


/*
################################################################################
##
##  THE PANELS
##
*/

/* LEFT INFO PANEL */


.panelInfo { float:left; position:fixed; width:48px; left:0; padding:0; margin-top:10px;  background: rgba(0,0,0,.3); height:100%; border-top:8px solid #a5c425; text-align:left; box-shadow: 0px 0px 8px 0px #ccc; }


/* RIGHT PANEL FIXED */

.panelData { float:left; position:relative; display:block; margin: 35px 15px 0 70px; height:100%; padding:0; width:100%; max-width:1115px; }
.panelData:after { clear:both; }

.panelDataEntries { float:right; margin-top:2px;font-family: OpenSans; font-size:14px; } 


/* ALL PANELS */

.panel    { display:block; background: #fff; font-size:13px; border-radius: 5px; box-shadow: 0 0 8px 0 #ccc; 
            height: auto; margin:0 0 20px 0; text-align:left; 
          }

.panel h1 { font-family: OpenSansRegular; font-size:16px; font-weight:normal; }


.panel100 { display:block; float:left; width:100%; height:auto; padding: 12px; }
.panel50  { float:left; display:block; width:49%; padding: 12px; }
.panel50Con  { float:left; display:block; width:49%; }
.panel33  { float:left; display:block; margin:25px 0 25px 0; width:31.333333%; padding: 12px; }
.panel25  { float:left; display:block; margin:5px 0 25px 0;  width:23.5%; padding: 12px; }

.panelGold21   { clear:both; float:left; display:block; width:58%; padding: 12px; }
.panelGold12   { float:left; display:block; width:35%; text-align:left; padding: 12px; }

.space21 { float:left; display:block; margin-right:7%;   }
.space50 { float:left; display:block; margin-right:2%; }
.space33 { float:left; display:block; margin-right:3%;   }
.space25 { float:left; display:block; margin-right:2%;   }

.trans   { background:green; }

.datafield         { background: rgba(255,255,255,.4); }
.searchdatafield   { background: rgba(255,187,0,.4);   }



/*
.panel100 { min-width: 300px; width:100%; padding: 12px; }

.panel33  { min-width: 320px; width: 33%; }
.panel50  { min-width: 320px; width: 50%; }

*/

.panelButton { margin:0 0 20px 0; text-align:left; }

.panelLine  { padding:0 0 10px 0; border-bottom:2px solid #a5c425; margin-bottom:10px; width:100%; font-size:16px; font-family: OpenSansRegular; font-weight:normal; }
.panelLineSpacer { margin-bottom:30px; }

.panelTop       { padding:10px 0 0 0; border-top:2px solid #a5c425; margin-bottom:10px; width:100%; font-size:16px; font-family: OpenSansRegular; font-weight:normal; }
.panelTopSpacer { clear:both; padding-top:30px; }

.panelFuncB { padding:5px 0 5px 0; }
.iconFuncB  { position:relative; top:4px; margin-right:5px; }


.panelDivider50     { float:left; width:48%; }
.panelDivider50last { float:left; width:48%; margin-left:4%; }


/* PANEL LOGIN */

.panelLoginCon     { clear:both; display: table; margin: 0 auto; }
.panelLogin        { width:100%; min-width:500px; min-height:342px; margin:150px auto 0 auto; text-align:left; box-shadow: 0 0 10px #aaa; background: #fff; /*linear-gradient(to bottom, #ffffff 0%,#e9e9e9 100%);*/ font-size:12px; font-family: OpenSansRegular; }
.panelLogin a      { color:#333; text-decoration:none; } 
.panelLoginLogo    { padding:33px 20px 10px 53px; background: #444 url('../icons/ap_logo.png') 4px 3px no-repeat; border-bottom:1px solid #000; color:#fff; border-radius:5px 5px 0 0;}
.panelLoginLang    { float:right; position:relative; top:-13px; margin-right:-4px; width:15%; text-align:right;  }
.panelLoginForm    { margin:40px auto 0 auto; text-align:left; width:65%; background:transparent; }
.panelLoginFoot    { margin:12px; padding:12px 0 12px 0; color:#333; border-top:1px solid #ddd; font-size:11px; }
.panelLoginHalf    { float:left; width:50%; }
.panelLoginRight   { clear:both; text-align:right; }
.panelLoginVersion { float:left; width:50%; text-align:right; }
.panelLoginInfo    { clear:both; padding-top:30px; text-align:center; width:94%; margin:0 auto; color:#444; }


/* PANEL TABS */

/*

.panelTab ul     { margin:10px 0 0 0; text-align:left; padding-left:0px; }
.panelTab li     { display:inline; list-style-type:none; cursor:pointer; }

.panelTab        { background: none; float:left; margin: -8px 0 0 -11px; width:100%; min-height: 100px; text-align:left; }
.panelTabContent { clear: both; display: block; width:96.75675675675676%; /*max-width:749px;*/ min-height: 200px; 

padding: 12px;
border-radius: 0 5px 0 0; 
box-shadow: 0 0 8px 0 #ccc; background: #fff;
 margin-top:10px; font-size:13px; font-family: OpenSansRegular; }

.activeTAB a.selected { background: none repeat scroll 0 0 #fff; box-shadow: none; }
.activeTAB a          {

    /* background: none repeat scroll 0 0 #ccc; */
    border-radius: 5px 5px 0 0;
    /* box-shadow: 0 -4px 5px rgba(66, 66, 66, 0.2) inset; */
    color: #000;
    font-family: OpenSansRegular;
    font-size:13px;
    height: 20px;
    margin: 0 5px 0 0px;
    padding: 13px 12px 10px 12px;
    text-decoration: none;
}

#responsiveTabs { margin-top:12px; } 
.r-tabs-state-active a { background: none repeat scroll 0 0 #fff; box-shadow: none; }
.r-tabs-state-default a { background: none repeat scroll 0 0 #ccc; box-shadow: 0 -4px 5px rgba(66, 66, 66, 0.2) inset; }

.panelTabFooter  { clear:both; margin-top:0px; background: #fff; width:96.75675675675676%; padding:15px 12px 12px 12px; border-radius: 0 0 5px 5px; text-align:left; box-shadow: 0 0 8px 0 #ccc; }


*/

/*
################################################################################
##
##  TOOLTIPS (ONLY LOGIN PANEL)
##
*/

.tt                          { position:absolute; z-index:10; margin-left:5px; }

.tt a[data-tooltip]:link, 
.tt a[data-tooltip]:visited  { background:transparent;  position: relative; text-decoration: none; border-bottom: solid 0px; font-family: OpenSans, sans-serif; font-size:13px; line-height:1.3em; top:3px; left:5px; }
.tt a[data-tooltip]:before   { content: ""; position: absolute; border-top: 9px solid #111; border-left: 9px solid transparent; border-right: 9px solid transparent; visibility: hidden; bottom: 25px; left: 0px; }
.tt a[data-tooltip]:after    { content: attr(data-tooltip); position: absolute; /* display:block;*/ width:235px; color: white; bottom: 33px; left: -26px; padding:10px; background:#111; font-weight:normal; border-radius: 5px; visibility: hidden; text-decoration:none; }
    
.tt a[data-tooltip]:hover:before, 
.tt a[data-tooltip]:hover:after  { margin:0 0 0px 0px; visibility: visible; -moz-transition: visibility 0s linear .2s; }



/*
################################################################################
##
##  PAGECONTAINER + TOPBAR
##
*/

#ap_horizon     { /*width: 100%;*/ width:1200px; margin:0; /*auto;*/ background: transparent; text-align:left; }

#ap_topbar   { z-index:99; /*width:100%;*/ width:1200px; top:0px; height:55px; text-align:left; position:fixed; background: #555; 
               background: linear-gradient(to bottom, #555555 0%,#000000 100%); /* W3C */ border-bottom:2px solid #555; box-shadow: 0 0 15px 0 #333; }

#ap_container { float:left; width:100%; max-width:1000px; }

#ap_logo      { float:left; display:block; width:25%; min-width:250px ;max-width:250px; height:55px; background: url('../icons/ap_logo.png'); }
#ap_customer  { position:relative; z-index:100; top:30px; left:50px; width: 207px; color:#fff; font-size:12px; }

.custIcon     { width:22px; height:22px; margin-right:5px; }
.custData     { display:inline; position:relative; top: 2px; margin: 0 8px 0 0; } 

#ap_nav       { float:left; width:54%; max-width:540px; display:block; }
#ap_usernav   { float:right; width:21%; min-width:210px; max-width:210px; color:#fff; font-size:12px; margin:15px 0 0 0; text-align:right; }

      


/*
### ARTIKEL STYLES
*/

#noContentYet { margin-top:10px; background: #f5f5f5; text-align:center; font-weight:normal; font-size:16px; color:#888; padding:25px 10px; border:1px solid #bbb; border-radius:3px;  }
#noSegmentYet { margin-top:10px; background: #f5f5f5; text-align:center; font-weight:normal; font-size:16px; color:#888; padding:25px 10px; border:1px solid #bbb; border-radius:3px;  }

.elem         { float:left; margin-top:10px; padding:10px; background:#f3f3f3; border: 1px solid #bbb; border-radius:3px;  }
.elem:after   { content:''; display:block; clear: both; }

.elemGraph    { float:left; margin-top:10px; width:704px; padding:10px; background: #a5c425 url('../icons/app_bg.png');  color: #fff; border: 1px solid #8da820; /*#bbb;*/ border-radius:3px; /*border-left:10px solid #a5c425;*/ }
.elem:after   { content:''; display:block; clear: both; }

.func         { float:left; margin-top:5px; margin-left:10px; width:140px; }

.elemPlacer   { padding:10px; margin-top:-5px; border-radius:3px;}

.elemSelect   { width:64px; margin-right:6px; }
.elemInput    { width:506px; margin:10px 0 0 0; }
.elemText     { width:586px; height:200px; margin-top:0px; }
.elemButtons  { float:right; margin-top:0px; width:92px; /*background: #ccc;*/ }

.elemRow      { clear:both; height: 25px; }
.elemRowSpace { clear:both; height: 27px; }
.elemLowSpace { clear:both; height: 11px; }


/*
################################################################################
##
##  MEDIENBIBLIOTHEK
##
*/


.folder        { display:block; padding:6px 6px 6px 6px; }
.folderactive  { display:block; padding:6px 6px 6px 6px; background: #ffbb00; }
.folderimage   { position:relative; top:2px; width:15px; height:15px; margin-right:6px; }

.mbutton       { position:relative; top:-1px; left:2px; width:14px; height:14px; margin-right:2px; }


.imContainer   { float:left; font-weight:normal; margin:0 12px 12px 0; padding:10px; border:1px solid #e5e5e5; border-radius:3px; }
.imInContainer { width:140px; height:140px; }
.imDisplay     { width: auto; height: 20px; margin-top: 10px; }
.imFileDisplay { width: 140px; height: 20px; margin-top: -18px; }
.fileTypeBox   { background: rgb(0, 0, 0); padding: 5px; left: 82px; width: 32px; text-align: center; bottom: 35px; min-height:26px; color: rgb(255, 255, 255); font-size: 12px; position: relative; z-index: 99; }

.deleteFunc    { float:right; position:relative; width:auto; top: 5px; text-align:right; }

.checkboxes    { position:relative; top:2px; margin-right:5px; }



/* -------------------------------------------------------------------------- */
/*                                                                            */
/* CONTENT STYLES                                                             */ 
/*                                                                            */
/* -------------------------------------------------------------------------- */


#content  {  clear:both;

             text-align:center;
             width: 100%; 
             height:100%;

 
/*            margin: 42px auto 0 auto;  */  /* FOR FIXED HEADER */
 
/* NON RESPONSIVE */

             margin:42px 0 0 0;
             min-width:1024px;
          }




#leftcontent .datafield   { margin-top:20px; margin-bottom:20px; font:13px arial; padding:8px; background: #ccc; border: 1px solid #bbb; 
font-family: OpenSans;
font-size:   14px;
border-radius: 3px;


}

#leftcontent .infospacer { margin-top:20px; }


#rightcontent {

float:left; 
text-align:left; 
/*margin-top:10px; */
background:#fff; 
border:3px solid #ffffff; 
padding:16px 8px 16px 8px; 
width:780px;

/*
border-radius: 3px;

box-shadow: 0px 0px 2px 2px #ccc;
*/
}

#rightcontent h1 { font-family: OpenSansSemibold; font-size:16px; font-weight:normal; color:#000; }


#rightcontent .optionfield { margin-top:10px; font:13px arial; padding:8px; background: #ccc; border: 1px solid #bbb; }




a { text-decoration:none; }

/*

a          { font-family               : Arial;
             font-size                 : 12px;  
             font-weight               : bold;
           }


a:visited  { color:#e9e9e9; text-decoration:none;  }
a:link     { color:#e9e9e9; text-decoration:none;  }
a:hover    { color:#ffffff; text-decoration:none;  }
a:active   { color:#e9e9e9; text-decoration:none;  }

*/

/*
## -----------------------------------------------------------------------------
##
##  RESPONSIVE FORM COLUMNS
##                                             
*/


#apx_form { }  // FORM ID

#apx_form .fcol100   { display:block; }
#apx_form .fcol50    { float:left; display:block; width:48%; }
#apx_form .fcol33    { float:left; display:block; width:31.33333333333%; }
#apx_form .fcol25    { float:left; display:block; width:23.5%; }

#apx_form .fcol83    { float:left; display:block; width:83.33333333333%; }

#apx_form .fspace50  { float:left; display:block; margin-right:4%;  }
#apx_form .fspace33  { float:left; display:block; margin-right:3%;  }
#apx_form .fspace25  { float:left; display:block; margin-right:2%;  }

#apx_form p.title { margin-bottom:5px; font-weight:bold; }

#apx_form input[type='radio'] { position: relative; top: 2px; margin: 8px 5px 0 0; width:auto; }



#apx_form input   { width:98.5%; }
#apx_form .fauto  { width:auto;  }
#apx_form .fhalf  { width:48.5%; }
#apx_form .fthird { width:31.5%; }
#apx_form .finfo  { font-weight:normal; }

#apx_form select  { width:98.5%; }

#apx_form .foot  { clear:both; display:block; padding-top: 25px; }


/*
## -----------------------------------------------------------------------------
##                                                                         
##  Additional JODIT styles
##                                                                           
*/

/**  .jodit-wysiwyg { font-weight:normal; } **/
.jodit_fullsize { background:#fff; }



/*
## -----------------------------------------------------------------------------
##                                                                         
##  SYSTEM MESSAGES                                                   
##                                                                           
*/

.msg      { display:block; padding-left:54px; }
.msgOk    { clear:both; display: block; font-size:14px; color:#fff; background: #95b122 /*#a5c425*/ url('../icons/svg/apx_ok_w.svg') no-repeat; background-size: 42px 42px; background-position: 12px 12px; min-height:42px; }
.msgError { clear:both; display: block; font-size:14px; color:#fff; background: #bb0000 url('../icons/svg/apx_error_w.svg') no-repeat; background-size: 42px 42px; background-position: 12px 12px; min-height:42px; }
.msgWarn  { clear:both; display: block; font-size:14px; color:#fff; background: #ef8419 /*ffbb00*/ url('../icons/svg/apx_warn_w.svg') no-repeat; background-size: 42px 42px; background-position: 12px 12px; min-height:42px; }






.noPicerror     { /*font      : 9px Verdana,Arial;
             color     : #cc0000;
             font-weight:bold;  */

             display   : block;
             font      : 12px arial;
             /* color     : #009900; */
             /* font-weight:bold;  */
             
             /* min-height:40px; */
             background: #FFAEAE; /* url('sysicon/iserror.gif') no-repeat; */
             border: 1px dotted #E38686;
             margin-top:0px;
             padding: 8px 0px 8px 12px;
             color: #702E2E;

           }

.noPicisOk { display   : block;
             font      : 12px arial;
             /* color     : #009900; */
             /* font-weight:bold;  */
             
             /* min-height:40px; */
             background: #D4EFBA; /* url('sysicon/isok.gif') no-repeat; */
             border: 1px dotted #95AE7E;
             margin-top:0px;
             padding: 12px 0px 12px 12px;
             color: #547337;
           }


.noPicInfo { display   : block;
             font      : 12px arial;
             /* color     : #009900; */
             /* font-weight:bold;  */
             
             /* min-height:40px; */
             background: #FFF5B1; /* url('sysicon/isok.gif') no-repeat; */
             border: 1px dotted #D3BA67;
             margin-top:0px;
             padding: 12px 0px 12px 12px;
             color: #704812;
           }

.noPicKomment { display   : block;
             font      : 11px arial;
             /* color     : #009900; */
             /* font-weight:bold;  */
             
             /* min-height:40px; */
             background: #f5f5f5; /* url('sysicon/isok.gif') no-repeat; */
             border: 1px dotted #666;
             margin-top:0px;
             padding: 6px 0px 6px 6px;
             color: #333;
           }


.noPicInfoSmall { display   : block;
             font      : 11px arial;
             /* color     : #009900; */
             /* font-weight:bold;  */
             
             /* min-height:40px; */
             background: #FFF5B1; /* url('sysicon/isok.gif') no-repeat; */
             border: 1px dotted #D3BA67;
             margin-top:6px;
             padding: 6px 0px 6px 6px;
             color: #704812;
           }


.noacc     { font-family  : Verdana,Arial;
             font-size    : 10px;  
             font-weight  : bold;
             color        : #ccc;
             text-decoration : line-through;
           }




/*
############################################################################
###                                                                         
###  TABELLEN STYLES STYLES                                                             
###                                                                           
*/


.dataTable             { width:100%; /*border:1px solid #999;*/ background:#e5e5e5;  border-spacing: 1px; /* border-collapse: separate;*/ }
.dataTable th          { font-family: OpenSans; font-size:13px; font-weight:normal; background: #555; color:#fff; text-align:left; }
.dataTable tr:hover td { border-top:0px solid #fff; border-bottom:0px solid #fff; background: rgba(0,0,0,0.15); }

.fixRow { width:5px; min-width:auto; background:#f30; }


.sitestructure0 { font-family: OpenSansRegular; font-size:13px; background:#fff; padding: 11px 6px 11px 10px;     }
.sitestructure1 { font-family: OpenSansRegular; font-size:13px; background:#fff url('../icons/app_sitestructure1.png') 0 6px repeat-y; padding: 6px 6px 6px 30px; }
.sitestructure2 { font-family: OpenSansRegular; font-size:13px; background:#fff url('../icons/app_sitestructure2.png') 0 6px repeat-y; padding: 6px 6px 6px 51px;  }
.sitestructure3 { font-family: OpenSansRegular; font-size:13px; background:#fff url('../icons/app_sitestructure3.png') 0 6px repeat-y; padding: 6px 6px 6px 70px;  }
.sitestructure4 { font-family: OpenSansRegular; font-size:13px; background:#fff url('../icons/app_sitestructure4.png') 0 6px repeat-y; padding: 6px 6px 6px 89px; }




.comment { background: url('../icons/svg/kommentar.svg') 0 10px no-repeat;
           background-size: 24px 24px;
           padding: 10px 10px 10px 32px;
           font-size:12px;
           font-family: OpensansRegular; 
         }

.commentadmin { background: url('../icons/svg/kommentar_admin.svg') no-repeat;
                background-size: 24px 24px;
            padding:10px 10px 10px 32px;
            font-size:11px;
            font-family: OpensansRegular; 
          }



/* ## TOOLTIPS */

/*

#tooltip
{
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px;
}
 
    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #111;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #111;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }

*/