body {
  font-family: verdana;  
}
.ft_blau {
  color: #261772;
}
.ft_grau {
color: #bdbdbd;
}
#ft_head{
  background-color: lightgray;

}

#ft_menu {
  float:left;
  width: 20%;  
}
#ft_cont{
  float:right;
  width: 78%;
  background-color:gray;
  padding:0 1%
  }
#ft_left, #ft_right {
  float:left;
  background-color: gray;
  width:50%;
  color:white;
}
#ft_foot{
  clear:both;
  text-align: right;
  font-size: small;
}

#ft_menu ul {
  list-style-type: none;
  padding:1em;
}

.ft_level_2 {
  font-size: smaller;
  xtext-indent: 10px;
}
/* 
    Document   : ft_style.css
    Created on : 13.10.2012, 21:49:46
    Author     : huh
    Description:
        All style information for "Fides Treuhand" website
*/

/* main page div sizes */
xdiv {
    background-color: red;
    width: 100px;
    xheight: 100px;
}
body{
    min-width: 800px;
    font-family: Arial;
    margin: 20px;

}
iframe {
    width: 100%;
    height: 100%;
}
#idHead{
    width:100%;
    background-color: lightgray;
    
    text-align:center;
}
#idLogo1, #idLogo2{
    width:40px;
    height:40px;
    xborder: 2px solid fuchsia;
    margin: 0px 20px;
}
#idHead1{
    width:47%;
    float:left;
}
#idHead2{
    width:47%;
    float:right;

}
#idHead1, #idHead2 {
    border: none;

}
#idHead1 div,#idHead2 div {
    width: 100%;
}

#idHead1 div {
    float:left;
}
#idHead2 div {
    float:right;
}
#idHead1 .logo, #idHead2 .logo {
    width:20%;
}
#idHead1 div.company, #idHead2 div.company {
    width:80%;
}

#idSep{
    margin-top:1%;
    width: 6%;
    float: left;
    text-align: center;
}
#idSep img {
    width: 20px;
    height: 20px;
}
#idLogo1 {
    float: left;
}
#idLogo2 {
    float: right;
}

#idLine {
    margin-top: 5px;
    width: 90%;
    height: 5px;
    clear:both;
    margin: 10px;
}
h1.company, h2.company {
    font-family: Arial;
    font-size: 17px;
    width: 100%;
    background-color: lightgray;
    margin:0;

}
#idHead1 .company {
    float:left;
    text-align: left;
}
#idHead2 .company {
    float:right;
    text-align: right;
}
h2.company {
    font-weight: normal;
}

#idMenu {
    xbackground-color: lightgray;
    width: 20%;
    height: 100%;
    float:left;
}
#idContent {
    float:left;
    width:80%;
    height: 100%;
}

a:link {color: #000080; text-decoration: none}
a:visited {color: #0000FF; text-decoration: none}
a:active {color: #FF0000; text-decoration: none}
a:hover {color: #FF0000; text-decoration: none} 

.ftKarte {
    xborder: 2px ridge silver;
    padding: 2px;
    position:relative;

}
.ftKarte h1 {
    width: 100%;
    height: 50px;
    text-align: justify;
    color: white;

}
.ftKarte h1 img {
    width: 120px;
    height: 60px;
    position:absolute;
    right:0;
}

.ftKarte h2 {
    xcolor:red;
    color:#261772;
    position: relative;
    left: 10%;
    top: -40px;
}
.ftKarte .links, .ftKarte .rechts {
    width:50%;
    height: 400px;

}
.ftKarte .links {
    background: -moz-linear-gradient(left , #cccccc, white);
    background: linear-gradient(left , #cccccc, white);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#cccccc', endColorstr='#ffffff');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#cccccc', endColorstr='#ffffff');

    position: absolute;
    left:0;
}
.ftKarte .rechts {
    background: -moz-linear-gradient(left , #ddddee, white);
    position:absolute;
    right:0;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#ddddee', endColorstr='#ffffff');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#ddddee', endColorstr='#ffffff');
}
#idMenu ul {
    color:red;
    text-align: left;
    list-style-type: none;
}
#idMenu ul ul {
    font-size:smaller;
    color:red;
    text-align: right;
    list-style-type: square;

}
#idMenu ul ul li::after{
    content:  " - ";
}
ul#idTeam {
    background-color: green;  
}
ul#idTeam li {
    width: 40%;
    xborder: 1px solid red;
    list-style-type: none;
    float: left;
    xmargin: 5%;
}
ul#idTeam img {
    max-height: 107px;
    max-width: 107px;
}
ul#idTeam .pic {
    
}
ul#idTeam .name, ul#idTeam .edu {
    text-align: center;
    width: 50px;
    height: 10%;
}
ul#idTeam .name {
    font-size: 10pt;
    vertical-align: bottom;
}
ul#idTeam .edu {
    font-size: 8pt;
    vertical-align: top;
}
#businessCard {
    background-color: white;
}
#businessCard.sichtbar{
    position: fixed;
    display:block;
    top:0;
    left:0;
    z-index:100;
}
#businessCard.unsichtbar{
    position: absolute;
    display:none;
    top:0;
    left:0;
    z-index:-1;
}
#businessCard #bcLogo {
    width:20px;

}
#businessCard table {
    border:2px solid #ddddee;
}
#idMilchglas {
    width: 100%;
    height:100%;
    position:absolute;
    z-index: 0;
    background-color: white;

}


a:link, a:visited, a:focus, a:hover, a:active {
  color: rgb(44,29,112);
}