/* Projekt: page2flip *********************************************/
/* Details: CSS-Datei für die Theme-Konfiguration *****************/
/* Date:    07.07.2014 ********************************************/
/* Description: Custom CSS Flat Design (überschreibt skin.css) 
   für alle Farben, Schriften und Tabellen, tags wie: p, span, h1- h6, strong, b,
   alles was direkt mit dem Inhalt zu tun hat ***************/

/*@import url("http://fonts.googleapis.com/css?family=Roboto:300,400");*/
@import url(http://fonts.googleapis.com/css?family=Indie+Flower);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);


/* Globale Schrift Farbe ########################################### */
* {
    color: #363636;
}
/* Globale Schrift Familie und Schrift Größe usw. ################### */
html,body {
    font-family: 'Open Sans',Arial,Verdana,Helvetica,sans-serif;
    font-size: 13px;
    height: 100%;
    min-height: 100%;
}
/* CSS für den Website Background #################################### */
body {
    background-attachment: scroll;
    background-image: url("/resources/themes/img/bg.png");
    background-color:#f3f3f3;
    background-position: left top;
    background-repeat: repeat-x;
    -webkit-background-size:inherit;
    -moz-background-size:inherit;
    -o-background-size:inherit;
    background-size:inherit;
    padding: 0;
    overflow-x:hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/themes/img/bg.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/themes/img/bg.png', sizingMethod='scale')";
}
body.ie8 {
    background-attachment: scroll;
    background-image: url("/resources/themes/img/bg.png");
    background-color:#f3f3f3;
    background-position: left top;
    background-repeat: repeat-x;
    -webkit-background-size:inherit;
    -moz-background-size:inherit;
    -o-background-size:inherit;
    background-size:inherit;
    padding: 0;
    overflow-x:inherit;
    overflow:scroll;
    filter:none;
    -ms-filter:none;
}
/* CSS für den Schatten im body ######################################### */
body:before {
    content: "";
    position: fixed;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    z-index: 100;
    -webkit-box-shadow: 0 0px 0px #363636;
    -moz-box-shadow: 0 0px 0px #363636;
    box-shadow: 0 0px 0px #363636;
}
/* Eigenschaften der H1 - H6 Elemente ############################## */
h1 {
    font-size: 22px;
    color:#87AC54 ;
    line-height:28px;
    text-shadow: 0 0px 0 #e6e6e6;
    font-weight: 600;
    letter-spacing: 0px;
}

h2 {
    font-size: 16px;
    color:#484848;
    line-height:26px;
    font-weight: 600;
}

h3 {
    font-size: 16px;
    color:#484848;
    line-height:22px;
    font-weight: 600;
}

h4,h5,h6 {
    font-size: 15px;
    color:#484848;
    line-height:20px;
    font-weight: 600;
}
/* Darstellung von Text in b und strong tags */
b,
strong {
    font-weight: 600;
}
/* Radio Buttons */
input[type="radio"]{margin-right:5px;}
/* CSS für figure Element ####################################### */
figure img {
    display: block;
    margin: 2% auto;
    border: 1px solid #f3f3f3;
    border-radius: 0px;
    box-shadow: 0px 0px 0px #e6e6e6;
}
/* Link Klassen #################################################### */
a:link,
a:visited,
a:focus {
    color: #87AC54;
    text-decoration: none;
    overflow: visible;
}
a:hover {
    color: #084f74;
    text-decoration:none;
}
.link {
    background-image: url("/resources/themes/img/link_arrow.png");
    background-position: 0 3px;
    background-repeat: no-repeat;
    line-height: 14px;
    display: inline-block;
    font-weight:normal;
    padding-left: 7px;
    text-decoration: none;
}
.imTextLink {
    font-weight:normal;
    text-decoration: none;
}
a.invertTextLink:link,
a.invertTextLink:focus,
a.invertTextLink:visited {
    color: #363636;
    font-weight:normal;
    text-decoration: none;
}
a.invertTextLink:hover {
    color: #084f74;
}
/* Klasse zum kürzen von Text der nur in einer linie laufen soll ########### */
.kurzklasse {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis; /*für Opera*/
    white-space: nowrap;
    width: 100%;
}
/* Klasse für Headlines in Handschrift Art ################################# */
.handWrite {
    font-family: 'Indie Flower', Arial, cursive;
    font-size: 25px;
    font-weight: normal;
    letter-spacing: 0em;
    word-spacing: inherit;
    color:#87AC54 ;
    text-shadow: 0 0px 0 #e6e6e6;
    line-height: 25px;
}
.ie8 .handWrite,
.p2f-no-fontface .handWrite {
    font-family: 'Open Sans',Arial,Verdana,Helvetica,sans-serif;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: normal;
    word-spacing: normal;
    color:#87AC54 ;
    text-shadow: 0 0px 0 #e6e6e6;
}
/*globale Klassen Verläufe usw. ########################################### */
.verlauf {
    background: #e6e6e6; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVlZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e6e6e6 0%, #e6e6e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e6e6e6 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e6e6e6 0%,#e6e6e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e6e6e6 0%,#e6e6e6 100%); /* IE10+ */
    background: linear-gradient(top,  #e6e6e6 0%,#e6e6e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */
}
.ie8 .verlauf {
    background: #e6e6e6; /* Old browsers */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */
}
/* Eigenschaft filter wird bei Browsern mit rgba Fähigkeit dekativiert */
.p2f-rgba * {filter:none!important;}
/* Eigenschaften der Tabellen zur Daten Darstellung ######################## */
.no-border-table {
    width:100%;
}
.no-border-tableCol2 {border-right:none!important;}
.iceDatTblColHdr, .iceDatTblColHdr1, .iceDatTblColHdr2, .iceDatTblColGrpHdrCol, .iceDatTblFtr {
    color: #363636 !important;
}
.iceDatTblColHdr1, .iceDatTblColHdr2, .iceDatTblColHdr3, .iceDatTblColHdr4, .iceDatTblColHdr5 {
    text-align: left;
}
.iceDatTblColHdr, .iceDatTblColHdr1, .iceDatTblColHdr2, .iceDatTblColGrpHdrCol, .iceDatTblFtr {
    background: #e6e6e6; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVlZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e6e6e6 0%, #e6e6e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e6e6e6 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e6e6e6 0%,#e6e6e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e6e6e6 0%,#e6e6e6 100%); /* IE10+ */
    background: linear-gradient(top,  #e6e6e6 0%,#e6e6e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */
    border: 1px solid #ffffff ;
    padding:10px  4px;
}
.ie8 .iceDatTblColHdr, .ie8 .iceDatTblColHdr1, .ie8 .iceDatTblColHdr2, .ie8 .iceDatTblColGrpHdrCol, .ie8 .iceDatTblFtr {
    background: #e6e6e6; /* Old browsers */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */
    border: 1px solid #f3f3f3;
    padding:7px  5px;
}
.ie8 .ui-widget-header {
    background: #e6e6e6; /* Old browsers */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */
}
.no-border-tableRow1, .no-border-tableRow2 {
    border-left: 1px solid #ffffff ;
    border-right: 1px solid #ffffff ;
    background:#f3f3f3;
}
.no-border-tableRow1:hover, .no-border-tableRow2:hover {
    border-left: 1px solid #ffffff ;
    border-right: 1px solid #ffffff ;
    background:#e6e6e6;
}

.iceDatTblRow1 {
    background: none repeat scroll 0 0 #f3f3f3;
}

.no-border-table tr td {
    border-bottom: medium none;
    border-top: medium none;
    overflow: hidden !important;
}
.iceDatTblCol, .iceDatTblCol1, .iceDatTblCol2 {
    border-right: 1px solid #f3f3f3;
    color: #363636;
    padding: 3px 5px;
    text-align: left;
}
.currentProjectsCol1 {
    width:185px;
    max-width:185px;
    min-width:185px;
}
.project-name-small {
    display: block;
    font-size: 13px;
    line-height: 34px;
    margin: 0px 4px;
    overflow: hidden;
    white-space: nowrap;
    width:185px;
    text-overflow:ellipsis;
}
a.invertTextLink:hover div {
    color: #084f74;
}
.radioButtonBox label {
    margin-left:10px;
    font-weight:600;
}
.radioButtonBox input {margin-bottom:5px;}
.radioButtonInfo {
    margin-left:25px;
    float:left;
    margin-bottom:10px;
    line-height:20px!important;
}
/* input Felder Config ################################################# */
input[type="text"],
input[type="password"],
.fakeinputfield2,
textarea,
select {
    background: none repeat scroll 0 0 #f3f3f3 !important;
    border: 1px solid #f3f3f3;
    border-radius:0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
    padding: 2px;
}
input[type="button"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type="password"]:focus,
input[type="url"]:focus,
input[type="text"]:focus,
textarea:focus,
select:focus {
    box-shadow: 0 0 0px #084f74 inset;
    outline: medium none;
}
.admin_menu_button{
    width:30px;
    height:20px;
    margin-right:5px
}
.admin_menu_button button{
    height:20px;
}
/* Versionshinweis im Header */
.logo .logoVersionNumber {
    color: #ffffff ;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    left: 195px;
    top: 32px;
    z-index: 99;
    text-shadow: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}
/* ACE Dialog requirementsPDFDialog */
.requirementsPDFDialog .grid_2 {
    border-bottom:1px solid #f3f3f3;
    padding-bottom:10px;
}
.requirementsPDFDialog .grid_2:last-child {
    border-bottom:none;
    padding-bottom:0;
}
.createCatalogDialog .textarea {
    width:553px;
    max-width:553px!important;
    min-width:460px!important;
}
/*publishView */
.publishedRelease .row4 {width:250px;overflow:hidden;}
.publishedRelease .row5 {width:300px;overflow:hidden;}
.publishedRelease .row5 .input {float: right; width: 170px;text-align:left;}
.publishedRelease .row5 .label { width: 100px!important;}
/* ACE Dialog BuyCreditsDialog */
.buyCreditsDialog {max-width:600px;}
.deletePublishedReleaseDialog{width: 450px;}
.couponcodeButton {margin-top:3px;}
.tooltipCloseBox {
    height: 28px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 23px;
    z-index: 9999;
}
/*extended Settings */
.customersSettingsPages {
    float:right;
    width:98%;
    border:none!important;
    padding:2px!important;
}
.extendedSettings_tipBox {display:none;}
.page2flip_extendedSettings #powerTip {
    max-width:300px;
    white-space: normal;
    padding:5px 10px 10px 10px;
}
.page2flip_extendedSettings .tipFeld {
    margin-top: 10px;
    line-height: 20px;
}
.page2flip_extendedSettings .cancelIcon {
    margin:10px;
    float:left;
}
.page2flip_extendedSettings .documentWidthField {
    width:41.8%;
}
.page2flip_extendedSettings .formularHorizontal .input {margin-left:0;}
.page2flip_extendedSettings .formularHorizontal .label {
    float: left;
    height: 35px;
    line-height: 35px;
    margin-right: 0px;
}
.upgradeAccountDialog {max-width:700px;}
.upgradeAccountDialog .label {
    height: 35px!important;
    line-height: 35px;
}

/* ############################################### theme.css ################################################################# */

/* Projekt: page2flip *********************************************/
/* Theme: page2flip ***********************************************/
/* Details: CSS-Datei für die Theme-Konfiguration ***/
/* Date:    08.08.2012 **************************/

/* Grundlagen Konfiguration für das page2flip Theme ############################################################### */
/*headernavi ###################################################################################################### */
.headerNavi {
    /*background: none repeat scroll 0 0 #ffffff ;*/
    background: none repeat scroll 0 0 transparent;
    border-radius: 0px;
    box-shadow: 0 0 0 #363636;
    float: right;
    height: 20px;
    margin-right: 20px;
    margin-top: 8px;
    padding: 7px 20px;
}

.headerNavi li {
    float:left;
}

.headerNavi li span, .headerNavi a:link, .headerNavi a:visited, .headerNavi a:focus{
    color: #ffffff;
}

.trenner {
    padding:0 5px;
    font-size:8pt;
    color: transparent;
}

.iceMnuBar, .iceMnuBarVrt {
    background-color: #FF0000;
    background-image: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.iceMnuBarItem, .iceMnuBarVrtItem {
    border: none;
    float: left;
    white-space: nowrap;
}
.iceMnuItm {
    border-bottom: 1px solid #f3f3f3;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
.iceMnuBarItem, .iceMnuBarVrtItem {
    background-color: #ffffff ;
}
.iceMnuBarItem a, .iceMnuBarItem span, .iceMnuBarItem a:hover {
    padding: 0;
}
.iceMnuBarItem a, .iceMnuBarItem span, .iceMnuBarItem a:hover, .iceMnuBarVrtItem a, .iceMnuBarVrtItem span, .iceMnuBarVrtItem a:hover {
    color: #363636;
    display: block;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}
.header_right_lang_listItemImage {
    display: block;
}
.iceMnuBarItem a, .iceMnuBarItem span, .iceMnuBarItem a:hover {
    padding: 0;
}
.iceMnuBarItem a, .iceMnuBarItem span, .iceMnuBarItem a:hover, .iceMnuBarVrtItem a, .iceMnuBarVrtItem span, .iceMnuBarVrtItem a:hover {
    color: #363636;
    display: block;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}
.iceMnuItmLabel, .iceMnuBarItemLabel {
    vertical-align: top;
}
.iceMnuBarSubMenu, .iceMnuBarVrtSubMenu {
    background-color: #ffffff ;
    border-left: 1px solid #f3f3f3;
    border-radius: 0px;
    border-right: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;
    box-shadow: 0 0 5px #e6e6e6;
    margin-left: -10px;
    margin-top: -3px;
    position: absolute;
    width: 145px;
    z-index: 1000;
}
.iceMnuItm a, .iceMnuItmVrt a {
    background-color: #ffffff ;
    color: #363636;
    font-weight:600;
}
.iceMnuItm a:hover, .iceMnuItmVrt a:hover {
    background-color: #084f74;
    color: #ffffff ;

}
.iceMnuItm a:hover span {
    color: #ffffff ;
    cursor:pointer;

}
.iceMnuItm a, .iceMnuItm a:hover, .iceMnuItmVrt a, .iceMnuItmVrt a:hover {
    border: 0 none;
    display: block;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
    vertical-align: top;
    width: 100%;
}
.iceMnuItm img {
    margin-left: 10px;
}
.iceMnuItmImage, .iceMnuItmLabel {
    vertical-align: middle;
}
.iceMnuItmImage, .iceMnuBarItemImage, .iceMnuBarVrtItemImage {
    display: inline;
}
.iceOutTxt, .iceOutLbl {
    color: #363636;
    font-family: 'Open Sans',Arial,Verdana,Helvetica,sans-serif;
    padding: 2px 0;
}
.lang_menuLabel {
    margin-left: 10px;
}
.iceOutTxt, p {
    cursor: default !important;
}
.iceMnuItmImage, .iceMnuItmLabel {
    vertical-align: middle;
}
.iceMnuItmLabel, .iceMnuBarItemLabel {
    font-size: 13px;
}
.iceMnuItmLabel {
    font-weight: normal;
}
.wijmo-wijmenu-parent {z-index:9991!important;}
/* topLevelNavi ################################################################################################## */
.naviBox {
    border-radius: 0px;
    box-shadow:0px 0px 0px #e6e6e6;
    float:left;
    width: 70%;
    margin: 0px 0 20px 0;
    background: none repeat scroll 0 0 #e6e6e6; /* Old browsers */
    background: -moz-linear-gradient(top,  #e6e6e6 0%, #e6e6e6 50%, #e6e6e6 51%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(50%,#e6e6e6), color-stop(51%,#e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e6e6e6 0%,#e6e6e6 50%,#e6e6e6 51%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e6e6e6 0%,#e6e6e6 50%,#e6e6e6 51%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e6e6e6 0%,#e6e6e6 50%,#e6e6e6 51%); /* IE10+ */
    background: linear-gradient(to bottom,  #e6e6e6 0%,#e6e6e6 50%,#e6e6e6 51%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */
}
nav.topLevelNavi  {
    display: block;
    width: 100%;
    /*overflow: hidden;*/
}
nav.topLevelNavi ul {
    float: left;
    list-style: none;
    border-radius: 0px;
}
nav.topLevelNavi li {
    float:left;
    margin-right: 1px;
}
.subnaviHeadline {
    background: #f3f3f3!important; /* Old browsers */
}
.ie8 .subnaviHeadline {
    border-top:5px solid #e6e6e6;
    background: #e6e6e6!important; /* Old browsers */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6',GradientType=0 )!important; /* IE6-8 */
}
.ie8 #subNaviList_settingsExtended {
    border-bottom:5px solid #e6e6e6;
}
.subnaviHeadline h4 {
    padding: 0.2em 0.5em;
    letter-spacing:0px;
}

nav.topLevelNavi a{
    text-transform: none;
}

nav.topLevelNavi a,
ul.subNaviList li a {
    float:left;
    padding: 10px;
    line-height: 8px;
    text-decoration: none;
    color: #484848!important;
    text-shadow: none;
    box-shadow: none;
    letter-spacing: 0px;
    border-width: 0px;
    border-style: none!important;
}
ul.subNaviList li a {
    border-width: 0px;
    border-style: solid;
    border-color: #e6e6e6
    transparent
    transparent
    transparent;
}
nav.topLevelNavi a:hover, nav.topLevelNavi a:focus,
ul.subNaviList li a:hover, ul.subNaviList li a:focus {
    outline: 0;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
    background: #084f74;
}
.topLevelNavi .active,
ul.subNaviList li a.active {
    outline: 0;
    /*border-top: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;*/
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
    background: #084f74;
}
nav.topLevelNavi a:active,
ul.subNaviList li a.active {
    /*box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;*/
    box-shadow: none;
}
nav.topLevelNavi li:first-child a {
    border-left: 0;
    border-radius: 0px 0 0 0px;
}

nav.topLevelNavi li:last-child a {
    border-right: 0;
    border-radius: 0 0px 0px 0;
}

.naviList.floatRight.top20{
    margin-top: 0px!important;
    width: 30%;
    background-color: #e6e6e6;
    height: 55px;
    text-align: right;
}

.naviList.floatRight.top20 li{

}

.naviList.floatRight.top20 li .icon{
    width: 55px;
    height: 55px;
    padding: 0px;
    margin: 0 -2px 0 0;
    border: 0px;
    background-color: #c7c7c7;
}

.naviList.floatRight.top20 li .icon:hover{
    background-color: #084f74;
}

.naviList.floatRight.top20 li .icon img{
    margin: 10px 0 0 10px;
}

nav.topLevelNavi a{
    padding: 23px 18px 24px 18px;
}


.naviList.dark-middle{
    height: 55px;
    width: 55px;
    background-color: #e6e6e6;
}

.naviList ul {
    list-style: none;
    padding: 0;
}
.naviList > li {
    position: relative;
    /*display: inline;*/
    outline: 0;
    z-index: 9990;
}
.subNaviList {
    position: absolute;
    left: -108px;
    top: 100%;
    z-index: 0;
}
.naviList > li:hover .subNaviList,
.naviList > li:focus .subNaviList {
    z-index: 10;
    max-height: 600px;
}
.subNaviList li {
    max-height: 0;
    width:100%;
    float:left;
    background: #f3f3f3;
    border-left:5px solid #f3f3f3;
    border-right:5px solid #f3f3f3;
}

.subNaviList li:last-child{
    border-bottom:5px solid #f3f3f3!important;
}

.subNaviList li:nth-child(2){
    border:5px solid #f3f3f3!important;
}
.subNaviList li a{
    width:84%;
}
.naviList > li:hover .subNaviList li, .naviList > li:focus .subNaviList li {
    max-height: 30px;
}
.dreieckLi {
    border:none!important;
    background:transparent!important
}
.dreieck {
    width: 0;
    height: 0;
    margin-left: 111px;
    margin-top: 0;
    display:block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f3f3f3;
    background:transparent;
}
/* content Navigation (Projekte) ################################################################################# */
.contentNavi {
    float:right;
}
.contentNavi ul {
    float:right;
    display:block;
}
.contentNavi ul li {
    float:right;
    line-height:30px;
    padding:0 5px;
}
.contentNavi ul li .maxProjects {
    display: block;
    float: left;
    font-weight: 600;
    line-height: 30px;
    margin-top: -3px;
    padding: 0 10px;
}
/*content Bereich ################################################################################################# */
.contentWrapper {
    float:left;
    padding-top: 10px;
}
.contentWrapper .content {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.sub-title {
    padding-bottom: 10px;
    float:left;
    width:100%;
    border-bottom: none;
    box-shadow: 0 0px 0px 0px #e6e6e6;
    text-transform: none !important;
}
.sub-title a {float:left;}
.sub-title a:hover {text-decoration:none;}
.sub-title span.projectName {
    color:#363636!important;
}
.headerLink {margin-top:5px;}
.sub-title .buttonDiv {margin-top:-5px;}
.contentLeftheader {margin-top:20px;}
.loginFormular,
.smallFormular {
    float: left;
    width: 290px;
}


.contentBox {
    float:left;
    min-width:195px;
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
    border-radius: 0px;
    font-size: 13px;
    padding:10px;
    margin-top:20px;
    line-height: 20px;
}
.contentBox ul {list-style:none;}
.contentBox ul li {padding:3px 0px;}
.page2flip_account .contentBox,
.page2flip_company .contentBox {
    float:right;
    min-width:195px;
    width:100%;
    border: 1px solid #f3f3f3;
    border-radius: 0px;
    font-size: 13px;
    padding:10px;
    margin-top:20px;
}
.contentBox header {margin-bottom:10px;}
.contentBox img {
    margin:10px auto 0;
    display:block;
}
.contentBox ol {
    float:right;
    width:93%;
}
.contentBox ol li {
    padding: 5px 0;
}
.contentBox .p2fStarterLink {
    display: block;
    float: left;
    height: 130px;
    width:100%;
}
/* startseite ##################################################################################################### */
.keineP2fs .info {
    padding-left: 40%;
    color:#87AC54;
    display:block;
    -moz-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(-10deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);"
}
.keineP2fs .info img {
    float: right;
    margin-top: -10%;
}

/* formulare ###################################################################################################### */
.formular .label {
    float: left;
    height: 20px;
    width: 100%;
    margin-top:10px;
}
.formular .labelBig {
    float: left;
    width: 100%;
    margin-top:10px;
}
.formular .labelBig {
    float: left;
    height: auto;
    width: 100%;
    margin-top:10px;
}
.formular .input {
    float: left;
    width: 100%;
}
.formular .textarea {
    max-width: 96%;
    min-width: 96%;
    margin-top: 5px;
    overflow: auto;
    min-height:4em;
    padding: 5px !important;
    vertical-align: top;
}
.formular .uploadInputField {
    height: 26px;
    margin: 10px 0px;
    padding-left: 5px !important;
    width: 68%;
}
#importPDFForm .buttonDiv,
#uploadPDFForm .buttonDiv {
    margin-right: 20px;
    margin-top: 11px;
}
.formular .form_select_one {width:50%;}
.formular .form_select_two {
    width:99%;
    margin-top: 3px;
}
.formular .abbrechen {
    float: left;
    margin-top: 2%;
}

/* formulare horizontal ########################################################################################## */
.formularHorizontal .label {
    float: left;
    height: 20px;
    line-height:25px;
    margin-right:10px;
    margin-left:10px;
}
.formularHorizontal .label:first-child {
    margin-left:0;
}
.formularHorizontal .labelBig {
    float: left;
    height: auto;
    margin-right:10px;
    margin-left:10px;
}
.formularHorizontal .input {
    float: left;
    margin-right:10px;
    margin-left:10px;
    line-height:25px;
}
.formularHorizontal .input:last-child {
    margin-right:0;
}
.formularHorizontal .form_select_one{
    width:180px;
}

.formularHorizontal .textfield{
    height: 24px;
    width: 170px;
}

.formularHorizontal .textfield.textfield100{
    width: 100%!important;
}

/* createPages.xhtml ############################################################################################## */
.pdfUploadDialog .grid_1-3 {
    min-width: 140px;
}
/* pdfPages ####################################################################################################### */
.convertingLoader {
    display: block;
    float: left;
    margin: 0px 20px 0px 0px;
}
.convertingLoader.left {
    position: relative;
    left: -160px;
    top: -13px;
}
.infoBox p {line-height:25px;}
.pdfPagesNavi {
    float: left;
    height: 25px;
    line-height:25px;
    width:600px;
}
.pdfPagesNavi ul li {
    float:left;
}
.pdfPagesNavi ul li a {
    padding:0 10px;
    margin:0 5px;
}
.pdfPagesNavi .icon {margin-top:0px;}
.pdfPagesNavi .icon a {margin:0;padding:0;}
.replaceDialogListItem a.link {margin-top:5px;}
.hotspotsImportDiv {float:left;margin-top:-5px;}
.hotspotsImportDiv a{
    margin:0;
    padding:0;
}
.pageSeperator {
    border-top:1px solid #ccc;
    padding-top:10px;
}
.addpagesLink img {
    margin-top: 0px;
    float: left;
    margin-right: 2px;
}

/* loader animation ############################################################################################### */
.p2f-cssanimations .p2fLoader {display:block;}
.p2f-cssanimations .loader {display:none;}
.p2f-no-cssanimations .p2fLoader {display:none;}
.p2f-no-cssanimations .loader {display:block;}
figure.p2fLoader {
    height: 25px;
    margin: 2px auto;
    position: relative;
    width: 25px;
}
/* login Formular ################################################################################################## */
.loginFormular {margin-top:20px;}
.loginFormular .label,
.smallFormular .label {
    float: left;
    height: 20px;
    width: 100%;
    margin-top:10px;
}
.loginFormular .label:first-child,
.smallFormular .label:first-child,
.formular .label:first-child  {
    float: left;
    height: 20px;
    width: 100%;
    margin-top:0;
}
.loginFormular .input,
.smallFormular .input {
    float:left;
    width:100%;
}
.form_label{
    margin-left:5px;
    width:100%;
}

.form_label2Spalten{
    margin-left:120px;
    width:100%;
}
.form_label3Spalten{
    margin-left:30px;
    width:100%;
}

.textfield {
    height: 26px;
    line-height:26px;
    margin: 4px 1px;
    width:97%;
    padding-left:5px!important;
}

.textfieldShort {
    height: 26px;
    line-height:26px;
    width: 50px;
    padding-left:5px!important;
}
.publishPeriod{width:170px;margin-left:0px;margin-right:0px;height:26px;line-height:26px;}
.projectCustomer{width:190px;margin-left:20px;margin-right:0px;height:26px;line-height:26px;}
.projectPages{width:60px;margin-left:20px;margin-right:0px;height:26px;line-height:26px;}
.form_select_one,
.form_select_one-dis,
.form_select_two,
.formular .form_select_two-dis {
    border: 1px solid #f3f3f3;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
    height: 30px;
    line-height: 30px;
    padding: 4px;
    width:100%;
    /*margin-left:2px;*/
}
.buttonBox {
    float:left;
    margin-top:30px;
    width: 100%;
}
/* pw vergessen ################################################################################################### */
.pwAbbrechen {
    float: left;
    margin-left: 0;
    margin-right: 15px;
    margin-top: 2.4%;
}
.page2flip_forgotPassword .backLinkBox {float:right;}

.backLinkBoxRight{
    float: right;
    width: auto;
}

/* imprint ######################################################################################################## */
.impressumList {
    list-style-type:none;
    margin-top:20px;
}
.impressumList li {
    height:20px;
    display:block;
}
.page2flip_imprint .backLinkBox {float:right;}
.page2flip_registered .backLinkBox {float:right;}
/*css register.xhtml ############################################################################################## */
.newsletterlabel {
    margin-left: 0;
    text-align: left;
}
.newsletterSelect {
    display: block;
    float: left;
    height: 30px;
    margin-right: 10px;
}
.page2flip_register .backLinkBox {float:right;}
/* css ourTips.xhtml ############################################################################################# */
.page2flip_registered article p {
    margin-top:10px;
}
.page2flip_registered article p:nth-child(2) {
    margin-top:5px;
    margin-bottom:10px;
}
.grid_3 .handWrite {
    margin-top:50px;
    margin-bottom:10px;
}

.tippsBox {
    min-width:280px;
}

.grid_1-3 header {
    margin-bottom:10px;
}
.video-img {
    border:13px solid #e6e6e6;
    border-radius:0px;
    opacity:0.7;
    filter: alpha(opacity=70);
    margin:0 auto;
    display:block;
}
.video-img:hover {
    border:13px solid #87AC54;
    transform: scale(1.01);
    -moz-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    opacity:1;
    filter: alpha(opacity=100);
}
.gutscheinLink {margin-bottom:40px;}
/* css feedback ################################################################################################### */
.feedbackForm {
    width: 700px;
    z-index:9999;
    text-align: left;
    position:absolute;
    top:30%;
    left:-750px;
    background:#ffffff ;
    padding:20px;
    display:block;
}
/* css projects / list ############################################################################################ */
.p2fDatatable {
    width:100%;
}
.p2fDatatable td {
    height:40px;
    text-align: left !important;
}
.p2fDatatable .invertTextLink {
    float:left!important;
    text-align:left;
}
.p2fDatatable .icon,
.p2fDatatable .icon-dis,
.p2fDatatable .icon-withoutFunction {
    float:left;
    margin: 0 1px 0 0;
}
.projectPageIconContainer {
    padding-left:5px;
    float: left;
    margin-top: 5px;
}
.projectPageIcon {
    top: 0px;
    margin: 0px 1px 0px 0px;
}
.p2fDatatable .loader {
    margin: 2px auto;
    width:25px;
    height:25px;
}
.p2fDatatable .firstRow {
    width:21.73%;
    max-width:230px;
    overflow:hidden;
}
.p2fDatatable .secondRow {
    width:17.1%;
    min-width:136px;
    max-width:140px;

    overflow:hidden;
}
.p2fDatatable .thirdRow {
    text-align: left !important;
}
.p2fDatatable .fourthRow {
    width:13.2%;
    max-width:100px;
    overflow:hidden;
}
.p2fDatatable .fifthRow {
    width:17.1%;
    max-width:140px;
    overflow:hidden;
    text-align: left !important;
}
.p2fDatatable .fifthRow .icon {float:right!important;}
.p2fDatatable .fifthRow span {line-height:26px;}
.ui-datatable-odd  {
    background: none repeat scroll 0 0 #f3f3f3;
    border-left: 1px solid #ffffff ;
    border-right: 1px solid #ffffff ;
}
.ui-datatable-odd:hover, .ui-datatable-even:hover{
    background: none repeat scroll 0 0 #e6e6e6;

}
.ui-datatable-odd .kurzklasse, .ui-datatable-even .kurzklasse, {
    height: 40px;
    line-height: 40px;
}
.ui-datatable .ui-widget-content {border:none!important;}
.ui-datatable tbody.ui-datatable-data > tr > td,
.ui-datatable tbody.ui-datatable-data-empty > tr > td {
    border:none!important;
}
.ui-datatable .ui-header-column {
    height: 26px;
    line-height: 26px;
}
/* pdfFlashUploader ############################################################################################## */
.flashUploader {
    height: 30px;
    width: 92%;
}
/* QR Code styling ################################################################################################ */
.box {
    width:200px;
    border-radius:0px;
    background:#e6e6e6;
    margin:30px auto;
}
.box img {
    border-radius: 0px;
    box-shadow: 0px 0px 0px #e6e6e6;
    display: block;
}
.effect
{
    position: relative;
}
.effect:before
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #484848;
    -webkit-box-shadow: 0 15px 10px #484848;
    -moz-box-shadow: 0 15px 10px #484848;
    box-shadow: 0 15px 10px #484848;
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
/* sortablePagesList.xhtml ######################################################################################## */
.pdfPagesPreviewBox {
    float:left;
    text-align: center;
    max-height:200px;
}

.pdfImgBox {
    background:#ffffff ;
    margin:10px 14px 10px 0px;
    cursor:move;
    float:left;
    border-radius:0px;
    border:1px solid #f3f3f3;
    box-shadow:0px 0px 0px #e6e6e6;
}
.pdfImgBox:hover {
    background:#f3f3f3;
    border-radius:0px;
    border:1px solid #f3f3f3;
    box-shadow:0px 0px 0px #e6e6e6;
}
.catalogBox .pdfImgBox{
    margin: -1px 0 0 -1px;
}
.pdfImgBox section {
    padding: 5px;
    float:left;
}
.pdfImgBox figure img {
    border: none;
    box-shadow: none;
    display: block;
    margin: 0% auto 5%;
    max-height: 120px;
}
.pdfPageThumb {width:100px;}
/* credits.xhtml ################################################################################################## */
.optionList {
    list-style:none;
    margin-top:5px;
    float:right;
}
.optionList li {
    float:left;
    padding:0 5px;
}
.optionList li:first-child {
    padding:0 5px 0 0;
}
.page2flip_credits .row3,
.page2flip_credits .row1 {width:154px;}
/* users.xhtml #################################################################################################### */
.accountName {color:#87AC54;}

/* cataloglist.xhtml ############################################################################################## */
.catalogBox {
    float:left;
}
.catalogImgBox {
    cursor:default;
    float:left
}
.catalogImgBox section {
    width:164px;
    min-height:200px;
    float:left;
}
.catalogImgBox .tooltipField {height:170px;}
.catalogImgBox section aside {
    float:left;
}
.catalogImgBox section aside .icon {
    margin: 0 1px 0 0;
}
.catalogImgBox figure img {
    margin: 5% auto;
    max-width:140px;
    max-height: 160px;
    height: expression(this.height > 160 ?160: true);
    width: expression(this.width > 140 ? 140: true);
}
.tooltipBox{display:none;}
.tooltipFormular .label {
    width:80px;
    font-weight:600;
    padding: 0 10px;
}
.tooltipFormular .input {padding: 0 10px;}
.tooltipFormular .grid_2 {
    height: 25px;
}
.tooltipFormular .odd {
    background:#f3f3f3;
}
/* css publishView.xhtml ########################################################################################## */
.page2flipdocFormular div.label {width:140px;}
.page2flipdocFormular div.input{
    line-height: inherit!important;
}
.veroeffentlichungsSettings .label {width:110px;}
.sub-title .backLinkBox {float:right;}
.release-availability-status {
    width:16px;
    height:16px;
    border-radius:100%;
    margin:0 auto;
}
.release-availability-status-red {
    background:red;
}
.release-availability-status-yellow {
    background:gold;
}
.release-availability-status-green {
    background:green;
}

/*css statistik ################################################################################################### */

.stats-tab1 {
    font-weight: 600;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    height: 30px;
    padding: 0 5px 10px 5px;
    background-color: #f3f3f3;
}

.stats-tab1:hover{
    background-color: #e6e6e6;
}

.stats-tab1 table tr:first-child img, .stats-tab1 table tr:last-child img{
    display: none!important;
}

#dateSelector{
    margin-right: 41px;
    margin-top: 10px;
}

nav.statisticMenu {
    padding: 10px 0px 10px 0px;
}

nav.statisticMenu ul {
    display: inline;
    white-space: nowrap;
}

-nav.statisticMenu ul li {
    margin: 5px 10px 5px 0px;
    display: inline;
    font-size: 9pt !important;
}

nav.statisticMenu ul li {
    margin: 5px 1px 5px 0px;
    font-size: 13px !important;
    font-weight: 600;
    max-width: 113px;
    height: 40px;
    text-align: center;
    display: inline-block;
    float: left;
    white-space: normal;
    padding: 5px;
    background: #f3f3f3;
}

nav.statisticMenu ul li:hover{
    background: #e6e6e6;
}

nav.statisticMenu ul li a{
    color: #363636;
}

.toolTipUtils {
    display: none !important;
}

.replaceUploader header h1 {
    margin-bottom: 10px;
}

.replaceUploader section {
    margin-bottom: 10px;

}

.hotspotPreviewDummy {
    display: none;
}
.nobullets ul {
    list-style-type: none;
}
/* footer ######################################################################################################### */
footer.footer {
    float:left;
    margin-bottom: 10px;
    padding-top: 10px;
    font-size: 12px;
    padding-left: 2%;
    padding-right: 2%;
    text-align: right;
    width: 96%;
}
.footer, .footer li, .footer a:link, .footer a:active, .footer a:visited {
    color: #363636;
    text-decoration: none;
    text-shadow: 1px 1px 2px #ffffff ;
}
.footer a:hover {
    text-shadow: 0px 0px 0px #ffffff ;
    color: #084f74;
}
.copyright {float:left;}
.footerNavi {float:right;}
.footerNavi ul li {
    display:inline;
    padding:0 5px;
}
/* back to top link ############################################################################################### */
#back-top {
    bottom: 30px;
    position: fixed;
    right: 5%;
}
#back-top a {
    color: #ffffff ;
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 108px;
}
#back-top a:hover {
    color: #363636;
    text-shadow: 0px 0px 0px #ffffff ;
}
#back-top span {
    background: url("/resources/themes/img/up-arrow.png") no-repeat scroll center center #ffffff ;
    border-radius: 0px;
    box-shadow: 0px 0px 0px #e6e6e6;
    display: block;
    height: 50px;
    margin: 0 auto 7px;
    width: 50px;
}
#back-top span:hover {
    background: url("/resources/themes/img/up-arrow.png") no-repeat scroll center center #87AC54;
    border-radius: 0px;
    display: block;
    height: 50px;
    margin: 0 auto 7px;
    width: 50px;
}
/* hotspoteditor*/
.hotspotEditorDialog .tooltipCloseBox {display:none;}

