#content_left {
	width:189px;
}

#metamenu {
	background-image: url(../img/background.jpg);
	color: white;
}

#metamenu a.right:hover {
	text-decoration: underline;
}

#leftmenu {
	margin-bottom: 10px;
}

.isubmenu_i {
	color: #589fa4;
	padding-left: 0px;
	padding-right: 5px;
	line-height: 22px;
	vertical-align: middle;
	background-color: #EBEAE1;
	border-bottom: solid 1px white;;
}

.isubmenu_a {
	padding-left: 0px;
	padding-right: 5px;
	line-height: 22px;
	vertical-align: middle;
	color: #ffffff;
	background-image: url(../img/background.jpg);
	border-bottom: solid 1px white;;
}

.isubmenu_i a {
	color: #589fa4;
}

.isubmenu_a a {
	color: #ffffff;
}

#content {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width:920px;
	height:100%;
	text-align: left;
}

.content a {
	font-size: 12px;
}

#content_board {
	position:relative;
	margin-left: 20px;
	width: 711px;
	float: left;
	overflow: show;
	z-index: 100;
}

#metamenu {
	margin-bottom: 20px;
	
}

#metamenu span {
	color: white;
	margin-left: 10px;
}

#metamenu a.right {
	font-size: 11px;
	color: white;
	text-decoration: none;
	display: block;
	float: right;
	height: 24px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #7bb3b7;
}

form {
	background-color: #f8f8f4;
	padding: 10px 0px 10px 0px;
}

label {
	width: 100px;
	float: left;
	display: block;
}

file,
select,
textarea,
input {
	border: solid 1px #589fa4;
	font-family: verdana, arial, helvetica, sans;
	font-size: 12px;
	margin-left: 0px;
}

.input {
	border-bottom: solid 2px white;
	padding: 8px 10px 8px 10px;
	margin: 0px;
}

.errorMessage {
	border-bottom: solid 2px white;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	color: red;
}

form div {
	margin-bottom: 5px;
}

.submit {
	padding: 0px 10px 0px 10px;
	margin-top: 15px;
}

a.button,
.submit input {
	margin-left: 100px;
	color: black;
	background-image: url(../img/button.jpg);
	border: none;
	width: 100px;
	height: 20px;
}

a.button {
	display: block;
	text-align: center;
	text-decoration: none;
}

pre {
	font-family: arial, helvetica, sans;
	font-size: 12px;
	margin: 0;
	padding: 0;
	white-space: pre-wrap;
}

#reminder,
#login {
	margin-left: 50px;
	margin-top: 50px;
	width: 400px;
	background-color: #f8f8f4;
}

#reminder form,
#login form {
	padding-bottom: 0px;
}

#login label,
#reminder label {
		width: 130px;
}

#login .submit input,
#reminder .submit input {
	margin-left: 130px;
}

#calendarwrapper {
	height: 414px;
	overflow: hidden;
	position: relative;
}

#calendar {
	position: absolute;
	top: 0px;
	height: 200%;
	margin-left: 0px; 
	margin-top: 0px;
}

.guiCalendar {
	width: 188px;
	height: 128px;
	margin-top: 5px;
	margin-bottom: 10px;
	cursor: default;
	overflow: hidden;
}

.guiCalendar a {
	font-size: 9px;
}

.guiCalendar div {
	font-size: 9px;
	line-height: 16px;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
	margin: 0px;
}

.guiCalendar .month {
	text-align: center;
	background-color: #EBEAE1;
	height: 16px;
}

.guiCalendar .weekdays {
	color: #ffffff;
	background-image: url(../img/background.jpg);
}

.guiCalendar .weekdays div {
	float: left;
	border-right: solid 1px #589FA4;
	width: 26px;
	height: 16px;
}

.guiCalendar .days {
	height: 96px;
	background-color: #EBEAE1; 
}

.guiCalendar .days div {
	float: left;
	border-bottom: solid 1px white;
	border-right: solid 1px white;
	width: 26px;
	height: 15px;
	line-height: 14px;
	position: relative;
	text-align: left;
}

