﻿/* CSS Document                         */
/* Author: Juerg Buettiker              */
/* Created Date: 2009-09-09             */
/* Project: KienerAG                    */


/* -----------------------------------*/
/* -------- -->>> RESET <<<-----------*/
/* -----------------------------------*/


form, label 
{
    margin:0px;
    }

li   
{
    margin:0px; 
    }
fieldset  
{
    padding:0px;
    }

* {
	font-family: Arial, Helvetica, sans-serif; /* set the font of all elements to this */	
}

h1, h1 *,
h2, h2 *,
h3, h3 *,
h4, h4 *,
h5, h5 *,
h6, h6 * 
{
    font-family: Arial, Helvetica, sans-serif;
    }

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
h1
{
    font-family:Arial,Helvetica,Sans-Serif;
    color:#0071CC;
    background-color:White;
    font-size:x-large;     
    }
    
.h3 a:visited, .h3 a:link  
{
    color:#0071CC;
    background-color:White;   
    text-decoration:none;
    }  
    
.h3 a:hover
{
    color:#FF3300;
    background-color:White;
    }    
    
h2
{
    font-family:Arial,Helvetica,Sans-Serif;
    color:#003366;
    background-color:White;
    font-size:large;
    padding-top:20px;
    }
    
h3
{
    font-family:Arial,Helvetica,Sans-Serif;
    color:#666666;
    background-color:White;
    font-size:medium;    
    }        
    
h4
{
    font-family:Arial,Helvetica,Sans-Serif;
    color:Black;
    background-color:White;
    } 
    
h5, h6
{
    font-family:Arial,Helvetica,Sans-Serif;
    font-weight:bold;
    }           
    
body
{
    background:url(../../Images/bgmain.jpg) no-repeat;
    background-position:top center;
    font-size: small;
    background-color:Black;
}

hr
{
    height:0px;
    border-top:solid 1px #999999;
    border-bottom:solid 1px #CCCCCC;    
    }
    
.pdf
{
    width:16px;
    height:16px;
    padding-right:5px;
    float:left;
    }    

#wrapper
{
    text-align:left;
    width:953px;
    margin:0 auto;
    margin-top:10px;
    border:1px solid #999999;    
    color:#333333;
    background-color:White;   
    background-image:url("../../images/BgNavLeft.gif");
    background-repeat:repeat-y;   
    }
    
.clear{
clear:both;
}

.right
{
    float:right;
    }

.left
    {
    float:left;
        }
    
img 
{
    border:0px;
    }

.paging
{
    text-align:center;
    }

.paging a:link, .paging a:visited
{
    color:#333333;
    background-color:White;
    }

/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/

#header
{
    width:953px;
    height:130px;
    background: #FFF url(../../Images/bgheader.jpg) 0px 0px no-repeat;
    background-position:top right;
    color:Black;
    }

.logo
{
    width:285px;
    height:88px;
    padding-top:10px;
    padding-left:10px;
    float:left;
    }
    
.delfin
{
    float:right;
    width:600px;
    height:130px;
    }    
    
.imgtop
{
    width:600px;
    height:130px;
    float:right;
    }    
    
/* -----------------------------------*/
/* ---------->>> NAVTOP <<<-----------*/
/* -----------------------------------*/


#navtop
{
    width:943px;
    height:26px;
    padding-top:10px;
    padding-left:10px;
    color:White;
    background: #31343A url(../../Images/bgnavtop.jpg) 0px 0px repeat-x;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    text-transform:uppercase; 
    font-weight:bold;
    }    
    
#navtop ul
{
    list-style:none;
    margin:0px;
    padding:0px;        
    }
    
#navtop li
{
    display:inline;
     
    }        
    
#navtop a:link, #navtop a:visited
{
    color:White;    
    text-decoration:none;
    padding:3px 3px 3px 3px;
    }  
    
#navtop a:hover
{
    color:#666666;
    background: #CCCCCC url(../../Images/bgnavhover.jpg);
    text-decoration:underline;
    padding:5px 3px 4px 3px;
    }     
    
/* -----------------------------------*/
/* ---------->>> MIDDLE <<<-----------*/
/* -----------------------------------*/

#middle
{
    min-height:500px;
    }
        
                
/* -----------------------------------*/
/* ---------->>> NAVLEFT <<<-----------*/
/* -----------------------------------*/

/* NAVLEFT NON IE */

#navleft li li:first-child
{
    border-top:none;
    }  
    
