/* ##################################################################
# 01 GENERAL HTML STYLES					    #
################################################################### */	
/*Redefinitionen*/
html,body{
  height:100%;
  margin:0px;
  padding:0px;
}

body{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background:#D1DEEE;
  text-align:center;
}



/* ------------------------------------------------------------------
	GENERAL TEXT FORMATTING : START
------------------------------------------------------------------- */

	h1
	{
		color: #FA601B;
		font-size: 90%;
		font-weight: bold;
		float: left;
	}
	
	h2
	{
		color: #FA601B;
		font-size:80%;
	}
	
	h3, h4
	{
		color:#FA601B;
		font-size:80%;
		font-weight:900;
	}
	
	p  
	{ 
		margin: 0;
		padding: 0;
		color: rgb(0,0,0); 
		font-size: small;
		display: block;
		line-height: 1.2em;
	}
	

/* ------------------------------------------------------------------
	GENERAL TEXT FORMATTING : END
------------------------------------------------------------------- */


/* ##################################################################
# 02 LAYOUT							    #
################################################################### */	


/* ------------------------------------------------------------------
	MAIN LAYOUT : START
-------------------------------------------------------------------- */
/*Allgemeiner Aufbau*/
	#wrapper
	{ 
		width: 737px;
		margin: 0 auto;
		border-left: 1px solid #AAB4C2; 
		border-right: 1px solid #AAB4C2; 
		text-align:left;
		background-color: #fff;
		position: relative;
	}

	#head
	{
		width:737px;
		height: 229px;
		margin: 0px;
		padding: 0px;	
		
	}
	
	#breadcrumb
	{
		
		height: 1px;
		font-size: 1px;
		line-height: 1px;
		
		
	}
	
	
	#banner 
	{
		background: url(../pics/layout/header_back.jpg) bottom right no-repeat;
		position: relative;
		top: 8px;
		height: 219px;
		/*margin-right: 26px;	*/
		background-position: 223px 7px;	
	}
	
	#lineleft
	{
		width: 222px;
		background-image: url(../pics/layout/punkt.gif);
		height: 9px;
		float: left;
	}
	
	#lineright
	{
		width: 514px;
		margin-left: 1px;
		background-color: #FA601B;
		height: 9px;
		float: left;
	}

	#content, #contentsection
	{
		background-color: #fff;
	}
	
	#threecolumns
	{
		margin: 0;
		background-color: #fff;
		width: 541px;
		border-left: 196px solid #fff;
		margin-top: 58px;
	}
 
	#left 
	{
	        float: left;   
	        position: relative; 
	        padding:0;
		width: 196px;
		margin: 0;
		background-color: #fff;
		height: 100%;
		margin-left: -196px;
	}       
	
	
	
	#middle 
	{ 
	    float:left;
	    width:386px;
	    margin:0;
	    padding: 0;
	   /* height: 100%;             */
	    min-height: 550px;
	    height: auto !important;
	    height: 550px;
	    position: relative;
	}
	
	
	#maincontent
	{
		width:326px;
		padding: 0 29px 0 26px;
		font-size: small;
		/*text-align: justify;*/
	}
		
	
	#right, #accessibility 
	{
	    width: 128px;
	    float: left;
	    margin:0 25px 0 0;
	    border: 1px solid #FDCFBA;
	    position: relative;
	    min-height: 50px;
	}
	
	#accessibility 
	{
		margin-top: 20px;
	}
	
	#right #downloads-top, #accessibility #downloads-top
	{
		height: 24px;
		background-color: #FEEFE8;
		border-bottom: 1px solid #FDCFBA;
	}
	
	#right #downloads-top-left, #accessibility #downloads-top-left
	{
		width: 10px;
		height: 12px;
		z-index: 2000;
		background: url(../pics/layout/download-links-oben.gif) no-repeat top left;
		position: absolute;
		top: -1px;
		display: block;
		z-index: 1000;
		left: -1px;
	}
	
	
	#right #downloads-top-right, #accessibility #downloads-top-right
	{
		width: 10px;
		height: 12px;
		z-index: 2000;
		background: url(../pics/layout/download-rechts-oben.gif) no-repeat top right;
		position: absolute;
		top: -1px;
		display: block;
		z-index: 1000;
		right: -1px;
	}
	
	#right #downloads-bottom-left, #accessibility #downloads-bottom-left
	{
		width: 10px;
		height: 12px;
		z-index: 2000;
		background: url(../pics/layout/download-links-unten.gif) no-repeat bottom left;
		position: absolute;
		bottom: -1px;
		display: block;
		z-index: 1000;
		left: -1px;
		
	}
	
	#right #downloads-bottom-right, #accessibility #downloads-bottom-right
	{
		width: 10px;
		height: 12px;
		z-index: 2000;
		background: url(../pics/layout/download-rechts-unten.gif) no-repeat bottom right;
		position: absolute;
		bottom: -1px;
		display: block;
		z-index: 1000;
		right: -1px;
		
	}
	
	#colRight
	{
		padding: 5px 10px;
	}
	
	#footer 
	{
	       
	        width: 100%;
	        height: 48px;
	        text-align:left;
	        color: rgb(51,51,51);
	        font-size: 70%;
	}
	
	
	#footer #navi-footer
	{
		margin-left: 222px;
		float: left;
	}
	
	#footer #footer-balken
	{
		margin: 5px 0 0 222px ;
		background-image: url(../pics/layout/punkt.gif);
		height: 20px;
		width: 515px;
	}
	
	#footer #invert a
	{
		background: url(../pics/layout/invert.gif) no-repeat center left;
		padding-left: 20px;
		height: 18px;
		display: block;
		text-decoration: none;
		padding-right: 10px;
	}
	
	
	#footer #invert
	{
		float: right;
		margin-bottom: 3px;
	}
	


