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


/**********************
 *** Page Container ***
 **********************/
#pageContainer {
	margin:                 auto;
	width:                  949px;
	background-position:	top;
	background-repeat:	repeat-y;
	background-image:		url(../images/bg/page/middle.gif);
}

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

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





#pageBottomContainer {
	margin:                 auto;
	bottom:			0px;
	left:				0px;
	width:			949px;
	background-color:		#AF0817;
	height:			70px;
}

/*************************
 *** 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(../images/seperator/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(../images/bg/page/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(../images/bg/menu/main.jpg);
	text-align:			right;
	float:			right;
	margin-top:			73px;
}
#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(../images/seperator/blue.gif);
	background-position:	right;
	background-repeat:	no-repeat;
	margin-right:		9px;
	padding-right:		4px;
}

#headerImage {
	border-top:			1px solid #AF0817;
	border-bottom:		1px solid #AF0817;
	padding-left:		1px;
	text-align:			left;
	width:			900px;
	margin:			auto;
}



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

#breadcrumb {
	width:			410px;
	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:			425px;
	overflow:			hidden;
}


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

#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;
}



/********************************
 *** Top Dropdownmenü shaddow ***
 ********************************/
.menuTopLevel2 .mnuShadow_tl {
	background-image:		url(../images/bg/menu/red/tl.png);
}
.menuTopLevel2 .mnuShadow_t {
	background-image:		url(../images/bg/menu/red/t.png);
	position:			absolute;
	background-repeat:	repeat-x;
	background-position:	top;
	top:				0px;
	left:				14px;
	margin:			0px;
	height:			36px;
}
* html .menuTopLevel2 .mnuShadow_t, *+html .menuTopLevel2 .mnuShadow_t {
	background-image:		url(../images/bg/menu/red/t_2.png);
}
.menuTopLevel2 .mnuShadow_t IMG {
	position:			relative;
	top:				14px;
	left:				8px;
}
.menuTopLevel2 .mnuShadow_tr {
	background-image:		url(../images/bg/menu/red/tr.png);
	background-position:	0px 0px;
}
.menuTopLevel2 .mnuShadow_l {
	background-image:		url(../images/bg/menu/red/l.png);
}
.menuTopLevel2 .mnuInner {
	background-color:		#AF0817;
	margin:			0px 11px 0px 11px;
	padding:			10px 0px 10px 0px;
}
.menuTopLevel2 .mnuShadow_r {
	background-image:		url(../images/bg/menu/red/r.png);
}
* html .menuTopLevel2 mnuShadow_r {
	border-bottom:		1px solid transparent; /* nur IE */
}
.menuTopLevel2 .mnuShadow_br {
	background-image:		url(../images/bg/menu/red/br.png);
}
.menuTopLevel2 .mnuShadow_b {
	background-image:		url(../images/bg/menu/red/b.png);
}
.menuTopLevel2 .mnuShadow_bl {
	background-image:		url(../images/bg/menu/red/bl.png);
}



/**********************************
 *** Main Dropdownmenü Schatten ***
 **********************************/
.mnuShadow_tl {
	background-image:		url(../images/bg/menu/white/tl.png);
	height:			36px;
	width:			14px;
	position:			absolute;
	top:				0px;
	left:				0px;
}
.mnuShadow_t, .mnuShadowTab_t {
	background-image:		url(../images/bg/menu/white/t.png);
	background-repeat:	repeat-x;
	background-position:	0px 22px;
	margin-right:		14px;
	text-align:			left;
}
.mnuShadowTab_t {
	position:			absolute;
	background-position:	top;
	top:				0px;
	left:				14px;
	margin:			0px;
	height:			36px;
}
.mnuShadowTab_t IMG {
	position:			relative;
	top:				12px;
	left:				9px;
}
.mnuShadowTab_r {
	background-image:		url(../images/bg/menu/white/tab_r.png);
	width:			14px;
	height:			36px;
	position:			absolute;
	top:				0px;
	left:				0px;
}
.mnuShadow_tr {
	background-image:		url(../images/bg/menu/white/tr.png);
	background-repeat:	no-repeat;
	background-position:	0px 26px;
	height:			36px;
	width:			14px;
	position:			absolute;
	top:				0px;
	right:			0px;
}
.mnuShadow_l {
	background-image:		url(../images/bg/menu/white/l.png);
	background-repeat:	repeat-y;
	background-position:	left;
}
.mnuInner {
	background-color:		#FFFFFF;
	margin:			0px 11px 0px 11px;
	padding:			13px 0px 12px 0px;
	text-align:			center;
}
.mnuShadow_r {
	background-image:		url(../images/bg/menu/white/r.png);
	background-repeat:	repeat-y;
	background-position:	right;
}
* html mnuShadow_r {
	border-bottom:		1px solid transparent; /* nur IE */
}
.mnuShadow_bl {
	background-image:		url(../images/bg/menu/white/bl.png);
	height:			14px;
	width:			14px;
	position:			absolute;
	top:				0px;
	left:				0px;
}
.mnuShadow_b {
	background-image:		url(../images/bg/menu/white/b.png);
	background-repeat:	repeat-x;
	background-position:	bottom;
	margin:			0px 14px 0px 14px;
}
.mnuShadow_br {
	background-image:		url(../images/bg/menu/white/br.png);
	height:			14px;
	width:			14px;
	position:			absolute;
	top:				0px;
	right:			0px;
}



/*******************
 *** 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;
}

/************************************
 * Settings for diferent Startseite *
 ************************************/
#contentContainer_startseite {
	width:			900px;
	margin:			0px 0px 0px 25px;
	text-align:		left;
	border-top:		1px solid #AF0817;
}

#contentContainer_startseite .box_seperator {
	background:		none;
	height:			auto;
	overflow:		auto;
	width:			auto;
	margin-left:		auto;
}

#contentContainer_startseite .csc-textpic-image .lineBetweenImages {
	border-left:		1px solid #AF0817;
	display:		block;
}
#contentContainer_startseite .csc-textpic-firstcol .lineBetweenImages {
	border-left:		0px;
}

#contentContainer_startseite .csc-textpic-image img {
	padding-top:		0px;
	padding-right:		0px;
	padding-bottom:		0px;
	padding-left:		0px;
}
#contentContainer_startseite .csc-frame-rulerAfter {
	border-top:		1px solid #AF0817;
	height:			1px;
}

#pageBottom_startseite {
	height:			38px;
	background-position:	bottom;
	background-repeat:	no-repeat;
	background-image:		url(../images/bg/page/bottom.gif);
}
/************************************
 ************************************/


.box_bottom {
	background-repeat:	no-repeat;
	background:			url(../images/bg/box/bottom.gif);
	height:			4px;
	overflow:			hidden;
	width:			190px;
}



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