/*ace Dialoge special config*/
.uploadDialog {max-width:650px!important;}
.catalogPreviewDialog {max-width:600px;}
.catalogPreviewDialog .previewBox {
    border-bottom:1px solid #f3f3f3;
    box-shadow: 0 0px 0px 0px #e6e6e6;
    height: 405px;
}
.previewHinweis {
    border-bottom:1px solid #f3f3f3;
    box-shadow: 0 0px 0px 0px #e6e6e6;
    padding-bottom:20px;
}
.catalogPreviewDialog .infoBox {
    position:absolute;
    top:50%;
    left: 50%;
    margin-top:-70px;
}
.headline {
    border-bottom: none;
    box-shadow: 0 0px 0px 0px #e6e6e6;
    float: left;
    padding-bottom: 5px;
    width: 100%;
}
.headline h1 {float:left;}
.catalogPreviewDialog header.headline h1,
.createCatalogDialog header.headline h1 {float:left;}
.createCatalogDialog {max-width:600px;}
.paymentDialogBox,
.redeemDialogBox {
    width: 100%;
    height: 100%;
    display: block;
}

.paymentDialogBox #paymentForm,
.redeemDialogBox #redeemForm {
    width: 100%;
    height: 100%;
    display: block;
}
.paymentDialogBox .paymentFormBox,
.redeemDialogBox .redeemFormBox {
    width: 100%;
    height: 100%;
    display: block;
}
.redeemFormBox .headline .icon {margin-top:5px;}
.redeemFormBox .headline .icon a {z-index:9999;}
.paymentDialogBox #RedeemLink,
.redeemDialogBox #RedeemLink2 {
    border: none;
    background-color: none;
    background: none;
}
.paymentDialogBox #paymentFrame,
.redeemDialogBox #redeemFrame {
    overflow:hidden;
}
.paymentDialogBox .paymentFrame,
.redeemDialogBox .redeemFrame {
    background: url("/resources/img/working.gif") no-repeat scroll 50% 50% transparent;
    border: medium none;
    display: block;
    height: 98%;
    overflow: visible !important;
    padding: 0;
    width: 98%;
}
.accountEditDialog {max-width:735px;}
.accountEditDialog .rightsBox {min-width: 240px!important;}
.accountEditDialog .formularBox {max-width: 445px;}
.accountEditDialog .rightsSelectBox {width:220px;}
.selectMenu table tr td input {
    margin:5px 5px 5px 0;
}
.editCustomerDialog,
.preview24InfoDialog {max-width:600px;}
.editCustomerDialog .textarea {
    width:455px;
    max-width:455px;
    min-width:455px;
}
.editCatalogNameDialog .label,
.preview24InfoDialog .label {
    height:30px;
    line-height:30px;
    margin-top:5px;
}

