/* Grundvorgaben fuer Positionieren und Groessen - - - - - - - - - - - */

@import url(tools.css);
@import url(news.css);
@import url(calendar.css);


/*  ------------------------------------------------------
SEITE
--------------------------------------------------------*/

div#seite {
  width: 1024px;
  background: #FFF url(../template/html/img/bg_kopf_1024.gif) no-repeat center top;
  margin: 0px auto;
  text-align: left;
}
p.align-right {
  text-align: right;
}
p.align-center {
  text-align: center;
}
p.align-left {
  text-align: left;
}

td.align-right {
  text-align: right !important;
}
td.align-center {
  text-align: center !important;
}
td.align-left {
  text-align: left !important;
}
/*  ------------------------------------------------------
KOPF MIT LOGO
--------------------------------------------------------*/
div#kopf {
position: relative;
height: 220px;
/*height: 100px;*/
}

div#kopf div#logo  {

background: transparent;}

div#kopf div#logo img { 
	position: relative;
	top: -25px;
	left: 0px;
}

div#kopf div#logo p {
font-size: 1.1em;
font-weight: bold;
position: absolute;
top: 0px;
left: 15px;
width: 20em;
line-height: 140%;
color: #333333;
}

div#kopf div#logo p a {
text-decoration: none;
color: #333333;
}

div#kopf div#logo p a:hover, 
div#kopf div#logo p a:active,
div#kopf div#logo p a:active {
text-decoration: underline;
}

/*  ------------------------------------------------------
KOPF MIT TITEL
--------------------------------------------------------*/
div#kopf div#titel {
position: absolute;
top: 161px; 
/*top: 181px;*/
left: 138px;
/*left: 172px;*/
width: 510px;
}

div#kopf div#titel h1 {
font-family: "Arial", Verdana, Helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #005ea8;
}

/*  ------------------------------------------------------
KOPF MIT BREADCRUMB
--------------------------------------------------------*/
div#kopf div#breadcrumb {
display: none;
}

div#kopf div#breadcrumb h2 {
display: none;
}

div#kopf div#breadcrumb img {}
div#kopf div#breadcrumb p {
display: none;
}

div#kopf div#breadcrumb a, 
div#kopf div#breadcrumb a:link {
display: none;
color: #666666;
}

div#kopf div#breadcrumb a:hover, 
div#kopf div#breadcrumb a:focus, 
div#kopf div#breadcrumb a:active {
display: none;
}

div#kopf div#breadcrumb a:focus, 
div#kopf div#breadcrumb a:active {
display: none;
}

div#kopf div#breadcrumb p strong {color: #666666;}
div#kopf div#breadcrumb a:visited {color: #666666;}
div#kopf div#breadcrumb p span.acckey {color: #666666;}

/*  ------------------------------------------------------
KOPF MIT HAUPTMENUE
--------------------------------------------------------*/
div#kopf div#hauptmenu {
position: absolute;
bottom: 20px;
left: 20px;
white-space: nowrap;
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 0 0 12px 0;
border-bottom-color: #cccccc;
}

div#kopf div#hauptmenu h2 {
position:absolute;
left:-3000px;
top:-3000px;
width:1px;
}

div#kopf div#hauptmenu ul {
padding: 0 100px 0 12px;
border-bottom-width: 4px;
border-bottom-style: solid;
float: left;
border-bottom-color: #666666;
}

div#kopf div#hauptmenu ul li {
display: inline;
} 

div#kopf div#hauptmenu ul li a:link,
div#kopf div#hauptmenu ul li a:visited, 
div#kopf div#hauptmenu ul li span {
text-decoration: none;
font-size: 0.76em;
font-weight: bold;
border-right-style: solid;
border-right-width: 1px;
border-left-style: solid;
border-left-width: 1px;
border-top-style: solid;
border-top-width: 1px;
padding: 6px 12px;
float: left;
margin: 0 12px 0 0;
/*color: #333333;
border-color: #cccccc;
background: #C9D3DC url(../template/html/img/bg_hm.gif) repeat-x top left;*/
}

div#kopf div#hauptmenu ul li a:visited {}

div#kopf div#hauptmenu ul li a:hover,
div#kopf div#hauptmenu ul li a:active, 
div#kopf div#hauptmenu ul li a:focus, 
div#kopf div#hauptmenu ul li span {
border-right-style: solid;
border-right-width: 1px;
border-left-style: solid;
border-left-width: 1px;
border-top-style: solid;
border-top-width: 1px;
/*border-color: #cccccc;
background: #ffffff;
color: #333333;*/
}




/*  ------------------------------------------------------
KOPF MIT SPRUNGMARKEN
--------------------------------------------------------*/
div#kopf div#sprungmarken {
margin: 0;
padding: 0;
display: block;
position: absolute;    
right: 12px;
top: 160px;
}

div#kopf div#sprungmarken h2 {
position: absolute;    
left:-3000px;
top:-3000px;
width: 1px;
height:1px;
}

div#kopf div#sprungmarken ul {
margin: 0;
padding: 0;
list-style: none;
}

div#kopf div#sprungmarken a:link, 
div#kopf div#sprungmarken a:visited {
position: absolute;    
right:0;
top: -3000px;
display: block;
width: 1px;
height:1px;
font-size:1px;
overflow:hidden;
}

