/*
 *  This is the file where you put your CSS changes. 
 *  You should preferrably use this and override the 
 *  relevant properties you want to change here instead 
 *  of customizing plone.css to survive upgrades. Writing
 *  your own plone.css only makes sense for very heavy 
 *  customizations. Useful variables from Plone are 
 *  documented at the bottom of this file.
 *
 *  -- Alexander Limi, http://www.plonesolutions.com
 */
 
/* <!-- compression status: 1 --> (this is for http compression) */
/*  (do not remove this :) */
/*  (not this either :) */


/* DELETE THIS LINE AND PUT YOUR CUSTOM STUFF HERE */


body {
    font: 64% Arial, Lucida, Helvetica, sans-serif;
    background-color: #ccc;
    /*background: url(http://www.pfaff-industrial.com/pfaff/bg.png) no-repeat;*/
    /* background-position: 200px -20px;*/
    color: #333;
    margin: 0px; 
    padding: 0px; 
}


.searchforum {
    align:left;
    position:static;
    line-height:2em;
    width:190px;
    margin-left:526px;

}
.actionItems {
    margin:20px;
    padding:100px;
    background:blue;
}


/* Portlet_international*/
.portlet_international {
    padding:4px;
}

.pfaffcatalog_path {
    #float:left;
    margin:0px 0px 5px 0px;
    /*visibility:visible;
    background:#def;
    z-index: 20;    */
    }

.map_portlet {
    background:#eee;
    padding:0px;
    margin:0px;
    }
    
.pfaffPortlet {
    float:left;
    position:relative;
    border:1px solid red;
    margin:10px;
    width:200px;
    }    
    
.pfaffPortletHeader{
    background:#C33;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: 1px solid transparent !important;
    border-collapse:collapse;
    color:white;
    font-weight:bold;
    padding:2px;
    }

.pfaffPortletMainHeader{
    background:#C33;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border:1px solid #C33;
    color:white;
    font-weight:bold;
    padding:2px;
    }
    
.pfaffPortletContent{
    padding:6px 2px 12px 2px;
    }

    
.pfaffPortletMainContent{
    padding:6px 2px 2px 2px;
    border:1px solid #CCC;
    }
    