/* ------------------------------------------------------------------
	MAIN LAYOUT : END
-------------------------------------------------------------------- */
	
/* ------------------------------------------------------------------
	MAIN NAVIGATION : START
-------------------------------------------------------------------- */

	#main-menu
	{
		margin-left: 27px;
	}
	
	#main-menu ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
		z-index: 99;
		position: relative;
		overflow: visible;
		
	}	
	
	#main-menu ul li
	{
		/*border-bottom: 1px dotted #FFA880;*/
		background: url(../pics/layout/punkt_orange.gif) repeat-x bottom left;
	}
	
	#main-menu ul li a
	{
		color: rgb(0,0,0);
		font-size: x-small;
		font-weight: bold;
		margin: 0;
		padding: 10px 0 1px 0;
		display: block;
		
	}
	
	#main-menu ul li a span
	{
		font-weight: normal;
		
	}
	
	/*#hauptnavi ul
	{
		padding: 0;
		margin: 0;
		list-style: none;
		width: 50px;
		z-index: 99;
		position: relative;
		overflow: visible;
	}
	*/
	#hauptnavi li
	{
		margin: 0;
		position: relative;
		/*float: left;*/
		display: block;
		height: auto;
	}
	
	#hauptnavi a
	{
		text-decoration: none;
		display: block;
		padding: 0;
		margin: 0;
	}
	
	#hauptnavi a:hover,
	#hauptnavi li:hover
	{
		/*background-color: rgb(195, 195, 195);*/
		color: #666;
	}
	
	#hauptnavi ul li:hover,
	#hauptnavi ul li a:hover
	{
		/*background-color: rgb(235, 235, 235);*/
	}
	
	#hauptnavi ul
	{
		display: none;
	}
	
	/* subnavigation mit css-rollover */
	#hauptnavi ul#subnavi
	{
		margin-left: 30px;
		border: none;
		text-align: right;
	}
	
	/*
		
	mit "popup"-effekt..noch probleme im ie
	#hauptnavi ul#subnavi
	{
		margin-left: 100px;
		border: none;
		text-align: left;
		background: #FEEFE8;
	
		width: 150px;
		margin-top: -24px;
		padding: 5px;
		background: #FEEFE8 url(../pics/layout/punkt_orange.gif) repeat-x top left;
	
	}
	*/
	
	#hauptnavi ul#subnavi li 
	{
		background: none;
	}
	
	#hauptnavi ul#subnavi li a
	{
		color: rgb(0,0,0);
		font-size: x-small;
		font-weight: normal;
		margin: 0;
		padding: 10px 0 1px 0;
		display: block;
	}
	
	#hauptnavi ul#subnavi li a:hover
	{
		color: #999;
		font-size: x-small;
		font-weight: normal;
		margin: 0;
		padding: 10px 0 1px 0;
		display: block;
	}
	
	/*all see this 
	*/
	#hauptnavi ul ul
	{
		display: none;
		position: absolute;
		margin-top: -20px;
		margin-left: 50px;
	}
	
	/* non-IE browsers see this 
	*/
	#hauptnavi ul li>ul, 
	#hauptnavi ul ul li>ul
	{
		margin-top: -20px;
	}
	
	#hauptnavi li:hover ul ul, 
	#hauptnavi li:hover ul ul ul, 
	#hauptnavi li:hover ul ul ul ul, 
	#hauptnavi li:hover ul ul ul ul ul
	{
		display: none;
	}
	
	#hauptnavi li:hover ul, 
	#hauptnavi ul li:hover ul,
	#hauptnavi ul ul li:hover ul, 
	#hauptnavi ul ul ul li:hover ul, 
	#hauptnavi ul ul ul ul li:hover ul
	{
		display: block;
	}
	
	li>ul 
	{
		top: auto;
		left: auto;
	} 
	
	

