@charset "UTF-8";

@font-face
{
	font-family: CustomFont;
	font-weight:normal;
	src:url(../font/SecretaryHandBold.otf);
}

@font-face
{
	font-family: CustomFont;
	font-weight:bold;
	src: url(../font/SecretaryHand.otf);
}

@font-face
{
	font-family: CustomFont;
	font-weight:bold;
	font-style:italic;
	src:url(../font/SecretaryHandItalic.otf);
}

@font-face
{
	font-family: CustomFont;
	font-weight:normal;
	font-style:italic;
	src:url(../font/SecretaryHandBoldItalic.otf);
}

.roundImage
{
	border-radius:0px;
    overflow:hidden;
}

a:link {
    color: #66C;
}

a:visited {
    color: #66C;
}

a:hover {
    color: #339;
}

a:active {
    color: #339;
}

nav a:link {
    color: white;
}

nav a:visited {
    color: white;
}

nav a:hover {
    color: white;
}

nav a:active {
    color: white;
}


.euroSign
{
	font-size:0.7em;
	font-style:italic;
}

.atSign
{
	font-size:0.8em;
	font-style:italic;
	margin-right:0px;
	margin-left:-1px;
	font-family:Verdana, Geneva, sans-serif;
}

.spaceSignFix
{
	font-family:Verdana, Geneva, sans-serif;
}

tt
{
	font-size:0.8em;
}

html
{
	-webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: subpixel-antialiased;
	font-smooth: always;
	min-height:100%;/* make sure it is at least as tall as the viewport */
}

.floatingElementRight
{
	float:right;
	margin-left:20px;
	clear:right;
}

.floatingElementLeft
{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	clear:left;
}

.LeftAlign
{
}

h1
{
	font-size:32px;
	font-weight:normal;
}

h2
{
	font-size:24px;
	font-weight:normal;
}

h3
{
	font-size:22px;
	font-weight:normal;
}

.menuOverlayImage
{
	margin:0px;
	padding:0px;
}

body
{
	font-size:18px;
	font-family:CustomFont;
	background-color: #fff;
	min-height:100%;
	margin:0;
	background-image:url(../bilder/Hintergrund.jpg);
	background-attachment:fixed;
	background-position:center center;
	background-repeat: no-repeat;
	background-size: 2048px 2593px;
}

nav
{
	background-color:#444;
	font-weight:bold;
	font-size:18px;
-webkit-box-shadow: 0px 20px 39px -15px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 20px 39px -15px rgba(0,0,0,0.75);
box-shadow: 0px 20px 39px -15px rgba(0,0,0,0.75);
}