.releaseWizardDialog {
    width:606px!important;
}
.releaseWizardDialog .dialogLink {margin-top:0px;}

.releaseWizardDialog .wizardOptionBox {
    width:553px;
    background:#87AC54;
    background-repeat:no-repeat;
    margin:20px 0 0 0;
    cursor:pointer;
    padding: 10px;
    position:relative;
    border-radius:0px;
    border:1px solid #f3f3f3;
    box-shadow:0px 0px 0px #e6e6e6;
}
.releaseWizardDialog .wizardOptionBox-dis {
    width:553px;
    background:#e6e6e6;
    background-repeat:no-repeat;
    margin:20px 0 0 0;
    cursor:default;
    padding: 10px;
    position:relative;
    border-radius:0px;
    border:1px solid #f3f3f3;
    box-shadow:0px 0px 0px #e6e6e6;
}
.releaseWizardDialog .wizardOptionBox:hover {
    background:#e6e6e6;
}

.releaseWizardDialog .wizardOptionBox .glanz,
.releaseWizardDialog .wizardOptionBox-dis .glanz {
    opacity: 0.1;
    filter: alpha(opacity=10);
    width:99.5%;
}
.releaseWizardDialog .wizardOptionBox p,
.releaseWizardDialog .wizardOptionBox h2 {
    color:#ffffff !important;
}
.releaseWizardDialog .wizardOptionBox:hover p,
.releaseWizardDialog .wizardOptionBox:hover h2 {
    color:#363636!important;
}
.releaseWizardDialog .wizardOptionBox .imgBox,
.releaseWizardDialog .wizardOptionBox-dis .imgBox {
    height: 48px;
    margin: -24px auto 0;
    position: absolute;
    top: 50%;
    width: 48px;
}
.releaseWizardDialog .wizardOptionBox .imgBox img,
.releaseWizardDialog .wizardOptionBox-dis .imgBox img {
    position:absolute;
    left:0;
}
.releaseWizardDialog .wizardOptionBox:hover .imgBox img.imgTop {
    opacity:0;
}
.releaseWizardDialog .wizardOptionBox p {cursor:pointer!important;}
.releaseWizardDialog .wizardOptionInfo,
.releaseWizardDialog-dis .wizardOptionInfo {
    margin-left:58px;
    float:left;
}
.releaseWizardDialog #wizard-single-publish,
.releaseWizardDialog #wizard-download-publish,
.releaseWizardDialog #wizard-app-publish {
    display:none;
    float:left;
}
.releaseWizardDialog #wizard-single-publish .formularHorizontal .label,
.releaseWizardDialog #wizard-download-publish .formularHorizontal .label,
.releaseWizardDialog #wizard-app-publish .formularHorizontal .label {
    line-height: 22px!important;
    height:25px!important;
    width:170px;
}
.releaseWizardDialog #wizard-single-publish .agbBox,
.releaseWizardDialog #wizard-download-publish .agbBox,
.releaseWizardDialog #wizard-app-publish .agbBox {
    margin-top: 30px;
    padding: 10px 0;
    border-top:1px solid #f3f3f3;
    border-Bottom:1px solid #f3f3f3;
    float:left;
    width:100%;
}