/* ------------------------------------------------------------------
	MAIN NAVIGATION : END
-------------------------------------------------------------------- */

/* ------------------------------------------------------------------
	PORTAL NAVIGATION : START
-------------------------------------------------------------------- */

	#navi-portal
	{
		margin: 0 0 0 223px;
		height: 58px;
		text-align: left;
	}
	
	#navi-portal ul
	{
		list-style-image: none;
		list-style: none;
		margin: 0 0 0 0;
		padding: 0;
		display: block;
		padding-top: 20px;
	}
	
	#navi-portal ul li
	{
		float: left;
	}
	
	#navi-portal ul li a
	{
		color: #a7a7a7;
		font-size: x-small;
		display: block;
		margin-right: 19px;
	}
	
	#navi-portal ul li a img
	{
		float: left;
		margin: 0 9px 0 0;
	}

	#navi-portal ul li a:hover
	{
		color: rgb(0,0,0);
	}
	

/* ------------------------------------------------------------------
	PORTAL NAVIGATION : END
-------------------------------------------------------------------- */

/* ------------------------------------------------------------------
	GLOBAL NAVIGATION : START
-------------------------------------------------------------------- */

	#navi-global
	{
		background-color: #81AAD3;
		position: relative;
		width: 222px;
		height: 162px;
		float: left;
		margin-right: 1px;
		margin-top: -1px;
	}
	
	#navi-global ul
	{
		list-style-image: none;
		list-style: none;
		margin: 0 0 0 27px;
		padding: 0;
		display: block;
		padding-top: 62px;
		width: 170px;
		/*border-bottom: 1px dotted rgb(255,255,255);*/
		background: url(../pics/layout/punkt_weiss.gif) repeat-x bottom left;
	}
	
	#navi-global ul li
	{
		/*border-top: 1px dotted rgb(255, 255, 255);*/
		background: url(../pics/layout/punkt_weiss.gif) repeat-x top left;
		width: 170px;
		padding-top: 2px;
	}
	
	#navi-global ul li a
	{
		color: rgb(255, 255, 255);
		font-size: x-small;
		display: block;
		margin: 3px 0;
		
	}
	
	#navi-global ul li a img
	{
		float: left;
		margin: 0 25px 0 0;
	}

	#navi-global ul li a:hover
	{
		color: #D1DEEE;
	}
	
	

/* ------------------------------------------------------------------
	GLOBAL NAVIGATION : END
-------------------------------------------------------------------- */


/* ------------------------------------------------------------------
	PFAD NAVIGATION : START
-------------------------------------------------------------------- */

	#navi-pfad
	{
		margin: 0 0 0 17px;
		height: 14px;
		text-align: left;
		padding-top: 10px;
		float: left;
	}
	
	/*#navi-pfad ul
	{
		list-style-image: none;
		list-style: none;
		margin: 0 0 0 0;
		padding: 0;
		display: block;
		padding-top: 20px;
	}
	
	#navi-pfad ul li
	{
		float: left;
		color: #a7a7a7;
		font-size: x-small;
		display: block;
	}
	
	#navi-pfad ul li a
	{
		margin: 0 10px 0 10px;
	}
	
	#navi-pfad ul li a img
	{
		float: left;
		margin: 0 9px 0 0;
	}

	#navi-pfad ul li a:hover
	{
		color: rgb(0,0,0);
	}
	*/
	#navi-pfad span
	{
		float: left;
		color: #a7a7a7;
		font-size: x-small;
		display: block;
	}
	
	#navi-pfad span a
	{
		margin: 0 10px 0 10px;
		text-decoration: none;
	}

/* ------------------------------------------------------------------
	PFAD NAVIGATION : END
-------------------------------------------------------------------- */


