/* ************** Copyright 2010-2012 DJK-AK-Neunkirchen ************************ */
/* */
/* ************** This document defines the style ************************** */
/* ************** and the formatting of the elements, ********************** */
/* ************** used on the web-site djk-ak-neunkirchen.de ************************* */
/* */
/* ************** It is not allowed to copy this *************************** */
/* ************** document, or fragments of it, **************************** */
/* ************** without the written permission *************************** */
/* ************** of DJK-AK-Neunkirchen. **************************************** */
/* */
/* ************** StyleSheet (v1.0) : BEGIN ******************************** */
/* */
/* */
/* */
/* ************** Body tags (body) : BEGIN ************** */

body {
	color: black;
	background-color: #f9f9f9;
	font-family: "arial", sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 31px 0 0 0;
	background-image: url(../images/border.top.png);
	background-position: left top;
	background-repeat: repeat-x;
}

/* ************** Body tags (body) : END ************** */
/* */
/* ************** Division tags (div) : BEGIN ************** */

div#navigation {
	width: 140px;
	margin: 0;
	padding: 10px 0px 0px 10px;
	color: black;
	background-color: transparent;
	overflow: hidden;
}

div#userCounter {
	width: 123px;
	margin: 0;
	padding: 29px 4px 4px 23px;
	color: #808080;
	background-color: transparent;
	font-size: 8pt;
	cursor: default;
}

div#body,div#title {
	margin: 10px 0 0 0;
	padding: 0 10px 0 10px;
}

div#body {
	color: black;
	background-color: transparent;
}

div#title {
	cursor: default;
	color: #cfcfcf;
	font-weight: bold;
	background-color: white;
}

div#title td.userInfo {
	text-align: right;
	font-size: 7pt;
	color: black;
	font-weight: normal;
	background-color: white;
}

div#footer {
	cursor: default;
	width: 100%;
	padding: 20px 0 20px 0;
	font-size: 8pt;
	color: #808080;
	background-color: inherit;
	text-align: center;
}

div#fullContentWrapper {
	margin: 20px auto 0px auto;
	padding: 40px 50px 50px 50px;
	width: 600px;
	border: 1px solid #808080;
	color: black;
	background-color: white;
}

div.image {
	width: 140px;
	overflow: hidden;
	float: left;
	margin: 5px 14px;
	text-align: center;
}

/* ************** Division tags (div) : END ************** */
/* */
/* ************** Paragraph tags (p) : BEGIN ************** */

p.errorMessage,
p.successMessage,
p.infoMessage {
	margin: 5px 0px 5px 0px;
	padding: 5px;
	font-size: 9pt;
	text-align: center;
	cursor: default;
}

p.errorMessage {
	background-color: #f3a38b;
	color: black;
	border: 1px solid #fa0404;
}

p.successMessage {
	background-color: #65d965;
	color: black;
	border: 1px solid #008000;
}

p.infoMessage {
	background-color: #fff5b4;
	color: black;
	border: 1px solid #eecd11;
}

p.navItem,
p.navItemSpacer,
p#navItemActive,
p.navItemSubActive {
	padding: 3px 4px 3px 13px;
	margin: 0;
	border-left: 4px solid transparent;
	border-bottom: 1px dotted transparent;
	width: 119px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

p.navItemSpacer {
	border: 0;
}

p.navItem a,
p#navItemActive a,
p.navItemSubActive a {
	display: block;
}

p#navItemActive {
	border-left: 4px solid #00A062;
	border-bottom: 1px dotted #00A062;
	background-color: white;
	color: #00A062;
	cursor: default;
}

p.navItemSubActive {
	border-left: 4px solid #cfcfcf;
	border-bottom: 1px dotted #cfcfcf;
	color: #808080;
	background-color: white;
}

p.navItem {
	color: #808080;
}

p.navItem:hover,
p.navItem.over,
p.navItemSubActive:hover,
p.navItemSubActive.over {
	border-left: 4px solid #eee;
	border-bottom: 1px dotted #ddd;
	background-color: white;
	color: black;
}

p.navItemSpacer {
	cursor: default;
}

p.hallLayoutDay {
	margin: 0;
	padding: 5px 0px 0px 5px;
}