nav ul
{
	position:relative;
	width:100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

nav ul li
{
	float: left;
}

.RechterEintragMenu nav ul li{
	float: none;
	}

nav ul li a
{
	display: block;
	color: white;
	text-align: center;
	padding: 14px 14px;
	text-decoration: none;
}

.RechterEintragMenu nav ul li a {
		width:100%;
		text-align: left;
	}

nav ul li a:hover
{
	background-color: #111;
}

header
{
	height:150px;
	background-image:url(../bilder/Header.jpg);
	background-size: 850px 200px;
	background-position:top center;
	font-family:CustomFont;
	font-weight:bold;
}

.headercontent
{
	font-size:42px;
	font-weight:bold;
	float:left;
	position: absolute;
	left: 40px;
	top: 30px;
	text-shadow: 0px 0px 8px #222;
	color:white;
	margin:0px;
	position:absolute;
	z-index:10;
}

.headercontentklein
{
	font-size:24px;
	font-weight:bold;
	float:left;
	position: absolute;
	left: 40px;
	top: 80px;
	text-shadow: 0px 0px 8px #222;
	color:white;
	margin:0px;
	position:absolute;
	z-index:10;
}

.activemenu
{
	background-color: #282828;
}
/*
#HauptbereichHintergrund
{
	position: fixed;
	width: 850px;
	height:100%;
	margin: 0% auto;
	left: 0;
	right: 0;
	box-shadow: 10px 5px 30px 0px #222;
	background: rgba(255, 255, 255, .5);
}
*/
#Hauptbereich
{
	min-height: 880px;
	
	position: absolute;
	margin: 0% auto;
	left: 0;
	right: 0;
	width: 850px;
	box-shadow: 10px 5px 30px 0px #222;
	background: rgba(255, 255, 255, .5);
}

#ImageRight
{
	margin:0px;
	top:0px;
	float:right;
	position: absolute;
	right: 0px;
	width:320px;
	pointer-events: none;
	border-radius:0%;
    overflow:auto;
}

#ContentSection
{
	position:relative;
	min-height: 100%;
	width: 600px;
	margin-bottom:0px;
	margin-top:40px;
	padding-top:0px;
}

#map
{
	width: 500px;
	height: 400px;
	position:relative;
	margin-bottom:40px;
}

article
{
	padding-left:40px;
	padding-right:40px;
	padding-bottom:30px;
}

#Seitenbereich
{
	padding:0px;
	margin:0px;
	top:610px;
	float:right;
	position: absolute;
	right: 0px;
	width:270px;
}

.RechterEintragMenu
{
	margin:0px;
	margin-bottom:10px;
	padding-left:20px;
	padding-right:0px;
}

.RechterEintrag
{
	margin:0px;
	margin-bottom:10px;
	margin-right:15px;
	padding-top:20px;
	padding-left:20px;
	padding-right:0px;
	padding-bottom:20px;
	border-color:#333;
	border-width:0px;
	border-top-width:thin;
	border-left-width:thin;
	border-bottom-width:thin;
	border-style: solid;
}

.RechterEintragHidden
{
	display:none;
	margin:0px;
	margin-right:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}

#rightSlid
{
	width:200px;
}

#thumbnails
{
	width:220%;
	margin-bottom:-2px;
}

@media only screen and (max-width: 849px)
{
	#Hauptbereich 
	{
		min-height:inherit;
		width: 100%;
		background: rgba(255, 255, 255, 0);
	}
	
	#HauptbereichHintergrund
	{
		position: relative;
		width: 100%;
		height:0px;
		background: rgba(255, 255, 255, 0);
	}

	#ImageRight
	{
		opacity:1;
		width:300px;
	}

	#ContentSectionOuter
	{
		position:relative;
		width:100%;
		padding-top:1px;
		padding-bottom:1px;
		background: rgba(255, 255, 255, .6);
	}

	#ContentSection
	{
		position:relative;
		margin-bottom:0px;
		margin-top:40px;
		padding-top:0px;
		width:100%;
		min-height:200px;
	}

	#map {
		width: 100%;
		}

	nav ul li {
		float: none;
	}

	nav ul li a {
		width:100%;
		text-align: left;
	}

	nav ul li a div {
		margin-left:30px;
	}
	
	.RechterEintrag nav ul li a div {
		margin-left:30px;
	}

	#Seitenbereich
	{
		margin:0px;
		padding:0px;
		top:inherit;
		float:none;
		position: relative;
		width:100%;
		background: rgba(255, 255, 255, .6);
	}

	.RechterEintragMenu
	{
		margin:0px;
		padding: 0px;
		
		padding-left:0px;
		padding-right:0px;		
	}

	.RechterEintrag
	{
		border-left-width:0px;
		margin:0px;
		margin-right:0px;
		padding: 0px;
		padding-bottom:20px;
		padding-top:20px;
		padding-left:40px;
		padding-right:40px;
		border-bottom-width:0px;
	}
	
	.LeftAlignLastItem
	{
		margin-bottom:20px;
	}
	
	.LeftAlignLastItem,
	.LeftAlign
	{
		width:100%;
	}
	
	#thumbnails
	{
		position: static;
  		margin: 0% auto;
  		left: 0;
  		right: 0;		
	}
}

@media only screen and (max-width: 400px)
{
	#ImageRight 
	{
		width:250px;
	}
	
	.floatingElementRight
	{
		float:none;
		margin-left:0px;
		margin-bottom:10px;
	}

	.floatingElementLeft
	{
		float:none;
		margin-right:0px;
		margin-bottom:10px;
	}
}

@media only screen and (min-width: 2048px)
{
	body
	{
		background-size: cover;
	}
}