
.error {
	background-color: #CC0000;
	color:#FFFFFF;
	background-image: url(../images/exclamation.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
	padding: 2px 20px;
}



/* Override default dasblattwenden-styles */
h2 {
	font-style: normal;
}

#content {
	width:600px;
	padding: 30px 15px;
}

#content a.active {
	font-weight: bold;
}

#logo {
	background-color: #FFF;
	margin:-30px -15px 0 -15px;
}

#navi {
	padding:5px;
	padding-top:30px;
}

#navi a.navi {
	display:block;
	border-right:10px solid #99C94B;
	border-bottom: 0;

	padding:2px 5px;
	margin-bottom: 5px;
}

#navi a.navi:hover, #navi a.navi.active, #navi a.navi.active.saved, #navi a.navi.saved:hover  {
	background-color: #99C94B;
	text-decoration: none;
	color:#FFF;
}

#navi a.navi.saved {
	color:#305338;
}

#sidebar {
	padding:10px;
}

#sidebar #postFrage {
	font-size: 25px;
	cursor: default;
	padding:0;
}
/* End override */




.clear
{
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}

input, select, textarea {
	color: #797979;
}

/* Tablesorter styles */

table.tablesorter .header {
	background-image: url('../images/sort.gif');
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
	padding-right: 20px;
}

table.tablesorter .headerSortDown, table.tablesorter .headerSortUp, table.tablesorter .header:hover {
	background-color: #59C94A;
}

table.tablesorter .headerSortDown {
	background-image: url('../images/sort_desc.gif');
}

table.tablesorter .headerSortUp {
	background-image: url('../images/sort_asc.gif');
}

#tableProjekte tr {
	vertical-align: middle;
}

td.editable .value {
	padding:3px;
	border:1px solid transparent;
}

td.editable .value:hover {
	background-color: #fff;
	border:1px solid #99C94B;
}

td.editable .value, td.editable .editValue {
	width:150px;
}

td.editable input {
	width:100px;
	vertical-align: middle;
	background-color: #fff;
	border:1px solid #99C94B;
	padding:3px;
}

td.editable img {
	vertical-align: middle;
	cursor: pointer;
}



/* Question Styles */

.siteHeading {
	margin-top: 30px;
}

.groupHeading {
	margin-top: 20px;
}

.question {
	margin-bottom: 30px;
}

.questionlabel {
	margin-bottom: 5px;
}

.disabled {
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*IE8*/
	filter: alpha(opacity=50); /*IE5-7*/
}

.question input, .question select, .question textarea {
	float: left;
}

.question .radioButtonItem input, .question .checkboxItem input {
	float: none;
}

.question input.wide, .question select.wide, .question textarea.wide {
	width:100%;
	height: 50px;
}

.questionHeading {
	
}

table.questionSkalaGroup {
	border-collapse: collapse;
	width:100%;
}

#content table.questionSkalaGroup tr {
	vertical-align: middle;
}

table.questionSkalaGroup td {
	border: 1px solid #999;
	padding:5px;
	text-align: center;
}

table.questionSkalaGroup td input {
	float:none;
}

table.questionSkalaGroup td.option {
	width:20px;
}

table.questionSkalaGroup td.upperLeft {
	border:0;
}

table.questionSkalaGroup td.label {
	text-align: left;
}

.questionComment {
	font-size:smaller;
	float:left;
	width:200px;
	display:block;
	background: #eee;
	margin-left: 10px;
}

.pflichtfeld {
	background-image: url(../images/pflichtfeld.png);
	background-repeat: no-repeat;
	padding-left:16px;
	margin-left: -16px;
}

table.questionSkalaGroup td .pflichtfeld {
	padding-left:16px;
	margin-left:0px;
}

optgroup.optgroupH1 {
	font-size:16px;
	font-style: normal;
	font-weight: bold;
}

optgroup.optgroupH2 {
	font-size:14px;
	font-style: italic;
	font-weight: bold;
}

input.button {
	color:#000;
/*	background-color: #305338;
	font-weight: bold;
	padding:5px;
	border:2px outset black;*/
}
/*
input.button:active {
	border-style:inset;
}
*/

/* End Question Styles */

.borderedTable td, .borderedTable th {
	border-bottom: 1px solid #797979;
}

.borderedTable tr.footerRow td {
	border-top: 1px solid #797979;
}

.borderedTableGreen {
	background-color: #CDCDCD;
	width:100%;
}

.borderedTableGreen th {
	background-color: #99C94B;
	color:#fff;
	border:1px solid #fff;
	padding:4px;
}

.borderedTableGreen tr {
	background-color: #fff;
}

.borderedTableGreen td {
	border:1px solid #fff;
	padding:4px;
}

.borderedTableGreen tfoot td {
	border-top:1px solid #CDCDCD;
}

a.button {
	display:inline-block;
	background-color: #99C94B;
	color:#FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
	margin:5px;
	border:1px outset #CDCDCD;
	cursor: pointer;
}

a.button:hover {
	background-color: #59C94A;
}

a.button:active {
	border-style: inset;
}

.hoverTable tr:hover {
	background-color: #E4F7C6;
}

.hoverTable thead tr:hover {
	background: none;
}

.hoverTable thead th:hover {
	background-color: #D0D0D0;
}

/* Admin Styles */
#auswertungForm tr {
	vertical-align: top;
}

#page_navi {
	margin:10px 0;
}

#page_navi a.active {
	font-weight: bold;
}

#filterFrageTable input {
	vertical-align: middle;
}

#filterFrageTable img.removeFilter {
	float:left;
	cursor: pointer;
}

#filterFrageTable #filterFrageOptions {
	display:none;
}

#filterFragenError {
	font-size: 12px;
	font-weight: bold;
	padding:10px 20px;
	margin:15px;
	position:relative;
	display:none;
}

#footer
{
	height: 17px;
	border: none;
	margin: 5px 0px 0px 30px;
	text-align: left;
}

#footerLinks a
{
	background: url(../images/pfeil_w.gif) 0 2px no-repeat;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Arial;
	font-size: 10px;
	color: #fff;
	margin: 0px;
	padding: 0px 25px 0px 7px;
	display: inline;
	border: none;
}

#footerLinks a:hover
{
	background: url(../images/pfeil.gif) 0 2px no-repeat;
	color: #797979;
}

#footerLinks a:active
{
	background: url(../images/pfeil.gif) 0 2px no-repeat;
	color: #fff;
}

#footerLinks a:visited
{
	background: url(../images/pfeil_w.gif) 0 2px no-repeat;
}

#submitAuswertung {
	text-align: center;
	color:#fff;
	background-color: #99C94B;
	border: 1px outset #CDCDCD;
	margin:10px;
	padding:10px;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
}

#submitAuswertung:hover {
	background-color: #59C94A;
}

.optionalHeader {
	cursor: pointer;
}

.toggleOn th {
	padding-left: 20px;
	background-image: url('../images/toggleOn.png');
	background-repeat: no-repeat;
	background-position: left center;
}

.toggleOff th {
	padding-left: 20px;
	background-image: url('../images/toggleOff.png');
	background-repeat: no-repeat;
	background-position: left center;
}

.datenToggle {
	margin-left: 50px;
	padding-left: 5px;
}