p.datesTitle {
	margin: 0px 0px 5px 0px !important;
	padding: 0px 0px 5px 0px;
	background-image: url(../images/line.half.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: transparent;
	color: #00A062;
	cursor: default;
	font-weight: bold;
}

p.chapter {
	margin: 5px 0px 5px 0px;
	font-weight: bold;
	cursor: default;
}

/* ************** Paragraph tags (p) : END ************** */
/* */
/* ************** Anchor tags (a) and hover classes : BEGIN ************** */

a:link,
a:visited,
a:focus,
a:hover,
a:active {
	text-decoration: none;
	background-color: transparent;
	color: #00A062;
}

a:hover {
	text-decoration: underline;
}

a.img:hover {
	text-decoration: none;
}

div#footer a:link,
div#footer a:visited,
div#footer a:focus,
div#footer a:hover,
div#footer a:active {
	text-decoration: none;
	background-color: transparent;
	color: #808080;
}

a.back:link,
a.back:visited,
a.back:focus,
a.back:hover,
a.back:active,
a.symbol:link,
a.symbol:visited,
a.symbol:focus,
a.symbol:hover,
a.symbol:active {
	text-decoration: none;
	background-color: transparent;
	color: black;
	font-size: 7pt;
}

table.paging a:hover {
	text-decoration: none;
}

a.pointer {
	cursor: pointer;
}

p.navItem a:link,
p.navItem a:visited,
p.navItem a:focus,
p.navItem a:hover,
p.navItem a:active {
	text-decoration: none;
	color: #808080;
}

p.navItemSubActive a:link,
p.navItemSubActive a:visited,
p.navItemSubActive a:focus,
p.navItemSubActive a:hover,
p.navItemSubActive a:active {
	text-decoration: none;
	color: #808080;
}

p.navItem:hover a:link,
p.navItem:hover a:visited,
p.navItem:hover a:focus,
p.navItem:hover a:hover,
p.navItem:hover a:active,
p.navItem.over a:link,
p.navItem.over a:visited,
p.navItem.over a:focus,
p.navItem.over a:hover,
p.navItem.over a:active,
p.navItemSubActive:hover a:link,
p.navItemSubActive:hover a:visited,
p.navItemSubActive:hover a:focus,
p.navItemSubActive:hover a:hover,
p.navItemSubActive:hover a:active,
p.navItemSubActive.over a:link,
p.navItemSubActive.over a:visited,
p.navItemSubActive.over a:focus,
p.navItemSubActive.over a:hover,
p.navItemSubActive.over a:active {
	text-decoration: none;
	background-color: white;
	color: black;
}

a.black:link,
a.black:visited,
a.black:focus,
a.black:hover,
a.black:active {
	text-decoration: none;
	background-color: inherit;
	color: black;
}

a.email:link,
a.email:visited,
a.email:focus,
a.email:hover,
a.email:active {
	text-decoration: none;
	background-color: inherit;
	color: #00a062;
}

/* ************** Anchor tags (a) and hover classes : END ************** */
/* */
/* ************** Text alignments (general) : BEGIN ************** */

.left {
	text-align: left !important;
}

.center {
	text-align: center !important;
}

.right {
	text-align: right !important;
}

.top {
	vertical-align: top;
}

.middle {
	vertical-align: middle;
}

.bottom {
	vertical-align: bottom;
}

/* ************** Text alignments (general) : END ************** */
/* */
/* ************** Span tags (span) : BEGIN ************** */

span.small {
	font-size: 7pt;
}

span.big {
	font-size: 18pt;
}

span.normal {
	font-size: 10pt;
}

span.bold {
	font-weight: bold;
}

span.italic {
	font-style: italic;
}

span.underline {
	text-decoration: underline;
}

span.pointer {
	cursor: pointer;
}

span.default {
	cursor: default;
}

span.info {
	cursor: help;
}

span.red {
	color: red;
	background-color: inherit;
}

span.notApproved {
	color: red;
	background-color: inherit;
}

span.filter {
	font-size: 10px;
	cursor: pointer;
}

/* ************** Span tags (span) : END ************** */
/* */
/* ************** Image tags (img) : BEGIN ************** */

img {
	border: 0px;
	border-color: #00A062 !important;
}

img#crest {
	height:60px;
	margin-bottom: 15px !important;
}

img#imagePreview {
	margin-top: 1px;
	border: 1px solid #ccc !important;
	width: 100px;
}

