*
{
    margin: 0;
    padding: 0;
}


body{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100.01%;
    height: 101%;
    color: rgb(48,60,83);
    text-align:center;
    margin:0; 
    padding: 0; 
    background-color: rgb(156,156,162);
}

a{
    color: rgb(48,60,83);
}

h1{
    font-size:150.01%;
    color: rgb(15,94,166);
    font-weight:normal;
    margin-left: 15px; 
}
h2{
    font-size:125.01%;
    color: rgb(48,60,83);
    font-weight:normal;
    margin-left: 10px; 
    margin-bottom:10px;
}

h3{
    font-size:110.01%;
    color: rgb(48,60,83);
    font-weight:normal;
    margin-left: 10px; 
    margin-bottom:10px;
}

h4{
    font-size:105.01%;
    color: rgb(48,60,83);
    font-weight:bold;
    margin-left: 10px; 
    margin-bottom:10px;
}


address{
    color: rgb(48,60,83);
    font-style:normal;
}

img{
    border:0px;
} 

#site{
    width:980px;
    height:100%;
    margin:auto;
    text-align:left;
    background-color: rgb(255,255,255);
}

#header{ 
  position:relative; 
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:rgb(6,100,167);

}

#header img{
    float:left;
}

ul.navi{
   list-style-type: none;
    display: block;    
    background-image: url(../img/button_normal.png);
    height: 50px;
    font-size:120.01%;
    color: rgb(48,60,83);
}

ul.navi li{
    float: left;
}

ul.navi a{
    background-image: url(../img/button_hintergrund.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 22px;
    padding-left: 22px;
    line-height: 50px;
    float: left;
    text-decoration: none;
}

ul.navi a:hover, #active_current_site a:hover{
    background-image:url(../img/button_active.png);
}

ul.sub_navi{
    list-style-type: none;
    display: block;    
    background-color: rgb(255,255,255);
    height: 34px;
    font-size:110.01%;
    color: rgb(48,60,83);
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:rgb(6,100,167); 
}

ul.sub_navi a{
    background-color: rgb(246,248,251);
    padding-right: 22px;
    padding-left: 22px;
    line-height: 34px;
    float: left;
    text-decoration: none;
    border-right-width:1px;
    border-right-style:solid;
    border-right-color:rgb(195,208,232); 
}

ul.sub_navi li{
    float: left;
}

ul.sub_navi a:hover{
    background-color: rgb(195,208,232);
    color:rgb(255,255,255);
}
.sub_navi{
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:rgb(6,100,167);
}

#current_site{
    background-image: url(../img/button_current.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 22px;
    padding-left: 22px;
    display: block;
    line-height: 50px;
    float: left;
    color: rgb(48,60,83);
}

#active_current_site a{
    background-color: rgb(246,248,251);
    padding-right: 22px;
    padding-left: 22px;
    display: block;
    line-height: 50px;
    float: left;
    color: rgb(48,60,83);

}

#sub_navi_current_site{
    background-color: rgb(255,255,255);
    padding-right: 22px;
    padding-left: 22px;
    display: block;
    line-height: 34px;
    float: left;
    color: rgb(48,60,83);
    border-right-width:1px;
    border-right-style:solid;
    border-right-color:rgb(195,208,232); 
}

#mitte{
    background-color: rgb(236,241,248);
    display:table;
    border-collapse:collapse;
    width:100%
}

#mitte_body{
  display:table-row;
}

#content{
    background-color: rgb(236,241,248);
    width:95%;
    min-height: 750px;
    height:auto; 
    align:center;
}

#content ul{
    list-style-type: square;
    margin-left: 25px;
    font-size:100%;
}

#content li{
    margin-bottom:10px;
}

#content{
    margin-top: 10px;
    margin-left: 25px;
}

#content_txt p{
    width: 90%;
 
}
#content_txt p, #content_txt address, #content_txt img, #content_txt h3, #content_txt h2, #content_txt h4, #content_txt li{
    margin-left: 15px; 
    margin-top: 10px;
}

}
.clear{
   display: block;
   clear: both;
   content: ".";
   height: 0;
   visibility: hidden;
}
#footer{
    background-color:rgb(255,255,255);
    text-align:center;
    line-height: 30px;
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:rgb(6,100,167); 
}

.part{    
    border:none;
    border-top:1px rgb(6,100,167) solid;
    height: 1px;
    width: 90%;
    color: rgb(6,100,167);
    margin-left: 15px;
    margin-left: 0px\9;
    margin-bottom: 10px;
    background-color: rgb(6,100,167);
}

.important{
    font-weight:bold;
}

.index_info{
    width: 300px; 
    height: 300px;
    border-width:3px;
    border-style:solid;
    border-radius:15px;
    border-color:rgb(6,100,167);
    padding:5px;
    margin-top:25px;
    margin-bottom:25px;
}

.flt_left{
    float:left;
    margin-left:10%;
}
.flt_right{
    float:right;
    margin-right:10%;
}

div.img_txt {
  float: right;
  width: 100%;
}
div.img_txt p {
  text-align: left;
  font-size: smaller;
  text-indent: 0;
}

ol.progress_tracker {
    margin: 0;
    padding: 0;
    list-style-type none;
}

ol.progress_tracker li {
    display: inline-block;
    text-align: center;
    line-height: 3em;
    width: 9%
}

ol.progress_tracker li.done_part {
    color: black;
    border-bottom: 4px solid yellowgreen;
}

ol.progress_tracker li.focus_part {
    color: black;
    border-bottom: 4px solid black;
}
ol.progress_tracker li.todo_part {
    color: silver; 
    border-bottom: 4px solid silver;
}


table.usability_question{
    width: 90%;
    margin-left:10px;
    border-collapse: collapse;
}

table.usability_question tr, td {
    border: 1px solid grey;
    border-collapse: collapse;
}

.usability_question td{
    text-align:center;
    align:center;
    padding:5px;
}

td.td_question {
    width: 40%;
    text-align:left;
    vertical-align: bottom;
}

td.td_question_eval {
    width: 60%;
    text-align:left;
    vertical-align: bottom;
}

td.question_img {
    vertical-align:middle;
}

td.question_img img{
    float: left; 
    margin-right: 15px;
    padding: 5px;
}