/**
 * @author: jr
 * @date: 13.10.2009
 * @project: Pfalz Metall
 * 
 * basic.css
 */

/**
 * Browser reset
 * 
 * @section reset
 */
* { margin:0; padding:0; }
html { height: 101%; }
option { padding-left: 2px; }
fieldset, img, hr { border:0 solid; }
ul { list-style:none; }
h1, h2, h3, h4, h5, h6, ul, li, em, pre, code {
    font-size: 100%; font-weight: normal; font-style: normal;
}
table { font-size: inherit; font-size: 100%; }

/**
 * Markupfreies Clearing
 * 
 * @section clearing 
 */
.lClear { overflow:hidden; _height:1%; }
.gClear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gClear {display: inline-block;}

/* Hides from IE-mac \*/
* html .gClear {height: 1%;}
.gClear {display: block;}
/* End hide from IE-mac */


/**
 * @section Layouts
 */
body { text-align:left; font-family:Arial, Helvetica, sans-serif; }
#container { margin:0 auto; width:980px; line-height:18px; font-size:12px; color:#333; text-align:left; }
    #header {}
        a#logo { float:left; _display:inline; margin:6px 0 0 25px; width:200px; }
        #banner { float:right; _display:inline; width: 600px; }
        #searchBar { border-bottom:1px solid #5e0018; background:#666; margin-top:1px; }
            #searchBar ul { float:left; _display:inline; }
                #searchBar li { float:left; width: auto; _display:inline; border-right:1px solid #525252; }    
                #searchBar a { display:block; border-right:1px solid #7a7a7a; color:white; }
                #searchBar #search { float:left; margin:5px 0 0 22px; width:193px; _display:inline; }                
    #content { margin-top:7px; }
        #naviCol { float:left; _display:inline; width:217px; }
            #naviCol .colContent { padding:17px 25px 0 22px; }
            #naviCol #navigation { }
                #naviCol #navigation li { border-bottom:1px solid #cdcdcd; }
                #naviCol #navigation a { background: url(naviDot.gif) no-repeat 2px 50%; font-weight:bold; display:block; padding-left:13px; margin-top:5px;  }
            #naviCol .boxContent { margin-top:36px; }
                #naviCol .boxContent a:link, #naviCol .boxContent a:visited { text-decoration:underline; }
                #naviCol .boxContent a:hover, #naviCol .boxContent a:active { text-decoration:none; }
        #mainCol { float:left; _display:inline; width:533px; }
            #historynav, #historynav a { font-size:11px; color: #999; }
            #mainCol .colContent { padding-right:25px; }
        #infoCol { float:right; _display:inline; margin-left:-5px; width:230px; }
            #infoCol .colContent { padding-right:20px; margin-top:54px; }
    #footer { background:#666; color:#fff; clear:both; margin-top:27px; padding-left:14px; }
        #footer li { float:left; width: auto; _display:inline; border-right:1px solid #525252; }    
        #footer a { padding:1px 8px; display:block; border-right:1px solid #7a7a7a; }
        #footer a:hover {  }
        #footer p { float:left; _display:inline; padding:1px 8px;  }
            #footer p a { border:none; display:inline; color:#cbcbcb; padding:0; font-weight:normal; }

/* Layoutvorlagen */
.imgLeft { margin-bottom:15px; }
    .imgLeft .img { float:left; _display:inline; margin:5px 8px 5px 0; width:240px; }
        .imgLeft .img img { display:block; }
        .imgLeft .img p { margin-top:3px; color:#666; }
        
.circulars { margin-bottom:20px; }    
    .circulars img { display:block; margin-top:5px; }

/* Boxen */
.box { margin-bottom:20px; }
.last { margin-bottom:0; }
    .box h3 { background:#e5edf5; color:#e10032; padding:3px 8px 3px; font-size:12px; font-weight:bold; font-style:italic; }
    .boxContent { border-bottom: 1px solid #d3d3d3; }        
        .boxContent li { background:#f9f9f9; margin-top:1px; padding:7px 7px 10px; }         
            .boxContent li a { display:block; }
        .boxContent h2 { color:#dd042f; font-size:18px; font-style:italic; font-weight:normal; }
        
#naviCol .boxContent { background:#f9f9f9; padding:7px 10px 9px; }
    #naviCol .boxContent li { margin:0; background:none; padding:0; }  
        #naviCol .boxContent li a { display:inline; }                 
    
/**
 *  Erweiterung von .box 
 * Verwendung: <div class="box infobox">....</div>
 */
.infobox h3 { background:#0051a0; color:white; }  
    .infobox .boxContent { margin-top:1px; background:#f2f2f2; } 
        .infobox .boxContent p { padding:8px; }
        .infobox .boxContent a { font-weight:bold; }             

/**
 * Innenabstände für Content Box
 * cbox = content box
 * lbox = layout box
 */
.cbox { padding:5px; }
.cbox10 { padding:10px; }
.cbox15 { padding:15px; }
.cbox20 { padding:20px; }
.lbox { width:100%; overflow:hidden; _height:1%; }   



/**
 * @section Headings
 */
h1 { font-size:18px; font-style:italic; margin:2px 0 15px; color:#dd002e; }
h2 { font-size:14px; font-weight:bold; }
h3 { font-size:12px; font-weight:bold; }
h4 { font-size:14px; font-weight:bold; margin-bottom:10px; }
h5 { font-size:14px; font-weight:bold; }
h6 { font-size:13px; font-weight:bold; }


/**
 * Verweise
 * 
 * @section Links
 */
a:link, a:visited { color:#00478c; text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
#footer a { color: white; font-weight:bold; }
.icon { padding-left:20px; min-height: 20px; height: auto !important; height: 20px; }
.sbaricon { padding:6px 9px 6px 18px; margin-left:6px; font-weight:bold; padding-left:24px; }
.docs { background: url(doc.gif) no-repeat 0 4px; }
.events { background: url(event.gif) no-repeat 0 4px; }
.allDocs { background: url(docOverview.gif) no-repeat 0 50%; font-weight:bold;  }
.allEvents { background: url(eventOverview.gif) no-repeat 0 50%; font-weight:bold;  }
.searchBtn { background: url(lupe.jpg) no-repeat 0 50%; padding-right:27px; }
.printBtn { background: url(print.jpg) no-repeat 0 50%; padding-left:20px; }
.downloadsBtn { background: url(download.jpg) no-repeat 0 50%; padding-left:20px; }

/**
 * @section helper
 */