/* LAYOUT */

/*
AUFBAU

div#container
	div#header
		div#logo
		div#kursHighlights
			div#kursHighlightsText
				img#imgKursHighlights
			div#kursHighlightsEnd
	div#content
		div#leftColum
		div#middleColum
		div#rightColum
div#sound
*/

body {
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

div#container {
	float:left;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-470px;
	width:940px;
	height:600px;
	font-size:100%;
}

	div#header {
		position:relative;
		margin-left:5px;
		width:930px;
		height:250px;
		background-color:#FFFFFF;
	}
	/* +++++ ALTERNATIVE +++++ */
	
	div#headerNarrow {
		position:relative;
		margin-left:5px;
		width:930px;
		height:170px;
		background-color:#FFFFFF;
	}
	
	img.imgInnerFade {
		position:relative;
		z-index:5;
		display:none;
	}
	
		div#logo {
			position:relative;
			z-index:998;
			margin-top:0px;
			width:240px;
			height:220px;
			padding:10px;
			float:left;
		}
		/* +++++ ALTERNATIVE +++++ */
		div#logoNarrow {
			position:relative;
			z-index:10;
			margin-top:0px;
			padding:10px;
			float:left;
		}
		
			img#imgLogo {
				position:relative;
				z-index:999;
			}
				
		div#kursHighlights {
			display:none;
			position:relative;
			z-index:10;
			margin-top:-240px;
			float:left;
			margin-left:499px;
		}
		/* +++++ ALTERNATIVE +++++ */
		div#kursHighlightsNarrow {
			display:none;
			position:relative;
			z-index:10;
			margin-top:-240px;
			float:left;
			margin-left:499px;
		}
		
			div#kursHighlightsText {
				height:auto;
				width:161px;
				background-color:#FF9900;
			}
			
				img#imgKursHighlights {
					margin-top:20px;
					margin-left:13px;
				}
			
			div#kursHighlightsEnd {
				background-image:url(images/kursHighlightsEnd.png);
				height:18px;
				width:161px;
			}

	div#content {
		padding:0px 5px;
		background-image:url(images/contentBg.png);
		background-repeat:repeat-y;
		float:left;
	}

		div#leftColum {
			float:left;
			width:260px;
		}
	
			div#navigation {
				margin-left:9px;
				width:240px;
			}
			
				div#navigationText {
					width:240px;
					background-color:#F7E5F0;
					background-image:url(images/navigation.gif);
					background-position:bottom right;
					background-repeat:no-repeat;
					padding-top:9px;
					padding-bottom:4px;
				}
				
				div#navigationEnd {
					width:240px;
					height:23px;
					background-image:url(images/navigationEnd.gif);
				}
			
			div#kursNews {
				margin-top:20px;
				margin-left:11px;
			}
			
			div#kursNewsText {
				margin-top:15px;
			}
			
				div.kursNewsItem {
					background-image:url(images/newsHR.gif);
					background-position:bottom left;
					background-repeat:no-repeat;
					height:auto;
					margin:4px 0px;
				}
				
			div#metanav {
				color:#999999;
				margin:7px 9px;
			}

		div#middleColum {
			float:left;
			height:300px;
			width:500px;
		}
		
			div#mainContent {
				width:500px;
				background-color:#FFF0D9;
				float:left;
			}
				
				div#mainContentHeadline {
					padding:15px 10px;
				}
				
				div#mainContentPicSmall {
					float:left;
					margin-top:20px;
					margin-left:10px;
				}
				
					div.mainContentPicSmallItem {
						width:150px;
						height:150px;
						float:left;
						margin:0 0 10px 10px;
						background-image:url(images/mainContentPicSmall.gif);
						background-repeat:no-repeat;
					}
					
						img.mc_smallPic {
							margin:15px 15px 1px 15px;
						}
						
						img.mc_smallPicZoom {
							margin-left:128px;
						}
						
						div.mc_smallPicSubtitle {
							margin-top:10px;
							margin-left:7px;
						}
				/* +++++ ALTERNATIVE +++++ */
				div#mainContentPicBig {
					float:left;
					margin-top:20px;
					margin-left:10px;
					margin-bottom:15px;
				}
				
					div.mainContentPicBigItem {
						width:307px;
						height:237px;
						float:left;
						margin:0;
						background-image:url(images/mainContentPicBig.gif);
						background-repeat:no-repeat;
					}
					
						img.mc_bigPic {
							margin:13px 13px 1px 14px;
						}
						
						img.mc_bigPicZoom {
							margin-left:287px;
						}
						/* +++++ ALTERNATIVE +++++ */
						div.mainContentDetails {
							margin:13px 13px 1px 14px;
							padding:8px;
							height:193px;
							background-color:#FF9900;
							font-size:0.9em;
							overflow:auto;
						}
							div.mainContentDetailsBlock {
								height:auto;
								margin-bottom:7px;
								padding-bottom:7px;
								background-image:url(images/detailsHR.gif);
								background-repeat:no-repeat;
								background-position:bottom left;
								float:left;
							}
							
					div#mainContentBlockOverview {
						float:left;
						margin-left:8px;
						border:10px solid #ffe2b9;
						background-color:#FFFFFF;
						padding:10px;
						min-height:197px;
						width:130px;
					}

				div#mainContentText {
					float:left;
					margin-top:10px;
					clear:both;
					width:399px;
					margin-left:20px;
					padding:0 30px;
					background-image:url(images/zitat.gif);
					background-repeat:no-repeat;
				}
				/* +++++ ALTERNATIVE +++++ */
				div#mainContentTextNarrow {
					clear:both;
					width:235px;
					margin-left:20px;
					padding:0 30px;
					background-image:url(images/zitatNarrow.gif);
					background-repeat:no-repeat;
				}
				/* +++++ ALTERNATIVE +++++ */
				div#mainContentDescription {
					float:left;
					width:307px;
					margin-left:20px;
					margin-bottom:15px;
				}
				
					img#descriptionHR {
						margin:5px 0px;#
						clear:both;
					}
					
					hr {
						border-width:0px;
						background-image:url(images/descriptionHR.gif);
						background-repeat:no-repeat;

					}
				
					div.mainContentDescriptionBlock {
						font-size:0.85em;
						margin-bottom:5px;
						padding-bottom:5px;
						background-image:url(images/descriptionHR.gif);
						background-repeat:no-repeat;
						background-position:bottom left;
					}
				
				div#mainContentZitat {
					width:130px;
					float:left;
					color:#FF9900;
				}
				
					div#mainContentZitatText {
						background-image:url(images/zitatOpen.gif);
						background-repeat:no-repeat;
						background-position:top right;
						padding:20px 16px 0px;
						font-size:0.9em;
					}
					
					div#mainContentZitatEnd {
						height:23px;
						background-image:url(images/zitatClose.gif);
						background-repeat:no-repeat;
						background-position:bottom left;
					}
			/* +++++ ALTERNATIVE +++++ */
			div#kursOverview {
				margin-top:20px;
				margin-left:10px;
			}
				
				div.kursColum {
					float:left;
					width:146px;
					margin:0px 7px 0px 3px;
				}
				
					img.kursColumPic {
						padding:13px;
						background-image:url(images/mainContentOverviewPic.gif);
						margin-bottom:-3px;
					}
					
					div.kursColumText {
						background-color:#ffe2b9;
						width:124px;
						height:206px;
						margin:0px 3px;
						padding:8px;
					}
					
						div.kursColumList {
							margin-top:10px;
							width:124px;
							height:163px;
							background-color:#FFFFFF;
						}
				/* +++++ ALTERNATIVE +++++ */
				div#newsOverview {
					clear:both;
					width:399px;
					margin-left:20px;
					padding:0 10px;
				}
				
				/* +++++ ALTERNATIVE +++++ */
				div#mainContentGallery {
					margin-top:20px;
					margin-left:10px;
				}
				
					div.galleryPic {
						float:left;
						height:115px;
						margin-right:13px;
						padding:15px;
						padding-bottom:5px;
						background-image:url(images/mainContentPicSmall.gif);
						background-repeat:no-repeat;
					}
					
					a.galleryZoom {
						display:block;
						margin-top:-1px;
						margin-left:113px;
					}
		
			div#mainContentEnd {
				clear:both;
				width:500px;
				height:34px;
				background-image:url(images/mainContentBg.gif);
			}


		div#rightColum {
			float:left;
			height:auto;
			width:170px;
		}
		
			img#kursUpcoming {
				margin:15px 10px 5px;
			}
			
			img#kursUpcomingHR {
				margin-top:3px;
				margin-left:10px;
			}
			
			div.kursUpcomingItem {
				background-image:url(images/upcomingHR.gif);
				background-position:bottom left;
				background-repeat:no-repeat;
				margin-top:4px;
				margin-left:10px;
				padding-bottom:5px;
				font-size:0.85em;
				text-transform:none;
			}

	div#sound {
		background-image:url(images/contentBgEnd.png);
		background-repeat:no-repeat;
		width:940px;
		height:30px;
		clear:both;
	}