/* H A C K S */

body {*text-align: center; /* center-Hack IE 5.5 */}
div#bodyContent {*text-align: left; /* Neutralisiert IE 5.5 center-Hack */}
div.navTrigger { _margin-left: 0px !important; } /* first-margin-bug IE 6 */
a img {border-width: 0px;} /* FF A-img Umrandung */

/*  S E C T I O N S + Position */

body, html {	
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #fff; }
	
div#bodyContent { /* aka 'Seite' oder 'Alles' */
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0; }

/*  A B S O L U T E  */

/*  div#headerSection {
	position: absolute;
	width: 100%; }
div#contentSection {
	position: absolute;
	top: 210px;
	width: 100%; }
div#footerSection {
	position: absolute;
	bottom: 40px;
	width: 100%; }  */
	
div#navigationSection {
	display: none;
	position: absolute;
/* 	overflow: auto; */
	top: 0;
	width: 100%;
	min-width: 900px;
	background-image: url(nav-bg-transblack.png); }
	

/*  D I M E N S I O N S   F L O A T  +  R E L A T I V  */

div#headerBody {
	display: block; 
	width: 880px;
	height: 210px;
	margin: 0px auto auto auto;}

div#contentBody {
	display: block;
	width: 900px; /* +10px beidseitig wg Bildueberstand */
	overflow: hidden;
	margin: 0px auto 0px auto; }
	
div#footerBody {
	display: block; 
	width: 880px;
	height: 80px;
	padding-top: 80px;
	margin: 0px auto 0px auto; }
	
div#navigationBody {
	display: block; 
	width: 880px;
	margin: 0px auto auto auto; }
	
div#navigationContent {
	display: block;
	overflow: auto;
	width: 880px;
	margin: 30px auto 30px auto; }

div#headerBody h1, div#navigationBody h1 {
	display: block;
	float: left;
	padding-top: 40px;
	width: 438px;
	margin: 0; }

div.navTrigger {
	display: block;
	width: 438px;
	margin-left: 440px;
	padding-top: 40px; }
	
div#headerBody h2 {
	display: block;
	width: 438px;
	margin-left: 440px;
	padding-top: 40px; }
	
div#navigationContent p.intro {
	display: block;
	float: left;
	width: 400px;
	margin-right: 440px;
	margin-bottom: 20px; }
	
div#navigationContent ul.links {
	list-style: none;
	list-style-type: none;
	display: block;
	width: 219px;
	margin: 0;
	padding: 0;
	float: left; }
	
div#naviButtons {
	display: block;
	width: 800px;
	height: 30px;
	margin-top: 30px;
	float: left;
	clear: both; }
	
/* h o m e */

div#hpteaser {
	width: 880px;
	height: 280px;
	margin: 0 10px;
	display: block; }

div#hpnews {
	display: block;
	width: 880px;
	margin: 0 10px;
	padding-top: 30px; }

div#hpnews p {
	padding: 0 30px 0 0;
	float: left; 
	display: block; 
	width: 190px; }

/* f o l g e s e i t e */

div.imageColumn {
	display: block;
	float: left;
	width: 450px; /* +10px wg Bildueberstand */
	padding: 0;
	margin: 0; }

div.textBody {
	display: block;
	width: 436px;
	margin-left: 450px; /* +10px wg Bildueberstand */
	padding-top: 0px; }
	
div.xlargeBody {
	display: block;
	margin: 0 0 0 10px; /* volle Breite, 10 links */
	padding-top: 0px; }
	
div.textBody p {
	width: 400px;
	margin-bottom: 20px;}

div.captionContainer {
	display: block; 
	overflow: visible;}

div.textBody div.captionContainer p {
	display: block;
	width: 188px;
	margin-right: 20px; /* reduziert wg. float-bug */
	float: left; }
	
div.textBody div.captionWide p {
	width: 400px;
	margin: 0 0 20px 0;
	float: none; }
	
div.clr {
	display: block;
	width: 100%;
	height: 30px;
	clear: both; }


/*  T Y P O  +  F A R B E  */

	/* allgemein */

body {
	color: #aaa;
	font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
	font-weight: bold; }
	
img { border: 0px;}

a { color: #888;
	text-decoration: underline; }

a:hover, div#footerBody a:hover {
	color: #000;
	text-decoration: underline; }

	/* header */

div#headerBody h1 {
	color: #bbb;
	font-size: 21px;
	line-height: 20px;
	text-shadow: 0px 0px 1px white;}
	
div#headerBody h2 {
	font-weight: normal;
	color: #000;
	font-size: 21px;
	line-height: 20px;
	text-shadow: 0px 0px 1px white; }

div#headerBody h2 strong {
	font-weight: bold; }
	
div#headerBody h1 strong, 
div#hpnews strong, 
div.captionContainer p strong,
div.captionWide p strong,
div.xlargeBody p strong {
	color: #000; }

div#headerBody h1 a {
	color: #000;
	text-decoration: none;}

div#headerBody h1 a:hover {
	color: #2fd6ff;
	text-decoration: none;}
	
	/* home */

div#hpnews {
	font-size: 13px;
	line-height: 15px;}