/* ------------------------------------------------------------------
	FOOTER NAVIGATION : START
-------------------------------------------------------------------- */

	#navi-footer
	{
		margin: 0 ;
		height: 15px;
		text-align: left;
		width: auto;
	}
	
	#navi-footer ul
	{
		list-style-image: none;
		list-style: none;
		margin: 0;
		padding: 0;
		display: block;
		height: 15px;
		/*padding-top: 20px;*/
		background: url(../pics/layout/punkt_orange_senkr.gif) repeat-y top left;
	}
	
	#navi-footer ul li
	{
		float: left;
		height: 15px;
		padding: 0;
		/*background: url(../pics/layout/punkt_orange_senkr.gif) repeat-y top right;*/
	}
	
	#navi-footer ul li#top a
	{
		background: url(../pics/layout/top_breiter.gif) no-repeat center left;
		width: 61px;
		height: 15px;
		
	}
	
	#navi-footer ul li#print a
	{
		background: url(../pics/layout/print_breiter.gif) no-repeat center left;
		width: 60px;
		height: 15px;
		
	}
	
	#navi-footer ul li a
	{
		
		display: block;
	
	}
	
	#navi-footer ul li a img
	{
		float: left;
		margin: 0 2px;
		
	/*	border-right: 1px dotted #FA601B;*/
	}

	
	

/* ------------------------------------------------------------------
	FOOTER NAVIGATION : END
-------------------------------------------------------------------- */

/* ------------------------------------------------------------------
	SITEMAP NAVIGATION : START
-------------------------------------------------------------------- */

	.csc-sitemap ul
	{
		list-style: none;
		margin: 10px 0 0 0;
		padding: 0;
	}
	
	.csc-sitemap ul li
	{
		margin-bottom: 5px;
	}
	
	#colNormal .csc-sitemap a
	{
		text-decoration: none;
	}
	
	.csc-sitemap ul li a
	{
		background: url(../pics/layout/pfeil-rechts_blau.gif) center left no-repeat;
		padding-left: 15px;
	}
	
	
	
	.csc-sitemap ul li ul li
	{
		border: none;
		padding-left: 40px;
	}
	
	.csc-sitemap ul li ul li a
	{
		background: url(../pics/layout/pfeil-rechts_orange.gif) center left no-repeat;
		padding-left: 15px;
	}
	
/* ------------------------------------------------------------------
	SITEMAP NAVIGATION : END
-------------------------------------------------------------------- */

/* ------------------------------------------------------------------
	OTHER : START
-------------------------------------------------------------------- */

	
	div.menusection
	{
		width:16%;
		float:left;
		height:118px;
		background-color:white;
	}
	
	.clear 
	{ 
		clear: both; 
	}

/* ------------------------------------------------------------------
	OTHER : END
-------------------------------------------------------------------- */


/* ##################################################################
# 03 ELEMENTS							    #
################################################################### */	

	
/* ------------------------------------------------------------------
	HYPERLINKS : START
-------------------------------------------------------------------- */
	
	 
	 /*Links Reihenfolge immer: Link, Visited, Hover, Activ*/
	a
	{
		color: #036CD7;
	}
	
	 
	a.external-link, a.external-link-new-window
	{                                                           /*f�r links auf externe seiten*/
	 	color: #036CD7;
	 	text-decoration: underline;
	 	font-size: small;
	} 
	
	a.external-link:hover, a.external-link-new-window:hover
	{                                                           /*f�r links auf externe seiten*/
	 	color: #036CD7;
	 	text-decoration: none;
	 	font-size: small;
	} 
	
	#colRight ul li a.external-link-new-window
	{
	
		color: rgb(0,0,0);
		font-size: x-small;
		text-decoration: none;	
	}
	
	#colRight ul li a.external-link-new-window:hover
	{
		color: #506A85;
	}
	


	
/* ------------------------------------------------------------------
	HYPERLINKS : END
-------------------------------------------------------------------- */

/* ------------------------------------------------------------------
	IMAGES : START
-------------------------------------------------------------------- */

	img
	{
		margin:0px;
		padding:0px;
		border-width:0;
	}
	

	
	
	
/* ------------------------------------------------------------------
	IMAGES : END
-------------------------------------------------------------------- */

/* ------------------------------------------------------------------
	TEXTS : START
-------------------------------------------------------------------- */
	
	#update
	{
		font-size: x-small;
		color: rgb(255,255,255);
		position: absolute;
		bottom: 11px;
		right: 60px;
	}
	
	#right h2, #accessibility h2
	{
		float: left;
		display: block;
		margin: 4px 0 0 10px;
		padding: 0;
	}

	/* definitionsliste - term */
	dl.csc-menu-4 dt 
	{
		background-color: #D5DEE7;
	}
	
	dl.csc-menu-4 dt a
	{
		color: #000;
		text-decoration: none;
		display: block;
	}
	
	/* definition eines terms */
	dl.csc-menu-4 dd
	{
		margin: 1px 0 15px 0;
		
	}
	
	.hideme 
	{
		display: none;
		visibility: hidden;
	}
	