div#kopf div#sprungmarken a:hover, 
div#kopf div#sprungmarken a:active,
div#kopf div#sprungmarken a:focus {
white-space: nowrap;
position: absolute;    
right: 0;
top: 0;
text-decoration: underline;
padding:2px 6px 3px 6px;
text-align: right;
display: block;
width: 9em;
height:auto;
font-size: 0.76em;
overflow:auto;
}

/*  ------------------------------------------------------
KOPF MIT SUCHE
--------------------------------------------------------*/
div#suche {
display: none;
}

div#kopf div#suche {
	width: 230px;
	position: relative;
	left: 25px;
	top: 180px;
	font-size: 0.76em;
	vertical-align: middle;
}
div#kopf div#suche img {
	vertical-align: middle;
}
div#kopf div#suche h2, 
div#kopf div#suche p label {
position:absolute;
left:-3000px;
top:-3000px;
width:1px;
}

div#kopf div#suche input {
font-size: 0.76em;
padding: 1px 2px;
position: absolute;
top:0;
right:0;
width: 66px;
border-left-style: solid;
border-top-width: 1px;
border-right-style: solid;
border-bottom-width: 1px;
}

div#kopf div#suche input:active,
div#kopf div#suche input:focus {
font-weight: bold;
}

/*Hack Opera + Safari*/
html:first-child>b\ody div#kopf div#suche input  {
padding: 2px 5px;
}

div#kopf div#suche input#suchbegriff {
padding: 2px 4px 2px 2px;
position: relative;
top:0;
left:0;
width: 135px;
}

div#kopf div#suche input#suchbegriff:active, 
div#kopf div#suche input#suchbegriff:focus {
font-weight: normal;
}

/*  ------------------------------------------------------
NACHKOPF
--------------------------------------------------------*/
hr#nachkopf {
display: none;
}

/*  ------------------------------------------------------
MAIN
--------------------------------------------------------*/
div#main {
border-style: solid; /*zur Stabilisierung*/
border-width: 1px !important;
border-width: 0px;
border-color: transparent;
}

/*  ------------------------------------------------------
MAIN - BEREICHSMENUE
--------------------------------------------------------*/
div#menu {
display: none;
}

div#menu div#bereichsmenu  {
display: none;
border-color: #cccccc;
}
	
div#menu div#bereichsmenu h2 {
display: none;
}	

/* Fuer eine erste Ebene */	
ul#navigation {
display: none;
}

ul#navigation li {
display: none;
border-color: #cccccc;
}

ul#navigation li dfn {
display: none;
}

ul#navigation li a,
ul#navigation li a:link  {
display: none;
color: #000;
border-top-color: #fff;
}
ul#navigation li a:hover, 
ul#navigation li a:focus, 
ul#navigation li a:active {
color: #005ea8;
}
ul#navigation li.last a, 
ul#navigation li.last span.aktiv {}

ul#navigation li a:focus, 
ul#navigation li a:active {
display: none;
}

ul#navigation li span.aktiv {
display: none;
color: #005ea8;
}

ul#navigation li span.actual {
display: none;
}

/* Fuer eine zweite Ebene */
ul#navigation ul#hauptnavigation li a {
display: none;
border-bottom-color: #cccccc;
border-top-color: #cccccc;
background: #ffffff;
}

ul#navigation ul#hauptnavigation li a:hover, 
ul#navigation ul#hauptnavigation li a:focus, 
ul#navigation ul#hauptnavigation li a:active {
display: none;
color: #80afd4;
}

ul#navigation ul#hauptnavigation li span.aktiv {
display: none;
border-bottom-color: #ffffff !important;
border-top-color: #cccccc !important;
background: #ffffff url(../template/html/img/navi-links/bullet.gif) no-repeat left 60%;
}

*+html ul#navigation ul#hauptnavigation li span.aktiv {
display: none;
}
* html ul#navigation ul#hauptnavigation li span.aktiv {
background: #ffffff url(../template/html/img/navi-links/bullet.gif) no-repeat left 45%;
}

ul#navigation ul#hauptnavigation li span.actual a{
display: none;
}

/* Fuer eine dritte Ebene */

ul#navigation ul#hauptnavigation ul li a, 
ul#navigation ul#hauptnavigation ul li span {
display: none;
border-bottom-color: #ffffff;
background: #fff;
}

ul#navigation ul#hauptnavigation ul li span.aktiv {
display: none;
border-bottom-color: #cccccc;
}


* html ul#navigation ul#hauptnavigation ul li span.aktiv  {
background: #ffffff url(../template/html/img/navi-links/bullet.gif) no-repeat left 30%;
}

ul#navigation li .infolink:hover .infotext {
	color: #000;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}
ul#navigation ul#hauptnavigation ul li a:hover, 
ul#navigation ul#hauptnavigation ul li a:active, 
ul#navigation ul#hauptnavigation ul li a:focus {color: #666;}

/* Fuer eine vierte Ebene */
ul#navigation ul#hauptnavigation ul li ul li a, 
ul#navigation ul#hauptnavigation ul li ul li span {
display: none;
}
/* Fuer eine 5. Ebene */
ul#navigation ul#hauptnavigation ul li ul li a, 
ul#navigation ul#hauptnavigation ul li ul li span {
display: none;
}
/* Fuer eine 6. Ebene */
ul#navigation ul#hauptnavigation ul li ul li ul li a, 
ul#navigation ul#hauptnavigation ul li ul li ul li span {
display: none;
}

ul#navigation li .infotext {
display: none;
}
ul#navigation li .infolink:hover .infotext {
display: none;
}

/*  ------------------------------------------------------
MAIN - MENU - KURZINFO
--------------------------------------------------------*/
div#main div#menu div#kurzinfo {
margin: 20px 50px 10px 10px;
}

