body {
	background-image: url(/images/csselems/bg-raster-1.gif);
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	/*	font-family:'Trebuchet MS', 'Lucida Grande',Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; */
}
#shadowWrapper {
	background-image: url(/images/csselems/bg-flaeche-1.gif);
	background-repeat: repeat-y;
	width: 970px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 20px;
}
#logoWrapper{
	background-image: url(/images/elem/elem_logo.gif);
	height: 70px;
	width: 960px;
	margin: 0 0 0 -7px;
}
#logoWrapperTab1{
	background-image: url(/images/elem/elem_logo_folge.gif);
	height: 80px;
	width: 960px;
	margin: 0 0 0 -7px;
}
#logoWrapperTab2{
	background-image: url(/images/elem/elem_logo_folge.gif);
	height: 80px;
	width: 960px;
	margin: 0 0 0 -7px;
}
#logoWrapperTab3{
	background-image: url(/images/elem/elem_logo_folge.gif);
	height: 80px;
	width: 960px;
	margin: 0 0 0 -7px;
}
#logoWrapperTab4{
	background-image: url(/images/elem/elem_logo_folge.gif);
	height: 80px;
	width: 960px;
	margin: 0 0 0 -7px;
}
#logoWrapperTab5{
	background-image: url(/images/elem/elem_logo_folge.gif);
	height: 80px;
	width: 960px;
	margin: 0 0 0 -7px;
}
#mainWrapper{ }

/* Head */

#logoLink{
	float:left;
	width: 350px;
}
#bdbLogoLink{
	float:right;
	width: 250px;
}
/* Tabs */

#tabWrapper{
	margin: 0 0 0 -7px;
	width: 960px;
}
/* IE-Hack  IE liest diese Anweisung nicht, sondern die vorhergehende! */
html>body #tabWrapper{
	margin: -16px 0 0 -7px;
}
ul#portal-globalnav {
	height: 23px;
    background-color: #84110C;
	border-bottom: 1px solid #FFFFFF;
	margin-left: 0px;
	padding-left: 90px;
}
ul#portal-globalnav li { 
	display: block; 
	float: left; 
	padding: 0; 
	margin: 0; 
	overflow: hidden; 
	background-repeat: no-repeat; 
	height: 23px; 
}
ul#portal-globalnav li a,
ul#portal-globalnav li a:hover,
ul#portal-globalnav li.selected a {   
	display: block;
	padding: 23px 0 0 0;
	border: 0;
	height: 0px !important; 
	height /**/:23px;
}
/* IE Hack fuer korrekte Darstellung BG-Images im Tab*/
*html ul#portal-globalnav li.selected a {  
	overflow:hidden;
	height: 0px !important; 
	padding: 23px 0 0 0;
}
#portaltab-channel-1{
	background-image: url(/images/func/func_tab_01.gif);
	background-position: 0px 0px; 
	width: 101px;
}
li.selected#portaltab-channel-1 a:hover, 
li#portaltab-channel-1 a:hover {
	background-image: url(/images/func/func_tab_01_h.gif);
	background-position: 0px 0px; 
	width: 101px;
}
li.selected#portaltab-channel-1{
	background-image: url(/images/func/func_tab_01_s.gif);
	background-position: 0px 0px; 
	width: 101px;
}
#portaltab-channel-2{
	background-image: url(/images/func/func_tab_02.gif);
	background-position: 0px 0px; 
	width: 113px;
}
li.selected#portaltab-channel-2 a:hover, 
li#portaltab-channel-2 a:hover {
	background-image: url(/images/func/func_tab_02_h.gif);
	background-position: 0px 0px; 
	width: 113px;
}
#portaltab-channel-3{
	background-image: url(/images/func/func_tab_03.gif);
	background-position: 0px 0px; 
	width: 154px;
}
li.selected#portaltab-channel-3 a:hover, 
li#portaltab-channel-3 a:hover {
	background-image: url(/images/func/func_tab_03_h.gif);
	background-position: 0px 0px; 
	width: 154px;
}
#portaltab-channel-4{
	background-image: url(/images/func/func_tab_04.gif);
	background-position: 0px 0px; 
	width: 163px;
}
li.selected#portaltab-channel-4 a:hover, 
li#portaltab-channel-4 a:hover {
	background-image: url(/images/func/func_tab_04_h.gif);
	background-position: 0px 0px; 
	width: 163px;
}
#portaltab-channel-5{
	background-image: url(/images/func/func_tab_05.gif);
	background-position: 0px 0px; 
	width: 133px;
}
li.selected#portaltab-channel-5 a:hover, 
li#portaltab-channel-5 a:hover {
	background-image: url(/images/func/func_tab_05_h.gif);
	background-position: 0px 0px; 
	width: 133px;
}