/* css für Projekt anlegen Formular - Form Items Zentrales Projekt und Kalenderwoche ############################# */
/*start.xhtml*/
.p2ffeatureBox{float: left; margin: 10px 0px 5px; padding: 0px 5px; width: 98%;position:relative;}
.calendarweekInput{width:155px;margin-left:10px;margin-right:15px;}
.calendarweekInputStart{margin-left: 0;margin-right: 180px;width: 90px;height: 26px;line-height:26px;}
.centralProjectBox{position:relative; top:0px; right:0; padding-bottom:10px;}
.centralProjectBox table td:last-child {margin-left:0px;display:block;}
.beilageInfo {
    width:200px;
}
.startpage_addProject_btnBox {margin-top:0px;}
.project_name_standardizedBox .customernameInputField {
    height: 26px;
    line-height: 26px;
    margin-left: 0px;
    margin-right: 0;
    width: 288px;
}
.project_name_standardizedBox .document_pages_label {
    margin-left:50px;
}
.project_name_standardizedBox .publishPeriod {
    height: 26px;
    line-height: 26px;
    margin-left: 0px;
    margin-right: 0;
    width: 185px;
}
.project_name_standardizedBox .documentPagesInput {
    width:72px;
    margin-left:20px;
    margin-right:0px;
    height:26px;
    line-height:26px;
}