div#main div#menu div#kurzinfo h2 {
font: 0.76em;
font-weight: bold;
margin: 0 0 8px 0;
}

div#main div#menu div#kurzinfo p {
margin: 10px 0 16px 0;
line-height: 180%;
font-size: 0.76em;
color: #666;
}

div#kurzinfo div#kurzinfo a {
display: none;
}

/*  ------------------------------------------------------
MAIN - MENU - CONTENT
--------------------------------------------------------*/
div#content {  
	position: relative;
	margin: 140px 260px 0 270px;
} 

/*  ------------------------------------------------------
MAIN - MENU - INHALTSINFO
--------------------------------------------------------*/
div#main div#inhaltsinfo {}

/*  ------------------------------------------------------
VORFOOTER
--------------------------------------------------------*/
hr#vorfooter {
display: none;
}

/*  ------------------------------------------------------
FOOTER
--------------------------------------------------------*/
div#footer {
clear: both;
padding: 74px 20px 41px 90px;
background: url(../template/html/img/bg_footer_1024.gif) no-repeat center bottom;
}
div#footer h2 {color: #333;}
div#footer p { 	color: #666;}
div#footer h2, 
div#footer h3 {
font: 0.76em;
font-weight: bold;
margin: 0 0 8px 0;
}

div#footer h3 {
font-weight: normal;
color: #666;
}

div#footer p { 	
font-size: 0.7em;
line-height: 160%;
margin: 0 0 16px 0;
}

/*  ------------------------------------------------------
FOOTER - FOOTERINFOS
--------------------------------------------------------*/
div#footer div#footerinfos {
background: #ffffff url(../template/html/img/white.gif) repeat-x 0 0;
border-color: #cccccc ;
}

/*  ------------------------------------------------------
MAIN - HORIZONTAL - MENUE
--------------------------------------------------------*/


div#mainhoriz h2 {
position: absolute;	
left:-3000px;
top:-3000px;
width: 1px;
}

div#mainhoriz ul {
list-style-type: none;
position: relative;
top: 110px;
left:130px;
/*left:155px;*/
height: 50px;
z-index: 100;
white-space: nowrap;
width: 800px;
display: inline;
}

div#mainhoriz ul li {
display: inline;
}

/* Workarround */
html>body div#mainhoriz ul li {
	height:auto;
}

div#mainhoriz li span.active {
height: 50px;
} 

div#mainhoriz ul li span,
div#mainhoriz ul li a, 
div#mainhoriz ul li a:link {

padding: 4px 7px 10px 5px;
/*padding: 4px 12px 10px 6px;*/
color: #333333;
font-size: 0.76em;
text-decoration: none;
margin: 0 0 10px 0;
}

div#mainhoriz ul li span.acckey {
	position: absolute;	
	left:-3000px;
	top:-3000px;
	width: 1px;
}
div#mainhoriz ul li a:visited, 
div#mainhoriz ul li a:hover {
	font-size: 0.76em;
	color: #333333;
	font-weight: normal;
	
}

div#mainhoriz ul li a:focus, 
div#mainhoriz ul li a:active {
	font-size: 0.76em !important;
	/*font-weight: bold;*/
	color: #333333;
}

div#mainhoriz p {
}

div#mainhoriz ul li span.active {
	background: #ffffff url(../template/html/img/navi-oben/reiter-aktiv-mitte.gif) left top !important;
	background: #ffffff url(../template/html/img/navi-oben/reiter-aktiv-mitte.gif) center top;
	font-size: 0.76em !important;
}
* html div#mainhoriz ul li span.active {
	border-top: 1px solid #cccccc;
}

div#mainhoriz img {
	position: relative;
	top: 6px;
}

/*  ------------------------------------------------------
FOOTER - FOOTERINFOS
--------------------------------------------------------*/
div#footer div#footerinfos {
position: absolute;
top: 8px;
right: 20px;
white-space: nowrap;
} 

/*Hack IE 5 Mac*/
*>html div#footer div#footerinfos {
width: 1%;
}

div#footer div#footerinfos h2 {
position:absolute;
left:-3000px;
top:-3000px;
width:1px;
}

div#footer div#footerinfos ul {}

div#footer div#footerinfos ul li {
display: inline;
} 

div#footer div#footerinfos ul li span,
div#footer div#footerinfos ul li a, 
div#footer div#footerinfos ul li a:link {
font-size: 0.76em;
text-decoration: underline;
padding: 0 8px;
}

div#footer div#footerinfos ul li.last span,
div#footer div#footerinfos ul li.last a, 
div#footer div#footerinfos ul li.last a:link {
border-right: 0 none;
}

div#footer div#footerinfos ul li span.acckey {
position: absolute;
left:-3000px;
top:-3000px;
width: 1px;
}

div#footer div#footerinfos ul li a:hover {}

div#footer div#footerinfos ul li a:focus, 
div#footer div#footerinfos ul li a:active {
font-weight: bold;
}

div#footer div#footerinfos ul li span {}

div#footer div#footerinfos div#tecmenu ul li span,
div#footer div#footerinfos div#tecmenu ul li a, 
div#footer div#footerinfos div#tecmenu ul li a:link {color: #48546A;}
div#footer div#footerinfos div#tecmenu ul li a:hover {color: #005ea8;}
div#footer div#footerinfos div#tecmenu ul li span {color: #005ea8;}


