body {
	padding: 0;
	margin: 0;
	position: relative;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	background-image: url('/img/bg_page.gif');
	background-repeat: repeat-x;
	background-position: top left;
	line-height: 140%;
}

a img {
	border: 0px;
}

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

.teaserScrollElementContentTextLink a,
#footerContainer a {
	color: #C40501;
	text-decoration: none;
}

.teaserScrollElementContentTextLink a:hover,
#footerContainer a:hover {
	/* text-decoration: underline; */
	border-bottom: 2px solid #C40501;
}
	
/* ----------------------------------------
	Layout-Helfer
   ---------------------------------------- */
.clearfix:after {
	content: 	".";
	display:	 block;
	height: 	0;
	clear: 		both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* -------------------------------------
	Seitenlayout: Elemente
   ------------------------------------- */
/*
#contentWrapperContainer a {
	text-decoration: none;
	color: #808080;
}


#contentWrapperContainer a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #808080;
}
*/
/*
#pageContainer {
	margin: 0px auto;
	position: relative;
	border: 0px solid #FF0000;
}
*/

#headerContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 150px;
	width: 100%;
}

#headerContentContainer {
	position: relative;
	height: 150px;
}

/*
#headerLogoContainer {
	position: absolute;
	bottom: 0px;
	left: 0px;
}
*/

#headerLogoSymbol {
	position: absolute;
	top: 12px;
	left: 0px;	
}

#headerLogoText {
	position: absolute;
	top: 102px;
	left: 48px;
}

#headerNavigationContainer {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#contentContainer {
	padding: 392px 0px 0px 0px;	/* Abstand nach oben: Platz für Header+Bild+Navi */
	position: relative;
}

#contentInnerContainer {
	position: relative;
	background-image: url('/img/bg_content_columns.gif');
	background-repeat: repeat-y;
	background-position: top left;
}

#teaserContentContainer,
#headerContentContainer,
#contentContainer,
#footerContentContainer {
	width: 960px;
	margin: 0px auto;
}

#footerContainer {
	padding-left: 12px;
/*	margin-top: 542px; */
}

#footerContentContainer {
	text-align: right;
}

/* -------------------------------------
	Seitenlayout: Teaser-Fläche
   ------------------------------------- */
#teaserContainer,
#teaserScrollContainer {
	height: 384px;
}

#teaserContainer {
	z-index: 9;
/*	position: absolute;
	top: 156px;
	left: 0px; */
	padding-top: 156px;
	width: 100%;
	background-image: url('/img/bg_teaser_container_bottom.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
}

#teaserBackgroundContainer {
	background-image: url('/img/bg_teaser_container_top.gif');
	background-repeat: repeat-x;
	background-position: top left;
}

#teaserContentContainer {
	position: relative;
}

#teaserScrollContainer {
	width: 960px;
	overflow: hidden;
	position: relative;
	background-image: url('/img/icon_spinner.gif');
	background-position: center center;
	background-repeat: no-repeat;
}

.teaserScrollElement {
	position: absolute;
	top: 0px;
	width: 960px;
/*	height: 276px; */
	margin: 24px 0px 0px 0px;
	text-align: left;
	display: none;
}

.teaserScrollElementContent {
	position: relative;
}

.teaserScrollElementContentImage {
	position: absolute;
	top: 36px;
	right: 48px;
}

.teaserScrollElementContentText {
	position: absolute;
/*	top: 0px;
	left: 80px; */
	width: 460px;
	color: #707070;
	right: 462px;
	text-align: right;
	top: 64px;
}

.teaserScrollElementContentTextHead {
	display: block;
	margin: 0px 0px 24px 0px;	
}

.teaserScrollElementContentTextText {
	width: 380px;
	margin: 0px 0px 16px auto;
}

/*
.teaserScrollElementContentText h1 {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 170%;
	font-weight: normal;
	color: #B5AE9E;
	margin: 0px 0px 16px 0px;
	padding: 0px;
}

.teaserScrollElementContentText h1 {
	line-height: 160%
}
*/
#teaserLinkContainer {
	position: absolute;
	bottom: 24px;
	left: 0px;
}

