﻿
body {
    font-family:Leelawadee, 'Trebuchet MS', Calibri, Arial, Verdana, sans-serif;
    /*color: #6a6d74;*/
    color: #000;
    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;
 }
.pageTitle  /*seiten titel*/
{
    padding-bottom:5px;
    padding-top:20px;
    color: #b5004b;
    font-weight: bold;
}
.subTitle{
    font-size: 16px;
    color: #b5004b;

}

/* 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;    
}
.rblAng {
    width:400px;    
    border:0px solid transparent;
}

.rblAng input {
    width:20px;
    float:left;
    clear:both;
    padding:0;
    margin:0;
}
.rblAng label {
    float: left;
    width: 370px;
}
.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;
}
/*  test radiobuttonliste */

.radiobuttonlist
{
    font: 20px;
    color: #000; /* non selected color */
}
.radiobuttonlist td {
    border:0px;
    width:100px;
    text-align:center;
    vertical-align:bottom;
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding-left:14px;

}
.radiobuttonlist input
{
    display:none;
    width: 0px;
    height: 0px;
    margin-right:0px;
}
.radiobuttonlist label
{
    padding-left: 10px;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    color: #3E3928;
    background-color:#ffdce4;
    border: 1px solid #AAAAAA;
    white-space: nowrap;
    clear: left;
    display: block;
    margin: 0px 0px -1px 0px;
    margin-right: 15px;
}
.radiobuttonlist span.selectedradio label
{
    background-color: #b5004b;
    color: #fff;
    font-weight: bold;
    border-bottom-color: #b50040;
    padding-top:4px;
 
}
.radiobuttonlist label:hover
{
    color: #b5004b;
    background: #febfd2;
}
.radiobuttoncontainer
{
    position:relative;
    z-index:1;
}
.radiobuttonbackground
{
    position:relative;
    z-index:0;
    border: solid 1px #AcA899; 
    border-radius:5px;
    padding-bottom: 10px; 
    padding-top: 10px; 
    padding-left:10px;
    padding-right:10px;
}



/* Reports  */

.pnlPopUp
{
     background-color:#CCFFCC;
}
.rep
{
    border:0px;
    background-color: #B3e3e3;
    vertical-align:middle;
  	font-size:11pt;

}
.rep a
{
    color:BLACK;
    text-decoration:none;
}
.rep a:hover
{
    color:Red;
}
.rep a:visited
{
    color:Black;
}
.rep .tot
{
    border-top: solid 2px white;
    border-left: solid 2px white;
    border-right: solid 2px white;
    border-bottom: solid 2px white;
    background-color: #99CCFF;
}
.rep .cella
{
    
    border-left:solid 2px white;
    border-right:solid 2px white;
    border-bottom:solid 2px white;
    background-color:#E0EEEE;
}
.rep .cellb
{
    border-left:solid 2px white;
    border-right:solid 2px white;
    border-bottom:solid 2px white;
    background-color:#E0EEE0;
}
.rep .nobbrd
{
    border-bottom:2px;
}
.rep .nolrbrd
{
    border-right:2px;
    border-left:2px;
}
.rep .nolbrd
{
    border-left:2px;
}
.rep .norbrd
{
    border-right:2px;
}
.rep .rbrd
{
    border-right:1px;
}
.rep .lbrd
{
    border-left:1px;
    
}
.notVisible
{
    display:none;
}
.rep .anz
{
     padding-left:20px;
}
.highLight {
background-color: Yellow;
color:blue;
}

/*Open Popup*/
.BackgroundPopup {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
    border-color:red;
}

.modalPopup {
    position:fixed;
    left:300px;
    top:150px;
    width:700px;
    padding-left:5px;
    border-style:solid;
    border-width:2px;
    background-color: white;
    border-color:#b5004b;
    border-radius:5px;
    
}

.lbl {
    font-size:14px;
}

.closeIMG {
    position:absolute;
    top:-12.5px; 
    right:-12.5px;
    z-index: 999;
}

.textBoxCSS {
        -webkit-box-shadow: 0.5px 0.5px 20px 1px #b5004b;
    box-shadow: 0.5px 0.5px 2px 1px lightgray;
    padding-bottom:5px;

}
.checkBoxCSS {
   
}
.checkBoxCSS td{
    width:180px;
}


.rblCSS {
}


.hr-style {
    border: 0;
    height: 0px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

.accordionHeaderSelected {
background-color:WhiteSmoke;
color:Black;
text-align:left;
font-family:Calibri;

}

.accordionHeader {
background-color: WhiteSmoke;
color:black;
text-align:left;
font-family:Calibri;
}
.accordionContent {
background-color: WhiteSmoke;
}



.highLight {
    background-color: Yellow;
    color:blue;
}


.imageSuche {
    position:absolute;
    padding-left:2px;
}


.box_rotate {
     -moz-transform: rotate(-90deg);  /* FF3.5+ 
       -o-transform: rotate(-90deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
   
    padding-bottom:3px;
}


.manuelcalendarStyle {
    background-image:url('../../pics/logo.png');
    background-repeat:no-repeat;
    background-position:center bottom;  
}
