.clear { clear: both; }

/* Statusleiste */
div#status {
	width: 100%;
	padding: 0px;
	text-align: right;
	background-color: #252525;
	border-bottom: 2px solid #ab030d;
}
div#status ul {
	margin: 5px;
	padding: 0px;
}
div#status li {
	display:inline;
	margin-left: 9px;
	font-size: 9px;
	color: white;
	word-wrap: no-wrap;
	padding: 5px;
}
div#status li span {
	color: gray;
}

/* Headerleiste #e20a17 */
#header {
	width: 100%;
	padding: 0px;
	background-color: #FFFFFF;
/*	background-image: url( "/images/bg_body.jpg" ); */
	vertical-align: bottom;
}
#header ul {
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
}
#header li {
	display: inline;
	font-size: 10px;
	font-weight: bold;
	word-wrap: no-wrap;
	padding: 5px;
}
#header li a {
	float: left;
	display: block;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 10px;
	text-decoration: none;
	color: #e20a17;
	background-color: #EEEEEE;
	border-bottom: 2px solid #DDDDDD;
}
#header li a:hover {
	color: white;
	background-color: #e20a17;
	border-bottom: 2px solid #ab030d;
}
#header li.dashboard a {
	float: left;
	display: block;
	padding: 10px;
	margin-left: 10px;
	margin-right: 10px;
	color: white;
	text-decoration: none;
	background-color: #e20a17;
	border-bottom: 2px solid #ab030d;
}
#header li.dashboard a:hover {
	background-color: #ab030d;
	border-bottom: 2px solid #ab030d;
}

/* Main Navigation */
#mainnav {
	width: 100%;
	float: left;
	padding: 0px;
	background-color: #000000;
	vertical-align: bottom;
	border-bottom: 10px solid #333333;
}
#mainnav ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
#mainnav li {
	display: inline;
	font-size: 10px;
	font-weight: bold;
	word-wrap: no-wrap;
	padding: 0 5px;
	float: left;
}
#mainnav li a {
	float: left;
	display: block;
	padding-top: 10px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 5px;
	margin-right: 1px;
	text-decoration: none;
	color: white;
	background-color: #252525;
}
#mainnav li a:hover {
	color: white;
	background-color: #333333;
}
#mainnav li.active a {
	color: white;
	background-color: #333333;
	cursor: default;
}
#mainnav li.active a:hover {
	color: white;
	background-color: #333333;
}

/* Sub Navigation */
#subnav {
	width: 100%;
	float: left;
	padding: 0px;
	background-color: #333333;
	vertical-align: bottom;
	border-bottom: 5px solid #e20a17;
}
#subnav ul {
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	float: left;
	width: 100%;
}
#subnav li {
	display: inline;
	font-size: 10px;
	font-weight: bold;
	word-wrap: no-wrap;
	padding: 0 5px;
	float: left;
}
#subnav li a {
	float: left;
	display: block;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	margin-right: 1px;
	text-decoration: none;
	color: #e20a17;
	background-color: #EEEEEE;
}
#subnav li a:hover {
	color: white;
	background-color: #e20a17;
}
#subnav li.active a {
	color: white;
	background-color: #e20a17;
	cursor: default;
}
#subnav li.active a:hover {
	color: white;
	background-color: #e20a17;
}

/* weiteres */
#logo {
	margin: 5px;
	margin-right: 90px;
}

#content {
	padding: 30px;
}

textarea#content {
	padding: 2px;
}

#inner-content {
	background-color: #252525;
	border-bottom: 5px solid #e20a17;
}

#picture-body {
	padding: 10px;
}

#crump {
	padding: 20px;
	background-color: #252525;
	display: none;
}

.less {
	color: #888888;
}

div#calendar {
	background-color: #252525;
}

div#calendar td {
	width: 31px;
	padding: 2px;
	text-align: center;
	border-bottom: 1px solid #555555;
}

div#calendar th {
	width: 31px;
	padding: 2px;
	text-align: center;
	border-bottom: 1px solid #555555;
	color: #888888;
}

.calendar {
	margin-top: 5px;
	padding: 2px;
	text-align: center;
	background-color: #444444;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
	color: #FFFFFF;
	font-weight: bold;
}

h1 {
	font-size: 17px;
	margin-bottom: 10px;
}

h2 {
	font-size: 13px;
	margin-bottom: 5px;
	color: #e20a17;
}

h3 {
	font-size: 12px;
	color: #111111;
	font-decoration: italic;
}

#project {
	margin-top: 10px;
}

.alpha80 {
	filter:Alpha(opacity=80, finishopacity=0, style=0);
}

.alpha40 {
	filter:Alpha(opacity=40, finishopacity=0, style=0);
}

div#form .form_title {
	width: 100%-20px;
	background-color: #BBBBBB;
	padding: 5px;
	font-weight: bold;
	border-top: 1px solid #B4B4B4;
}

div#form .form_content {
	width: 100%-20px;
	background-color: #EEEEEE;
	padding: 0px;
	border-top: 1px solid #B4B4B4;
	border-bottom: 1px solid #B4B4B4;
}

div#form .form_content td {
	padding: 5px;
	border-bottom: 1px solid #FFFFFF;
}

div#form .form_content th {
	padding: 5px;
	background-color: #C6C6C6;
	color: #555555;
	border-bottom: 1px solid #B4B4B4;
	
}

img.icon_button {
	margin: 2px;
	float: left;
}

div#thumb {
	border: 4px solid #FFFFFF;
	width: 30px;
	height: 30px;
	background-color: #FFFFFF;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

table#thumb {
	border: 4px solid #FFFFFF;
	width: 30px;
	height: 30px;
	background-color: #FFFFFF;
}

.sideinfo {
	color: #888888;
}

#btnBrowse, #thumb-form-submit { margin: 1em; }
.clear { clear: both; }
#thumbnails { float:left; width: 100%; }
.thumb-form { float: left; width: 100%; margin-bottom: 2em; }
.thumb-form img { float: left; }
.thumb-form-content { margin-left: 260px; }

.progressWrapper { overflow: hidden; }
.progressContainer { margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden; }
/* Message */
.message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; }
/* Error */
.red { border: solid 1px #B50000; background-color: #FFEBEB; }
/* Current */
.green { border: solid 1px #DDF0DD; background-color: #EBFFEB; }
/* Complete */
.blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; }

.progressName { font-size: 8pt;font-weight: 700; color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; }
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
  font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px;
}
.progressBarComplete { width: 100%; background-color: green; visibility: hidden; }
.progressBarError { width: 100%; background-color: red; visibility: hidden; }
.progressBarStatus { margin-top: 2px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap; }

#result-image { border: 1px solid black; height: 83px; width: 125px; position: relative; overflow: hidden; }
#result-image img { position: absolute; top: -20px; left: -20px;}

.errorMsg, .form_error {
	background-color: red; 
	padding: .5em;
}