/*  ------------------------------------------------------
TECMENUE
--------------------------------------------------------*/
div#tecmenu {
/*display:none;*/
position: relative;
top: 89px;
/*top: -20px*/;
/*top: -10px;*/
width: 50px;
left: 25px;
/*left: 764px;*/
/*left: 728px;*/
white-space: nowrap;
z-index: 5000;
} 

/*Hack IE 5 Mac*/
*>html div#tecmenu {
width: 1%;
}

div#tecmenu h2 {
position:absolute;
left:-3000px;
top:-3000px;
width:1px;
color: #333;
}

div#tecmenu ul {}

div#tecmenu ul li {
display: inline;
} 

div#tecmenu ul li span,
div#tecmenu ul li a, 
div#tecmenu ul li a:link {
font-size: 0.9em; /*font-size: 0.76em;*/
text-decoration: underline;
padding: 0px;
/*padding: 0 8px;*/
color: #000000;
}

div#tecmenu ul li.last span,
div#tecmenu ul li.last a, 
div#tecmenu ul li.last a:link {
border-right: 0 none;
}

div#tecmenu ul li span.acckey {
position: absolute;
left:-3000px;
top:-3000px;
width: 1px;
}

div#tecmenu ul li a:hover {}

div#tecmenu ul li a:focus, 
div#tecmenu ul li a:active {
font-weight: bold;
}

div#tecmenu ul li span {}

div#tecmenu h3 {color: #666;}
div#tecmenu h3,
div#tecmenu h4,
div#tecmenu h5 {	
	margin-top: 1em;
	font-weight: bold;
}

div#tecmenu p {
	padding: 0;
	margin: 0 0 1em 0;
	color: #666;
}
div#tecmenu ul li {
	font-size: 0.76em;
	list-style-type: disc;
	margin-left: 0em;
/*	margin-left: 1.5em;*/
	color: #000000;
	/*color: #f6f6f6;*/
}
div#tecmenu ul li ul li {
	 list-style-type: circle;
}
div#tecmenu p img {}

div#tecmenu p.skip {
position: absolute;
left:-3000px;
top:-3000px;
width: 1px;
}


/*  ------------------------------------------------------
FOOTER - FOOTERINFOS
--------------------------------------------------------*/
div#footer div#footerinfos {
width: 200px;
position: absolute; 
top: 290px; 
right: 20px;
border-style: solid;
border-width: 1px;
padding: 10px;
}

div#footer div#footerinfos h2 {
} 
div#footer div#footerinfos h3,
div#footer div#footerinfos h4,
div#footer div#footerinfos h5 {	
	margin-top: 1em;
	font-weight: bold;
}

div#footer div#footerinfos p {
	padding: 0;
	margin: 0 0 1em 0;
}
div#footer div#footerinfos ul li {
	font-size: 0.8em;
	list-style-type: disc;
	margin-left: 1.5em;
}
div#footer div#footerinfos ul li ul li {
	 list-style-type: circle;
}
div#footer div#footerinfos p img {}

div#footer div#footerinfos p.skip {
position: absolute;
left:-3000px;
top:-3000px;
width: 1px;
}
div#footer div#footerinfos p.skip a,
div#footer div#footerinfos p.skip a:link, 
div#footer div#footerinfos p.skip a:visited {}

div#footer div#footerinfos p.skip a:hover, 
div#footer div#footerinfos p.skip a:focus, 
div#footer div#footerinfos p.skip a:active {}

/*  ------------------------------------------------------
ZUSATZINFO
--------------------------------------------------------*/
div#zusatzinfo {
	font-size: 0.76em;
	width: 179px;
	position: absolute;
	clear: both;
	top: 180px !important;
	left: 705px;
	/*left: 980px;*/
	border-style: solid;
	border-width: 0px;
	padding: 10px 0 10px 10px;
	z-index: 10000;
	float: left;
	outline-style: none;
    outline-width: 0;
    outline-color: #ffffff;
}
div#zusatzinfo h2, 
div#zusatzinfo h3 {
font: 1.0em "Arial", "Verdana", sans-serif;

font-weight: bold;
margin: 0 0 20px 0;
}

div#zusatzinfo p {
	padding: 0;
	margin: 0 0 0.4em 0;
}
div#zusatzinfo ul li {
	font-size: 1.2em;
	list-style-type: disc;
	margin-left: 1.5em;
}
div.klein_box_grau_rechts ul {
display: none;
}

div#zusatzinfo ul li ul li {
	 list-style-type: circle;
}
div#zusatzinfo p img {}

div#zusatzinfo p.skip {
position: absolute;
left:-3000px;
top:-3000px;
width: 1px;
}
div#zusatzinfo ul li a {  
font-size: 0.76em;
text-decoration: underline;
padding: 0 0 0 8px;
} 
/*  ------------------------------------------------------
FOOTER - FOOTERINFOS
--------------------------------------------------------*/
div#footer div#footerinfos {}
div#footer div#footerinfos h3 {}

div#footer div#footerinfos ul {  
margin: 0 0 12px 0;
} 

div#footer div#footerinfos ul li {  } 

div#footer div#footerinfos ul  li a {  
font-size: 0.76em;
text-decoration: underline;
padding: 0 0 0 8px;
} 

div#footer div#footerinfos ul  li a:hover, 
div#footer div#footerinfos ul  li focus, 
div#footer div#footerinfos ul  li active  {  } 

div#footer div#footerinfos ul  li a:focus, 
div#footer div#footerinfos li a:active {  
font-weight: bold;
}