#navleft ul ul
{
    border-bottom:none;
    }     

#navleft
{   
    float:left;
    width:200px;            
    padding-top:15px;
    padding-bottom:15px;
    color:White;
    background-color:#C3DDF7;    
    font-size:13px;
    font-family:Arial, Helvetica, Sans-Serif;    
    }
    
#navleft ul
{
    list-style:none;
    margin-left:5px; 
    margin-right:5px;
    padding:0;
    border-bottom:1px solid White;
    }
    
#navleft li a:link, #navleft li a:visited
{
    color:#0066DB;
    background-color:#C3DDF7;
    font-weight:bold;
    border-top:1px solid White;
    display:block;
    text-decoration:none;
    padding:3px 5px 3px 5px;
    }
   
#navleft li a:hover
{
    color:White;
    background:#0070CC;
    }   

/* NAVLEFTS IE6 */
.navleftie6
{
    width:200px; 
    margin-top:0px; 
    font-weight:bold;
    }    
    
.navleftie6, .navleftie6 a:link, .navleftie6 a:visited
{
    color:#0066DB;
    background-color:#C3DDF7;     
    text-decoration:none;
    }    
    
.navleftie6 a:hover
{
    text-decoration:underline;
    }       
    
.navleftie6space
{
    height:1px;    
    color:Black;
    background-color:White;    
    }    
    
.navleftie6menue
{
    padding-left:10px;     
    padding-top:3px; 
    padding-bottom:3px;    
    }

.navleftie6menuesub
{
    font-weight:normal;
    padding-left:5px;
    }
   
/* NAVLEFT SUB*/
#navleft li li:first-child
{
    border-top:none;
    }  
    
#navleft ul ul
{
    border-bottom:none;
    }       
    
#navleft ul ul, #navleft li li a:link, #navleft li li a:visited
{
    color:#0066DB;
    background-color:#C3DDF7;
    }
    
#navleft li li a:link, #navleft li li a:visited
{
    border-top:none;
    font-weight:normal;
    display:block;
    text-decoration:none;
    padding:0px 0px 2px 5px;
    }        

#navleft li li a:hover
{
    color:#FF3300;
    }  

/* -----------------------------------*/
/* ---------->>> CONTENT <<<-----------*/
/* -----------------------------------*/
    
#content
{
    float:left;
    width:713px;
    padding:16px 20px 40px 20px;               
    }   
    
#properties li
{
    list-style-image:url(../../images/bullet.gif);
    margin-left:-16px;
    }  
   
#navtab
{
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:13px;
    float:left;
    width:713px;    
    }
    
#navtab ul
{
    margin:0px;
    padding-top:10px;
    padding-left:0px;
    list-style:none;
    }    
    
#navtab li
{
    float:left;
    background-image:url("../../images/tableft.gif");
    background-repeat:no-repeat;
    margin:0px 1px 0px 0px;
    padding:0px 0px 0px 8px;        
    }
    
#navtab a
{
    float:left;
    display:block;
    background-image:url("../../images/tabright.gif");
    background-repeat:no-repeat;
    background-position:right top;
    padding:2px 10px 2px 0px;
    text-decoration:none;
    font-weight:bold;
    color:Gray;            
    }

#navtab a:hover
{
    color:#FF3300;   
    }                 
    
/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/

#footer
{
    clear:both;
    width:953px;
    height:55px;
    color:White;
    background-color:#0068C9;
    text-align:center;
    padding-top:10px;
    }
    
#footer a:link, #footer a:visited
{
    color:White;    
    }
    
#footer a:hover
{
    color:#FF3300;
    }    
    
#navbottom
{
    width:953px;
    height:25px;
    font-size:12px;
    
}

.icon, .icon2
{
    width:16px;
    height:16px;    
    vertical-align:bottom;
    }   
    
.icon2
{
    padding-left:12px;
    }     
    
#bottomspacer
{
    width:820px;
    height:1px;
    margin-left:90px;
    background: #FFFF99 url(../../Images/bottomspacer.jpg) 0px 0px no-repeat; 
    background-position:right;
    }    
    
#copyright
{
    width:953px;
    height:29px;
    padding-top:8px;
    font-size:11px;
    
    }   

.w3cxhtmlval
{
    margin-left:20px;
    }

.w3cxhtmlval, .w3ccssval
{
   width:80px;
   height:15px; 
   vertical-align:bottom;
   padding-left:10px;
    }             
