/*******************
 *** Main Layout ***
 *******************/
HTML {
	overflow:			auto;
}
BODY{
	margin:			0px;
	background-color:		#7B88AF;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	line-height:		16px;
	text-decoration:		none;
	color:			#333333;
	text-align:			center;
	background-color:		#7B88AF;
}


/**********************
 *** Page Container ***
 **********************/
#pageContainer {
	margin:                 auto;
	width:                  882px;
	background-position:	top;
	background-repeat:	repeat-y;
	background-image:		url(background.png);
}

#headerContainer {
	background-position:	top;
	background-repeat:	no-repeat;
	background-image:		url(top.png);
	margin:			auto;
	padding:			24px 24px 0px 55px;
	text-align:			left;
}

#contentContainer {
	width:			840px;
	margin:			auto;
	text-align:			left;
}

#pageBottomContainer {
	margin:                 auto;
	bottom:			0px;
	left:				0px;
	width:			882px;
	background-color:		#7B88AF;
	height:			66px;
}

/*************************
 *** Top Page elements ***
 *************************/
#userInfo {
	color:			#FFFFFF;
	margin:			2px 20px 0px 0px;
	float:			left;
	font-size:			11px;
}


#menuTop {
	margin:			-10px 2px 0px 0px;
	color:			#FFFFFF;
	font-size:			11px;
	float:			right;
	width:			400px;
	text-align:			right;
}
#menuTop UL {
	padding:			0px;
	margin:			10px 13px 0px 0px;
	list-style-type:		none;
	float:			right;
}
#menuTop UL LI {
	padding:			0px;
	margin:			0px;
	background:			none;
	display:			inline;
	float:			left;
}
* html #menuTop UL LI {
	width:			1px;
}
#menuTop .seperator {
	background-image:		url(white.gif);
	background-position:	right 5px;
	background-repeat:	no-repeat;
	margin-right:		9px;
	padding-right:		4px;
}

#searchBox {
	margin-right:		15px;
	width:			190px;
	height:			20px;
	background-image:		url(searchbox.gif);
	float:			right;
}
#searchBox FORM {
	padding:			0px;
	margin:			0px;
}
#searchBox .searchField {
	width:			155px;
	margin:			1px 0px 0px 25px;
	border:			0px;
	font-size:			12px;
	height:			16px;
	background:			transparent;
	color:			#999999;
}



/***********************
 *** Header elements ***
 ***********************/
#logo {
	width:			229px;
	float:			left;
	overflow:			hidden;
}

#menuMain {
	height:			21px;
	width:			636px;
	background-image:		url(main.jpg);
	text-align:			right;
	float:			right;
	margin-top:			103px;
}
#menuMain UL {
	padding:			0px;
	margin:			0px 13px 0px 0px;
	list-style-type:		none;
	float:			right;
}
#menuMain UL LI {
	padding:			0px;
	margin:			0px;
	background:			none;
	display:			inline;
	float:			left;
}
* html #menuMain UL LI {
	width:			1px;
}
#menuMain .seperator {
	background-image:		url(blue.gif);
	background-position:	right;
	background-repeat:	no-repeat;
	margin-right:		9px;
	padding-right:		4px;
}

#headerImage {
	/*border-top:			1px solid #7B88AF;
	border-bottom:		1px solid #7B88AF;*/
	padding-left:37px;
  /*padding: 0 0 0 33px;*/
	text-align:			left;
	width:			auto;
	margin:			auto;
}



/******************
 *** Contentbox ***
 ******************/
#contentTop {
	margin:			10px 0px 10px 0px;
}

#breadcrumb {
	width:			370px;
	float:			left;	
	color:			#999999;
}
#breadcrumb A {
	color:			#999999;
	text-decoration:		none;
	font-size:			11px;
}
#breadcrumb A.act {
	color:			#666666;	
}

#printBtn {
	width:			14px;
	float:			right;
}
#contentBox {
	float:			left;
	margin:			15px 15px 15px 20px;
	width:			360px;
	overflow:			hidden;
}


/****************************
 *** Page bottom elements ***
 ***************************/
#pageBottom {
	height:			42px;
	background-position:	bottom;
	background-repeat:	no-repeat;
	background-image:		url(bottom.png);
}

#pageFooter {
	margin:			-7px 50px 0px 0px;
	color:			#FFFFFF;
	text-align:			right;
	font-size:			11px;
}
#pageFooter A {
	color:			#FFFFFF;
	text-decoration:		none;
}



/***************
 *** Newsbox ***
 ***************/
#newsBox {
	float:			left;
	text-align:			left;
	width:			190px;
	margin:			15px;
}
#newsBox H3, #newsBox A {
	color:			#006CA6;
	text-decoration:		none;
}
#newsBox A:HOVER {
	text-decoration:		underline;
}
#newsBox P {
	display:			inline;
}




/*******************
 *** HotSpot box ***
 *******************/
#hotspotBox {
	float:			right;
	margin:			15px;
	width:			190px;
	overflow:			hidden;
}
#hotspotBox .bodytext {
	padding-bottom:		0px;
}

.hotspotBox H2 {
	margin:			0px 0px 0px 10px;
	padding:			0px 0px 6px 0px;
	font-size:			11px;
}
.hotspotBox H3 {
	margin:			0px 0px 0px 10px;
	padding:			0px 0px 6px 0px;
	font-size:			11px;
}
.hotspotBox {
	margin:			6px 0px 0px 0px;
	padding:			8px 0px 1px 6px;
	text-align:			left;
}
* html .hotspotBox  { /* nur fuer Internet Explorer */
	padding:			9px 0px 0px 6px;
}
.hotspotBox P {
	font-size:			11px;
	margin:			0px 0px 0px 10px;
	padding:			0px 0px 6px 0px;
}
.hotspotBox UL, .hotspotBox UL UL {
	padding:			0px 0px 0px 0px;
	margin:			0px 0px 0px 0px;
	list-style-type:		none;
}
.hotspotBox UL LI, .hotspotBox UL UL LI {
	padding:			0px 0px 0px 10px;
	margin:			0px 0px 5px 0px;
	font-size:			11px;
	background:			url('images/arrows/blue_right.gif') no-repeat 0px 3px;
}
.hotspotBox A {
	color:			#2A6AA3;
	text-decoration:		none;
	font-weight:		bold;
	font-size:			11px;
	margin:			0px 0px 0px 0px;
}



/*******************
 *** Box borders ***
 *******************/
.box_top {
	background-repeat:	no-repeat !important;
	background:			url(../images/bg/box/top.gif);
	height:			4px;
	overflow:			hidden;
	width:			190px;
}
.box_middle {
	background-repeat:	repeat-y;
	background:			url(../images/bg/box/middle.gif);
	width:			190px;
	border-top:			1px solid transparent;
}
.box_middle_inner {
	padding:			5px 12px 25px 15px;
	color:			#333333;
}
.box_middle_inner H2 {
	margin:			0px 0px 22px 0px;
	padding-bottom:		3px;
	border-bottom:		1px solid #AF0817;
	font-size:			12px;
	font-weight:		bold;
	color:			#AF0817;
}
.box_seperator {
	background-repeat:	repeat-y;
	background:			url(../images/bg/box/seperator.gif);
	height:			48px;
	overflow:			hidden;
	width:			190px;
	margin-left:		-15px;
}
.box_bottom {
	background-repeat:	no-repeat;
	background:			url(../images/bg/box/bottom.gif);
	height:			4px;
	overflow:			hidden;
	width:			190px;
}



/*************************
 *** Variouse elements ***
 *************************/
.clearer {
	clear:			both;
}