/*  ------------------------------------------------------
ZUSATZINFO
--------------------------------------------------------*/
div#zusatzinfo {
background: #ffffff;
/*background: #F0F0F0 url(../../grafiken/d4/white.gif) repeat-x 0 0;*/
border-color: #cccccc !important;
}

div#zusatzinfo div.styleswitcher ul {  
margin: 0 0 12px 0;
} 


div#zusatzinfo div.styleswitcher ul  li a {  
font-size: 0.76em;
text-decoration: underline;
padding: 0 0 0 8px;
} 


div#zusatzinfo ul  li a:focus, 
div#zusatzinfo ul  li a:active {  
font-weight: bold;
}

div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul  li a {  
color: #333333;
background: url(../template/html/img/bullet.gif) no-repeat 0 50%;
} 

div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul  li a:hover, 
div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul  li focus, 
div#footer div#footerinfos div#zusatzinfo div.styleswitcher ul  li active  {  
background: url(../template/html/img/bullet_h.gif) no-repeat 0 50%;
color: #333333;
} 
/*  ------------------------------------------------------
STYLESWITCHER
--------------------------------------------------------*/
div.styleswitcher {}
div.styleswitcher h3 {}

div.styleswitcher ul {  
margin: 0 0 12px 0;
} 

div.styleswitcher ul li {  } 

div.styleswitcher ul  li a {  
font-size: 0.76em;
text-decoration: underline;
padding: 0 0 0 8px;
} 

div.styleswitcher ul  li a:hover, 
div.styleswitcher ul  li focus, 
div.styleswitcher ul  li active  {  } 

div.styleswitcher ul  li a:focus, 
div.styleswitcher ul  li a:active {  
font-weight: bold;
}

/*  ------------------------------------------------------
Footermenu
--------------------------------------------------------*/
#lastupdate {
  float: left;
  font-size: 0.76em;
}

#footermenu {
  text-align:right;
  font-size: 0.76em;
  padding-right: 11px;
}
div#footermenu a:link,
div#footermenu a:visited, 
div#footermenu {
color: #666666;
text-decoration: none;
}

/*  ------------------------------------------------------
3column text
--------------------------------------------------------*/

/* Layout 1 */
.c3l1-left{
   border-right: 1px solid #FFEDA8;
   padding-right: 5px;
   width:33%;
   white-space:normal;
}
.c3l1-middle{
   border-right: 1px solid #FFEDA8;
   padding-left: 5px;
   padding-right: 5px;
   width:33%;
   white-space:normal;
}
.c3l1-right{
   padding-left: 5px;
   width:33%;
   white-space:normal;
}
/* Layout 2 */
.c3l2-left{
   border-right: 1px solid #FFEDA8;
   padding-right: 5px;
   width:25%;
   white-space:normal;
}
.c3l2-middle{
   border-right: 1px solid #FFEDA8;
   padding-left: 5px;
   padding-right: 5px;
   width:50%;
   white-space:normal;
}
.c3l2-right{
   padding-left: 5px;
   width:25%;
   white-space:normal;
}
/* Layout 3 */
.c3l3-left{
   border-right: 1px solid #FFEDA8;
   padding-right: 5px;
   width:40%;
   white-space:normal;
}
.c3l3-middle{
   border-right: 1px solid #FFEDA8;
   padding-left: 5px;
   padding-right: 5px;
   width:40%;
   white-space:normal;
}
.c3l3-right{
   padding-left: 5px;
   width:20%;
   white-space:normal;
   background-color:#FFEDA8;
}
/*
	Styles 3 Column DIV Section
*/
div.tx-fdfx3cols-pi1{
    position:relative;
    left:0px;
	margin-bottom:10px;
}
/* Layout 1 */
div.c3l1d-left{
   position:absolute;
   left:0px;
   margin-top: 60px;
   padding: 0px 30px 5px 0px;
   width:220px;
   white-space:normal;
   border:0px solid #cccccc;
   background: url(../template/html/img/start-trenner.gif) no-repeat right 50%;
}
div.c3l1d-middle{
   position:absolute;
   left:255px;
   margin-top: 60px;
   padding: 0px 30px 5px 30px;
   width:220px;
   border:0px solid #cccccc;
   white-space:normal;
   background: url(../template/html/img/start-trenner.gif) no-repeat right 50%;
}
div.c3l1d-right{
   position:absolute;
   left:545px;
   margin-top: 60px;
   padding: 0px 30px 5px 30px;
   /*width:210px;*/
   width:230px;
   border:0px solid #cccccc;
   white-space:normal;
}
/* Layout 2 */
div.c3l2d-left{
   position:absolute;
   left:0px;
   padding: 0px 0px 0px 0px;
   width:380px;
   border:1px solid blue;
   white-space:normal;
}
div.c3l2d-middle{
   position:absolute;
   left:390px;
   padding: 0px;
   width:380px;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}
/*
	Layout 3

	embedded
*/
div.c3l3d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:770px;
   white-space:normal;
   border:1px solid red;
}
div.c3l3d-middle{
   float:right;
   margin:5px;
   padding: 0px;
   width: 200px;
   height: 100px;
   overflow:auto;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}