a.teaserLink {
	margin: 0px 24px 0px 0px;
	text-decoration: none;
	color: #A0A0A0;
}

a.teaserLink span,
a.teaserLinkSelected span {
	width: 15px;
	padding: 0px 4px;
	margin: 0px 6px 0px 0px;
	background-repeat: no-repeat;
	background-position: top left;
}

a.teaserLink span {
	background-image: url('/img/bg_teaser_link.png');
	color: #909090;
}

a.teaserLinkSelected {
	color: #C40501;
}

a.teaserLinkSelected span {
	background-image: url('/img/bg_teaser_link_selected.png');
	color: #FFFFFF;
}

/* -------------------------------------
	Seitenlayout: Spalten
   ------------------------------------- */
#contentCol1Container,
#contentCol2Container,
#contentCol3Container {
	float: left;
	width: 320px;
}

#contentCol1Container,
#contentCol2Container {
/*	background-image: url('/img/bg_col_border.gif');
	background-repeat: repeat-y;
	background-position: top right; */
}

#contentCol1Inner,
#contentCol2Inner,
#contentCol3Inner {
	margin-top: 24px; 
	margin-bottom: 36px; 
}

#contentCol1Inner {
	margin-right: 12px;
}

#contentCol2Inner {
	margin-left: 12px;
	margin-right: 12px;
}

#contentCol3Inner {
	margin-left: 12px;
}

/* -------------------------------------
	Seitenlayout: Navigation
   ------------------------------------- */

#mainNavigationContainer {
	position: absolute;
	top: 326px;
	left: 0px;
	height: 26px;
	width: 100%;
	overflow: hidden;
	background-color: #F1F1F1;
}

#mainNavigationInnerContainer {
	margin: 0px 32px 0px 16px;
	display: block;
	position: relative;
}

.mainNavigationElement, .mainNavigationElementSelected {
	float: left;
	position: relative;
	font-size: 15px;
	color: #808080;
	margin-top: -1px;
}

.mainNavigationElement a, .mainNavigationElementSelected a {
	padding: 5px 16px 5px 16px;
	color: #808080;
	text-decoration: none;
	line-height: 27px;
}

.mainNavigationElementSelected a {
	background-color: #A0A0A0;
	color: #FFFFFF;
}

.mainNavigationElement a:hover, .mainNavigationElementSelected a:hover {
	color: #FFFFFF;
	background-color: #657B7E;
}

.mainNavigationSeparator {
	width: 1px;
	height: 18px;
	margin: 5px 0px 0px 0px;
	float:left;
	background-image: url('/img/nav_separator_bg.gif');
	background-repeat: repeat-y;
	background-position: top left;
}

/*
#sidebarContainer {
	margin: 0px 32px 0px 0px;
	float: left;
	width: 290px;
}

#sidebarInnerContainer {
	margin: 0px 0px 0px 24px;
}

*/
#clearContent {
	position: relative;
	clear: both;
	height: 48px;
	overflow: hidden;
}
/* -------------------------------------
	Seitenlayout: News
   ------------------------------------- */
.newsElementContainer {
	margin: 0px 0px 32px 0px;
}

.newsElementContainer h1 {
	color: #C40501;
	font-weight: normal;
	font-size: 14px;
	padding: 0;
	margin: 0px 0px 12px 0px;
}

.newsElementContainer h3 {
	color: #A0A0A0;
	text-align: right;
	font-weight: normal;
	font-size: 12px;
	padding: 0;
	margin: 0px 0px 4px 0px;
}

/*
.newsElementContainer p {
	padding: 0px 0px 0px 16px;
}
*/
/* -------------------------------------
	Seitenlayout: Kategorien
   ------------------------------------- */
.categoryTextContainer {
	margin: 0px 0px 32px 0px;
}