.pfaffPortletList { 
    line-height: 1.1em;
    /*list-style-type: square;*/
    margin: 2px 0px 0px 14px;
    padding: 0px 0px 0px 0px;
    list-style-image: url(http://www.pfaff-industrial.com/pfaff/bullet_mini.gif);
    /*list-style-image: None;*/
}
    
.pfaffPortletList li{ 
    line-height: 1.3em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.listingBar {
    background-color: #EEE;
    border-color: None;
    border-style: None;
    border-width: None;
    padding: 0em 1em;
    text-align: center;
    text-transform: none;
    vertical-align: top;
    margin: 1em 0em;
    font-size: 94%;
    clear: both;
}


dt  {
    margin: 0.5em 0 0.5em 0;
    }
dd  {
    line-height: 1.3em;
    margin: 0.5em 0 1.5em 1.9em;
    padding: 0;
    }

ul { 
    line-height: 1.3em;
    list-style-type: square;
    margin: 0.5em 0 0 1.2em;
    padding: 0;
    list-style-image: url(http://www.pfaff-industrial.com/pfaff/bullet.gif);
}


        
/* Korrektur oben links, wenn Portlets keine UEberschrift haben */
#portlet- h4
{
    margin:0px;
    padding:0px;
    background-color:transparent;
    
}

table.pfaffdocument {
    margin-top:0px;
    width:100%;
}


table.pfaffdocument th {
    padding:2px 2px 2px 2px;
    background:#DDDDDD;
}

table.pfaffdocument td {
    vertical-align:top;
}

table.pfaffdocument td.is1 {
    background:#f6f6f6;    
}

table.pfaffdocument td img {
    padding:0px 0px 2px 0px;
    vertical-align:top;
}

table.pfaffdocument td a {
    padding:2px 0px 2px 0px;
    vertical-align:top;
    font-weight:bold;
}

/* for highlighting current items, like the language or today in the calendar */
.currentItem {
    border-collapse: collapse;
    border: 1px solid #C33;
    padding: 1px;
}



.correct_dummy {
    margin-top:5px;
    line_height:1px;
    font-size:2px;
}
.picture_list {
    margin:5px 5px 5px 5px;
    padding:1px 1px 1px 1px;
    float:left;
    border:5px solid white;
    background:white;
    }    

a.picture_list:hover{
    margin:5px;
    padding:1px 1px 1px 1px;
    float:left;
    border:5px solid #999;
    background:#999;
    }    
    
.picture_select {
    margin:5px;
    padding:1px 1px 1px 1px;
    float:left;
    border:5px solid #C33;
    background:#C33;
    }    
    
/*.resultitem_list { /*
/*    margin:0px; /*
/*    padding:5px; /*
/*    /*border:1px solid white;*/
/*    background:#FFF; /*
/*    }     /*

    
/*.resultitem_select { /*
/*    margin:0px; /*
/*    padding:5px; /*
/*    border:1px solid #C33;*/
/*    background:#EEE; /*
/*    }     /*

/*a.resultitem_list:hover{ */
/*    margin:20px; */
/*    padding:50px; */
/*    background:#FDD; */
/*    border:1px solid #999999;*/
/*    }     */

.resultitem_show {
    margin:0px;
    padding:5px;
    border:none;
    }    
        
    
#visual-portal-wrapper { 
     margin: 0px;
     padding: 0px;
     text-align:left;
     width:750px;
     border:none;
     background-color: #ffffff ;
}


#content {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.documentEditable {
    padding: 0em 0em 0em 0em !important;
}


h1, h2, h3, h4, h5, h6 {
    color: #333;
    background-color: transparent;
    font-family: Arial, Verdana, Lucida, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding-top: 0.5em;
    border-bottom: 1px solid #454545;
    text-shadow: #999999 0.2em 0.2em 3px;
}

h1 {
    font-size: 125%;
    /* color:#333; */
    color:#666;
}

h2 {
    margin-top:10px;
    margin-right:0px;
    font-size: 105%;
    border-bottom: none;
    padding-bottom: 0.3em;
    border-bottom:1px solid #c33;
    color:#c33;
}

h3 {
    font-size: 100%;
    border-bottom: none;
    font-weight: bold;
    /*padding-bottom: 0.5em;*/
}

h3 a {
    color: #333;
    text-decoration:underline;
}
h4 {
    font-size: 95%;
    border-bottom: none;
    font-weight: bold;
}

h5 {
    font-size: 90%;
    border-bottom: none;
    font-weight: bold;
}

h6 {
    font-size: 85%;
    border-bottom: none;
    font-weight: bold;
}

.plain a {
    text-decoration:underline;
}


ul.configlets li a {
    text-decoration: none;
    color:#666666;
}               



/* --- Formulare --------- */

fieldset {
/*    background-color:#f0fafd; */
    border:1px solid #ccc;
    
}
legend {
 /*    background: #ffe;    */
    padding: 0px 5px 1px 5px;
    margin: 0px 0px 5px 0px;
/*    border: 1px solid #454545;    */
    border:1px solid #036;
    font-weight:bold;
}

form {
    border: none;
    margin: 0;
}
textarea {
    font: 110% "Courier New", Courier, monospace; 
    border: 1px solid #454545;  
    color: Black;
    background-color: white;
    width: 100%;
}
input {
    font-family: Arial, Lucida, Helvetica, sans-serif;
    visibility: visible;
    border: 1px solid #454545;  
    color: Black;
    background-color: white;
    vertical-align: middle;
}
select {
    border: 1px solid #454545;  
    color: Black;
    background-color: white;
    vertical-align: top;
}


input.searchButton {
    font-size: 100%;
    margin-bottom: 1px ! important;
    background: #EEE url(http://www.pfaff-industrial.com/pfaff/search_icon.gif) 2px 1px no-repeat;
    cursor: pointer;
    padding: 1px 1px 1px 15px;
    text-transform: none;

}


.fieldRequired {
    color:#f00;}
                
.standalone,
.documentEditable * .standalone {
    /*background: #FFFF99 url(http://www.pfaff-industrial.com/pfaff/linkOpaque.gif) 9px 1px no-repeat;*/
    background: #FFE;
    cursor: pointer;
    font-size: 85%;
    margin-bottom: 1em;
    padding: 1px 4px 1px 4px;
    text-transform: none;
}
.context,
.documentEditable * .context {
    /*background: #FFEEDD url(http://www.pfaff-industrial.com/pfaff/linkTransparent.gif) 9px 1px no-repeat;*/
    background:#EEE;
    cursor: pointer;
    /*font-size: 85%;*/
    margin-bottom: 1em;
    padding: 1px 4px 1px 4px;
    text-transform: none;
}

/* ------------------------------ */

#portal-top {
    /* ##LM aus ## background: url(http://www.pfaff-industrial.com/pfaff/bg.png) no-repeat; */
    background-color:white;
    background-position: 0px 0px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;

}

#portal-logo {
    background: url(http://www.pfaff-industrial.com/pfaff/logo.png) no-repeat;
    border: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

#portal-logo a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 0px;
    padding-top: 70px;
    height: 0px !important;
    height /**/: 70px;
    width: 750px;
    cursor: pointer;
}

#portal-searchbox {
    background-color: transparent;
    /*border-top:4px solid white;*/
    /*border-bottom:4px solid white;*/
    margin: 0px 0px 0px 0px;
    padding: 4px 5px 4px 10px;
    /*white-space: nowrap;*/
    /*width:115px;*/
    /*text-align:left;*/
/*    z-index: 2;*/
}


