body {
    background-color:#151715;	
    font-family: arial;
    color: #ffffff;
}

#createdForm table {
	border: 2px solid #313132;
	font-size: 13px;
}
	
#createdForm table .tablebutton {
	border: 0px;
	margin: 0px;
}

#createdForm textarea {
	font-family: arial;
	font-size: 13px;
}

table.formstyle {
	margin:0px;
	/* flaot nicht löschen, bei laden in website über frame ist so
	das formular richtig positioniert */
	float: left;
}

p {
    margin: 0px;
}

form#createdForm {
	width:645px;
	background-color:#545454;
}

.header {
	font-weight: bold;
	color: #ffffff;
	font-size: 18px;
	height:25px;
	background-color:#313132;
	padding-left:5px;
}

.header_big {
	clear:both;
    color: #fffff;
    height:45px;
    background-color:#151715;
    padding-left:5px;
}

.header_big h2 {
	padding-top: 5px;
	font-weight: bold;
}

.formheader {
	padding-left: 3px;
}
td {
	border: white solid 0px;
}

table .tablebutton {
    border: none;
}

td.button {
	border: 0px;
	background-color:#ffffff;
	vertical-align:top;
	
}

#btn_left {
	background-color:#545454;
}

#btn_right {
	background-color:#545454;
}

tr.formstyle {
	background-color: #545454;
}

td.formstyle {
	background-color: #545454;
	border-collapse: collapse;
	border: #545454 solid 5px;
	border-right: 2px;
}
td.formstyle select {
	width: 134px;
	margin-right: 5px;
}

form#createdForm input {
	border: #A5ACB2 1px solid;
	color:#000000;
}

select {
	
	color:#000000;		
	
}

option {
	color:#000000;
}

textarea {
	
	color:#000000;	
}

textarea {
	border: #A5ACB2 1px solid;
	margin-right: 5px;
}


.nowidth {
	width: 15px;
	white-space: nowrap;
	border: 0px;
}
.smalllightblue {
	border: 0px;
	padding: 2px;
}

a {
	color:#FFCC00;
	text-decoration:none;
	font-weight:bold;
	
}

a:hover {
	text-decoration:underline;
}


img.formstyle {

	vertical-align:top;
	
}


/** Styles für den Kalender */


.calendar {
background:none;
border:none;
color:windowtext;
cursor:default;
display:none;
font-family:arial,verdana,sans-serif;
position:relative;
font-size:10px;
}

td.false {
color:#606060; 
}
.calendar table {
border-color:#000000;
border-style:solid;
border-width:2px;
color:windowtext;
cursor:default;
font-family:arial,verdana,sans-serif;
font-size:10px;
}



.calendar .button {
background:#5F5F5F;
padding:1px;
text-align:center;
border:0px solid #000000;

}
.calendar .nav {
background:#313131;

}
.calendar thead .title {
background-color:#5F5F5F ;
border: 0px solid #000000;
color:#DEDEDE;
font-weight:bold;
padding:1px;
text-align:center;
}
.calendar thead .headrow {
}
.calendar .headrow .button {
background:#5F5F5F;
padding:1px;
text-align:center;
border:0px solid #000000;

}
.calendar thead .daynames {
}
.calendar thead .name {
background:#DEDEDE;
color:#5F5F5F;
padding:1px;
text-align:center;

}
.calendar thead .weekend {
}
.calendar thead .hilite {

text-align:center;
border:0px solid #000000;



}
.calendar thead .active {

text-align:right;
padding:1px 0 0 1px;
}

.calendar tbody .day {
text-align:center;
background-color:white;
border:1px solid #AAAAAA;

}
.calendar tbody .day.othermonth {
color:#AAAAAA;
text-align:right;


}
.calendar tbody .day.othermonth.oweekend {
color:#FFAAAA;
text-align:right;

}
.calendar table .wn {
background:#DEDEDE;
border:0px solid #B4B4B4;
color:#5F5F5F;
text-align:right;


}
.calendar tbody td {
color:#606060;
padding:3px 5px;
}

.calendar tbody .rowhilite td {
	background:#0065BD;
}
.calendar tbody td.hilite {
border:1px solid #606060;
}
.calendar tbody td.active {
background:#000000;
border-style:solid;
border-width:1px;


}
.calendar tbody td.selected {
background:#FF3333;
border: 1px solid #AAAAAA;
font-weight:bold;
color:white;

}
.calendar tbody td.weekend {
color:#606060;

}
.calendar tbody td.today {
font-weight:bold;
color:white;
background-color:#0065BD;

}
.calendar tbody td.disabled {
color:#B8B8B8;


}
.calendar tbody .emptycell {
visibility:hidden;

}
.calendar tbody .emptyrow {
display:none;

}
.calendar tfoot .footrow {
	display:none;
}
.calendar tfoot .ttip {
background:#000000;
height:32px;	
color:#ffffff;
padding:1px;
text-align:center;
width:150px;

}
.calendar tfoot .hilite {
background:#E4E0D8 none repeat scroll 0 0;


padding:1px;
}
.calendar tfoot .active {

border-width:1px;
padding:1px 0 0 1px;

}
.calendar .combo {
background:menu none repeat scroll 0 0;


color:menutext;
cursor:default;
display:none;
left:0;
padding:1px;
position:absolute;
top:0;
width:4em;
z-index:100;

}
.calendar .combo .label, .calendar .combo .label-IEfix {
padding:1px;
text-align:center;

}
.calendar .combo .label-IEfix {
width:1em;
}
.calendar .combo .active {
border:1px solid #000000;
padding:0;

}
.calendar .combo .hilite {
background:highlight none repeat scroll 0 0;
color:highlighttext;

}
.calendar td.time {
background-color:buttonface;


padding:1px 0;
text-align:center;
}
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {
background-color:menu;


font-weight:bold;
padding:0 1px 0 1px;
}
.calendar td.time .ampm {
text-align:center;

}
.calendar td.time .colon {
font-weight:bold;
padding:0 1px 0 1px;
}
.calendar td.time span.hilite {
background-color:highlight;


color:highlighttext;
}
.calendar td.time span.active {
background-color:#000000;


color:#00FF00;
}

.readonly { 
	background: #ccc; 
}