div {
border:0px solid;
}

#dienst {
width:650;
position:relative;
height:41px;
border:1px solid #286EA0;
color:#8F8F8F;
}

#dienst.edit{
height:61px;
}

#dienst.editnew{
height:61px;
border:1px solid #FF8000;
}

#dextra{
position:absolute;
top:40px;
height:20px;
width:100%;
border-top:1px dashed #286EA0;
}

#dextra.editnew{
border-color: #FF8000;
}

#dienst.markown {
border-color:#FF8000;
}

#titel.markown {
border-color:#FF8000;
background-color: #FFBB75;
}

#titel.markown a {
text-decoration: none;
display: block;
width:100%;
height:100%
}

#titel.markown a:hover {
background-color:#FFAB55;
color:#FFFFFF;
}

#titel{
width:525px;
text-align:center;
position:absolute;
left:125px;
height:20px;
border-bottom:1px dashed #286EA0;
background-color:#B0E2FF;
color:#286EA0;
font-weight:bold;
}

#titel.link a{
text-decoration:none;
display:block;
width:100%;
height:100%;
}

#titel.link a:hover{
background-color:#7ABFE6;
color:#FFFFFF;
}

#memberselect {
position:absolute;
width:150px;
left:200px;
top:21px;
}

#memberselectdesc {
position:absolute;
width:75px;
left:125px;
top:21px;
text-align:right;
}

#abwgrund {
position:absolute;
width:150px;
left:420px;
top:21px;
}

#abwgrunddesc {
position:absolute;
width:75px;
left:345px;
top:21px;
text-align:right;
}

#abwdesc {
position:absolute;
width:490px;
left:90px;
top:40px;
}

#abwdescdesc {
position:absolute;
width:90px;
left:0px;
top:40px;
text-align:right;
}

#abwbtn {
position:absolute;
width:65px;
left:583px;
top:40px;
background-color:#B0E2FF;
text-align:center;
border:1px solid #286EA0;
color:#286EA0;
}

#abwbtn:hover {
color: #FFFFFF;
background-color:#7ABFE6;
cursor:pointer;
}

#titel.editnew {
border-color: #FF8000;
background-color: #FFBB75;
}

#titel input[type="text"]{
height:15px;
padding:0;
}

#dates{
width:125px;
position:absolute;
height:40px;
}

#dates div{
position:absolute;
height:20px;
left:0px;
width:125px;
font-weight:normal;
text-align:center;
vertical-align:middle;
font-size:10px;
}

#dates div.start {
top:0px;
}

#dates div.end {
top:20px;
}

#dates div.startinp {
top:0px;
width:100px;
}

#dates div.startbtn {
left:100px;
width:20px;
cursor:pointer;
}

#dates div.startbtn img {
cursor:pointer;
}

#dates div button {
padding-left:0px;
cursor:pointer;
}


#dates div.endinp {
top:20px;
width:100px;
}

#dates div.endbtn {
left:100px;
width:20px;
top:20px;
cursor:pointer;
}


#art {
width:525px;
height:20px;
text-align:center;
position:absolute;
top:21px;
left:125px;
}

#art.edit{
position:absolute;
left:217px;
width:216px;
color:#8F8F8F;
font-size:10px;
}

#art.edit select{
border:none;
width:160px;
text-align:center;
color:#286EA0;
font-size:10px;
}

#typ select{
border:none;
width:160px;
text-align:center;
color:#8F8F8F;
font-size:10px;
}

#ort{
position:absolute;
width:216px;
height:20px;
left:1px;
top:0px;
font-size:10px;
}

#ort div{
position:absolute;
top:0px;
}

#ort div input.textleft{
text-align:left;
}

div.desc{
text-align:right;
left:0px;
width:60px;
}

div.inp{
position:absolute;
text-align:center;
width:156px;
left:60px;
top:0px;
}

#typ{
position:absolute;
width:216px;
height:20px;
left:217px;
top:0px;
text-align:center;
}

#jfw{
position:absolute;
width:216px;
height:20px;
left:433px;
top:0px;
font-size:10px;
}

#jfw select{
border:none;
width:156px;
text-align:center;
color:#8F8F8F;
font-size:10px;
}

#ausb {
width:200px;
height:20px;
position:absolute;
top:21px;
left:445px;
font-size:10px;
}

#ausb.edit{
left:433px;
}

#ausb.show{
text-align:right;
}

#markups {
font-size:10px;
height:20px;
width:60px;
position:absolute;
top:21px;
left:125px;
text-align:center;
font-weight:bold;
}

#markups.edit{
cursor:pointer;
width:40px;
}

#markups div{
position:absolute;
width:20px;
height:20px;
}

#dleg {
width:200px;
position:relative;
left:450px;
}

#legende {
font-size:10px;
border-collapse:collapse;
position:relative;
font-weight:bold;
color:#8F8F8F;
text-align:center;
}

#legende td.desc {
text-align:left;
}

#legende #sonder{
width:20px;
}

#legende #pflicht{
width:20px;
}