/*createOrEditDialog.xhtml */
.centralProjectInuptBox {position: absolute; right: 5px; top: 5px;}
.contentMargin{margin-top:10px;}
.calendarweekLabel {float: right; width: 44%;}
.inputMargin{margin-top:5px;}
.calenderweekInputField {float: right; margin: 0px 5px 0px 0px; width: 42%;}

/* expert cms kunden hinzufügen datatable ######################################### */
.dataTableSelectableCustomers {
    max-height:400px;
    overflow-y:scroll;
    overflow-x:hidden;
    border: 1px solid #D9D9D9;
}
.buttonPosi {position:absolute;right:0;top:-5px;}
.importExampleListLink{position: absolute; top: 100px; left: 10px;}
.importUploadBtn {margin-top:20px;}

/*pdfUploadDialog.xhtml */
.pdfUploadDialog {max-width:530px!important;}

/* bugfix dialoge ############################ */
.ui-dialog {position:absolute!important;border-radius: 0px!important}

/* MediaQueries ################################################################################################### */
@media only screen and (max-width:1600px) {
    body {
        background-attachment: scroll;
        background-image: url("/resources/themes/img/bg.png");
        background-position: 0 0;
        background-repeat: repeat-x;
        padding: 0;
        overflow-x:hidden;
    }
    body.ie8  {
        background-attachment: scroll;
        background-image: url("/resources/themes/img/bg.png");
        background-position: 0 0;
        background-repeat: repeat-x;
        padding: 0;
        overflow-x:inherit;
        overflow:scroll;
    }
}
@media only screen and (max-width:1200px) {
    body {
        background-attachment: scroll;
        background-image: url("/resources/themes/img/bg.png");
        background-position: 0 0;
        background-repeat: repeat-x;
        padding: 0;
        overflow-x:hidden;
    }
    body.ie8  {
        background-attachment: scroll;
        background-image: url("/resources/themes/img/bg.png");
        background-position: 0 0;
        background-repeat: repeat-x;
        padding: 0;
        overflow-x:inherit;
        overflow:scroll;
    }
}
@media only screen and (max-width:1000px) {
    #div_flashContainer	.resolutionError {display:block;}
    .hotspotEditorDialog .tooltipCloseBox {display:block;}
    #div_flashContainer	#flash_content {display:none;}
    .dialogBox .resolutionError .link {display:none;}
}
@media only screen and (max-width:960px) {
    body {
        background-attachment: scroll;
        background-image: url("/resources/themes/img/bg.png");
        background-position: 0 0;
        background-repeat: repeat-x;
        padding: 0;
        overflow-x:hidden;
    }
    body.ie8  {
        background-attachment: scroll;
        background-image: url("/resources/themes/img/bg.png");
        background-position: 0 0;
        background-repeat: repeat-x;
        padding: 0;
        overflow-x:inherit;
        overflow:scroll;
    }
    .container {
        margin-left: 1%;
        margin-right: 1%;
        width: 98%;
    }
    nav.topLevelNavi a {
        padding: 0.3em 1.1em;
    }
    .page2flip_project_overview .grid_2-2 {display:none;}
    .page2flip_project_overview .grid_1-2 {width:auto;}
}
@media only screen and (max-width:850px) {
    .buchungshistoryTable .row3 {display:none;}
}
@media screen and (max-width:750px){
    .p2fDatatable .thirdRow {
        display:none;
    }
}
@media only screen and (max-width:700px) {
    .uploadDialog .resolutionError {display:block;}
    .uploadDialog section {display:none;}
    .releaseWizardDialog {
        width:auto;
        max-width:606px;
    }
}
@media only screen and (max-width:950px) and (min-width: 661px) {
    .grid_1-3 {float:left;}/*!important entfernt wegen probs bei account.xhtml */
    .grid_1-3 {margin-bottom:2%;}
    .grid_1-3:last-child {margin-bottom:0%;}
    .keineP2fs .info img {display:none;}
    nav.topLevelNavi a {padding: 0.5em 0.75em;}
}
@media only screen and (max-width:660px) {
    .grid_1-3 {
        float:none!important;
        margin: 0 auto 20px;
    }
    .grid_1-3 header h2 {text-align:center;}
    .pdfUploadDialog .grid_1-3,
    .pdfUploadDialog .grid_2-3 {
        float:none!important;
        margin: 0 auto 20px;
        width:100%;
    }
    .keineP2fs .info img {display:none;}
    #back-top {display:none;}
    .p2fDatatable .fifthRow {
        display:none;
    }
    #importPDFForm .buttonDiv, #uploadPDFForm .buttonDiv {
        margin-right: 0px;
        margin-top: 11px;
    }
    .fakeButtonBox {
        float: left;
        margin-left: 140px;
        position:relative;
        top: -10px;
    }
    .fakebrowseButton {
        margin: 2px 0 0 !important;
        max-width: none !important;
        position: absolute;
        top: -1px;
        left:0;
    }
    .fakeUploaderBox {
        margin: 10px 0;
        position: relative;
        width: 100%;
    }
    .fakeinputfield2 {display:none;}
    .fileUploaderBox .fileUploader {
        cursor: pointer;
        position: absolute;
        top: 0;
        left:0;
        width: 120px;
        z-index: 9999;
    }
    .fileUploaderBox .fileuploaderBlocker {display:none;}
    .buchungshistoryTable .row2 {display:none;}
    .page2flip_company .contentBox {display:none;}

}
@media only screen and (max-width: 685px) and (min-width: 561px) {
    body {
        background-attachment: scroll;
        background-image: url("/resources/themes/img/bg.png");
        background-position: 0 0;
        background-repeat: repeat-x;
        padding: 0;
        overflow-x:hidden;
    }
    body.ie8  {
        background-attachment: scroll;
        background-image: url("/resources/themes/img/bg.png");
        background-position: 0 0;
        background-repeat: repeat-x;
        padding: 0;
        overflow-x:inherit;
        overflow:scroll;
    }
    .loginFormular,
    .smallFormular {
        float: none;
        margin: 20px auto;
        width: 70%;
    }
    .impressumList {
        margin: 20px auto;
        width: 70%;
    }
    .contentBox {
        float: none;
        margin: 20px auto;
        width: 70%;
    }
    .contentBox .p2fStarterLink {
        float: none;
    }
    nav.topLevelNavi a {padding: 0.5em 0.75em;}
}
@media only screen and (max-width: 560px) {
    body {
        background-attachment: scroll;
        background-image: url("/resources/themes/img/bg.png");
        background-position: 0 0;
        background-repeat: repeat-x;
        padding: 0;
        overflow-x:hidden;
    }
    .textArticle {
        max-width:290px;
        margin:0 auto;
        text-align:center;
    }
    .p2fDatatable .fourthRow {
        display:none;
    }
    footer.footer {
        padding-left: 10px;
        padding-right: 10px;
        width:96%;
    }
    .footerNavi {
        width:100%;
    }
    .footerNavi ul {
        display: block;
        margin: 0 auto 1%;
        text-align: center;
    }
    .copyright {
        width:100%;
    }
    .copyright p {
        text-align:center;
    }
    .contentBox {margin-bottom:2%;}
    .loginFormular,
    .smallFormular {
        float: none;
        margin: 20px auto;
        width: 100%;
    }
    nav.topLevelNavi a {padding: 0.75em 0.75em;}
    .buchungshistoryTable .row5 {display:none;}
}
@media screen and (max-width:470px){
    .p2fDatatable .firstRow {
        max-width: 130px;
        overflow: hidden;
    }
    .buchungshistoryTable .row4 {display:none;}
}
@media screen and (max-width:390px){
    .contentNavi {
        float: left;
        margin-top: 4%;
    }
}

