/***** global *****/

body {
	font-size: 12px;
	background: #e0e0e0;
	color: Black;
	margin: 0;
	padding: 0;
}

div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

img.icon {
	vertical-align: middle;
}

a {
	text-decoration: none;
}

/***** root *****/

div#root {
	position: relative; 
	margin: 0 auto; 
	width: 900px;
}

/***** top *****/

div#top {
	position: absolute; 
	top: 0px;
	left: 0px;
	width: 900px;
	height: 100px;
	background: #000080; 
	background-image:url(/images/banner.jpg);
}

/***** navigation *****/

div#navigation {
	position: absolute;
	top: 100px;
	navigation: 0px;
	width: 200px;
	padding: 2em 1em; 
}

div#navigation ul {
	list-style-type: none;
	padding: 0px 0px 0px 10px; 
}

div#navigation a {
	color: #606060;
	text-decoration:none;
	padding: 0 0.2em;
}

div#navigation a:hover {
	background-color: #ffffff;
} 

div#navigation span {
	padding: 0 0.2em;
	background-color: #f0f0f0;
}

/***** main *****/

div#main {
	position: absolute; 
	top: 100px;
	left: 200px;
	width: 700px;
	min-height: 300px; 
	padding: 2em 1em 1em; 
	border: 1px solid #606060;
	border-top: none;
	background: White;
}

div#main h1 {
	font-size: 14px;
}

div#main h2 {
	font-size: 13px;
}

div#main dt {
	font-size: 14px;
	font-weight: bold; 
}

div#main dd {
	font-size: 14px;
	line-height: 20px;
}

div#main table, div#main td {
	font-size: 14px;
}

/***** universal *****/

div.infoblock {
	margin: 1em;
	padding: 1em;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
}

tr.tr_red td, tr.tr_red td span div {
/*	background: #ffc8c8; */
/*	background: #e06040 */
	background: #e86848
}

tr.tr_yellow td, tr.tr_yellow td span div {
	background: #e8e840;
}

tr.tr_green td, tr.tr_green td span div {
/*	background: #c0ffc0; */
/*	background: #80e040; */
	background: #88e848; 
}

tr.tr_blue td, tr.tr_blue td span div {
/*	background: #e0e0ff; */
/*	background: #4080e0; */
/*  background: #4888e8; */
	background: #60a8e8; 
}

span.expand:hover>div {
	display: block;
}

span.expand div {
	position: absolute; 
	max-width: 190px;
	padding-right: 10px;
	display: none;
}


/***** start *****/

div.start_news_dates {
	margin: 1em;
	padding: 1em;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
}

div.start_news_dates table#news {
	width: 100%;
	margin: 1em 1em;
	border: none;
	border-spacing: 0 1px;
}

div.start_news_dates table#news th {
	padding: 0 5px;
	text-align: left;
	background: #e0e0e0;
	font-size: 12px;
}

div.start_news_dates table#news td {
	padding: 0 5px;
	vertical-align: top;
	font-size: 12px;
}

div.start_news_dates table#termine {
	width: 66%;
	margin: 1em 1em;
	border: none;
	border-spacing: 0 1px;
}

div.start_news_dates table#termine th {
	padding: 0 5px;
	text-align: left;
	background: #e0e0e0;
	font-size: 12px;
}

div.start_news_dates table#termine td {
	padding: 0 5px;
	vertical-align: top;
	font-size: 12px;
}

/***** infos *****/

/***** termine *****/

div.termine {
	margin: 1em;
	padding: 1em;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
}

div.termine table {
	width: 85%;
	margin: 1em 1em;
	border: none;
	border-spacing: 0 1px;
}

div.termine th {
	padding: 0 5px;
	text-align: left;
	background: #e0e0e0;
}

div.termine td {
	padding: 0 5px;
	vertical-align: top;
}

/***** fotos *****/

div.gallery_thn table {
	margin: 15px 25px;
}

div.gallery_thn td {
	width: 120px;
	height: 120px;
	text-align: center;
}

div.gallery_thn img {
	text-align: center;
	vertical-align: middle;
	padding: 2px;
	margin: 0;
	border: 1px solid #808080;
}

div.gallery_thn img:hover {
	background: #808080;
}

div.gallery_thn_idx {
/*	padding: 1.5em 0.75em 0em; */
	margin: 1em;
}

div.gallery_thn_idx a {
	text-decoration: none;
	padding: 0.5em 0.75em;
	color: black;
	background-color: #f0f0f0;
}

div.gallery_thn_idx a:hover {
	background-color: #e0e0e0;
} 

div.gallery_thn_idx span {
	text-decoration: none;
	padding: 0.5em 0.75em;
	color: black;
	background-color: #d0d0d0;
}

div.gallery_view_nav {
	width: 100%;
	text-align: center;
}

div.gallery_view_nav img {
	margin: 0 1em;
}

div.gallery_view {
	width: 100%;
	text-align: center;
}

div.gallery_view img {
	padding: 0;
	margin: 1em;
	border: none;
}


h2.gallery_con {
	width: 100%;
	border-bottom: 1px dotted blue;
}

table.gallery_con td {
	vertical-align: top;
	padding: 0.5em;
}

/***** extras *****/

/***** links *****/

div.links {
	margin: 1em;
	padding: 1em;
	border: 1px solid #e0e0e0;
	border-right: none;
}

div.links table {
	border-spacing: 1em;
	font-size: 13px;
}

div.links a {
	font-size: 15px;
}

/***** intern *****/

iframe.intern {
	width: 100%;
	height: 600px;
	border: none;
}

/***** impressum *****/

div.impressum1 {
	margin: 1em;
	padding: 1em;
	border: 1px solid #e0e0e0;
}

div.impressum2 {
	margin: 1em;
}

div.impressum2 table {
/*	width: 100%; */
}

div.impressum3 {
	margin: 1em;
	padding: 1em;
	border: 1px solid #e0e0e0;
}

div.impressum3 h4 {
	margin: 0;
}

img.mail {
	vertical-align: text-bottom;
}