div#hpnews em {
	font-style: normal;
	font-weight: normal;
	font-size: 10px;}
	
	/* copy */

div.textBody p {
	font-size: 15px;
	line-height: 20px;
	margin: 0 0 20px 0;
	text-shadow: 0px 0px 1px white;}

div.textBody h3 {
	font-weight: bold;
	color: #000;
	font-size: 15px;
	line-height: 20px;
	margin: 0;
	text-shadow: 0px 0px 1px white; }
	
div.textBody h3 a {
	font-weight: normal;
	color: #000;
	text-decoration: none;}

div.textBody h3 a:hover {
	color: #2fd6ff;
	text-decoration: underline;}

div.captionContainer p, div.captionWide p  {
	font-size: 13px;
	line-height: 15px;
	text-shadow: 0px 0px 1px white; }
	
div.imageColumn h3.left {
	/* temp */
	margin: 0 40px 0 10px;
	padding: 0;
	font-size: 15px;
	line-height: 20px;
	text-shadow: 0px 0px 1px white; }
	
div.xlargeBody p {
	color: #555;
	font-family: HelveticaNeue-Light, "Helvetica Neue", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	letter-spacing: 0.03em;
	font-weight: normal;
	font-size: 21px;
	}
	
	/* footer */
	
div#footerBody {
	color: #bbb;
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;}
	
div#footerBody a {
	color: #bbb;
	font-size: 13px;
	font-weight: bold;
	margin: 0 10px 0 0; }

	
	/* typo navigation */

div.navTrigger {
	color: #bfbfbf;
	font-size: 21px;
	line-height: 20px; }
	
div.navTrigger a {
	color: #2fd6ff;	
	text-shadow: 0px 0px 1px #fff;
	text-decoration: none;}

div.navTrigger a:hover {
	color: #000;
	text-decoration: none;}

div.navTrigger a.close {
	color: #2fd6ff;	
	text-shadow: 0px 0px 1px #2fd6ff;
	text-decoration: none;
	padding-right: 26px;
	background: url(close.gif) right -36px no-repeat;}

div.navTrigger a.close:hover {
	color: #fff;	
	text-shadow: 0px 0px 1px #fff;
	background: url(close.gif) right -16px no-repeat;}

div#navigationBody h1 {
	color: #808080;
	font-size: 21px;
	line-height: 20px;
	text-shadow: 0px 0px 1px black; }
	
div#navigationBody h1 a {
	color: #808080;
	text-decoration: none; }
	
div#navigationBody h1 a:hover {
	color: #2fd6ff;
	text-decoration: none; }
	
div#navigationContent {
	color: #666;
	font-size: 13px;
	line-height: 20px; }
	
div#navigationContent p.intro {
	line-height: 15px; }
	
div#navigationContent a {
	text-decoration: none; }
	
div#navigationContent a:hover {
	color: #2fd6ff;
	text-decoration: none; }
	
a.gill, a.gilr, a.gillOff, a.gilrOff {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 12px;
	overflow: hidden;
	}

a.gill {
	background: url(gillemets.gif) 0px -44px no-repeat; 
	}
a.gilr {
	background: url(gillemets.gif) -20px -44px no-repeat; 
	}
a.gillOff {
	background: url(gillemets.gif) 0px -24px no-repeat; 
	}
a.gilrOff { 
	background: url(gillemets.gif) -20px -24px no-repeat; 
	}
a.gill:hover { 
	background: url(gillemets.gif) 0px -4px no-repeat; 
	}
a.gilr:hover { 
	background: url(gillemets.gif) -20px -4px no-repeat; 
	}

	/* filter navibuttons */
	
div#navigationContent a.active {
	color: #ffffff;
	text-decoration: none; }
	
div#navigationContent a.active:hover {
	color: #2fd6ff;
	text-decoration: none; }
	
div#naviButtons a.active {
	color: #000 !important;
	background-color: #fff;
	text-decoration: none;
	border: 2px solid #fff;
	}
	
div#navigationContent ul li.static a {
	color: #fff; }
	
div#navigationContent ul li.static a:hover {
	color: #2fd6ff; }
	

/* F O R M   E L E M E N T S   E T C . */
	
div#naviButtons a {
	color: #000;
	line-height: 18px;
	background-color: #666;
	text-decoration: none;
	display: inline-block;
	width: auto;
	margin: 0px 6px 0px 0px;
	padding: 0px 12px 1px 12px;
	-webkit-border-radius: 11px;
	-khtml-border-radius: 11px;
	-moz-border-radius: 11px;
	border: 2px solid #666;
	}
	
div#naviButtons a:hover {
	color: #000;
	background-color: #2fd6ff;
	text-decoration: none;
	border: 2px solid #2fd6ff;
	}

/* MAIL-LINK Form und Ersatzbubble */


a.mail {
	color: #2fd6ff;
	text-decoration: none; }

a.mail:hover {	
	color: #000;
	text-decoration: none; }
	
div.bubble {
	background-color: transparent;
	background-image: url(mailto-bubble.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	width: 283px;
	height: 199px;
	z-index: 1000; 
	/* der IE6-png-hack findet an ort und stelle im div statt. */
	}