/*  ------------------------------------------------------
2column text
--------------------------------------------------------*/
/*  Layout 1 */
.c2l1-left{
   border-right: 1px solid #FFEDA8;
   padding-right: 5px;
   width:50%;
   white-space:normal;
}
.c2l1-middle{
   padding-left: 5px;
   width:50%;
   white-space:normal;
}
/*  Layout 2 */
.c2l2-left{
   border-right: 1px solid #FFEDA8;
   padding-right: 5px;
   width:50%;
   white-space:normal;
}
.c2l2-middle{
   background-color:#FFEDA8;
   padding-left: 5px;
   width:50%;
   white-space:normal;
}
/* Layout 2 */
.c2l3-left{
   border-right: 1px solid #FFEDA8;
   padding-right: 5px;
   width:70%;
   white-space:normal;
}
.c2l3-middle{
   background-color:#FFEDA8;
   border: 1px solid blue;
   padding-left: 5px;
   width:30%;
   white-space:normal;
}
/*
	Styles 2 Column DIV Section
*/
div.tx-fdfx2cols-pi1{
    position:relative;
    left:0px;
	margin-bottom:10px;
}
/* Layout 1 */
div.c2l1d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:380px;
   white-space:normal;
/*   border:1px solid red;*/
   border:0px solid #cccccc;
   background: url(../template/html/img/start-trenner.gif) no-repeat right 50%;
}
div.c2l1d-middle{
   position:absolute;
   left:390px;
   padding: 0px;
   width:380px;
/*   border:1px solid blue;*/
   border:0px solid #cccccc;
   white-space:normal;
}
/* Layout 2 */
div.c2l2d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:380px;
   border:1px solid blue;
   white-space:normal;
}
div.c2l2d-middle{
   position:absolute;
   left:390px;
   padding: 0px;
   width:380px;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}
/* 
	Layout 3 
	
	embedded
*/
div.c2l3d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:770px;
   white-space:normal;
   border:1px solid red;
}
div.c2l3d-middle{
   float:right;
   margin:5px;
   padding: 0px;
   width: 200px;
   height: 100px;
   overflow:auto;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}
/* Grundvorgaben fuer HTML-Elemente und Inhaltsbereiche  - - - - - - - */


/*  ------------------------------------------------------
BASICS
--------------------------------------------------------*/
* {margin:0; padding:0;}

body {
font: 100.1% "Arial", Verdana, sans-serif;
background: #d7d7d7 url(../template/html/img/bg_seite.gif) repeat-x left top;
} 

img { border: 0 none;}

/*  ------------------------------------------------------
lang / q
--------------------------------------------------------*/
:lang(de) > q	{ quotes: '?' '?' }
:lang(en) > q	{ quotes: '"' '"' }

   /* Folgendes sollte Default f?r q sein: */
q:before		{ content: open-quote }
q:after		{ content: close-quote }

/*  ------------------------------------------------------
Allgemeine Klassen
--------------------------------------------------------*/
div#content .bildlinks {
	float:left; 
	margin: 0px 20px 0px 0px;
}
div#content1 .bildlinks {
	float:left; 
	margin: 0px 20px 0px 0px;
}

div#content .bildrechts {
	float: right;
	font-size: 0.7em !important;
	margin: 0;
	padding: 1px 6px 0 6px;
}
div#content1 .bildrechts {
	float: right;
	font-size: 0.7em !important;
	margin: 0;
	padding: 1px 6px 0 6px;
}

.unsichtbar, .u, .u2, .com, .skip {
	position:absolute;
	left:-3000px;
	top:-3000px;
	width:1px;
} 

.clear {
	clear: both;
	height:0px;
	width:0px;
}

.links, .left {
	text-align: left;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}
.rights, rechts {
	text-align: right;
}
.center {
	text-align: center;
}
.oben, .top {
	vertical-align: top;
}
.unten, .bottom {
	vertical-align: bottom;
}
.mitte, .middle {
	vertical-align: middle;
}
.csc-linkToTop {
	float: right;
	padding-right: 15px;
	font-size: 0.6em !important;
	background: #ffffff url(../template/html/img/bullet-top.gif) no-repeat right 50%;
}
.code {
	font-family: "Courier New", Courier, mono;
}
/*  ------------------------------------------------------
LINKICONS
--------------------------------------------------------*/
a img {
margin: 0 2px 0 0;
}

/*  ------------------------------------------------------
ACRONYM
--------------------------------------------------------*/
acronym {
cursor: help; 
}

/*  ------------------------------------------------------
CODE
--------------------------------------------------------*/
code {
font-family: "Courier New", Courier, monospace;
font-size: 1em;
line-height: 150%;
}
code.codeblock {
font-family: "Courier New", Courier, monospace;
display: block;
width: 80%;
padding: 10px;
margin: 5px 0 5px 10px;
}

li code, p code, td code, h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
font-size: 1.2em;
}

/*  ------------------------------------------------------
PRE
--------------------------------------------------------*/
pre {
	font-size: 1em;
	width: 40em;
	max-height: 10em;
	overflow: auto;
	padding: 20px;
	margin: 0 0 16px 0;
}

li pre, p pre, td pre, h1 pre, h2 pre, h3 pre, h4 pre, h5 pre, h6 pre {
font-size: 1.2em;
}

pre {
	font-family: "Courier New", Courier, monospace;
	display: block;
	padding: 10px 0;
}

/*  ------------------------------------------------------
LINKS
--------------------------------------------------------*/
.internal-link {
	padding-right: 15px;
	background: #ffffff url(../template/html/img/bullet-right.gif) no-repeat right 50%;
	color:#666666;
}

.external-link {
	padding-right: 15px;
	background: #ffffff url(../template/html/img/bullet-right.gif) no-repeat right 50%;
	color:#666666;
}