/* Aufmacher-Image */

#imageTop{
	margin: -20px 0 0 -7px;
}

/* Breadcrumbs */

#portal-breadcrumbs{
	font-size: 55%;
	text-transform: lowercase;
	border-bottom: 1px solid #84110C;
	width: 940px;
	padding: 5px 0 5px 5px;
	letter-spacing: 0.1em;	
}
#portal-breadcrumbs a{
	text-decoration: none;
	color: #5B5B5B;
}
#portal-breadcrumbs a:hover{
	text-decoration: underline;
}
.breadcrumbSeparator{
	font-size: 150%;
}
#breadcrumbs-you-are-here{ }



/* Portal Tools */

#portal-tools{
	width: 184px;
	height: 20px;
	font-size: 10px;
	position: relative;
	left: 515px;
}
#portal-tools img{
	padding: 10px 0 0 0;
}



/* Main-Navigation */

#portal-navigation{
	display: block;
	margin: 2em 0 0 -4em;
	line-height: 180%;
	position:relative;
	top: -14px;
}
/* IE-Hack  nur IE liest die nachfolgende Anweisung! */
* html #portal-navigation{
	margin-left: -0.5em;
	top: -5px;
	border-bottom: 1px solid #CCCCCC;
}
#portal-navigation a{
	text-decoration:none;
	color: #000000;
}
#portal-navigation li{
	display: block;
	list-style:none;
}
#portal-navigation li a{
	display: block;
	padding-left: 12px;
	background-image:url(/images/func/func_listpfeil.gif);
	background-position:0.3em 0.4em;
	background-repeat:no-repeat;
}
#portal-navigation li a:hover{
	background-color: #FF7A1F;
}
#portal-navigation li a.currentMain{
	display: block;
	background-color: #FF7A1F;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 12px;
	background-image:url(/images/func/func_listpfeil-3.gif);
	background-position:0.3em 0.4em;
	background-repeat:no-repeat;
}
#portal-navigation li a.currentItem{
	display: block;
	padding-left: 12px;
	background-image:url(/images/func/func_listpfeil-2.gif);
	background-position:5px 5px;
	background-repeat:no-repeat;
	color: #FF7A1F;
	font-weight: bold;
}

#portal-navigation li a.currentItem:hover{
	background-color: #FFFFFF;
	color: #FF7A1F;
	font-weight: bold;
}


/* Main Content */

#contentWrapper{
	width: 940px;
	background-color:#FFFFFF;

}
#portal-columns td{
	padding: 5px;
	padding-top: 0;
}
#portal-column-one{ 
	width: 200px;
	vertical-align:top;
	font-size: 70%;
}
#portal-column-content-startseite{
	float:left;
	width: 720px;
}
#portal-column-content{ 
	float:left;
	width: 480px;
	vertical-align:top;
}
/* not implemented 
#portal-column-content #documentContent{
	padding-top: 10px;
}
*/

/* IE-Hack  nur IE liest die nachfolgende Anweisung! */
* html #portal-column-content #documentContent{
	padding-top: 15px;
}
#portal-column-two{
	width: 200px;
	vertical-align:top;
	clear:both;
	background-image:url(/images/elem/pixel-orange_2x2.gif);
	background-repeat:repeat-y;
	background-position:left;
}

/* Content Boxen Startseite */

#contentBoxes{ }
#row1{ }
#row2{
	float:none;
	clear:both;
	background-image:url(/images/elem/pixel-orange.gif);
	background-repeat:repeat-x;
	padding-top: 5px;
	background-position:top;
 }
#row3{ 
	float:none;
	clear:both;
	background-image:url(/images/elem/pixel-orange.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
/* IE-Hack  nur IE liest die nachfolgende Anweisung! */
* html #row3{ 
	float:none;
	clear:both;
	background-image:url(/images/elem/pixel-orange.gif);
	background-repeat:repeat-x;
	padding-top: 0;
	background-position:bottom;
}

/* 1. Reihe - 1.row */
#row1Col1to2Box{
	float:left;
	width: 465px;
	padding: 0 5px 0 0;
 }
