/* Created by Marc Rolli    */
/* last modified 18.02.2008 */

/* CSS Document */

/*PAGE LAYOUT*/
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: Verdana, Helvetica, Arial;
    }

#topheader { 
    float: right;
    width: 100%;
    height: 150px;
    background-color: #F0F0F0;
    position: relative
    }

#menu{ text-align:left; padding:11px; }
#submenu{ text-align:left; padding:10px; }
#contenttext{float:right; width:780px;}
#leftpanel{float:left; width:170px;}
#footer{float:left; width:950px; background-color:#F0F0F0; padding:10px;}

/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px;
}

/*TEXT STYLES*/
.bodytext {
    /* font: 0.7em Tahoma, sans-serif; */ 
    font-size: 9pt;
    font-family: Helvetica, Arial; 
    color: #000000;
    }

.titletextblue {
    font: 0.7em Helvetica, Arial, Tahoma, sans-serif;
    font-size: 36px;
    font-weight: bold;
    color: #6691BF;
    }
.titletextgreen {
    font: 0.7em Helvetica, Arial, Tahoma, sans-serif;
    font-size:36px;
    font-weight:bold;
    color:#66B1AA;
    }
.whitetitle {
    font: 0.7em Tahoma, sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF;
    }
.smalltitle {
    font: 0.7em Tahoma, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #CC0000;
    }
.graytext {
    font: 0.7em Tahoma, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #999999;
    }
.graytext a{
    font: 0.7em Tahoma, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #999999;
    text-decoration: none;
    }
.graytext a:hover{
    text-decoration: underline;
    }
.smallgraytext {
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #999999;
    }
.smallgraytext a{
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #999999;
    text-decoration: none;
    }
.smallgraytext a:hover{
    text-decoration: underline;
    }
.smallredtext {
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight:bold;
    color:#CC0000;
    }
.smallredtext a{
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #CC0000;
    text-decoration: none;
    }
.smallredtext a:hover{
    text-decoration: underline;
    }

.goback {
    font-family: Helvetica, Arial, Tahoma, sans-serif;
    font-size: 9px;
    font-variant: small-caps;
    font-weight: bold;
    color: #CC0000;
}
.goback a{
    font-family: Helvetica, Arial, Tahoma, sans-serif;
    font-size: 9px;
    font-variant: small-caps;
    font-weight: bold;
    color: #CC0000;
    }
.goback a:hover{
    text-decoration: underline;
    }

.upd {
    font-size: 9px;
    font-style: italic;
    }

/* --- links --- */
a:link {
    text-decoration: none;
    }
a:visited {
    text-decoration: none;
    }
a:hover, a:active {
    text-decoration: underline;
    }
.external {
    background: url(../images/externalLink.gif) no-repeat right top;
    padding-right: 10px;
    }



.th{
    background-color: #6691BF;
    color: #FFFFFF;
    }

.light {
    background-color: #E0E6F7;
    }
.dark {
    background-color: #C0CDEE;
    }

.odd{
    background-color: #E0E6F7;
    }
.even{
    background-color: #C0CDEE;
    }

/*
tr.odd:hover{
    background-color: #809FFF;
    }
tr.even:hover{
    background-color: #809FFF;
    }
*/

td { 
    font-size:9pt;
    font-family: Helvetica,Arial;
    }
table.expertise th { 
    font-size:9pt;
    font-family: Helvetica,Arial;
    text-align:left;
    }
    
.address {width: 600px;border-top:1px solid #ccc;padding-top:10px;}
.leftpart {width: 300px;float:left;}
.rightpart {width: 240px;float:right;}

/* --- special --- */
ul br { display:none; }

/* --- iphone --- */
.no_iphone { display:none; }
.iphone { display:block; }