img.textSymbol {
	margin-bottom: -2px;
}

img.symbol {
	margin-bottom: -4px;
}

img.person {
	width: 100px;
}

table#mainTable th#header img {
	margin-bottom: -5px;
}

img#captcha {
	border: 1px solid;
	border-color: #ccc !important;
}

img#captcha:hover {
	border-color: #999 !important;
}

img#captcha:active {
	border-color: #00A062 !important;
}

/* ************** Image tags (img) : END ************** */
/* */
/* ************** Table tags (table, tr, td, th, thead, tbody, tfoot) : BEGIN ************** */

table#wrapper {
	width: 100%;
	height: 100%;
	background-color: white;
}

table#mainTable {
	margin: 0px auto 0px auto;
	width: 900px;
	height: 100%;
}

table#mainTable th#logos {
	cursor: pointer;
	width: 175px;
	height: 70px;
	padding: 20px 0px 0px 10px;
	color: #999;
	background-color: transparent;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

table#mainTable tr#headerBorder {
	background-image: url(../images/header.border.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

table#mainTable th#header {
	cursor: pointer;
	height: 70px;
	padding: 30px 10px 0px 10px;
	color: black;
	background-color: transparent;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

table#mainTable thead tr,
table#mainTable tfoot tr,
table#wrapper tfoot tr {
	vertical-align: top;
}

table#wrapper tfoot tr {
	background-color: white;
}

table#wrapper tfoot tr#mainFooter {
	background-color: #f9f9f9;
}

table#mainTable tbody tr {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 100%;
	vertical-align: top;
}

table#wrapper tbody tr#spacerRow {
	height: 51px;
	background-image: url(../images/border.bottom.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}

table#mainTable tbody td#leftColumn {
	width: 150px;
	height: 100%;
	margin: 0;
	padding: 0;
}

table {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

table.border {
	border-collapse: collapse;
}

table tbody td.spacer {
	border-top: 1px dotted #bbb;
}

td.small,
th.small {
	width: 15%;
}

td.verysmall,
th.verysmall, {
	width: 10%;
}

td.oneThird {
	width: 33.3%;
}

td.half {
	width: 50%;
}

td.section {
	cursor: default;
	font-weight: bold;
	height: 25px;
}

td.select {
	height: 25px;
}

td.label {
	cursor: default;
}

table.edit,
table.user,
table.list {
	margin-top: 10px;
	background-color: white;
	color: inherit;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

td.paging {
	width: 100px;
}

table.gallery,
table.guestBookItem,
table.date,
table.iteration,
table.iterationDetail {
	margin-top: 10px;
	border: 1px solid #bbb;
	background-color: #f9f9f9;
	color: inherit;
	padding: 10px;
}

table.gallery td,
table.guestBookItem td,
table.date td,
table.iteration td,
table.iterationDetail td {
	background-color: #f9f9f9;
}

table.guestBookItem:hover,
table.date:hover,
table.iteration:hover {
	border-color: #00A062;
}

table.gallery td {
	margin: 0;
	padding: 0;
}

table.gallery td.image {
	width: 155px;
	text-align: center;
}

table.date td.text {
	cursor: default;
	padding-left: 10px;
}

table.date td.text p,
table.iteration td.text p {
	margin: 10px 0 0 0;
}

table.iteration tfoot td,
table.iterationDetail tfoot td {
	padding: 10px 0 0 0;
	cursor: default;
}

table.iteration thead th.title,
table.iterationDetail thead th.title {datesTitle
	padding-bottom: 5px;
	text-align: left;
	background-image: url(../images/line.half.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	cursor: default;
}

table.iteration td.text,
table.iterationDetail td.text {
	padding-top: 5px;
}

table.date td.verysmall {
	width: 30px;
}

table.guestBookItem td.label {
	font-weight: bold;
	cursor: default;
	width: 60px;
}

table.guestBookItem td p {
	padding: 0;
	margin: 0;
	font-size: 8pt;
}

table.person td.spacer {
	text-align: center;
	padding: 2px 0px 10px 0px;
}

table.smallCenter td.spacer {
	width: 30%;
}

table.smallCenter td.centerCell {
	width: 40%;
	text-align: left;
}

table#contentTable td.half {
	padding-right: 50px;
}

table.edit thead th,
table.user thead th,
table.list thead th {
	color: black;
}

table.edit thead th.head,
table.user thead th.head,
table.list thead th.head,
table.list tbody td.footer {
	font-weight: normal;
	font-size: 7pt;
	text-align: center;
}

table.user thead th,
table.user tbody td,
table.list thead th,
table.list tbody td,
table.edit thead th,
table.edit tbody td {
	padding: 5px;
	text-align: left;
}

table.edit tfoot td,
table.user tfoot td,
table.list tfoot td {
	border-top: 1px dotted #bbb;
	padding: 10px 0 10px 0;
}

table.edit,
table.user,
table.list {
	cursor: default;
}

table.edit tbody tr:hover,
table.user tbody tr:hover,
table.list tbody tr:hover {
	background-color: #eee;
}

td.default {
	cursor: default;
}

tr.middle {
	vertical-align: middle !important;
}

table.standalone {
	margin-top: 10px;
}

table.splitContent,
table#hallLayout,
table.hallLayoutMonth {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

table#hallLayout {
	font-size: 10px;
}

table#hallLayout tbody td {
	width: 25%;
}

td#hallLayoutFooter {
	padding-top: 10px;
	text-align: center;
}	