div#content a:visited {color: #666;}
div#content a:hover, div#content a:focus, div#content a:active {color: #005ea8;}
div#content a:focus, div#content a:active {color: #005ea8;}

div#content a, 
div#content a:link {
text-decoration: underline; color: #000000;
}
div#content1 a, 
div#content1 a:link {
text-decoration: underline;
color: #48546A;
}

div#content a:hover, 
div#content a:focus, 
div#content a:active {}

div#content a:focus, 
div#content a:active {
font-weight: bold;
}
div#content1 a:focus, 
div#content1 a:active {
font-weight: bold;
}

div#content a.externlink, 
div#content a.externlink:link {
text-decoration: underline;
padding: 0 0 0 0px;
}
div#content1 a.externlink, 
div#content1 a.externlink:link {
text-decoration: underline;
padding: 0 0 0 0px;
}

* html div#content a.externlink, 
* html div#content a.externlink:link {
height: 1%;
}
* html div#content1 a.externlink, 
* html div#content1 a.externlink:link {
height: 1%;
}

div#content a.externlink img {
display: none;
}
div#content1 a.externlink img {
display: none;
}

div#content a.externlink:hover, 
div#content a.externlink:focus, 
div#content a.externlink:active {
text-decoration: underline;
padding: 0 0 0 0;
}
div#content1 a.externlink:hover, 
div#content1 a.externlink:focus, 
div#content1 a.externlink:active {
text-decoration: underline;
padding: 0 0 0 0;
}
div#content a.externlink, 
div#content a.externlink:link {
color: #333333;
background: url(../template/html/img/extern.gif) no-repeat 0 50%;
}
div#zusatzinfo a.externlink, 
div#zusatzinfo a.externlink:link {
color: #333333;
background: url(../template/html/img/extern.gif) no-repeat 0 50%;
}

div#content a.externlink:hover, 
div#content a.externlink:focus, 
div#content a.externlink:active {
color: #005ea8;
background: url(../template/html/img/extern_h.gif) no-repeat 0 50%;
}

div#zusatzinfo a.externlink:hover, 
div#zusatzinfo a.externlink:focus, 
div#zusatzinfo a.externlink:active {
color: #005ea8;
background: url(../template/html/img/extern_h.gif) no-repeat 0 50%;
}

/*  ------------------------------------------------------
ADDRESS
--------------------------------------------------------*/
address {font-style: normal;} 

/*  ------------------------------------------------------
TEXTABSATZ
--------------------------------------------------------*/
div#content p {  
font-size: 0.76em;
line-height: 150%;
margin: 0 0 14px 0;
/*margin: 0 0 24px 0;*/
} 

div#content li p {font-size: 1em;}

/*  ------------------------------------------------------
Bilder im Inhaltsbereich1
--------------------------------------------------------*/
#content p img {
/*  display: inline;
   float: left; */
   margin: 0; 
/* margin: 20px; */
}
#content p a img {
  margin: 0; 
    float: none;
}

div#content1 p {  
font-size: 0.66em;
line-height: 150%;
/*line-height: 180%;*/
margin: 0 0 14px 0;
/*margin: 0 0 24px 0;*/
} 

div#content1 li p {font-size: 1em;}

/*  ------------------------------------------------------
Bilder im Inhaltsbereich2
--------------------------------------------------------*/
#content1 p img {
   margin: 0; 
}
#content1 p a img {
  margin: 0; 
    float: left;
}
/*  ------------------------------------------------------
HEADLINES
--------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {  
font-family: "Arial", "Verdana", Helvetica, sans-serif;
letter-spacing: 0.1em;
}

li h1, li h2, li h3, li h4, li h5, li h6 {font-size: 1em !important;}

div#content h1 {
font-size: 1.1em;
font-weight: normal;
margin:0 0 20px 0;
color:#005EA8;
}

div#content1 h1 a {
	text-decoration: none;
	color:#005EA8 !important;
}
div#content1 h1 {
font-size: 1.1em;
font-weight: normal;
margin:0 0 20px 0;
color:#005EA8;
}

div#content1 h1 a {
	text-decoration: none;
	color:#005EA8 !important;
}
/*  ------------------------------------------------------
h2
--------------------------------------------------------*/
div#zusatzinfo, div#content h2 {  color: #48546A;} 


div#content h2 a:hover, 
div#content h2 a:focus, 
div#content h2 a:active {
color: #0056a8;
}

div#content h2 {  
font-size: 0.9em;
margin: 0 0 8px 0;
font-weight: bold;
line-height: 160%;
} 

div#content h2 a, 
div#content h2 a:link {
padding: 0 0 0 0px;
text-decoration: underline;
color: #0056a8;
}


div#content1 h2 {  
font-size: 0.9em;
margin: 0 0 8px 0;
font-weight: bold;
line-height: 160%;
} 

div#content1 h2 a, 
div#content h2 a:link {
padding: 0 0 0 0px;
text-decoration: underline;
}
/*  ------------------------------------------------------
h3 + h4 + h5 + h6
--------------------------------------------------------*/
div#content h3, 
div#content h4, 
div#content h5, 
div#content h6 {
font-size: 0.76em;
margin: 0 0 12px 0;
color: #333;
}

div#content h3 a, 
div#content h4 a, 
div#content h5 a, 
div#content h6 a {
padding: 0 0 0 0;
text-decoration: underline;
color: #333;
}
div#content1 h3, 
div#content1 h4, 
div#content1 h5, 
div#content1 h6 {
font-size: 0.76em;
margin: 0 0 0.76em 0;
color: #005ea8;
}

