/* Allgemeines */

html {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background-image:url('../images/bg_body.png');
	background-repeat: repeat-x;
	background-color: #F5F5F5;
	height: 100%;
	align: center;
}

/* Schatten-Effekte links und rechts */
table.main_table {
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
	margin-left: 8px;
	margin-left:auto; margin-right:auto;
	padding: 0px;
	height: 100%;
	width: 887px;
	align: center;
}

td.shadow_left {
	width: 20px;
	padding: 0px;
	vertical-align: top;
	background-image:url('../images/shadow_left.png');
}

td.shadow_right {
	width: 20px;
	padding: 0px;
	vertical-align: top;
	background-image:url('../images/shadow_right.png');
}

/* Titel */
td.title {
	margin: 0px;
	vertical-align: top;
	background-color: #ffffff;
	color: #084C6E;
	font-family: arial;
	font-size: 18pt;
	padding: 0px;
	padding-top: 10px;
	padding-left: 15px;
	height: 42px;
}

td.title_left {
	padding: 0px;
	background-color: #0B618A;
	height: 42px;
}

td.header {
	padding: 0px;
	height: 120px;
	background-color: #ffffff;
}

/* Haupt-Navigation */
td.main_navigation {
	padding: 0px;
	padding-top: 16px;
	width: 130px;
	vertical-align: top;
	color: #FFFFFF;
	font-family: arial;
	font-size: 10pt;
	background-color: #0B618A;
}

div.navigationMain {
	border-collapse: collapse;
	border-top-style: solid;
	border-width: 1px;
	border-color: #084C6E;
	padding: 8px;
	padding-bottom: 2px;
	padding-top: 2px;
}

a.navigationMain:link {
	color: #FFFFFF;
	text-decoration: none;
}

a.navigationMain:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a.navigationMain:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

a.navigationMain:active {
	color: #FFFFFF;
	text-decoration: underline;
}

li.navigationMainSub {
	list-style: square;
	list-style-position: outside;
	text-indent: 0px;
	padding: 0px;
	margin-left: 15px;
}

/* Tabelle ohne Abstaende */
table.no_space {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	margin: 0px;
	padding: 0px;
}

td.no_space {
	padding: 0px;
	font-size: 9pt;
}

td.content_space {
	padding: 0px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
	font-family: arial;
	font-size: 9pt;
	background-color: #FFFFFF;
}