#legende #alle{
width:20px;
}

#pflicht {
left:20px;
}

#sonder {
left:0px;
}

#alle{
left:40px
}

.pnone {
left:20px;
background-color:#FFFFFF;
color:#8F8F8F;
}
.pred {
left:20px;
background-color:#F78181;
color:#FFFFFF;
}

.snone {
left:0px;
background-color:#FFFFFF;
}
.sgreen {
left:0px;
background-color:#ADFF80;
}

.bnone {
left:40px;
background-color:#FFFFFF;
}
.borange {
left:40px;
background-color:#FF8000;
color:#FFFFFF;
}

.anone {
left:40px;
background-color:#FFFFFF;
}
.ayellow {
left:40px;
background-color:#FBFF80;
}

.red {
background-color:#F78181;
color:#FFFFFF;
}

.green {
background-color:#ADFF80;
}

.yellow {
background-color:#FBFF80;
}

#headtitel {
width:100%;
text-align:center;
margin-top:10px;
}

#headtitel.titel {
font-size:24px;
font-weight:bold;
}

#headtitel.datespan {

}

tr.bordered td{
border-bottom:1px dashed #57A1D6;
}

#dienst input[type="text"]{
border:none;
font-weight:normal;
font-size:10px;
color:#286EA0;
font-family: Verdana,Tahoma,Arial,sans-serif;
}

#dienst input[type="text"]:disabled{
background-color:#FFFFFF;
}

#dienst select:disabled{
background-color:#FFFFFF;
}

#dienst select{
color:#286EA0;
}

#dates input[type=text]{
width:100px;
}

#datebtn{
width:20px;
cursor:pointer;
}

#datebtn button{
cursor:pointer;
border:none;
background:none;
padding: 0 0 0 0;
}

#titel input[type="text"]{
width:90%;
font-size:12px;
font-weight:bold;
background-color:#B0E2FF;
}
#titel.editnew input[type="text"]{
background-color: #FFBB75;
}

#titel input[type="text"]:disabled{
background-color:#B0E2FF;
}

#ausb div.desc{
width:60px;
}

#ausb div.descinp{
width:60px;
position:absolute;
left:0px;
top:0px;
}

#ausb div.input{
width:140px;
position:absolute;
left:60px;
top:0px;
}

#ausb input[type="text"]{
width:99%;
line-height:1.6em;
padding:0;
}

#btndel{
position:absolute;
width:20px;
height:20px;
border:none;
border-left:1px solid #286EA0;
background-color:none;
top:0px;
left:505px;
cursor:pointer;
font-weight:bold;
}

#btndel.editnew{
border-left:1px solid #FF8000;
}

#addbtn {
width:20px;
height:20px;
cursor:pointer;
font-weight:bold;
text-align:center;
color: #286EA0;
background-color:#B0E2FF;
border-right: 1px solid #286EA0;
}

#dadd {
position:relative;
}

#addbtn.b {
position:absolute;
left:630px;
}

#addbtn.a {
position:absolute;
left:610px;
}

#addbtn:hover {
color: #FFFFFF;
background-color:#7ABFE6;
}

#btndel:hover {
color: #FFFFFF;
background-color:#7ABFE6;
}

#btndel.editnew:hover {
background-color:#FFAB55;
}

#bewertung table {
margin:auto;
}

#bewertung img {
width:20px;
cursor:pointer;
}

#bewertung {
font-weight:bold;
}

#bewertung table{
width:100%;
}

#bewertung tr.header {
text-align:left;
}

#bewertung td.desc {
text-align:right;
width:50%;
}

#bewertung td.text textarea{
width:100%;
resize:none;
height:75px;
border:1px solid #57A1D6;
font-family:Calibri,sans-serif;
font-size:12px;
text-align:left;
}

#dbew {
height:20px;
font-size:10px;
}

#dbew.own {
width:220px;
}

#dbew.all {
position:absolute;
width:220px;
left:220px;
top:0px;
}

#dbew div{
height:20px;
position:absolute;
}

#dbew div.desc {
left:0px;
text-align:right;
width:115px;
}


#dbew div.stars {
left:120px;
width:100px;
}

#dbew div.stars img {
width:20px;
padding:0px;
}

#dbew.count {
width:210px;
position:absolute;
left:440px;
top:0px;
}

#dbew div.cdesc {
width:100px;
text-align:left;
left:110px;
}

#dbew div.cbew {
width:100px;
left:0px;
text-align:right;
}

span.red {
color:#FF0000;
background-color:#FFFFFF;
}

span.green {
color:#01DF3A;
background-color:#FFFFFF;
}

span.orange {
color:#FF8000;
background-color:#FFFFFF;
}

span.sigred {
background-color:#F78181;
color:#FFFFFF;
}

#abwres {
width:100%;
border:2px solid;
text-align:center;
}

#abwres.ok {
color:#01DF3A;
border-color:#01DF3A;
}

#abwres.notok{
color:#FF0000;
border-color:#FF0000;
}