@charset "utf-8";
/* CSS Document */

html, body { width: 100%; height: 100%; }

body {
	margin: 0;
	padding: 0;
	background-color: #999;
	color: #e4e4e4;
	font-family: "Lucida Bright", Cambria, serif;
	font-size: 11pt;
}

h1, h2, h3, h4 { color: #fff; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.0em; }

img { border: none; }

form { margin: 0; }

blockquote {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	color: #666;
	border-left: 2px solid #666;
	padding-left: 10px;
	font-size: 1.2em;
}

a:link,
a:visited,
a:active,
a:hover { color: #fff; text-decoration: none; }


/* Page Layout */

/* Content */
#PageContainer {
	position: relative;
	margin: auto;
	height: 100%;
}

#PageContent {
	width: 1220px;
	min-height: 600px;
	margin: 8% auto;
	padding-bottom: 60px !important;
	line-height: 1.5em;
}


/* Footer */
#PageFooter {
	position: fixed;
	z-index: 999;
	width: 100%;
	bottom: 0;
	margin: 0;
	height: 40px;
	line-height: 32px;
	border-top: 1px solid #eee;
	box-shadow: 0 -6px 6px -6px #666;
	padding: 0 20px;
	background-color: #999;
	color: #fff;
}

/* MainMenu */
#MainMenu {
	float: left;
	height: 40px;
	line-height: 32px;
	margin: 0 auto;
	padding: 0;
	font-size: 18px;
	text-transform: uppercase;
}

#MainMenu a:link,
#MainMenu a:visited { color: #ddd; }
#MainMenu a:active,
#MainMenu a:hover {  color: #fff; }
#MainMenu a.menu-current,
#MainMenu a.menu-parent { color: #fff !important; }


#SideMenu {
	display: inline-block;
	float: right;
	margin-right: 40px;
	text-transform: uppercase;
}


/* Classes */

.ClearAll {
	clear: both;
	height: 1px;
	font-size: 1px;
}

#PageContent img[align=left],
#PageContent div.left  { margin: 0 30px 12px 0; }
#PageContent img[align=right],
#PageContent div.right { margin: 0 0 12px 30px; }


/* diverse Seitenelemente */


/* Startseite */
#TitleContainer {
	position: relative;
	z-index: 10;
	width: 1220px;
	height: 600px;
	overflow: hidden;
}

#TitlePic {
	position: absolute;
	z-index: 9;
	left: -100px;
	top:-100px;
}



/* Seite Angebote */

#AngebotsTabelle {
	width: 100%;
	border: none;
	border-collapse: collapse;
}

#AngebotsTabelle th,
#AngebotsTabelle td { text-align: center; vertical-align: middle; }

#AngebotsTabelle th { border-right: 1px solid #ccc; }
#AngebotsTabelle td { border-top: 1px solid #ccc; border-right: 1px solid #ccc; }

#AngebotsTabelle td.firstcol { padding-left: 30px; text-align: left; }

#AngebotsTabelle th.lastcol,
#AngebotsTabelle td.lastcol { border-right: none; }

#AngebotsTabelle td a { display: block; width: 100%; border: none; padding-top: 1em; padding-bottom: 1em; }
#AngebotsTabelle td a:hover,
#AngebotsTabelle tr:hover { background-color: #333; color: #fff; }


/* Unterseiten Angebote */

#Grundriss {
	position: relative;
	width: 960px;
	float: left;
	text-align: center;
}

.cam { position: absolute; z-index: 2; width: 28px; height: 28px; }




.DatenTabelle table { float: right; border-spacing: 0px; }
.DatenTabelle td { padding-left: 15px; text-align: right; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 9pt; line-height: 2em; }

.tabheader { font-weight: bold; border-bottom: 1px solid #eee; }


/* Contact */

.spaltelinks { width: 49%; float: left; }
.spalterechts { width: 49%; float: right; }