div.loadingDialog {
    text-align:center;
}

/*changes in layout.css*/

header.header {
    background-color: #1c2848;
}

/*background-color: #1c2848;*/
.pageContainer {
    width:100%;
    margin-top: 20px;
    padding: 0;
}

.contentWrapper{
    width: 92%;
    padding: 4%;
}

/* changes in module.css */

.p2fButton {
    padding: 8px 17px 9px 45px;
}

.littleButtonDiv {
    height: 24px;
}

input:focus {
    /*border: none!important;
    box-shadow: none!important;*/
}

.littleButtonDiv .imgBox {
    left: 3px;
    top: 3px;
}

.buttonDiv .imgBox {
    top: 5px;
}

.gray-small img,.dark-small img,.white-small img{
    margin: 4px 0px 0 4px;
}

.gray-small,.dark-small,.white-small {
    border-radius: 0px;
    border: 1px solid #e6e6e6;
}
.gray-middle,.dark-middle,.white-middle {
    border-radius: 0px;
}

.cancelLink, .backLink{
    line-height: 22px;
    font-weight: 600;
}

.cancelLinkIcon, .backLinkIcon{
    border-radius: 0%;
}

.cancelLink:hover .cancelLinkIcon, .backLink:hover .backLinkIcon{
    border-radius: 0%;
    box-shadow: none;
}