div#content1 h3 a, 
div#content1 h4 a, 
div#content1 h5 a, 
div#content1 h6 a {
padding: 0 0 0 0;
text-decoration: underline;
}
div#content h3 a:hover, 
div#content h3 a:focus, 
div#content h3 a:active, 
div#content h4 a:hover, 
div#content h4 a:focus, 
div#content h4 a:active, 
div#content h5 a:hover, 
div#content h5 a:focus, 
div#content h5 a:active,
div#content h6 a:hover, 
div#content h6 a:focus, 
div#content h6 a:active {
/*background: url(../template/html/img/bullet_h.gif) no-repeat 0 50%;*/
color: #666;
}
div#content1 h3 a, 
div#content1 h4 a, 
div#content1 h5 a, 
div#content1 h6 a {
/*background: url(../html/../img/bullet.gif) no-repeat 0 50%;*/
color: #333;
}

div#content1 h3 a:hover, 
div#content1 h3 a:focus, 
div#content1 h3 a:active, 
div#content1 h4 a:hover, 
div#content1 h4 a:focus, 
div#content1 h4 a:active, 
div#content1 h5 a:hover, 
div#content1 h5 a:focus, 
div#content1 h5 a:active,
div#content1 h6 a:hover, 
div#content1 h6 a:focus, 
div#content1 h6 a:active {
/*background: url(../template/html/img/bullet_h.gif) no-repeat 0 50%;*/
color: #666;
}

/*  ------------------------------------------------------
UNGEORDNETE LISTE
--------------------------------------------------------*/
ul {list-style-type: none;} 

div#content ul {
	margin: 0 0 16px 30px;
	font-size: 0.76em;
	line-height: 180%;
	/*list-style-type: square;*/
	list-style-image:url(../template/html/img/punkt-grey.gif);
}

div#content ul ul {  
margin: 0 0 16px 30px;
font-size: 1em;
}
div#content1 ul {
	/*margin: 0 0 16px 30px;*/
	margin: 0 0 10px 16px;
	font-size: 0.66em;
	line-height: 130%;
	/*list-style-type: square;*/
	list-style-image:url(../template/html/img/punkt-grey.gif);
}

div#content1 ul ul {  
margin: 0 0 16px 30px;
font-size: 1em;
}

div.arrow ul {
	margin: 0 0 16px 30px;
	font-size: 0.76em;
	line-height: 180%;
	/*list-style-type: square;*/
	list-style-image:url(../template/html/img/bullet.gif) !important;
}

div.arrow ul ul {  
margin: 0 0 16px 30px;
font-size: 1em;
} 

/*  ------------------------------------------------------
GEORDNETE LISTE
--------------------------------------------------------*/
div#content ol {
margin: 0 0 16px 30px;
font-size: 0.76em;
line-height: 180%;
list-style-type:upper-roman;
}

div#content ol ol {
margin: 0 0 16px 30px;
font-size: 1em;
}
div#content1 ol {
margin: 0 0 16px 30px;
font-size: 0.76em;
line-height: 180%;
list-style-type:upper-roman;
}

div#content1 ol ol {
margin: 0 0 16px 30px;
font-size: 1em;
}

/*  ------------------------------------------------------
DEFINITIONSLISTEN
--------------------------------------------------------*/
div#content dl {
font-size: 0.76em;
margin: 0 0 12px 0;
color: #333;
}

div#content dd {
margin: 0 0 8px 0;
}

div#content dt {
font-weight: bold;
}
div#content1 dl {
font-size: 0.76em;
margin: 0 0 12px 0;
}

div#content1 dd {
margin: 0 0 8px 0;
}

div#content1 dt {
font-weight: bold;
}

/*  ------------------------------------------------------
TABELLEN
--------------------------------------------------------*/
table {
margin: 0 0 20px 0;
border-collapse: collapse;
border-style: solid;
border-width: 1px;
background: #ffffff;
border-color: #cccccc;
}
table caption {
padding: 0 0 5px;
font-size: 0.76em;
font-style: italic;
text-align: left;
color: #48546A;
}

th {
font-size: 0.76em;
padding: 6px;
text-align: left;
color: #333;
}

tfoot td {
font-style: italic;
}
td {
	font-size: 0.76em;
	text-align: left;
	padding: 6px;
	color: #666;
}
tr.eins {
	background-color: transparent;
}
tr.zwei {
	background-color: #fff;
}

table.contenttable {
	margin: 0 0 20px 0;
	border-collapse: collapse;
	border-style: solid;
	border-width: 0px !important;
}

table.contenttable thead {
	font-style: normal !important;
	font-weight: normal !important;
}

table.contenttable caption {
	padding: 0 0 5px;
	font-size: 0.76em;
	font-style: italic;
	text-align: left;
}

table.contenttable th {
	font-size: 0.96em;
	padding: 6px;
	text-align: left;
	font-style: normal !important;
	font-weight: normal !important;
}

table.contenttable tfoot td {
font-style: italic;
}

table.contenttable td {
	font-size: 0.96em;
	text-align: left;
	padding: 6px;
}
table.contenttable p {
	margin: 0 !important;
	padding: 0;
}


div.csc-textpic-imagecolumn {
	margin-top:40px !important;
	/*margin-top:16px !important;*/
}
div.csc-textpic-left div.csc-textpic-text {
    margin-bottom:0px !important;
}
div.csc-textpic-text a{
	text-decoration: none !important;
	color:#333333 !important;
}