html,
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	background: #004a6c;
	color: #004a6c;
}

.contentBoxLeft,
.contentBoxRight {
	color: #000;
}

/*
	BEGIN macro-design
*/

div#pageWrap {
	text-align: center;
}

div#page {
	width: 888px;
	text-align: left;
	margin: auto;
	background: #FFF;
}

div#headerWrap {
	height: 260px;
	position: relative;
}

div#bodyWrap {
	background: transparent url(main_FILES/bgBody.gif) top left repeat-y;
}

div#footerWrap {
	height: 40px;
	position: relative;
}

div#contentColLeftWrap {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 707px;
	/* IE 6 Bug - das BG-Bild in #bodyWrap wird nicht angezeigt */
	background: transparent url(main_FILES/bgBody.gif) top left repeat-y;
}

div#contentBoxLeftWrap {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 224px;
}

div#contentBoxCenterWrap {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 483px;
}

div#contentBoxRightWrap {
	float: right;
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
	width: 171px;
	/* Die Breite betraegt rechnerisch 181px. Da aber der IE6 eine falsche Breitenberechnung hat, benutzen wir die fehlenden 10 Pixel als IE6-Sicherheit */
}

div#functionBoxWrap {
	position: relative;
	border-top: 1px solid #333;
	width: 483px;
	height: 2em;
	margin-left: 224px;
	margin-top: 10px;
}

/*
	END macro-design
*/

/*
	BEGIN header
*/

div#eyecatcher {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

div#logo {
	position: absolute;
	left: 15px;
	top: 33px;
	z-index: 10;
}

div#sloganWrap {
	position: absolute;
	right: 10px;
	top: 211px;
	z-index: 220;
	width: 436px;
	height: 57px;
	background: transparent url(main_FILES/bgSlogan.gif) top right no-repeat;
}

div#slogan {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 416px;
	z-index: 221;
	background: #004a6c;
}

div#slogan h1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 1.5em;
	line-height: 1em;
	color: #FFF;
	font-weight: 500;
}

div#slogan marquee {
	width: 416px;
	padding: .25em 0;
}

/*
	END header
*/

/*
	BEGIN footer
*/

div#copy {
	position: absolute;
	width: auto;
	bottom: 5px;
	left: 10px;
	color: #999;
	z-index: 110;
}

/*
	END footer
*/

/*
	BEGIN micro-design
*/

/* Style-Switcher auf der rechten Seite */
.cssButtons {
	margin-top: 5px;
}

.changeCSSButton {
	margin-right: 10px;
}


/* nach Oben Link */

div#toTop {
	position: absolute;
	left: 0px;
	top: -4px;
	z-index: 300;
	height: 2em;
	padding-right: 10px;
	background: #FFF;
}

div#toTop a {
	color: #333;
	text-decoration: none;
}

div#toTop a:hover {
	color: #FF6600;
	text-decoration: none;
}


/* Elemente, die eim normalen Layout nicht zu sehen sind */

.hidden {
	position:absolute;
	left:-1000px;
	top:-1000px;
	width:0;
	height:0;
	overflow:hidden;
	display:none;
	float: left;
	font-size: 0;
	line-height: 0;
}

/*
	END micro-design
*/