.categoryEntryContainer {
	margin: 0px 0px 32px 0px;
}


.categoryEntryContainer h1 {
	color: #C40501;
	font-weight: normal;
	font-size: 14px;
	padding: 0;
	margin: 0px 0px 12px 0px;
}

.categoryEntryContainer h3 {
	color: #A0A0A0;
	text-align: right;
	font-weight: normal;
	font-size: 12px;
	padding: 0;
	margin: 0px 0px 4px 0px;
}

/*
.newsElementContainer h1,
.categoryEntryContainer h1 {
	background-image: url('/img/title_marker.gif');
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 0px 16px;
}
*/
/* -------------------------------------
	Seitenlayout: Seitenfuß
   ------------------------------------- */
#footerContainer {
	position: relative;
	/*border: 1px dotted #D0D0D0;
	border-width: 1px 0px 0px 0px; */
	padding: 16px 0px 32px 0px;
}

#footerLogo {
	margin: 0px 0px 0px 0px;
}

#footerContainer p {
	margin: 24px 0px 0px 0px;
	color: #909090;
}


/* ---------------------------------------------------
	Allgemeine Navigations-Selektoren
   --------------------------------------------------- */
#headerNavigationContainer ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#headerNavigationContainer ul li {
	float: left;
	margin: 0px 0px 0px 12px;
}

#headerNavigationContainer ul li a {
	background-position: center 0px;
	background-repeat:no-repeat;
	display: block;
	height: 32px;
	overflow: hidden;
	text-indent: -9999px;
}

#headerNavigationContainer ul li.news a:hover,
#headerNavigationContainer ul li.projects a:hover,
#headerNavigationContainer ul li.about a:hover,
#headerNavigationContainer ul li.contact a:hover,
#headerNavigationContainer ul li.mlog a:hover,
#headerNavigationContainer ul li.misc a:hover {
	background-position: center -40px;
}

#headerNavigationContainer ul li.news a.selected,
#headerNavigationContainer ul li.projects a.selected,
#headerNavigationContainer ul li.about a.selected,
#headerNavigationContainer ul li.contact a.selected,
#headerNavigationContainer ul li.mlog a.selected,
#headerNavigationContainer ul li.misc a.selected {
	background-position: center -80px;		/* nächster Stauts bei 48px; */
}


/* ---------------------------------------------------
	news
   --------------------------------------------------- */
#headerNavigationContainer ul li.news a {
	width: 56px;
	background-image: url('/img/nav/bg_news.gif');
}

/* ---------------------------------------------------
	projekte
   --------------------------------------------------- */
#headerNavigationContainer ul li.projects a {
	width: 70px;
	background-image: url('/img/nav/bg_projects.gif');
}

/* ---------------------------------------------------
	das büro
   --------------------------------------------------- */
#headerNavigationContainer ul li.about a {
	width: 81px;
	background-image: url('/img/nav/bg_about.gif');
}

/* ---------------------------------------------------
	mlog
   --------------------------------------------------- */
#headerNavigationContainer ul li.mlog a {
	width: 54px;
	background-image: url('/img/nav/bg_mlog.gif');
}

/* ---------------------------------------------------
	contact
   --------------------------------------------------- */
#headerNavigationContainer ul li.contact a {
	width: 71px;
	background-image: url('/img/nav/bg_contact.gif');
}

/* ---------------------------------------------------
	etc.
   --------------------------------------------------- */
#headerNavigationContainer ul li.misc a {
	width: 56px;
	background-image: url('/img/nav/bg_misc.gif');
}



/*
 * Text und Überschriften
 */
/*
#contentContainer, #sidebarContainer {
	line-height: 160%;
}

#contentContainer h1 {
	margin: 0px 0px 32px 0px;
	color: #84A0A4;
	font-size: 27px;
	font-weight: normal;
	letter-spacing: 0.1px;
}

#contentContainer h2, #sidebarContainer h1 {
	margin: 0px 0px 12px 0px;
	color: #84A0A4;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.1px;
}
*/