#row1Col3Box{
	float:right;
	width: 230px;
	height: 80px;
	background-image:url(/images/elem/pixel-grau_3x2.gif);
	background-repeat:repeat-y;
	margin-left: -15px;
	padding-left: 5px;
 }

/* 2. Reihe - 2.row */
#row2Col1Box{
	float:left;
	width: 215px;
	padding: 4px 4px 8px 4px;
 }
#row2Col2Box{ 
	float:left;
	width: 215px;
	padding: 4px 4px 8px 4px;
}
#row2Col3Box{ 
	float:right;
	width: 215px;
	padding: 4px 4px 8px 4px;
}

/* 3. Reihe - 3.row */
#row3Col1Box{
	float:left;
}
#row3Col2Box{ 
	float:left;
}
#row3Col3Box{ 
	float:right;
}
#row3Col1Box, #row3Col2Box, #row3Col3Box{
	width: 215px;
	padding: 4px 4px 8px 4px;
}

/* Box BG Format */
.boxNoBG{ 
	margin: 5px;
}
.boxBG{ 
	margin: 5px;
}
.boxRoseBG{ 
	background-color: #F6E5C9;
	margin: 5px;
}
.boxOrangeBG{
	background-color: #FED67F;
	margin: 5px;
 }

/* Formate Head + Text */

.mainHead h3{
	font-size: 100%;
	color: #FF7A1F;
	background-image:url(/images/elem/pixel-orange.gif);
	background-repeat:repeat-x;
	padding: 5px 0 5px 0;
	margin-bottom: 10px;
	background-position:bottom;
}
.mainHead h4{
	font-size: 80%;
	color: #FF7A1F;
	background-image:url(/images/elem/pixel-orange.gif);
	background-repeat:repeat-x;
	padding: 5px 0 7px 0;
	margin-bottom: 10px;
	background-position:bottom;
}
.mainHead h4 a{
	color: #FF7A1F;
	text-decoration:none;
}
.mainRubrik{
	font-size: 60%;
	font-weight:bold;
	color: #999999;
	margin-bottom: -15px;
}
.mainHead2 h4{
	font-size: 80%;
	color: #5B5A58;
	margin-bottom: 8px;
}
.mainHead2 h4 a{
	text-decoration:none;
	color: #5B5A58;
}
.mainHead2 h4 a:hover{
	text-decoration:underline;
	color: #5B5A58;
}
.copy{
	font-size: 70%;
	line-height: 180%;

}
.copy a img{
	display:inline;
	float:inherit;
	padding: 0px;
	margin: -4px 0 0 0 ;
	vertical-align: middle;
	position:relative;	
	top: 3px;
}
#moduleMainContent{
	border: 1px solid #000000;
	margin: 5px;
}
.boxContent{
	border: 1px solid #000000;
	float:left;
}
.splashpageIconLeft{
	display:block;
	float:left;
	margin: 0 2px -5px 0;
}
.splashpageIconRight{
	display:block;
	float:right;
	margin: 0 0 -5px 2px;
}

/* Folgeseiten */

.uebersichtRubrikHead{
	font-size: 100%;
	color: #FF7A1F;
	padding: 0 0 0.8em 0;
	margin-top:2px;
	font-weight: bold;

}
/* IE-Hack  IE liest diese Anweisung nicht, sondern die vorhergehende! */
html>body .uebersichtRubrikHead{
	padding: 1.3em 0 0.8em 0;
}
.uebersichtRubrikHead a{
	text-decoration:none;
	color: #FF7A1F;
	text-transform:uppercase;
}
.uebersichtRubrikHeadFlash{
	display:block;
	background-image:url(/images/elem/pixel-orange.gif);
	background-repeat:repeat-x;
	background-position: bottom;
	width: 100%;
	padding: 0 0 0.2em 0;
	margin-bottom: 1em;
}

