﻿* {
	padding: 0px;
	margin: 0px;
}

body {
	background-color: #403055;
	color: #FFFFFF;
	font-family: Arial,sans-serif;
}

a {
	color: #FBFFC9;
	cursor: pointer;
}

a img {
	border-width: 0px;
}

div.Navigation a {
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-color: transparent;
	font-size: 15px;
	display: block;
	padding-left: 18px;
	margin-bottom: 18px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url('navigation-link-bullet.png');
}

div.NavigationLevel2 a {
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-color: transparent;
	font-size: 15px;
	margin-right: 10px;
	padding-left: 18px;
	padding-right: 3px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url('navigation-link-bullet.png');
}

a.PreviousSlide, a.NextSlide {
	display: block;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-color: transparent;
	font-size: 15px;
	background-repeat: no-repeat;
}

a.PreviousSlide {
	float: left;
	margin-left: 10px;
	padding-left: 15px;
	padding-right: 4px;
	background-position: left center;
	background-image: url('navigation-arrow-left.png');
}

a.NextSlide {
	float: right;
	text-align: right;
	margin-right: 10px;
	padding-right: 15px;
	padding-left: 4px;
	background-position: right center;
	background-image: url('navigation-arrow-right.png');
}

a:hover {
	color: #FFFF00;
	border-color: #FFFF00;
}

div.Navigation a:hover, div.NavigationLevel2 a:hover {
	border-color: #FFFF00;
	background-image: url('navigation-link-bullet-hover.png');
}

a.PreviousSlide:hover {
	background-image: url('navigation-arrow-left-hover.png');
}

a.NextSlide:hover {
	background-image: url('navigation-arrow-right-hover.png');
}

div.PageContent {
	width: 960px;
	margin: 30px auto;
	padding: 0px 10px;
}

div.NavigationAndContent {
	float: left;
	width: 674px;
}

img.Logo {
	width: 240px;
	height: 199px;
}

div.TitleArea {
	float: right;
	margin: 30px 0px;
	width: 430px;
}

span.Title {
    float: right;
	margin: 50px 20px;
    font-size: 22px;
    text-align: center;
}

img.Portrait {
	width: 160px;
	height: 160px;
}

img.Fruehling {
	width: 490px;
	border-style: solid;
	border-width: 1px;
	border-color: #FBFFC9;
}

span.Quote {
    display: block;
    float: left;
	margin: 10px 15px 0px 0px;
	font-size: 12px;
	text-align: right;
}

span.QuoteAuthor {
	color: #888888;
}

div.Navigation {
	clear: both;
	float: left;
	padding: 50px 10px 50px 0px;
	width: 100px;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #FFFF00;
}

div.NavigationLevel2 {
	clear: both;
	float: left;
	padding: 0px 0px 15px 0px;
}

div.Content {
	float: left;
	width: 509px;
	padding: 0px 10px 0px 40px;
	font-size: 16px;
}

ul {
	margin-left: 20px;
}

h1 {
	color: #FFFF00;
	font-size: 25px;
	margin-left: -20px;
	margin-bottom: 20px;
}

h2 {
	color: #FBFFC9;
	font-size: 20px;
	margin-left: -10px;
	margin-bottom: 20px;
}

a.ContentAnchor {
	margin-left: 25px;
}

div.Slideshow {
	float: right;
	width: 250px;
	border-style: solid;
	border-width: 0px 3px;
	border-color: #FFFF00;
	padding: 10px;
}

div.EventSlideshow {
	width: 375px;
	margin-left: 67px;
	margin-right: 67px;
}

div.Slide {
	display: none;
}

div.FirstSlide {
	display: block;
}

div.EventSlideshow div.FirstSlide span, div.EventSlideshow div.Slide span {
	display: block;
	color: #DDDDDD;
	/*background-color: #40304A;*/
	padding: 5px 2px;
}

div.Slide img, div.FirstSlide img {
	margin-top: 5px;
	width: 250px;
	min-height: 100px;
	border-style: solid;
	border-width: 1px;
	border-color: #FBFFC9;
}

div.Gallery img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 375px;
	min-height: 100px;
	border-style: solid;
	border-width: 1px;
	border-color: #FBFFC9;
}

a.PartnerLinkImage {
	float: left;
	margin-right: 20px;
}

@media screen and (view-mode: minimized) {
	div.PageContent {
		width: 169px;
		margin: 10px auto;
		padding: 0px;
	}
	
	div.NavigationAndContent {
		float: left;
		width: 169px;
	}
	
	img.Logo {
		width: 169px;
		height: 140px;
	}
	
	div.TitleArea, div.Navigation, div.Content, div.Slideshow {
		display: none;
	}
}