/* ------------------------------------------------------------------
	TEXTS : END
-------------------------------------------------------------------- */

/* ------------------------------------------------------------------
	NEWS : START
-------------------------------------------------------------------- */
	

/* ------------------------------------------------------------------
	NEWS : END
-------------------------------------------------------------------- */

/* ------------------------------------------------------------------
	TABELLEN : START
-------------------------------------------------------------------- */

	

/* ------------------------------------------------------------------
	TABELLEN : END
-------------------------------------------------------------------- */

/* ------------------------------------------------------------------
	LISTEN : START
-------------------------------------------------------------------- */

	ul li
	{
		padding: 0 0 5px 0;
		font-size: small;
	}
	
	#colRight ul
	{
		min-height: 100px;
		list-style: none;
		margin: 0;
		padding: 0;
		
	}
	
	#colRight ul li
	{
		margin: 0 0px 5px 0px;
		/*border-bottom: 1px dotted #FDCFBA;*/
		background: url(../pics/layout/punkt_orange.gif) repeat-x bottom left;
	}
	
	ul li a, ul li a:hover
	{
		color: rgb(0,0,0);
		font-size: x-small;
		text-decoration: none;	
	}
	
	ul li a:hover
	{
		color: #506A85;
	}
	
	#colNormal ul li
	{
		font-size: small;
	}
	
	
	#colNormal ul li a
	{
		font-size: small;
		text-decoration: underline;
		color: #036CD7;
	}
	
	#colNormal ul li a:hover
	{
		text-decoration: none;
	}
	
	#tastaturkuerzel
	{
		min-height: 100px;
		list-style: none;
		margin: 5px 0 0 0;
		padding: 0;
	}
	
	#tastaturkuerzel li 
	{
		font-size: small;
		color: #000;
		margin-left: 10px;
	}
	

/* ------------------------------------------------------------------
	LISTE : END
-------------------------------------------------------------------- */

/* ------------------------------------------------------------------
	FORMS : START
---------------------------------------------------------------------- */
.csc-mailform 
{
	border: none;
}

form
{
	display: block;
	background-color: #D5DEE7;
	border: 1px solid #036CD7;
	margin-top: 20px;
	padding: 5px;
}

form label
{
	color: #036CD7;
	float: left;
	margin: 5px 5px 5px 0;
	padding: 4px 0px 4px 0px;
	width: 60px;
	font-size: smaller;
}

form input, form textarea, form select
{
	border: 1px solid #036CD7;
	color: #036CD7;
	margin: 5px 0;
	width: auto;
	padding: 4px 5px 4px 5px;
	font-size: smaller;
}

form select 
{
	padding: 2px 1px 2px 5px;
}

form select option
{
border: 1px solid #036CD7;
}

form input.csc-mailform-submit
{
	float: right;
}

/* login-form funktioniert ohne labels und mit tabellen... */
.csc-form-labelcell p
{
	color: #036CD7;
	float: left;
	margin: 5px 5px 5px 0;
	padding: 4px 0px 4px 0px;
	font-size: smaller;
}

.csc-form-labelcell 
{
	width: 60px;
}

table.csc-loginform td, table.csc-searchform td
{
	background-color: #D5DEE7;
	border: none;
}

table.csc-loginform, table.csc-searchform
{
	padding: 5px;
}



/* ------------------------------------------------------------------
	SPRACHEN : START
---------------------------------------------------------------------- */
	#sprache
	{
		float: right;
		text-align: right;
		margin-right: 5px;
	}
	
	#sprache ul
	{
		list-style-image: none;
		list-style: none;
		margin: 0 0 0 0;
		padding: 0;
		display: block;
		padding-top: 10px;
	}
	
	#sprache ul li
	{
		float: left;
		color: #a7a7a7;
		font-size: x-small;
		display: block;
		margin-right: 19px;
	}
	
	#sprache ul li a
	{
		color: #000;
		
		font-size: x-small;
		display: block;
	}
	
	#sprache ul li a img
	{
		float: left;
		margin: 0 9px 0 0;
	}

	#sprache ul li a:hover
	{
		color: #a7a7a7;
	}
/* ------------------------------------------------------------------
	SPRACHEN : END
---------------------------------------------------------------------- */