html,body               { background: url(images/background.png) repeat-x; padding:0px; margin:0px; }
body,table,input,select,textarea { font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:12px; color:black; }
a                       { text-decoration:none; }
a:hover                 { color:black; }
h1                      { font-size:18px; padding:3px 8px; margin-bottom:0px; margin-top:20px; }
h2                      { font-size:16px; }
h3                      { font-size:14px; }

p { margin:0px; line-height:19px; }

#movePersonPopup {
	border: 1px solid #888;
	background: white;
	padding: 2px 5px;
}

#movePersonPopup a {
	display: block;
}

.pdfSettings {
	margin-top:15px;
	border:1px solid #999;
	background:#eee;
	padding:10px;
	border-radius:5px;
}

.pdfSettings .floatingCheckbox {
	width:250px;
	float:left;
	margin-right:40px;
	margin-bottom:8px;
}

.pdfSettings em {
	margin:0px;
	display:block;
	margin-bottom:8px;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
}

#durchfuehrung {
	position:absolute;
	top:45px;
	right:20px;
	font-size:30px;	
}

@media (max-width : 1280px) {
	#durchfuehrung { display:none; }
}

@media (max-width : 400px) {
	#logo { width:80%; }
}

.formLabel {
	border-top:1px solid #eee;
	padding-top:5px;
	padding-bottom:2px;
	font-size:16px;
}

.formInput {
	margin-top:3px;
	margin-bottom:20px;
	font-size:16px;
	color:black;
	width:300px;
	border:1px solid #aaa;
}

.formSelect {
	margin-top:3px;
	margin-bottom:20px;
	font-size:16px;
	color:black;
	border:1px solid #aaa;
}

.formRadios {
	margin-top:10px;
	margin-bottom:20px;
}

.formRadio {
	margin-bottom:4px;	
}

.formCheckboxes {
	margin-top:10px;
	margin-bottom:20px;
}

.formCheckbox {
	margin-bottom:4px;
}

.formDays {
	margin-top:10px;
	margin-bottom:20px;
}

.formDayTitle {
	font-size:14px;
	margin-top:20px;
}

.formTextArea {
	width:600px;
	height:150px;
	margin-top:5px;
	margin-bottom:10px;
}

.formButton {
	padding:3px 10px;
	font-size:16px;
	font-weight:bold;
	color:#555;
}

.version                { color:#888888; font-size:10px; }
#logo                   { padding:5px; padding-bottom:0px; margin-top:10px; }
#menu					{ list-style-type:none; margin:0px; padding:0px 8px; background-color:#f3f3f3; }
#menu li                { display:inline-block; margin-right:30px; padding:3px 10px; }
#menu .active           { font-weight:bold; }
#menu li a              { color:#999999; white-space:nowrap; font-weight:bold; }
#menu li a:hover        { text-decoration:none; font-weight:bold; }
#content                { padding:10px; }

@media (max-width : 700px) {
	#personalienNote { width:95% !important; }
}

#availabilityList       { list-style-type:none; margin:0px; padding:0px; margin:10px 0px; }
#availabilityList li    { position:relative; margin-bottom:3px; border:1px solid black; padding:3px 10px; padding-right:4px; font-weight:bold; width:430px; }
@media (max-width : 500px) {
	#availabilityList li { width:95%; }
}

#areaTable              { list-style-type:none; margin:0px; padding:0px; margin-top:6px; border:1px dashed #777777; }
#areaTable td           { padding-right:40px; }
#areaTable li           { margin:0px; padding:0px; float:left; min-width:200px; max-width:300px; margin-right:30px; }
#areaTable li:last-child { float:none; clear:both; height:0px; }

#iAgree {
	color:white;
	text-shadow: 1px 1px 2px #555;
    filter: dropshadow(color=#555, offx=1, offy=1);
	border-radius:9px;
	cursor:pointer;
	display:inline-block;
	margin-bottom:15px;
	background: rgb(191,210,85); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}

.iAgreeBig {
	font-size:18px;
	padding:6px 30px;
}

.iAgreeSmall {
	font-size:10px;
	padding:3px 20px;
}

#iDontAgree {
	color:white;
	text-shadow: 1px 1px 2px #555;
    filter: dropshadow(color=#555, offx=1, offy=1);
	border-radius:9px;
	cursor:pointer;
	display:inline-block;
	margin-bottom:15px;
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
}

.iDontAgreeBig {
	font-size:18px;
	padding:6px 30px;
}

.iDontAgreeSmall {
	font-size:10px;
	padding:3px 20px;
}

#iDontAgreeReason textarea {
	width: 660px;
	margin-bottom: 8px;
}

#feedbacks {
	position: relative;
	width: 666px;
	margin-bottom: 10px;
}

#feedbacks .feedback {
	position: relative;
	margin-bottom: 10px;
}

#feedbacks img {
	position:absolute;
}

#feedbacks img:nth-child(2) {
	top: 0px;
	right: 0px;
}

#feedbacks .feedbackDate {
	font-size: 10px;
	line-height: 10px;
	padding-left: 40px;
	padding-top: 4px;
}

#feedbacks .feedbackSenderName {
	padding-left: 40px;
	font-weight: bold;
}

#feedbacks .feedbackReceiverName {
	position: absolute;
	top: 0px;
	right: 0px;
	font-weight: bold;
	padding-right: 40px;
	text-align:right;
}