#portal-personaltools {
    /* Bar with personalized menu (user preferences, favorites etc) */
    background:transparent;
    border:none;
    line-height: 1.3em;
    color: #333;
    margin: 2px 0px 0px 0px;
    padding: 0px 10px 0px 20px;
    text-align: right;
    text-transform: none;
    list-style: none;
}
#portal-personaltools .portalUser {
    /*background: transparent url(http://www.pfaff-industrial.com/pfaff/linkOpaque.gif) center left no-repeat;*/
    padding-left: 15px;
}

#portal-personaltools .portalNotLoggedIn {
    color: #333;
    padding: 0px; 
    background: transparent ;
    background-image: none;
} /* Used on all descriptions relevant to those not logged in */
 
#portal-personaltools li {
    background: transparent url(http://www.pfaff-industrial.com/pfaff/linkOpaque.gif) center left no-repeat;
    padding-left: 8px;
    color: #c33;
    margin-left: 1em;
    display: inline;
}
#portal-personaltools li a {
    text-decoration: none;
    color: #666;
}



    
/* ------------------------ */    
#portal-globalnav-icons { 
    position:relative;
    float:right;
    top:0px;
    left:0px;
    margin: 2px 4px 0px 0px;
    padding: 4px 0px 4px 0px;
    } 

#portal-globalnav-icons li { 
    display: inline;
    } 

#portal-globalnav-icons li a {  
    background-color: #6666666;
    border:none; 
    height: auto; 
    margin: 0px -4px 0px 0px; 
    padding: 2px 8px 2px 8px;
    text-decoration: none; 
    text-transform: none; 
    color:white;
    } 

#portal-globalnav-icons li.selected a { 
    background-color: #C33; 
    border:none;
    margin: 0px -4px 0px 0px; 
    padding: 4px 8px 4px 8px;
    color:#FFF;
    } 

#portal-globalnav-icons li a:hover { 
    background-color: #C33; 
    border:none;
    margin: 0px -4px 0px 0px; 
    padding: 4px 8px 4px 8px;
    color:white;
    }


    
    
    
    
#portal-globalnav { 
    background:#666666;
    border-left: none;
    color: white;
    margin: 4px 0px 4px 0px;
    padding: 4px 10px 4px 0px;
    font-weight:bold; 
    font-size:12px;
    } 

#portal-globalnav li { 
    display: inline;
    } 
    
#portal-globalnav li a {  
    background-color: #6666666;
    border:none; 
    height: auto; 
    margin: 0px -4px 0px 0px; 
    padding: 2px 14px 2px 14px;
    text-decoration: none; 
    text-transform: none; 
    color:white;
    } 

#portal-globalnav li.selected a { 
    background-color: #C33; 
    border:none;
    margin: 0px -4px 0px 0px; 
    padding: 4px 14px 4px 14px;
    color:#FFF;
    } 

