@charset "utf-8";

body
{
	margin: 0;
	padding: 0;
	overflow: auto;
	font-family : Helvetica, Arial, Verdana, sans-serif;
	font-size : 11px;
	line-height: 15px;
	background: #bbb;
}

form
{
	margin: 0;
	padding: 0;
}

img
{
	border: none;
}

h1
{
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	padding: 3px 0 0 0;
	margin: 0;
	height: 26px;
}

h2
{
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	font-style: italic;
	padding: 0;
	margin: 0 0 13px 0;
}

h3
{
	font-weight: bold;
	font-size: 11px;
	padding: 0;
	margin: 0 0 13px 0;
}

p
{
	padding: 0;
	margin: 0 0 13px 0;
}

p.bigMargin
{
	margin: 0 0 33px 0;
}

a, a:link, a:visited
{
	color: #000;
	font-style: italic;
	text-decoration: none;
}

a:hover, a:active, a:focus
{
	text-decoration: underline;
}

#imageContainer
{
	position: fixed;
	overflow: hidden;
}

@media screen and (max-device-width: 480px) {
	#imageContainer
	{
		padding-right: 40px;
	}
}

a.arrow, a.arrow:visited, a.arrow:link
{
	position: absolute;
	cursor: pointer;
	z-index: 1000;
	display: none;
	width: 135px;
	height: 147px;
	background-position: top;
	
	-webkit-user-select: none;
	-moz-user-select: none;
    -khtml-user-select: none;
}

a#arrowLeft
{
	background: url(../_inhaltsbilder/galerie/back.png) no-repeat;

}

#arrowRight
{
	background: url(../_inhaltsbilder/galerie/next.png) no-repeat;
}

a#arrowLeft:hover, a#arrowRight:hover
{
	background-position: bottom;
}

#header
{
	position: absolute;
	top: 40px;
	left: 40px;
	z-index: 500;
	width: 960px;
	height: 280px;
}

@media screen and (max-device-width: 480px) and (orientation:landscape) {
	#header
	{
		width: 1000px;
	}
}


#logo
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 60px;
	height: 240px;
}

#impressions
{
	position: absolute;
	top: 50px;
	left: 280px;
	width: 195px;
	height: 14px;
	background: url(../_inhaltsbilder/permanent_navigation/impressionen.png) no-repeat;
}

a.gallerySwitch, a.gallerySwitch:link, a.gallerySwitch:visited
{
	cursor: pointer;
	display: block;
	height: 14px;
	float: left;
	background-position: top;
	background-repeat: no-repeat;
}

a.gallerySwitch:hover, a.gallerySwitch:active, a.gallerySwitch:focus
{
	background-position: center;
}

a.gallerySwitch.active, a.gallerySwitch.active:link, a.gallerySwitch.active:visited
{
	background-position: bottom;
}

#galleryOnSwitch
{
	margin: 0 0 0 126px;
	width: 26px;
	background-image: url(../_inhaltsbilder/permanent_navigation/gallery_on.png);
}

#galleryOffSwitch
{
	margin: 0 0 0 13px;
	width: 30px;
	background-image: url(../_inhaltsbilder/permanent_navigation/gallery_off.png);
}


ul#permanentNavi
{
	position: absolute;
	list-style-type: none;
	top: 50px;
	right: 0px;
	width: 306px;
	padding: 0;
	margin: 0;
	background: url(../_inhaltsbilder/hintergrund/Trennpunkte_Permanent.png) no-repeat 59px;
}


@media screen and (max-device-width: 480px) and (orientation:landscape) {
	ul#permanentNavi
	{
		right: 40px;
	}
}

ul#permanentNavi li
{
	float: left;
	padding: 0;
	margin: 0 25px 0 0;
}

ul#permanentNavi li.last
{
	margin-right: 0px;
}

ul#permanentNavi li a, ul#permanentNavi li a:link, ul#permanentNavi li a:visited
{
	display: block;
	background-position: top;
}

ul#permanentNavi li a:hover, ul#permanentNavi li a:active, ul#permanentNavi li a:focus,
ul#permanentNavi li.active a, ul#permanentNavi li.active a:link, ul#permanentNavi li.active a:visited
{
	background-position: bottom;
}

#contentContainer
{
	position: absolute;
	top: 140px;
	left: 40px;
	z-index: 500;
	width: 960px;
}

@media screen and (max-device-width: 480px) {
	#contentContainer
	{
		width: 1000px;
	}
}

#navigation
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 240px;
}

#navigation ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	padding: 0;
	margin: 0;
	height: 56px;
	width: 240px;
}

#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited
{
	display: block;
	height: 56px;
	width: 240px;
	background-repeat: no-repeat;
	background-position: top;
}

#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:focus
#navigation ul li.active a, #navigation ul li.active a:link, #navigation ul li.active a:visited
{
	background-position: bottom;
}

ul#mainNavi
{
	background: url(../_inhaltsbilder/hintergrund/BG_MainNavi.png) no-repeat;
}

ul#subNavi
{
	margin-top: 20px;
	background: url(../_inhaltsbilder/hintergrund/BG_SubNavi.png) no-repeat;
}

#content
{
	position: absolute;
	top: 0px;
	left: 280px;
	width: 660px;
	background: url(../_inhaltsbilder/hintergrund/BG_Content.png);
	padding: 10px;
}

#contentHeader
{
	background: url(../_inhaltsbilder/hintergrund/trennlinien_content.png) no-repeat;
	padding: 8px 1px 8px 1px;
	margin: 0 0 16px 0;
	width: 658px;
	height: 226px;
}

#content .column
{
	float: left;
	width: 320px;
}

#content .column.left
{
	margin-right: 20px;
}

#googleMapsBlock
{
	width: 320px; 
	height: 320px;
	margin-bottom: 20px;
}

.center
{
	text-align: center;
}

.clear
{
	clear: both;
	_font-size: 1px;
	_height: 1px;
}