table.hallLayoutMonth {
	margin-top: 10px;
	border-collapse: collapse;
}

table.hallLayoutMonth tbody td {
	background-color: #ffffbb;
}

table.hallLayoutMonth thead td {
	padding: 5px;
	font-weight: bold;
	cursor: default;
}

table.hallLayoutMonth tbody td {
	padding: 5px;
	border: 1px solid #808080;
	cursor: default;
}

table.hallLayoutMonth tbody td.sunday {
	color: black;
	background-color: #c9c9c9;
}

table.hallLayoutMonth tbody td.saturday {
	color: black;
	background-color: #d6d6d6;
}

table.hallLayoutMonth thead td {
	text-align: center;
}

table#teamCalendar {
	border-collapse: collapse;
	cursor: default;
}

table#teamCalendar tr {
	vertical-align: top;
	border: 1px solid #00a062;
	background-color: #ffffbb;
}

table#teamCalendar tr.saturday,
table#teamCalendar tr.saturday tr {
	background-color: #d6d6d6;
}

table#teamCalendar tr.sunday,
table#teamCalendar tr.sunday tr {
	background-color: #c9c9c9;
}

table#teamCalendar tr.today {
	border: 2px solid #00a062;
}

td.calendarDay {
	width: 20px;
}

td.calendarAction {
	width: 35px;
}

td.calendarTime {
	width: 90px;
}

td.calendarCategory {
	width: 25px;
}

td.cancelled {
	color: red;
	background-color: inherit;
	text-decoration: line-through;
}

table.teamCalendarDay tr {
	vertical-align: bottom !important;
}

td.fixed {
	white-space: nowrap;
}

tr#single {
	display: table-row;
}

tr#repeat1,
tr#repeat2 {
	display: none;
}

tr.votingNone {
	vertical-align: top;
	background-color: #ccc;
}

tr.votingYes {
	vertical-align: top;
	background-color: #22b14c;
}

tr.votingNo {
	vertical-align: top;
	background-color: #c80000;
}

tr.votingNotSure {
	vertical-align: top;
	background-color: #ecec00;
}

td.votingNone {
	background-color: #ccc;
}

td.votingYes {
	background-color: #22b14c;
}

td.votingNo {
	background-color: #c80000;
}

td.votingNotSure {
	background-color: #ecec00;
}

/* ************** Table tags (table, tr, td, th, thead, tbody, tfoot) : END ************** */
/* */
/* ************** Input tags (input, select, textarea) : BEGIN ************** */

textarea {
	width: 100%;
	padding: 3px;
	border: 1px solid #ccc;
	font-family: "arial", sans-serif;
	font-size: 10pt;
	background-color: #efefef;
}

select,
input.text,
input.error {
	width: 100%;
	margin-top: 1px;
	border: 1px solid #ccc;
	background-color: #efefef;
}

select.auto {
	width: auto;
}

select.smallSelect {
	width: 70px;
}

input[type=text],
input[type=password] {
	margin-left: -8px;
}

table.smallCenter td.centerCell input {
	margin-left: 0;
}

input {
	padding: 3px;
}

