/* @override http://www.parkmitallensinnen.de/~cms/styles.css */

/* Allgemeine Definitionen */

html
{
	background: #F6EED4;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: black;
}

body
{
	width: 920px;
	height: 612px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -465px;
	margin-top: -306px;
	background: url(/~cms/images/hintergrund.gif) no-repeat;
}

img
{
	border: none;
}

input, textarea, select
{
	font-family: arial, sans-serif;
	font-size: 12px;
	color: black;
	margin: 0;
}


/* Meta-Navigation */

div.metaNav
{
	text-align: right;
	font-size: 10px;
	padding: 4px 21px 0 0;
}

div.metaNav a
{
	color: black;
	text-decoration: none;
	margin-left: 6px;
}

div.metaNav a:hover
{
	text-decoration: underline;
}

div.metaNav a#active
{
	text-decoration: underline;
}

/* Störer */

div.teaser 
{
	position: absolute;
	right: -60px;
	top: 80px;
	
	width: 356px;
	height: 146px;
	
	background: url(/images/teaser_080423_betriebsausflug.png) no-repeat;
}

div.teaser a
{
	display: block;
	width: 100%;
	height: 100%;
	
	text-indent: -1000em;
}

* html div.teaser 
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/teaser_080423_betriebsausflug.png', sizingMethod='crop');
	background-image: none;
}

/* Logo */

div.logo
{
	position: absolute;
	left: 20px;
	top: 20px;
	width: 315px;
	height: 249px;
}


/* Bild-Set Oben */

div.bildSetOben
{
	position: absolute;
	left: 344px;
	top: 32px;
	width: 544px;
	height: 225px;
}


/* Aktuell: Container */

div.aktuell
{
	position: absolute;
	left: 32px;
	bottom: 174px;
	width: 300px;
	height: 169px;
	overflow: hidden;
}


/* Aktuell: Einträge: Container */

div.aktuell div.eintrag
{
	float: left;
	display: inline;
	width: 130px;
	height: 145px;
	margin: 12px 0 0 12px;
	font-size: 11px;
	overflow: hidden;
}


/* Aktuell: Einträge: Absatzformate */

div.aktuell div.eintrag h1
{
	font-size: 11px;
	margin: 0 0 4px 0;
}

div.aktuell div.eintrag p
{
	margin: 0 0 4px 0;
}

div.aktuell div.eintrag a
{
	display: block;
}


/* Bild-Set Unten */

div.bildSetUnten
{
	position: absolute;
	left: 32px;
	bottom: 32px;
	width: 300px;
	height: 130px;
	overflow: hidden;
	color: white;
	font-family: times new roman;
	font-style: italic;
	white-space: nowrap;
}


/* Navigation: Container */

div.navigation
{
	position: absolute;
	left: 344px;
	bottom: 32px;
	width: 145px;
	height: 311px;
}


/* Navigation: Einträge */

div.navigation a
{
	display: block;
	text-decoration: none;
	padding: 3px 12px 3px 12px;
}

div.navigation a:hover
{
	text-decoration: underline;
}

div.navigation a#active
{
	text-decoration: underline;
}

div.navigation a.level1
{
	font-weight: bold;
}

div.navigation a.level2
{
	padding: 2px 12px 1px 24px;
}


/* Inhalt: Container */

div.inhalt
{
	position: absolute;
	left: 501px;
	bottom: 32px;
	width: 387px;
	height: 311px;
	overflow: auto;
}


/* Inhalt: Absatzformate */

div.inhalt h1
{
	font-size: 18px;
	line-height: 140%;
	padding: 12px 12px 12px 12px;
	margin: 0;
}

div.inhalt h2
{
	font-size: 12px;
	line-height: 140%;
	padding: 12px 12px 0 12px;
	margin: 0;
}

div.inhalt h2.abstandUnten
{
	padding-bottom: 12px;
}

div.inhalt p
{
	font-size: 12px;
	line-height: 140%;
	padding: 0 12px 12px 12px;
	margin: 0;
}


/* Inhalt: Tabellen */

div.inhalt table
{
	margin: 0 12px 12px 12px;
}

div.inhalt table tr.unterstrichen td
{
	border-bottom: 1px solid black;
}

div.inhalt table tr.fett td
{
	font-weight: bold;
}

div.inhalt table tr td
{
	padding: 0 12px 4px 0;
	vertical-align: top;
}


/* Inhalt: Listen */

div.inhalt ul
{
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 16px; 
	list-style-type: square;
}

div.inhalt li
{
	margin-bottom: 4px;
	margin-left: -14px;
	margin-right: 10px;
}

div.inhalt ol
{
	margin-top: 0;
	margin-bottom: 16px;
}

div.inhalt ol li
{
	margin-bottom: 4px;
	margin-left: -17px;
}


/* Inhalt: Sitemap */

div.inhalt a.sitemapLevel1
{
	display: block;
	margin: 6px 0 0 0;
	font-weight: bold;
}

div.inhalt a.sitemapLevel2
{
	display: block;
	margin: 2px 0 2px 16px;
}


/* Inhalt: Bilder */

div.inhalt a.thumb
{
	float: left;
	margin: 0 16px 16px 0;
}

div.inhalt a.thumbLeft
{
	float: left;
	clear: both;
	margin: 0 8px 5px 0;
}

div.inhalt a.thumbRight
{
	float: right;
	clear: both;
	margin: 0 0 5px 8px;
}