/* ------ Import other CSS ------ */
@import url("navigation.css");
@import url("content.css");
@import url("styles.css");



/* ------ Generel ------ */
html, body  { 
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: left;
	font-size: 83%;
	color: #000000;
	background: url("../gfx/bg-body.gif") repeat-x #ececec;
}

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

a:hover {
	text-decoration: underline;
}



/* ------ Layout Container ------ */
#center {
	margin: 20px auto 20px auto;
	padding: 0px; 
	width: 924px;
	height: auto;
}

#center #spacer-top {
	margin: 0px 0px 0px 0px;
	padding: 0px 17px 0px 17px; 
	width: 890px;
	height: 17px;
	background: url("../gfx/bg-spacer-top.gif") no-repeat;
}

#center #head {
	margin: 0px 0px 0px 0px;
	padding: 0px 17px 0px 17px; 
	width: 890px;
	height: 115px;
	background: url("../gfx/bg-head.gif") no-repeat;
}

#center #head #logo {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	width: 890px;
	height: 60px;
	background: #d5d5d5;
}

#center #head #navigation {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	width: 890px;
	height: 20px;
	background: url("../gfx/bg-navigation.gif") repeat-x;
	overflow: hidden;
}

#center #teaser {
	margin: 0px 0px 0px 0px;
	padding: 0px 17px 0px 17px; 
	width: 890px;
	height: 242px;
	background: url("../gfx/bg-teaser.gif") no-repeat;
}

#center #teaser #image {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	width: 710px;
	height: 232px;
	background: #353;
	float: left;
	overflow: hidden;
}

#center #teaser #contact {
	margin: 0px 0px 0px 0px;
	padding: 5px 7px 5px 7px; 
	width: 154px;
	height: 220px;
	float: right;
	background: #F8F8F8;
	border: 1px #CCCCCC solid;
	overflow: hidden;
}

#center #content {
	margin: 0px 0px 0px 0px;
	padding: 0px 17px 0px 17px; 
	width: 890px;
	height: auto;
	background: url("../gfx/bg-content.gif") repeat-y;
}

#center #content #main {
	margin: 0px 0px 0px 0px;
	padding: 10px 7px 0px 7px; 
	width: 516px;
	height: auto;
	border-top: 1px #CCCCCC solid;
	float: left;
}

#center #content .content-box {
	margin: 0px 0px 0px 10px;
	padding: 10px 7px 0px 7px; 
	width: 156px;
	height: auto;
	border-top: 1px #CCCCCC solid;
	float: left;
}

#center #spacer-bottom {
	margin: 0px 0px 0px 0px;
	padding: 0px 17px 0px 17px; 
	width: 890px;
	height: 18px;
	background: url("../gfx/bg-spacer-bottom.gif") no-repeat;
}