﻿
body {
    font-family:Leelawadee, 'Trebuchet MS', Calibri, Arial, Verdana, sans-serif;
    color: #6a6d74;
    font-size: 12pt;
    text-align: left;
}

sup {vertical-align:text-top; font-size:0.8em; }

.hintergrund {
        
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color:lightgray;
    z-index:1;   
    overflow: hidden;
    clear:both;
}
.seite {
    position:absolute;
    overflow: hidden;
    top:0px;
    left:0px;
    margin:0px auto;
    width: 100%;
    height:100%;
    text-align: left;
    vertical-align:top;
    z-index: 2;
}
.links {
    vertical-align:top;
    background-image:url('../../pics/bg_kreis.png');
    background-position-x:left;
    background-position-y:top;
    background-repeat:no-repeat;
    width:360px;
    min-height:650px;  
    z-index:3;
}
.rechts {
    vertical-align:top;
    text-align:left;
    height:100%;
    z-index:3;
}
.tblSeite {
    vertical-align:top;
    height:100%;
    width:800px;
    z-index:3;
}
/*KOPF */
.kopf {
    padding-left:30px;
    padding-right:30px;
    padding-bottom:5px;
    padding-top:15px;    
    z-index:4;
    height:90px;
}
/*    INHALT */
.inhalt {
    vertical-align:top;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:5px;
    padding-top:20px;
    z-index:4;
    border-radius:5px;
    height:100%;
    background-color:#F1F1F1;
}
.appTitel /* APP-Teitel*/
{
    font-size:18pt;
    height:100%;
    text-align:left;
    padding-top:21px;
    vertical-align:top;
    color:#b5004b;
    font-weight:bold;
}
 /*app titel navigationsseite*/
.appName {
    padding-left:90px;
    vertical-align:bottom;
    height:30px;
    color:#b5004b;

}
.subTitel  /*seiten titel*/
{
    padding-bottom:5px;
    padding-top:20px;
    color: #b5004b;
    font-weight: normal;
}
.kopf td {
    vertical-align:bottom;
}

/* NAVI */
.logo {
    
    vertical-align:top;
    padding-left:15px;
    padding-bottom:15px;
    padding-right:15px;
    padding-top:15px;

    z-index:6;
    height:80px;
    border:0px;
}
#navi {
    vertical-align:top;
}
.menuGross
{
    color:#b5004b;
    padding-top:15px;
    background:url('../../pics/linie_menu.png') left bottom no-repeat;
}
.menuGross td
{
    font-weight:600;
    vertical-align:middle;
    padding-left:90px;
    background-image: url('../../pics/punkt.png');
    background-repeat: no-repeat;
    background-position:70px center;
}
.menuKlein {
    padding-top:10px;
    padding-left:90px;
    border:0px;
}
.menuKlein td
{
    vertical-align:middle;
}
.menuKlein a 
{
    float:left;
    background-image:none;
}
#adresse {
    padding-left:90px;
 }
a {
    text-decoration: none;
    color: #6a6d74;
}
a:visited
 {
    color: #6a6d74;
    text-decoration: none;
}
a:hover {
    color: #f5004b;
    text-decoration: none;
}

.text {
    text-align:justify;
}
.cbxErkl {
    float:right;
    padding-left: 30px;
}
.lpColor {
    color:#b5004b;
}

.linie {
    background:url('../../pics/linie_lang.png') center left repeat-x;
    padding-bottom:10px;
    padding-top:10px;
}

.desc {
    margin-top:10px;
    text-align: justify;
}
/*
Fragebogen    
    */

.fb
{
    color:Black;
    border-style: solid;
    
    border-width: 0px;
    border-color:#f5004b;
}

.fb .Titel
{
    font-weight: bold;
    font-size:20px;
    color: #f5004b;
    border-style: solid;
    border-width: 2px;
}

.fb .Frage
{
    border-style: solid;
    border-bottom-width:0px;
    border-top-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-color: #f5004b;
    font-weight:700;
}

.fb .RankL
{
    border-style: solid;
    border-bottom-width:0px;
    border-top-width:0px;
    border-left-width:1px;
    border-right-width:0px;
    border-color: #f5004b;
    padding:5px;
}

.fb .RankR
{
    padding:5px;
    border-style: solid;
    border-bottom-width:0px;
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:1px;
    border-color: #f5004b;
}
.fb .Antwort
{
    border-style: solid;
    border-bottom-width:1px;
    border-top-width:0px;
    border-left-width:1px;
    border-right-width:1px;
    padding-bottom:10px;
    border-color: #f5004b;
}
.fb .NoLBorder
{
    border-left-style: solid;
    border-left-width: 0px;
    border-left-color: transparent;
}
.fb .NoRBorder
{ 
    border-right-style: solid;
    border-right-width: 0px;
    border-right-color: transparent;    
}
.fb .NoBBorder
{
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-bottom-color: transparent;    
}
.fb .NoTBorder
{
    border-top-style: solid;
    border-top-width: 0px;
    border-top-color: transparent;    
}
.cbxKKs input{
    margin-left:-4px;
    padding:2px;
}
.cbxKKs label{
    padding:5px;
}
.keinLink {
    background-image:none;
    text-decoration:underline;
    color: #b5004b;
}
.keinLink:visited  {
    background-image:none;
    text-decoration:underline;
    color: #b5004b; 
}
.required
{
    border:1px solid #ff0099;
    background-color:#FF9999;
}
.filled
{
    border: solid 1px blue;
}
.requiredStar
{
    color: red;
}
.rang {
    background-color:whitesmoke;
}

.RKhead {
    padding:5px;
    height:40px;
    font-size:14px;
    font-weight:bold;
    background-color:#d1d1d1;
}

.RKconA {
    background-color: #d1d1d1;
    height:40px;
}
.RKconB {
    background-color: #e8e8e8;
    height:40px;
}
.RKfoot {
    height:40px;
}
.RKBrdLeft {
    Border-left:5px solid #F1F1F1;
}
.RKBrdBott {
    border-bottom:5px solid #F1F1F1;
}

.closeButton {
    color:#ffa2a2;
    position:fixed;
    width:1160px;
    margin-top:-15px;
    z-index: 2;
}


.completionList {
    border:solid 1px Gray;
    margin:0px;
    padding:3px;
    overflow:auto;
    background-color: #FFFFFF;     
} 
.listItem {
    color: #191919;
} 
.itemHighlighted {
    background-color: #ADD6FF;       
}