#feedbacks .feedbackReceiverName > span {
	display: block;
	font-size: 10px;
	line-height: 10px;
	padding-left: 40px;
	padding-top: 4px;
	font-weight: normal;
}

#feedbacks .feedbackContent {
	padding-top:4px;
	font-size:12px;
	line-height:15px;
}

.generatorButton {
	padding:6px 30px;
	color:white;
	text-shadow: 1px 1px 2px #555;
        filter: dropshadow(color=#555, offx=1, offy=1);
	font-size:18px;
	border-radius:9px;
	cursor:pointer;
	display:inline-block;
	margin-bottom:15px;
	background: rgb(191,210,85); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
	
}

.generatorButton:hover {
	background: rgb(157,213,58); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,213,58,1)), color-stop(50%,rgba(161,213,79,1)), color-stop(51%,rgba(128,194,23,1)), color-stop(100%,rgba(124,188,10,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
	
}

.generatorButton:focus {
	outline: none;
}

#eventList              { list-style-type:none; width:670px; margin:0px; padding:0px; margin:10px 0px; }
@media (max-width : 700px) {
	#eventList { width:95%; }
}

#eventList li           { margin-bottom:3px; }

.group                  { position:relative; }
.group-members          { position:relative; list-style-type:none; margin:0px; padding:0px; margin:10px 10px; }
.group-members li       { position:relative; width:200px; float:left; padding:2px 5px; }

.subscribedPerson       { position:relative; width:90px; height:30px; float:left; border:1px solid black; background-color:#eeeeee; padding:3px 20px 3px 10px; margin-right:10px; font-weight:bold; margin-top:5px; }
.busyUser               { cursor:pointer; color:white; font-weight:bold; background-color:#cccccc; padding:2px; }
.recommendedUser        { cursor:pointer; font-weight:bold; color:green; }
.availableUser          { cursor:pointer; color:green; }
.notAvailableUser       { color:#BBBBBB; }

.statTable th           { padding:2px 5px; text-align:center; }
.statTable td           { text-align:center; padding:3px 5px; }
.statTable .oddRow      { background-color:white; }
.statTable .evenRow     { background-color:#eeeeee; }
.statTable .emptyRow    { color:red; }

.box                    { background-color:#FFFDE5; border:1px solid #777777; padding:8px; display:block; line-height:25px; max-width:800px; }
.event                  { margin-right:15px; margin-bottom:5px; position:relative; width:650px; border:1px solid black; }

@media (max-width : 700px) {
	.event { width:95%; }
}

@media (max-width : 410px) {
	.pdfConfigurator td { display:block; }
	.pdfConfigurator td:nth-child(2n+1) { padding-top:15px; }
}


.eventHeader            { line-height:20px; vertical-align:baseline; }
.small                  { font-size:11px; color:#777777; max-width: 700px; margin-top:6px; }
.green                  { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CBFFBF', endColorstr='#ffffff'); background:-webkit-gradient(linear, left top, left bottom, from(#CBFFBF), to(#ffffff)); background:-moz-linear-gradient(top, #CBFFBF, #ffffff); }
.red                    { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD1D1', endColorstr='#ffffff'); background:-webkit-gradient(linear, left top, left bottom, from(#FFD1D1), to(#ffffff)); background:-moz-linear-gradient(top, #FFD1D1, #ffffff); }

.pdfLink				{ display:inline-block; height:16px; padding-left:20px; background: url(images/pdf.gif) no-repeat; }
.pdfLinkBig				{ display:block; font-size:16px; line-height:32px; height:32px; padding-left:40px; padding-right:30px; background: url(images/pdf.32x32.png) no-repeat; }
.addLink                { display:inline-block; height:16px; padding-left:20px; background: url(images/add.gif) no-repeat; }

.iconButton             { display:inline-block; line-height:18px; width:20px; text-indent:20px; }
.removeIcon             { position:absolute; right:0px; top:1px; background: url(images/remove_grey.png) no-repeat; }
.removeOverIcon         { position:absolute; right:0px; top:1px; background: url(images/remove.png) no-repeat; }
.editIcon               { position:absolute; right:0px; top:1px; background: url(images/edit_grey.png) no-repeat; }
.editOverIcon           { position:absolute; right:0px; top:1px; background: url(images/edit.png) no-repeat; }
.foldDownIcon           { position:absolute; right:0px; top:1px; background: url(images/fold_down_grey.png) no-repeat; }
.foldDownOverIcon       { position:absolute; right:0px; top:1px; background: url(images/fold_down.png) no-repeat; }
.foldUpIcon             { position:absolute; right:0px; top:1px; background: url(images/fold_up_grey.png) no-repeat; }
.foldUpOverIcon         { position:absolute; right:0px; top:1px; background: url(images/fold_up.png) no-repeat; }

.eventComplete          { position:absolute; right:0px; top:2px; background: url(images/event_complete.png) no-repeat; }
.eventIncomplete        { position:absolute; right:0px; top:2px; background: url(images/event_incomplete.png) no-repeat; }
.eventUserCount         { position:absolute; right:25px; top:0px; color:#666666; font-size:10px; }

.categoryIcon           { position:absolute; width:16px; height:16px; top:2px; left:4px; }


.statTable td > div     { height:20px; }