.fakeinputfield2{
    height: 30px;
}

.message {
    opacity:0.98;
    border-radius:0px;
    max-width: 200px;
}

.message span {
    font-weight: 600;
}

/* statistics*/
.left-number {
    font-weight: 600;
}

.gap-table th{
    font-weight: 600;

}

/* global.css */

nav.topLevelNavi a, .pdfImgBox:hover, #back-top span:hover, .releaseWizardDialog .wizardOptionBox p, .releaseWizardDialog .wizardOptionBox h2 {
    -moz-transition: all 200ms ease-in-out 0s;
    -webkit-transition: all 200ms ease-in-out 0s;
    -o-transition: all 200ms ease-in-out 0s;
    -ms-transition: all 200ms ease-in-out 0s;
    transition: all 200ms ease-in-out 0s;
}

/* pager */

#projectlist .ui-paginator-current, .buchungshistoryTable .ui-paginator-current{
    margin-left: 0px;
    margin-top: 3px;
    float: left;
    font-weight: 600;
}

#projectlist .ui-paginator-page, .buchungshistoryTable .ui-paginator-page{
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

#projectlist .ui-state-default, .buchungshistoryTable .ui-state-default{
    background: none repeat scroll 0 0 #ffffff ;
    border-color: #ffffff ;
    border-radius: 0px;

}