#portal-globalnav li a:hover { 
    background-color: #C33; 
    border:none;
    margin: 0px -4px 0px 0px; 
    padding: 4px 14px 4px 14px;
    color:white;
    }


/* workflow state colors */

.state-private {
    color: #454545;
}
.state-visible {
    color: #666669;
}
.state-published {
    color: #454545;
}

.state-pending {
    color: #ff9933;
}
.state-expired {
    color: Red;
}
.syndicated {
    color: #008000;
}

      
        
/* New-style navigation tree */


.portletNavigationTree {
    background-color:white;
    }

.portletNavigationTreeItem {
    margin: 0px 0px 0px 0px;    
    padding: 0px;  
    border:none;
    border-collapse:collape;
    font-weight:bold;
}

.portletNavigationSpacer {
    background:#fff;
    color:#fff;
    padding:2px;
    margin:0px;
    font-size:4px;
    }

.portletNavigationTreeItem a {
    display: block;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
    /*background-repeat: no-repeat;*/
    background-position: 0px 1px;
    border: 0px solid transparent !important;
    border-collapse:collapse;
    color:#666;               
}

.portletNavigationTreeItem a:hover {
    display: block;
    text-decoration: none; 
    padding: 2px 10px 2px 10px;
    /*background: url(http://www.pfaff-industrial.com/pfaff/gray.gif);*/
    background:#999;
    background-repeat: no-repeat;
    background-position: 0px 1px;            
    border: 0px solid transparent !important;
    border-collapse:collapse;    
    color:#fff;                         
}


.currentNavItem {
    /*background-color: #dfebfb*/
    /*color: #c33;*/
    /*background-color:white;*/
    /*background: url(http://www.pfaff-industrial.com/pfaff/orange.gif);*/
    background:#C33;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: 1px solid transparent !important;
    border-collapse:collapse;
    color:white;

}

a.currentNavItem {color:white;}

.navPortletContent  {
    padding: 0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    border-bottom:none;
}

/* The new navtree level structure. */

.portletNavigationLevel0 {
    margin:0px 0px 0px 0px; 
    padding:0px 0px 0px 0px;
    font-size:11px;
    line-height:15px;
    border:none;        
    border-collapse:collapse;
    background:#DDD;
}

.portletNavigationLevel1 {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 10px;
    font-size:11px;
    line-height:15px;
    background:#efefef;
   /* border:1px solid transparent; */
    text-indent:0px;
    border-collapse:collapse;
}

.portletNavigationLevel2 {    
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 10px;
    font-size:10px;
    line-height:15px;
    background:#white;
    /*border:1px solid white;*/
    border-collapse:collapse;
    text-indent:0px;
    background:#FFF;    
}

/* Add more levels if needed. Then again, if you have more than 3-4 level deep
structures, you should definitely re-think your Information Architecture ;)*/

/* --- Reiter angepasst ----- */
.contentViews {
    padding: 0px;
    margin: 1px 0px 0px 0px;
}

.contentViews li {
    display: inline;
    padding-top: 0em;
}

.contentViews li a {
    background-color: transparent;
    border: 1px solid #999;
    border-style: solid;
    color: #333;
    height: auto;
    margin-right: -1px;
    padding: 0px 4px 0px 4px;
    line-height: normal;
    text-decoration: none;
    text-transform: none;
    z-index: 1;
}
.contentViews .selected a {
    background-color: #DDD;
    border-bottom: #DDD 1px solid;
    /*color: #333;*/
}
.contentViews li a:hover {
    background-color: #DDD;
    color: #333;
}

#portal-breadcrumbs {
    /* The path bar, including breadcrumbs and add to favorites */
    border-bottom-color: #454545;
    border-bottom-style: none;
    border-bottom-width: 1px;
    padding: 5px 0px 0px 20px; 
    margin:5px 0px 0px 0px; 
    text-align:center;
    text-transform: none;
    color:#666;
}

.portletBody {
    background: transparent;
    border:none;
    padding:0px;
    margin:0px;
    color:#333;
    /*border-top: 1px solid #454545; */
/*    border: 1px solid #454545;*/
}

.portletContent  {
    padding: 4px 4px 4px 10px;
    margin:0px 0px 0px 0px;
    border-bottom:none;
}