/* Content */
table.content {
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

/* 1 Spalten Layout */
td.one_col_layout {
	padding: 0px;
	font-family: arial;
	font-size: 9pt;
	vertical-align: top;
	width: 687px;
}

/* 2 Spalten Layout */
td.content_left {
	padding: 0px;
	font-family: arial;
	font-size: 9pt;
	text-align: justify;
	vertical-align: top;
	width: 433px;
}

td.content_right
{
	padding: 0pt;
	padding-left: 30px;
	padding-top: 10px;
	font-family: arial;
	font-size: 9pt;
	vertical-align: top;
	width: 224px;
}

/* Footer */
td.footer {
	height: 25px;
	padding: 0px;
	padding-top: 5px;
	padding-right: 15px;
	text-align: right;
	background-color: #ffffff;
}

/* Tabs */
div.tabs_pages {
	float: left;
	padding-left: 2px;
	font-family: arial;
	font-size: 9pt;
	margin-bottom: 1px;
}

div.tab_page {
	float: left;
	border: 1px solid #084C6E;
	margin-right: 2px;
	padding: 1px;
	background-color: #0B618A;
	margin-top: 3px;
}

div.tab_page_active {
	float: left;
	border: 1px solid #084C6E;
	margin-right: 2px;
	padding: 2px;
	font-size: 10pt;
	color: #0B618A;
}

a.tabs:link {
	text-decoration: none;
	color: #ffffff;
}

a.tabs:visited {
	color: #ffffff;
	text-decoration: none;
}

a.tabs:hover {
	color: #ffffff;
	text-decoration: none;
}

a.tabs:active {
	color: #ffffff;
	text-decoration: none;
}

div.tabs_navigation {
	float: right;
	padding-left: 2px;
	font-family: arial;
	font-size: 9pt;
	margin-top: 3px;
	margin-bottom: 1px;
}

div.tab_navigation {
	float: left;
	border: 1px solid #084C6E;
	margin-right: 2px;
	padding: 1px;
	color: #0B618A;
}

/* News */
div.news {
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-color: #AFCBD8;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
	margin: 0px;
	float: left;
	width: 100%;
}

/* Fotoalbum */
table.fotoalbum {
	border-collapse: separate;
	border-spacing: 2px;
	border: 1px solid #084C6E;
	margin: 0px;
}

td.fotoalbum {
	padding: 0px;
	width: 169px;
	text-align: center;
}

img.fotoalbum {
	margin-top: 2px;
	border: solid 1px #084C6E;
	padding: 2px;
}

img.fotoalbum_gross {
	margin-top: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #AFCBD8;
}

/* Fotos allgemein */
img {
	border-style: none;
}


/* Links */
a:link {
	color: #0B618A;
	text-decoration: none;
}

a:visited {
	color: #0B618A;
	text-decoration: none;
}

a:hover {
	color: #0B618A;
	text-decoration: underline;
}

a:active {
	color: #0B618A;
	text-decoration: underline;
}

/* Ueberschriften */
h1 {
	color: #0B618A;
	font-size: 15pt;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-bottom: 6px;
	margin-top: 15px;
}

h2 {
	color: #0B618A;
	font-size: 11pt;
	font-weight: bold;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 6px;
}

/* Listen */
ul {
	list-style: disc;
	list-style-position: outside;
	text-indent: 0px;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-left: 20px;
}

li {
	padding-bottom: 5px;
}

/* Formulare */
form {
	margin: 0px;
	padding: 0px;
}

legend {
	color: #0B618A;
	font-weight: bold;
	margin-left: 3px;
	font-size: 10pt;
}

fieldset {
	border: 1px solid #0C6D9E;
	background-color: #F5F5FF;
	margin: 0px;
	padding: 2px;
	padding-top: 4px;
	display: inline;
}

table.formular {
	border-spacing: 3px;
	border-collapse: separate;
	margin: 0px;
	padding: 0px;
}

td.formular {
	padding: 2px;
	vertical-align: middle;
	font-size: 9pt;
	color: #084C6E;
}

input {
	font-size: 9pt;
	font-family: arial;
}

input.formated {
	font-size: 9pt;
	font-family: arial;
	border: 1px solid #0C6D9E;
	padding-left: 1px;
	padding-right: 1px;
}

input.checkbox {
	position: relative; 
	left: -4px;
	top: 1px;
}

select {
	font-size: 9pt;
	font-family: arial;
	border: 1px solid #0C6D9E;
}

textarea {
	font-size: 9pt;
	font-family: arial;
	border: 1px solid #0C6D9E;
	padding-left: 1px;
	padding-right: 1px;
}

div.text_edit {
	border: 1px solid #0C6D9E;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 37px;
	float: left;
	text-align: center;
	margin-right: 5px;
	background-color: #ffffff;
}

/* Tabelle mit Daten */
table.data {
	border-collapse: collapse;
	border-spacing: 0px;
	border-width: 0;
	border-top: 1px solid #084C6E;
	border-bottom: 1px solid #084C6E;
	margin: 0px;
	width: 100%;
}

th.data {
	text-align: left;
	font-weight: bold;
	font-size: 9pt;
	border-width: 0px;
	border-bottom: 1px solid #084C6E;
	padding: 3px;
	padding-left: 5px;
	color: #000000;
}

td.data {
	font-size: 9pt;
	border-width: 0px;
	padding: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: left;
	vertical-align: top;
}

/* Tabellen mit Trennlinien */
table.border {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #0C6D9E;
	margin: 0px;
	width: 100%;
}

th.border {
	text-align: left;
	font-weight: normal;
	border-style: none;
	border-bottom: 1px solid #0C6D9E;
	padding: 4px;
	background-color: #F5F5FF;
	color: #084C6E;
}

td.border {
	border-style: none;
	padding: 4px;
}

/* Links fuer Tabellen-Header */
a.header:link {
	color: #084C6E;
	text-decoration: underline;
}

a.header:visited {
	color: #084C6E;
	text-decoration: underline;
}

a.header:hover {
	color: #084C6E;
	text-decoration: underline;
}

a.header:active {
	color: #084C6E;
	text-decoration: underline;
}

/* Horizontale Linie */
hr {
	width: 100%;
	height: 1px;
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-color: #AFCBD8;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Div mit Trennungslinie fuer eine Liste */
div.list {
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-color: #AFCBD8;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	float: left;
	width: 100%;
}

/* Anzahl Kommentare zu Foto */
td.fotocomment {
	font-family: arial;
	font-size: 8pt;
	padding: 0px;
	padding-bottom: 3px;
	text-align: center;
}

/* Kommentare */
img.comments {
	padding: 2px;
	border: 1px solid #084C6E;
	width: 90px;
}

/* Vorstand */
div.vorstand_foto {
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 62px;
	height: 92px;
}

div.vorstand_text {
	float: left;
	padding-left: 10px;
	padding-top: 2px;
	margin-top: 5px;
	margin-right: 15px;
	width: 137px;
	text-align: left;
}

div.vorstand_funktion {
	font-size: 8pt;
	font-weight: bold;
}

/* Counter */
img.counter {
	margin-top: 3px;
}


/* Datepicker */

/* calendar icon */
img.tcalIcon {
	cursor: pointer;
	margin-left: 1px;
	vertical-align: middle;
}
/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 158px;
	padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
}
/* navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td {
	width: 15px;
	height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
	background-color: white;
	color: black;
	border: 0;
}
/* week days header */
div#tcal th {
	border: 1px solid silver;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: tahoma, verdana, arial;
	font-size: 10px;
	background-color: gray;
	color: white;
}
/* date cells */
div#tcal td {
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 0;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	width: 22px;
	cursor: pointer;
}
/* date highlight in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
	color: silver;
}
div#tcal td.weekend {
	background-color: #ACD6F5;
}
div#tcal td.today {
	border: 1px solid red;
}
div#tcal td.selected {
	background-color: #FFB3BE;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	border: 0;
}
/* transparent shadow */
div#tcalShade {
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
div#tcalShade table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
div#tcalShade table td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
}

/* Style-Definitionen fŸr GerŠte mit kleinem Display */
@media only screen and (max-device-width: 887px) {
	
	.shadow_left {
		display: none;
	}
	
	.shadow_right {
		display: none;
	}
  
	table.main_table {
		border-collapse: collapse;
		border-spacing: 0px;
		margin: 0px;
		padding: 0px;
		height: 100%;
		width: 847px;
	}
}