#projectlist .ui-state-active, .buchungshistoryTable .ui-state-active{
    background-color: #084f74;
}

#projectlist select, .buchungshistoryTable select{
    background-color: #ffffff !important;
    border: 0px solid #ffffff ;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;
}

/* */

.iceSelOneRb{
    margin-right: 10px;
}

input[type="checkbox"], input[type="radio"] {
    width: 15px;
    height: 15px;
}

/* lang selector */

.lang_list .ui-icon{
    display: none!important
}

.lang_list .wijmo-wijmenu-list{
    border-radius: 0px!important;
    background: none repeat scroll 0 0 #f3f3f3!important;
    border: none!important;
}

.lang_list .wijmo-wijmenu-child .wijmo-wijmenu-item{
    height: 30px!important;
    border-radius: 0px!important;
    background: none repeat scroll 0 0 #f3f3f3!important;
    border: none!important;
    box-shadow: none!important;
}

.lang_list .wijmo-wijmenu-parent{
    height: 25px!important;
    background: none repeat scroll 0 0 #1c2848!important;
    border-radius: 0px!important;
    border: none!important;
    box-shadow: none!important;
}

.lang_list .wijmo-wijmenu-parent:hover{
    height: 25px!important;
    border-radius: 0px!important;
    border: none!important;
    box-shadow: none!important;
}

.lang_list .wijmo-wijmenu-parent .wijmo-wijmenu-icon-left{
    margin-left: 6px;
}

.lang_list .wijmo-wijmenu-item a{
    border: none!important;
    box-shadow: none!important;
    text-shadow: none!important;
    color: #363636!important;
}

.lang_list .wijmo-wijmenu-link{
    background: none!important;
}

.wijmo-wijmenu{
    background: none repeat scroll 0 0 #1c2848!important;
}

.lang_list .ui-widget-content{
    background: none repeat scroll 0 0 #1c2848!important;
}

/*wijmo-wijmenu-link ui-corner-all ui-state-active*/

.lang_list .wijmo-wijmenu-item:hover{
    background: none repeat scroll 0 0 #084f74!important;
    color: #084f74!important;
}

.lang_list .wijmo-wijmenu-list{
    background: none repeat scroll 0 0 #f3f3f3!important;
}

.lang_list .wijmo-wijmenu-icon-left{
    margin: 6px 5px 5px 8px;
}

.lang_list .wijmo-wijmenu-item li .wijmo-wijmenu-text{
    color: #363636!important;
    padding-top: 3px;
}

.lang_list .wijmo-wijmenu-item li:hover .wijmo-wijmenu-text{
    color: #ffffff !important;
    padding-top: 3px;
}

.projectThemeSelect{
    width: 300px;
    margin-left: 10px;
}

.projectThemeSelect div.label{
    width: 50px;
}

.addpagesLink{
    margin: 5px 10px 0 0;
}

/* extended settings */


#leftmenuform .wijmo-wijmenu-item, #leftmenuform .wijmo-wijmenu-item:hover{
    background: none repeat scroll 0 0 #f3f3f3!important;
    border: none!important;

}

#leftmenuform .ui-state-default{
    box-shadow: none!important;
    border-radius: 0px!important;
}

.page2flip_extendedSettings .textfield, .page2flip_extendedSettings .inputText_long{
    width: 94%;
}

.page2flip_extendedSettings input[type=checkbox]{
    margin-right: 5px;
}

#leftmenuform .ui-state-hover{
    border-radius: 0px!important;
    box-shadow: none!important;
    background: none repeat scroll 0 0 #084f74!important;
    color: #084f74!important;
}

#leftmenuform .ui-state-hover .wijmo-wijmenu-text{
    color: #ffffff !important;
}

.wijmo-wijmenu-text .leftmenu_selected{
    /*background: none repeat scroll 0 0 #084f74!important;*/
    font-weight: 600;
    color: #084f74!important;
    box-shadow: none!important;
    border-left: 2px solid #084f74;
    padding-left: 5px!important;
}

#leftmenuform .wijmo-wijmenu{
    background: none repeat scroll 0 0 #f3f3f3!important;
}

.scrollcontainer .wijmo-wijmenu .ui-widget-header h3{
    font-weight: 600!important;
}

.ui-tooltip-content{
    max-width: 350px;
    font-size: 11px;
    float: left;
}

.ui-tooltip-content h2{
    font-size: 14px;
}

.page2flip_extendedSettings tr{
    height: 20px;
}

.page2flip_extendedSettings table input[type=text], .page2flip_extendedSettings table input[type=password], .page2flip_extendedSettings table textarea{
    margin: 0 10px 0 10px;
}

.page2flip_extendedSettings .ui-accordion{
    margin: 20px 0 20px 0;
}

.page2flip_extendedSettings .ui-accordion-header{
    background: none repeat scroll 0 0 #f3f3f3!important;
    border: none!important;
    color: #363636;
    border-radius: 0;
    box-shadow: none!important;
}

.page2flip_extendedSettings .ui-accordion-header.ui-state-hover, .page2flip_extendedSettings .ui-accordion-header.ui-state-active{
    background: none repeat scroll 0 0 #084f74!important;
}

.page2flip_extendedSettings .ui-accordion-header.ui-state-default a{
    color: #084f74!important;
    padding: 8px 15px;
}

.page2flip_extendedSettings .ui-accordion-header.ui-state-hover a, .page2flip_extendedSettings .ui-accordion-header.ui-state-active a{
    color: #ffffff !important;
    text-shadow: none!important;
    padding: 8px 15px;
}

.page2flip_extendedSettings .ui-accordion-header.ui-state-active a{
    font-weight: 600!important;
}

.page2flip_extendedSettings .ui-progressbar{
    position: relative;
    margin: 10px 0 0 0;
    padding: 0px;
    left: 0!important;
    width: 100%!important;
    border-radius: 0px;
}

.page2flip_extendedSettings .ui-progressbar-value{
    height: 22px !important;
    border-radius: 0px;
}

.page2flip_project_overview .ui-progressbar-value{
    height: 28px !important;
    border-radius: 0px;
}

.page2flip_project_overview .ui-progressbar {
    height: 30px!important;
    left: -104%!important;
    width: 117%!important;
    border-radius: 0px;
}

.ui-progressbar .ui-progressbar-value.ui-widget-header{
    background: none repeat scroll 0 0 #084f74!important;
}

@-moz-keyframes prozessbarAnimation {
    0% {opacity:.5;}
    50% {opacity:1;}
    100% {opacity:.5;}
}
@-webkit-keyframes prozessbarAnimation {
    0% {opacity:0.5;}
    50% {opacity:1;}
    100% {opacity:0.5;}
}
@-ms-keyframes prozessbarAnimation {
    0% {opacity:0.5;}
    50% {opacity:1;}
    100% {opacity:0.5;}
}
@-o-keyframes prozessbarAnimation {
    0% {opacity:0.5;}
    50% {opacity:1;}
    100% {opacity:0.5;}
}
@keyframes prozessbarAnimation {
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:0;}
}

/* redeem credit codes popup */

.popupbody{
    background: #ffffff;
}