.portlet h4 { 
/*    background: transparent;        */
    background:#f60;
    color:#fff;
    padding: 4px 0px 4px 10px;
    margin:0px 0px 0px 0px;
    text-transform: none;
    text-shadow: none;
    display: block;
    font-weight: bold;
    white-space: nowrap;
    border:none;
/*    border-bottom:1px solid #CCC;            */
}

.portlet h5 { 
/*    background: transparent;   */
                   background: white;
    color:#c33;
    padding: 0px 30px 0px 10px;
    margin:0px;
    text-transform: none;
    text-shadow: none;
    display: block;
    font-weight: bold;
    white-space: nowrap;
    border:none;
    border-bottom:1px solid white;   
}
.portlet h6 { 
    background: none;
    border: none;
    padding: 0px 1em 0px 1em;
    text-transform: none;
    text-shadow: none;
    display: block;
    font-size: 1em;
    height: 1.2em;
    font-weight: normal;
    white-space: nowrap;
}

.portletMore {
    display: block;
    text-align: right;
    margin-top: 0px;
    color: #333;
                text-decoration:underline;    
}

.portletDetails {
    text-align: right;
    color: #333;
}



.visualFontSizeCorrection { /* Correction for WYSIWYG editors */
    font-size: 75%;
    background:#fff;
}

.decoimg {
    margin:0px -1px 5px 0px; 
    padding:0px -1px 0px 0px;
    border:none;
    background:transparent;
    width: 135px;
    }

.documentByLine {
    padding:20px 0px 0px 0px;
    text-align: right;
    font-size: 85%;
    clear: both;
    font-weight: normal;
    color: #76797c;
}
.documentByLine a {
    text-decoration: underline;
}

.discreet {
                font-size:90%;
                color:#999;
}



#portal-footer {
    background-color:white;
    /*border-top: 1px solid #454545;*/
    border:none;
    border-top: 1px solid #CCC;
    float: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    font-size:100%;
}

#portal-colophon {
    float: none;
    margin: 0px 0px 0px 0px;
    padding: 1em 0px 1em 0px;
    text-align: center;
    background-color:transparent;
    border:none;
    border-bottom:1px solid white;
    /* border-bottom: 1px solid #454545; */
}


.photoAlbumEntry {
    position:relative;
    float:left;
    padding:5px;
    border:0px solid #DDD;
}


table#inside_pdfs th { padding: 10px;}

table#inside_pdfs td {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}



/*  */

/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */

 /* You can insert colors and other variables from Plone's 
    base_properties by doing:
    
    & dtml-variableName ; (without the spaces, excluded here to not make it render)
    
    Example:
    
    myLink {
        color: & dtml-fontColor ;   (again, without the spaces)
    }
 
   This means you can generate your own elements that use Plone's defaults,
   and respect any customizations people have done. See base_properties for
   the default values.
 
   These are the available properties:
   
   logoName - the file name of the portal logo. 
   
   fontFamily - the font family used for all text that is not headers
   
   fontBaseSize - the base font size that everything is calculated from
   
   fontColor - the main font color
   
   backgroundColor - the background color 
   
   linkColor - the color used on normal links

   linkActiveColor - color used on active links

   linkVisitedColor - color used on visited links
   
   borderWidth - the width of most borders in Plone
   
   borderStyle - the style of the border lines, normally solid
   
   borderStyleAnnotations - style of border lines on comments etc
   
   globalBorderColor - the border color used on the main tabs, the portlets etc
   
   globalBackgroundColor - background color for the selected tabs, portlet headings etc
   
   globalFontColor - the color of the font in the tabs and in portlet headings
   
   headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines.
   
   headingFontBaseSize - the base size used when calculating the different headline sizes
   
   contentViewBorderColor - the content view tabs border color
   
   contentViewBackgroundColor - the content view tabs background color
   
   contentViewFontColor - the font color used in the content view tabs
   
   textTransform - whether to lowercase text in portlets, tabs etc.
   
   evenRowBackgroundColor - the background color of even rows in listings
   
   oddRowBackgroundColor - the background color of even rows in listings
   
   notifyBorderColor - border color of notification elements like the status message, the calendar focus
   
   notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
   
   discreetColor:string=#999999
   helpBackgroundColor:string=#ffffe1
 
 */