.uebersichtHead{
	font-size: 80%;
	color: #5B5B5B;
	margin-bottom: 0;
	font-weight:bold;
	padding-top: 1em;
}
.uebersichtHead a{
	text-decoration:none;
	color: #5B5B5B;
}
.teaser{
	font-size: 70%;
	line-height: 180%;
	padding: 1em 0 0 0;
}
.teaser .teaserMehrImg{
	display:inline;
	float:inherit;
	padding: 2px;
	margin: -4px 0 0 0 ;
	vertical-align: middle;
}
.timestamp{
	font-size: 80%;
	color:#999999;
	margin-bottom: -10px;
}
.trennstrich{
	padding-top: 10px;
	height: 10px;
	background-image:url(/images/elem/pixel-grau_2x1.gif);
	background-repeat:repeat-x;
	background-position: bottom;
}
.releatedHead{ 
	color: #999999;
	font-weight: bold;
	margin-top: 2em;
	padding-top: 0.5em;
	background-image:url(/images/elem/pixel-grau_2x1.gif);
	background-repeat:repeat-x;
	background-position: top;
}
.releatedBox-orange{
	background-color: #FED67F;
	border: 1px solid #FF7A1F;
	padding: 0.5em;
	margin-top: 1em;
}
.releatedBox-orange p{
	padding: 0;
	margin: 0;
	line-height: 160%;
}
.releatedBox-orange p img{
	display:inline;
	float:inherit;
	padding: 2px;
	margin: -4px 4px 0 0 ;
	vertical-align: middle;
	border: none;
}
.releatedBox-orange a{
	color: #5B5B5B;
	font-weight: bold;
	text-decoration:none;
}
.releatedBox-orange a:hover{
	text-decoration:underline;
}
.divider{
	border-bottom: 1px solid #FF7A1F;
	padding: 0;
	margin-bottom: 10px;
}

/* Fotos */

.teaserFotoLinks{
	float:left;
	padding: 1.5em 0.5em 0.2em 0;
}

/* Bottom Wrapper */

#bottomWrapper{ }
#bottomNavWrapper{ 
	padding: 5px 0 5px 0;
}
#bottomNav{ 
	clear:both;
	text-align:center;
	line-height: 160%;
	font-size: 65%;
	color: #A0A0A0;
	background-image:url(/images/elem/pixel-orange.gif);
	background-repeat:repeat-x;
	margin-top: 5px;
	padding-top: 5px;
	background-position:top;
}
#bottomNav a{ 
	color: #A0A0A0;
	text-decoration: none;
}
#bottomNav a:hover{ 
	text-decoration: underline;
}
#footerWrapper{ }



/* Portlets */

.visualPadding { 
	display:block;
	padding-left: 5px;
}
/* IE-Hack  IE liest diese Anweisung nicht, sondern die vorhergehende! */
html>body .visualPadding { 
	margin-top: -5px;
}
.portletHead{ }
.portletHead h4{
	font-size: 80%;
	color: #FF7A1F;
	background-image:url(/images/elem/pixel-orange.gif);
	background-repeat:repeat-x;
	padding: 5px 0 5px 5px;
	margin-bottom: 10px;
	background-position:bottom;
}
.portletNoHead{
	padding: 5px 0 5px 5px;
	margin-bottom: 10px;
}
.portletBody{
	width: 200px;
	border-bottom: 1px solid #FF7A1F;
	padding-bottom: 20px;
}
/* IE-Hack  IE liest diese Anweisung nicht, sondern die vorhergehende! */
html>body .portletBody{
	padding-bottom: 12px;
}
#inputField{
	font-size: 65%;
	width:120px;
	float:left;
	clear:both;
	background-color: #F6E5C9;
	border: 1px solid #CCCCCC;
	font-family:Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
}
#submitImage{
	display: block;
	margin-top: -2px;
}
.portletList{
	margin: -1.5em 0 0 0;
}
/* IE-Hack  IE liest diese Anweisung nicht, sondern die vorhergehende! */
html>body  .portletList{
	margin: 0 0 1em -2.4em;
}

/* IE-Hack  nur IE liest die nachfolgende Anweisung! */
* html .boxList{
	margin: -1.5em 0 0 0;
}
.portletList li{
	display: block;
	background-image:url(/images/elem/icon_bulletlist-orange.gif);
	background-position:left;
	background-repeat:no-repeat;
	list-style:none;
}
/* IE-Hack  IE liest diese Anweisung nicht, sondern die vorhergehende! */
html>body .boxList li{
	margin-left: -2.4em;
}
.portletListText{
	font-size: 65%;
	padding-left: 2em;
}
.portletListText a{
	text-decoration:none;
	color: #5B5B5B;
}
.portletListText a:hover{
	text-decoration:underline;
}
.portletLinkList{
	font-size: 75%;
	margin: -1.5em 0 0 1.5em;
}
.portletLinkList li{
	display: block;
	background-image:url(/images/func/func_listpfeil.gif);
	background-position:left;
	background-repeat:no-repeat;
	list-style:none;
	margin-left: -1.5em;
}

