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

@media screen {
body {
	text-align:center; /* Zentrierung #page div für IE5 */
	background-color:#152f64;
	}	
#page {
	z-index:2; /* für Opera um contentbereich vor #bgtop und #bgbottom zu platzieren */
 	position:absolute;
	top:0;
	left:0;
	width:100%;
}
html, body, #page, #main, #frame {
	height:100%;
}
#content {
	height:65%;
}
body {
	min-height:100%;
}
#spiffybox1, #spiffybox2 {
	z-index:-1;
	position:absolute;
	height:65%;
}
#spiffybox1 {
	top:81px;
	left:1px;
	width:650px;
}
#spiffybox2 {
	top:80px;
	left:0px;
	width:651px;
}
.spiffyheight {
	/* padding spiffyboxes im vergleich zu #content um fixen wert vergrößern (-> fixe abstände oben und unten zwischen content und box) */
	/* padding-top: #subnav height + abstand bottom = 70 + 25 */
	padding-top:95px;
	height:100%; 
}
.spiffyheight_IE5 {
	/* box-model-hack für IE5: height erzwingen -> gesamthöhe IE5 = 100% (spiffyheight) + 36px (spiffyheight_IE5) */
	height:45px;
}

/* ---------------------------------- */
/* --- STICKY FOOTER BY RYAN FAIT --- */
#bgwrapper {
	min-height: 100%; /* Mindesthöhe in modernen Browsern */
	height: auto !important; /* !important-Regel für moderne Browser */
	height: 100%; /* Mindesthöhe in IE (<7) */
	margin-bottom: -360px; /* negative höhe des footers */
	background:url(../images/design/bg/bgmiddle.jpg) repeat-y;
}
#bgtop {
	height:245px;
	background:url(../images/design/bg/bgtop.jpg) no-repeat;
	text-align:left;
}
#bgpush, #bgbottom, #bgbottom_2 {
	height:360px; /* #bgpush und #bgbottom gleiche höhe */
}
#bgbottom {
	background: url(../images/design/bg/bgbottom.jpg) no-repeat;
}
#bgbottom_2 {
	background: url(../images/design/bg/bgbottom2.jpg) no-repeat;
}
#bgbottom, #bgbottom_2 {
	position: relative;
	width: 968px;
	margin: 0 auto;
}
#bgwrapper {
	position: relative;
	width: 968px;
	margin: 0 auto -360px;
}
/* ---------------------------------- */
}
#navwrapper {
	z-index:3;
	position:absolute;
	width:200px;
	height:245px;
}
#frame {
	width:968px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#main {
	z-index:2; /* für Opera um contentbereich vor #bgtop und #bgbottom zu platzieren */
 	position:relative;
	width:650px; 
	left:274px;
}
#logo {
	height:80px;	
	text-align:right;
}
#subnavwrapper {
	height:70px;
	margin-top:13px;
	margin-left:21px;
	margin-right:21px;
	text-align:left;
}
#content {
	width:593px;
	overflow:auto;
	margin-left:30px;
	margin-right:7px;
	padding-right:20px;
	text-align:left;
}
#footer {
	padding:25px 10px 0px 10px;
}
#footer .left {
	float:left;
}
#footer .right {
	float:right;
}