.guiCalendar .days .last,
.guiCalendar .weekdays .last {
	float: none;
	border-right: none;
	width: auto;
}

.guiCalendar .days .clear {
	float: none;
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	border: none;
}

.guiCalendar .weekend {
	color: rgb(255, 80, 80);
	background-color: #E7E7E1;
}

.guiCalendar .hasEvents {
	background-color: #d9e2df;
}

.guiCalendar .days .background,
.guiCalendar .days .day {
	position: absolute;
	top: 0px;
	height: 15px;
	text-align: center;
}

.guiCalendar .days .day {
}



.guiCalendar .days .today {
	border: solid 1px red;
	height: 13px;
	width: 24px;
	line-height: 12px;
}

.guiCalendar .days .showEvent {
	border: solid 1px #589fa4;
	height: 13px;
	width: 24px;
	line-height: 12px;
}

.isEvent a,
.isEvent {
	
	color: #336d71;
}

#prevmonth {
	width: 184px;
	height: 10px;
	background: url(../img/prevmonth.jpg);
	cursor: pointer;
}

#nextmonth {
	width: 184px;
	height: 10px;
	background: url(../img/nextmonth.jpg);
	cursor: pointer;
}

#article,
#articleIndex {
	background-color: #f8f8f4;
	margin-bottom: 20px;
}

.headline {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;
	vertical-align: middle;
	color: #ffffff;
	background-image: url(../img/background.jpg);
	margin-bottom: 0px;
}

#articleIndex .article {
	line-height: 22px;
	vertical-align: middle;
	border-bottom: solid 2px white;
}

#articleIndex .article:hover {
	background-color: #EBEAE1;
}

#articleIndex .category {
	float: right;
	font-size: 10px;
	height: 100%;
	padding-left: 10px;
	padding-right: 10px;
	width: 120px;
}

#articleIndex .category a {
	color: black;
}
#article .content {
	padding: 10px;
}

#article .content .image {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

#article .dates {
	border-top: solid 1px #EBEAE1;
	padding: 10px;
}

.footer {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 16px;
	font-size: 10px;
	text-align: right;
	vertical-align: middle;
	color: #black;
	border-top: solid 1px #EBEAE1;
	margin-bottom: 0px;
	background-color: #EBEAE1;
}

.short {
	overflow: auto;
}

a.hot {
	color: red;
	font-weight: bold;
}

.error {
	border: solid 1px red;
}


.errortext {
	color: red;
}

.highlight {
	background-color: #d3eaec;
}

div.tooltip { 
	display: none;
    position: absolute;
    padding: 4px;
    background-color: white;
    border: solid 1px #EBEAE1;
	z-index:1000;
}

.colorcode {
	float: left;
	width: 10px;
	margin-right: 10px;
	background-image: url(../img/verlauf.png);
}

html>body .colorcode {
	background-image: url(../img/verlauf.png);
}

#userlist {
	width: 100%;
	empty-cells: show;
	border-collapse: collapse;
	background-color: #f8f8f4;
}

#userlist tr {
	border-left: solid 1px #f8f8f4;
}

#userlist .header td {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;
	vertical-align: middle;
	color: #ffffff;
	background-image: url(../img/background.jpg);
	margin: 0px;
	border: 1px solid #7BB3B7;
}

#userlist .header td a {
	color: #ffffff;
}

#userlist td {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;
	vertical-align: top;
	margin: 0px;
	border-bottom: 2px solid white;
}

#userlist .separator {
	border: none;
	height: 10px;
	background-color: white;
}

#userName {
	width: 120px;
}

#image,
#files {
	margin-left: 100px;
	margin-bottom: 0px;
}

.file img {
	vertical-align: top;
	margin-right: 5px;
}

.edit {
	float: right;
}



.edit img {
	margin-top: 3px;
}


.uploadedImage {
	border: solid 1px #589fa4;
	background-color: #F5F5F5;
	padding: 2px;
	line-height: 50px;
	height: 50px;
}

.uploadedImage .cancel {
	float: right;
}

#javascript {
	color: red;
	margin-bottom: 20px;
}