.portletLinkList a{
	text-decoration:none;
	color: #5B5B5B;
}
.portletLinkList a:hover{
	text-decoration:underline;
}
#portletImgPodcast{ }



/* Flash Stuff */

#fla_OverflowWrapper{
	height: 140px;
}
#fla_OverflowWrapper div{
}
#fla_wrapper{ 
	overflow: hidden;
	z-index:1;
}
/* IE-Hack  nur IE liest die nachfolgende Anweisung! */
* html #fla_wrapper{ 
	height: 80px;
}
#glossarFlash{ }



/* DHTML + AJAX Stuff */

/*Tip Layer Formats*/

.tipLayerWrapper a{
	display: block;
	text-decoration: none;
	color: #5A5A5A;
	text-indent: 26px;
	font-weight: bold;
	background-image:url(/images/elem/icon_tip2.gif);
	background-repeat:no-repeat;
	background-position: 0 -2px;
	background-color:#FF7A1F;
}
.tipLayerWrapper a:hover{
	text-decoration: underline;
}
.tipContainer{
	width: 480px;
	background-color: #FF7A1F;
	color: #FFFFFF;
	margin-top: 0;
	background-image:url(/images/elem/icon_tip_close.gif);
	background-repeat:no-repeat;
	background-position: right -2px;
}
.tipContainer p{
	padding-top: 10px;
}
.tipContainer p{
	display: block;
	padding: 5px;
}
/* IE-Hack  nur IE liest die nachfolgende Anweisung! */
* html .tipContainer p{
	padding: 10px;
}
/* Glossar */
#portletContainer1{
	display:block;
	width: 200px;
	position: relative;
	top: -81px;
	left: -2px;
	z-index: 100;
	background-color: #FFFFFF;
	/*border: 1px solid #FF7A1F;*/
}
/* IE-Hack  nur IE liest die nachfolgende Anweisung! */
* html #portletContainer1{
	top: -84px;
	left: -2px;
}

/* Erklaertexte */
#explainContainer .explainTitel{
	display: block;
	color: #FFFFFF;
	font-weight:bold;
	background-color: #FF7A1F;
	font-size: 60%;
	padding: 5px;
	margin: 15px 0 -10px 0;
	border-top: 1px solid #FF7A1F;
	border-left: 1px solid #FF7A1F;
	border-right: 1px solid #FF7A1F;
	width: 100px;
	height: 14px;
}

.explainStretcher{
	background-color:#E9E9E9;
}
#explainContent{
	background-color: #CCCCCC;
	border: 1px solid #FF7A1F;
	padding: 5px;
	margin-top: 10px;
	padding-left: 10px;
}
.explainDisplay a{
	font-size: 60%;
	color: #5B5B5B;
	font-weight: bold;
	text-decoration: none;
	line-height: 160%;
}
.explainStretcher p{
	font-size: 60%;
	padding: 5px;
}
.close{
	top: -20px;
	width: 100%;
}
.close img{
	display: block;
	float: right;
}
.anchorLinks{
	text-decoration:none;
	font-weight: normal;
	color: #FF7A1F;
}

#cssSwitch img{
	border: 1px solid #000000;
}

/* Playground */

/* rounded Corners */

.rtop, .rbottom{
	display:block
	}
.rtop *, .rbottom *{
	display: block; 
	height: 1px; 
	overflow: hidden;
	background-color:#FF7A1F;
}
.r1{
	margin: 0 5px;
}
.r2{
	margin: 0 3px;
}
.r3{
	margin: 0 2px;
}
.r4{
	margin: 0 1px; 
	height: 2px;
}
#bookmarking{
	display:none;
}
/* Feature Broschueren */

.broschFeature {
	border: 1px solid #999;
	width: 200px;
	float: right;
}
.broschFeature img{
display: block;
	margin: 0 auto;
}
.broschFeature a img{
	border: none;
}
/* Feature Broschueren */

.broschFeature {
font-size: 80%;
	border: 1px solid #CCCCCC;
	width: 200px;
	float: right;
	padding: 5px;
	margin: 5px;
}
.broschFeature img{
display: block;
	margin: 0 auto;
}
.broschFeature a img{
	border: none;
}