td.centerCell input.text {
	width: 100%;
}

select {
	padding: 2px 2px 2px 3px;
	height: 24px;
}

select.multiple {
	padding: 2px 2px 2px 3px;
	height: auto;
}

option {
	border-right: 1px solid black;
	padding: 3px;
}

select[multiple=multiple] option {
	border-right: 0;
}

input.date {
	margin-top: 1px;
	border: 1px solid #ccc;
	background-image: url(../images/calendar.png);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: default;
	width: 100%;
	background-color: #efefef;
}

input.image {
	margin-top: 1px;
	border: 1px solid #ccc;
	background-image: url(../images/image.png);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: default;
	width: 100%;
	background-color: #efefef;
}

input.time {
	width: 20px;
	margin-top: 1px;
	margin-right: -3px;
	border: 1px solid #ccc;
	background-color: #efefef;
	text-align: center;
}

input.textSmall {
	width: 256px;
	margin-top: 1px;
	border: 1px solid #ccc;
}

input.error,
select.error,
textarea.error {
	background-color: #f9d1c6;
}

select:hover,
input.text:hover,
input.error:hover,
input.date:hover,
input.image:hover,
input.time:hover,
input.textSmall:hover,
textarea:hover {
	border: 1px solid #999;
}

select:focus,
input.text:focus,
input.error:focus,
input.date:focus,
input.image:focus,
input.time:focus,
input.textSmall:focus,
textarea:focus {
	border: 1px solid #00A062;
	background-color: #cfcfcf;
}

input[type=submit],
input[type=button],
input[type=cancel] {
	border: 1px solid #c1c1c1;
	padding-right: 10px;
	padding-left: 10px;
	background-color: transparent;
	background-image: url(../images/button.png);
	background-repeat: repeat-x;
}

input[type=submit]:hover,
input[type=button]:hover,
input[type=cancel]:hover {
	border-color: #999;
}

input[type=submit]:active,
input[type=button]:active,
input[type=cancel]:active {
	color: white;
	border-color: #999;
	background-image: url(../images/button.active.png);
}

input[type=checkbox] {
	margin: 6px 0px 0px 0px;
}

input.captcha {
	margin: 0;
	width: 194px;
}

input.day,
input.month,
input.year {
	border: 1px solid #00a062;
	background-color: #d6d6d6;
	color: black;
	padding: 3px;
	font-size: 10px;
}

input.year {
	width: 26px;
}

input.day,
input.month {
	width: 14px;
}

/* ************** Input tags (input, textarea) : END ************** */
/* */
/* ************** List-elements (ul, li) : BEGIN ************** */

ul {
	list-style-image: url(../images/bullet.png);
}

/* ************** List-elements (ul, li) : END ************** */
/* */
/* ************** Header-elements (h1, ..., h6) : BEGIN ************** */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 11pt;
	font-family: "arial", sans-serif;
	font-weight: bold;
	color: #00A062;
	background-color: inherit;
}

/* ************** Header-elements (h1, ..., h6) : END ************** */
/* */
/* ************** Horizontal ruler (hr) : BEGIN ************** */

hr {
	width: 100%;
	border: 1px solid #00A062;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

/* ************** Horizontal ruler (hr) : END ************** */
/* */
/* ************** Field-sets (fieldset, legend) : BEGIN ************** */

fieldset#preview,
fieldset#preview_preview {
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 10px 0px;
	border-top: 1px solid #808080;
	border-right: 0;
	border-bottom: 1px solid #808080;
	border-left: 0;
}

fieldset#preview legend,
fieldset#preview_preview legend {
	font-size: 12px;
	border: 1px solid #808080;
	padding: 0px 4px 0px 4px;
	cursor: default;
}

fieldset.innerset {
	margin: 10px 0px 0px 0px;
	padding: 3px 10px 10px 10px;
	border: 1px solid #808080;
}

fieldset.innerset legend {
	font-size: 12px;
	border: 1px solid #808080;
	padding: 0px 4px 0px 4px;
	background-color: white;
	color: #808080;
	cursor: default;
}

/* ************** Field-sets (fieldset, legend) : END ************** */
/* */
/* */
/* */
/* ************** StyleSheet : END ***************************************** */
/* */
/* ************** Copyright 2010-2012 DJK-AK-Neunkirchen ************************ */