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


@import url(elemente.css);
@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;

}
div#seite-cadenza {
	  width: 1024px;
	  background: #FFF url(../template/html/img/bg_kopf_1024-cadenza.gif) no-repeat center top;
	  margin: 0px auto;
	  text-align: left;
}
div#seite-gisterm {
	  width: 1024px;
	  background: #FFF url(../template/html/img/bg_kopf_1024-gisterm.gif) no-repeat center top;
	  margin: 0px auto;
	  text-align: left;
}
div#seite-preludio {
		width: 1024px;
		background: #FFF url(../template/html/img/bg_kopf_1024-preludio.gif) no-repeat center top;
		margin: 0px auto;
		text-align: left;
}
p.align-right {
		text-align: right;
		margin: 0;
}
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;
}
div#logo1, div#logo2, div#logo3 {
		display:none;
}

/*  ------------------------------------------------------
KOPF MIT LOGO
--------------------------------------------------------*/
div#kopf {
	position: relative;
	height: 200px;
}

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: 170px; 
	left: 266px;
	width: 540px;
}

div#kopf div#titel h1 {
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	font-size: 0.99em;
	font-weight: bold;
	color: #005ea8;
	margin-bottom: 12px;
	line-height:100%;
}

/*  ------------------------------------------------------
KOPF MIT BREADCRUMB
--------------------------------------------------------*/

div#kopf div#breadcrumb {
	position: absolute;
	top: 140px;
	/*top: 125px;*/
	left: 266px;
}

div#kopf div#breadcrumb h2 {
	display: inline;
	font-size:0.66em;
	font-weight: normal;
	font-family: , "Arial", Verdana, sans-serif;
	letter-spacing: 0;
}
div#kopf div#breadcrumb a, div#kopf div#breadcrumb a:link {
	color: #959595; 
	text-decoration: none;
}

div#kopf div#breadcrumb a:visited {
color: #959595;
}

div#kopf div#breadcrumb img {}

div#kopf div#breadcrumb p {
	display: inline;
	font-size:0.66em;
}

div#kopf div#breadcrumb p strong {
	color: #959595;
}

div#kopf div#breadcrumb a:hover, 
div#kopf div#breadcrumb a:focus, 
div#kopf div#breadcrumb a:active {
	text-decoration: underline;
}

div#kopf div#breadcrumb a:focus, 
div#kopf div#breadcrumb a:active {
	font-weight: bold;
}

div#kopf div#breadcrumb p span.acckey {color: #666;}

/*  ------------------------------------------------------
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: #ABB5BB;

}

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: #48546A;
}

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: #48546A;
}

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: #48546A;
	background: #4B5167;
	color: #E8F2F3;
}

/*  ------------------------------------------------------
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#kopf div#suche {
	width: 230px;
	position: relative;
	left: 25px;
	top: 168px;
/*	top: 150px;*/
/*	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 {
	float: left;
	width: 240px;
	margin: 30px 0 0 0px;
}

* html div#menu {
	margin-left: -30px;
	margin-right: -60px;
}

div#menu div#bereichsmenu  {
	float: left;
	border-color: #cccccc;
	margin: 0px 0 20px 25px !important;
}

* html #bereichsmenu {
	margin: 5px 0 20px 15px;
}
	
div#menu div#bereichsmenu h2 {
	position:absolute;
	left:-3000px;
	top:-3000px;
	width:1px;
}

/* Fuer eine erste Ebene */	
ul#navigation {
	list-style-type: none;
}

ul#navigation li {
	float: left;
	left: 30px;
	margin:0;
	padding:0;
	clear: both;
	white-space: nowrap;
}

ul#navigation li dfn {
	font-style: normal;
}

ul#navigation li a,
ul#navigation li a:link  {
	display: block;
	font-size: 0.76em;
	padding: 4px 45px;
	text-decoration: none;
	white-space: nowrap;
	color: #000;
	border-top-color: #fff;
}
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;}

ul#navigation li a:focus, 
ul#navigation li a:active {
	font-weight: bold;
	white-space: nowrap;
	color: #005ea8;
}

ul#navigation li span.aktiv {
	display: block;
	font-size: 0.76em;
	padding: 8px 0px 4px 20px !important;
	padding: 8px 0px 10px 20px;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	color: #005ea8;
}

ul#navigation li span.actual {
	display: block;
	font-size: 1.0em;
	padding: 7px 0px 7px 0px !important;
	padding: 7px 0px 7px 0px;
	text-decoration: none;
	font-weight: bold;
	color: #005EA8;
	white-space: nowrap;
}
* html ul#navigation li span.actual {
	padding: 7px 0px 0px 0px;
	padding: 7px 0px 0px 0px!important;
}
*+html ul#navigation li span.actual {
	padding: 7px 0px 0px 0px;
	padding: 7px 0px 0px 0px!important;
}

/* Fuer eine zweite Ebene */
ul#navigation ul#hauptnavigation li a {
	padding: 6px 0px 0px 20px !important;
	padding: 8px 0px 8px 20px;
	font-size: 0.76em;
	white-space: nowrap;
	border-top-color: #cccccc;*/
	background: #ffffff;
}

*+html ul#navigation ul#hauptnavigation li a {
	margin: 4px 0px 8px 0;
}


ul#navigation ul#hauptnavigation li a:hover, 
ul#navigation ul#hauptnavigation li a:focus, 
ul#navigation ul#hauptnavigation li a:active {
	outline-style: none;
	outline-width: 0;
	outline-color: #ffffff;
	white-space: nowrap;
	color: #80afd4;
}

ul#navigation ul#hauptnavigation li span.aktiv {
	padding: 0px 0px 0px 20px !important;
	padding: 0px 0px 0px 20px;
	border-bottom: 7px solid #ffffff;
	border-top: 7px solid #ffffff;
	background: #ffffff url(../template/html/img/navi-links/bullet.gif) no-repeat left 60%;
}

*+html ul#navigation ul#hauptnavigation li span.aktiv {
	margin: 4px 0px 0px 0;
	border-bottom: 7px solid #ffffff !important;
	border-top: 7px solid #ffffff !important;
	background: #ffffff url(../template/html/img/navi-links/bullet.gif) no-repeat left 45%;
}

* 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: block;
	font-size: 0.76em;
	padding: 0px 0px 0px 20px !important;
	padding: 0px 0px 8px 20px;
	text-decoration: none;
	font-weight: bold;
	color: #005EA8;
	white-space: nowrap;
}

/* Fuer eine dritte Ebene */
ul#navigation ul#hauptnavigation ul li a, 
ul#navigation ul#hauptnavigation ul li span {
	padding: 0 0 0 20px !important;
	padding: 0 0 0 20px;
	margin: 0;
	font-size: 0.66em;
	border-bottom: 5px solid #ffffff !important;
	border-top: 0px solid #ffffff !important;
	background: #fff;
}

*+html ul#navigation ul#hauptnavigation ul li a, 
*+html ul#navigation ul#hauptnavigation ul li span
 {
	border-bottom: 0px solid #ffffff !important;
	margin: 5px 0 5px 0;
}
ul#navigation ul#hauptnavigation ul li a:focus {color: #666;}

ul#navigation ul#hauptnavigation ul li span.aktiv {
	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 45%;
}

/* Fuer eine 4. Ebene */
ul#navigation ul#hauptnavigation ul li ul li a, 
ul#navigation ul#hauptnavigation ul li ul li span {
	padding: 0px 0px 0px 30px !important;
	padding: 0px 0px 0px 30px;
	white-space: nowrap;
}
ul#navigation ul#hauptnavigation ul li ul li span.aktiv {
	padding: 0px 0px 0px 30px !important;
	padding: 0px 0px 0px 30px;
	border-bottom: 0px solid #ffffff;
	border-top: 0px solid #ffffff;
	background: #ffffff url(../template/html/img/navi-links/bullet.gif) no-repeat left 60%;
}

*+html ul#navigation ul#hauptnavigation ul li ul li span.aktiv {
	margin: 2px 0px 0px 0;
	border-bottom: 2px solid #ffffff !important;
	border-top: 2px solid #ffffff !important;
	background: #ffffff url(../template/html/img/navi-links/bullet.gif) no-repeat left 45%;
}
/* Fuer eine 5. Ebene */
ul#navigation ul#hauptnavigation ul li ul li a, 
ul#navigation ul#hauptnavigation ul li ul li span {
	padding: 8px 0px 8px 40px;
	white-space: nowrap;
}
/* 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 {
	padding: 8px 0px 4px 50px;
	white-space: nowrap;
}

ul#navigation li .infotext {
	display: none;
}
ul#navigation li .infolink:hover .infotext {
	display: inline;
	position: absolute;
	left: 242px;
	padding: 0.5em;
	width: 200px;
	line-height: 1.1em;
    font-size: 0.8em;
	z-index: 20;
	color: #000;
	border: 1px solid #cccccc;
	background-color: #ffffff; 
}

/*  ------------------------------------------------------
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 {
	height: 300px;
	color: #FFFFFF;
}

/*  ------------------------------------------------------
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;
/*background: url(../../img/bg_footer.gif) repeat-x top left;*/
}

div#footer h2, 
div#footer h3 {
font: 0.76em;
font-weight: bold;
margin: 0 0 8px 0;
color: #333;
}

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

div#footer p { 	
font-size: 0.7em;
line-height: 160%;
margin: 0 0 16px 0;
color: #666;
}
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;
}
div#footer div#footerinfos {
background: #F0F0F0 url(../template/html/img/white.gif) repeat-x 0 0;
border-color: #d1d1d1 ;
}

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

/*  ------------------------------------------------------
FOOTER - FOOTERINFOS
--------------------------------------------------------*/
div#footer div#footerinfos {}

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

div#mainhoriz{

} 

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

div#mainhoriz ul {
list-style-type: none;
position: relative;
top: 110px;
left:155px;
/*left:212px;*/
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: 2px 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-size: 0.76em !important;*/
	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;
	/*border-top: 1px solid #cccccc;*/
	font-size: 1em !important;
	/*font-size: 0.76em !important;*/
	/*background-color: #FFFFFF;*/
	/*height: 50px !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 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 {
position: relative;
top: 89px;
width: 50px;
left: 25px;
white-space: nowrap;
z-index: 499;
} 

/*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;
text-decoration: underline;
padding: 0px;
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;
	color: #000000;
}
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: 231px !important;
/*	top: 225px !important;*/
/*	top: 255px !important;*/
	left: 820px;
	/*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;
/*	font-size: 0.76em;
	width: 179px;
	position: relative;
	clear: both;
	top: -600px !important;
	left: 926px;
	border-style: solid;
	border-width: 1px;
	padding: 10px;
	z-index: 10000;
	float: left;*/
}
div#zusatzinfo h2, 
div#zusatzinfo h3 {
font: 0.87em "Arial", "Verdana", sans-serif;
/*font: 1.0em "Arial", "Verdana", sans-serif;*/
font-weight: bold;
margin: 20px 0 10px 0;
}

/*div#zusatzinfo h2 {
} 
div#zusatzinfo h3,
div#zusatzinfo h4,
div#zusatzinfo h5 {	
	margin-top: 1em;
	font-weight: bold;
}*/

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;
	line-height: 115%;
}
* html div#zusatzinfo ul li {
	line-height: 10pt;
	margin-top: 5px!important;
	margin-top: 5px;
}

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 0;
color:#666666;
} 
/*  ------------------------------------------------------
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 div.styleswitcher {}
div#zusatzinfo div.styleswitcher h3 {}

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

div#zusatzinfo div.styleswitcher ul li {  } 

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

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

div#zusatzinfo ul  li a:focus, 
div#zusatzinfo ul  li a:active {  
font-weight: bold;
color:#666666;
}
/*  ------------------------------------------------------
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;
}
/*  ------------------------------------------------------
FAQ-Extension
--------------------------------------------------------*/
.tx-irfaq-pi1 ul {margin:0 0 75px 25px;}
.tx-irfaq-questions-list { margin-bottom: 75px; }
.tx-irfaq-pi1 ul li a p.bodytext { margin: 0px; display: inline; font-weight: bold; }
.tx-irfaq-pi1 ul li a { color: #000; text-decoration: none; }
.tx-irfaq-pi1 ul li a:hover { color: #000; text-decoration: underline; }
.tx-irfaq-pi1 .tx-irfaq-answer { margin-bottom: 10px; }
.tx-irfaq-pi1 .tx-irfaq-answer h4 p.bodytext { margin: 0px; display: inline; font-weight: bold; }
.tx-irfaq-pi1 dt p { font-weight: normal !important; margin: 0px; display: inline; }
.tx-irfaq-pi1 dd { margin-left: 0px; }
.tx-irfaq-pi1 dd p { margin-top: 0px;	}
.tx-irfaq-pi1 .additional-info { border-top: 0px solid #e6e6e6 !important; margin-bottom: 10px; }
.tx-irfaq-pi1 .irfaq-related-faq, .tx-irfaq-pi1 .irfaq-related-links { padding-top: 0px; padding-bottom: 0px; margin-top: 3px; margin-bottom: 15px; }
.tx-irfaq-pi1 .tx-irfaq-bar { width: 55px; background: url(typo3conf/ext/irfaq/res/grey_star.gif); float: left; margin: 4px 10px 0 0; }
.tx-irfaq-pi1 .tx-irfaq-rating-bar { background: url(../typo3conf/ext/irfaq/res/orange_star.gif); height:12px; }
.tx-irfaq-pi1 .tx-irfaq-cleaner { clear: both; height: 3px; }
.tx-irfaq-pi1 .tx-irfaq-rating-prefix { float: left; margin: 3px 5px 0 0; }
.tx-irfaq-pi1 dl { background-color: #ffffff; font-size: 0.99em !important;}
.tx-irfaq-dynheader { height: 22px; display:none;}
.tx-irfaq-dynheader dt{display:none;}

div.csc-textpic-imagewrap { padding-right: 20px; }
dd.csc-textpic-caption { margin-bottom: 20px; margin-bottom: 20px !important;}
div#zusatzinfo dd.csc-textpic-caption { margin-bottom: 0; margin-bottom: 0 !important;}

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

/*  ------------------------------------------------------
Styles 2 Column DIV Section
--------------------------------------------------------*/

div.tx-fdfx2cols-pi1{
    position:relative;
	/*position:relative!important;*/
	/*padding-bottom:20px;*/
    left:0px;
	margin-bottom:80px !important;
	margin-bottom:80px;
}

*+html div.tx-fdfx2cols-pi1{
    position:relative;
	padding-bottom:40px;
	/*padding-bottom:60px;*/
    left:0px;
	margin-bottom:5px !important;
}

div.tx-fdfx2cols-pi1 p{
    line-height:150% !important;
	line-height:150%;
}
*+html div.tx-fdfx2cols-pi1 p{
    line-height:110% !important;
	line-height:110%;
}

/* Layout 1 */
div.c2l1d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:50%;
 /*  width:380px;*/
   white-space:normal;
   border:0px solid red;
   margin-bottom:130px;
}
div.c2l1d-middle{
   position:absolute;
   left:250px;
   padding: 0px;
   width:60%;
   border:0px solid blue;
   white-space:normal;
   margin-bottom:130px;
}
/* Layout 2 */
div.c2l2d {
background: url(../template/html/img/2columns-bottom-layout2-250.gif) no-repeat left bottom;
height:30px;
margin-left:-10px;
padding:0 20px 0px 10px;
/*padding:0 20px 15px 10px;*/
width:250px;
}
* html div.c2l2d-releasenotes img {
padding:0px 28px 5px 0 !important;
}
div.c2l2d img, div.c2l2d-releasenotes img, div.c2l2d-kunden img, div.c2l2d-benutzer img, div.c2l2d-kontakt img {
padding:0px 28px 5px 0;
border:0px;
}
div.c2l2d-releasenotes {
background: url(../template/html/img/support.gif) no-repeat left bottom;
height:20px;
margin-left:-10px;
padding:0px 20px 15px 10px;
width:250px;
margin-top:0px;
}
*html div.c2l2d-releasenotes, div.c2l2d-kunden, div.c2l2d-benutzer, div.c2l2d-kontakt {
margin-top:-30px;
}
*html div.c2l2d-kunden {
margin-top:-30px;
}

div.c2l2d-kunden {
background: url(../template/html/img/customer.gif) no-repeat left bottom;
height:20px;
margin-left:-10px;
padding:0px 20px 15px 10px;
width:250px;
margin-top:0px;
}
div.c2l2d-benutzer {
background: url(../template/html/img/advice.gif) no-repeat left bottom;
height:20px;
margin-left:-10px;
padding:0px 20px 15px 10px;
width:250px;
margin-top:-11px;
}
div.c2l2d-kontakt {
background: url(../template/html/img/help.gif) no-repeat left bottom;
height:20px;
margin-left:-10px;
padding:0px 20px 15px 10px;
width:250px;
margin-top:-11px;
}
div.c2l2d-left {
/*background-color:#F0F0F0;
border:1px solid #CCCCCC;*/
background: #ffffff url(../template/html/img/2columns-layout2-250.gif) no-repeat left top;
left:0;
padding:15px 20px 0px 10px;
position:absolute;
white-space:normal;
width:218px;
margin-bottom:80px;
top: 1px;
bottom: 20px;
}
div.c2l2d-left p,
div.c2l2d-middle p{
line-height:130% !important;
line-height:130%;
}
div.c2l2d-left h3,
div.c2l2d-middle h3{
color: #005ea8 !important;
}

/*div.c2l2d-middle{
   position:absolute;
   left:390px;
   padding: 0px;
   width:380px;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}*/

div.c2l2d-middle {
/*background-color:#F0F0F0;*/

background: #ffffff url(../template/html/img/2columns-layout2-250.gif) no-repeat left top;
left:275px;
padding:15px 20px 0px 10px;
position:absolute;
white-space:normal;
width:218px;
margin-bottom:80px;
top: 1px;
bottom: 20px;
}


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

/*  ------------------------------------------------------
Styles 3 Column DIV Section
--------------------------------------------------------*/

div.tx-fdfx3cols-pi1{
    position:relative;
    left:0px;
	margin-bottom:10px;
}
div.tx-fdfx3cols-pi1 p{
    line-height:150% !important; line-height:150%;
	margin:0px; margin:0px !important;
}
/* Layout 1 */
div.c3l1d-left{
   position:absolute;
   left:0px;
   padding:0px;
   width:160px;
   white-space:normal;
   border:0px solid #ffffff;
}

div.c3l1d-left img, div.c3l1d-middle img, div.c3l1d-right img { border-color:#cccccc; border-color:#cccccc !important;}

div.c3l1d-middle{
   position:absolute;
   left:173px;
   padding: 0px;
   width:160px;
   border:0px solid #ffffff;
   white-space:normal;
}
div.c3l1d-right{
   position:absolute;
   left:346px;
   padding: 0px;
   width:160px;
   border:0px solid #ffffff;
   white-space:normal;
}
/* Layout 2 */
div.c3l2d-left{
   position:absolute;
   left:0px;
   padding: 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;
}

p.csc-fdfx_2cols_pi1-subheader{
	margin-bottom:20px!important;
	margin-bottom:20px;
	font-size:0.9em!important;
	font-weight:bold;
	line-height:160%;
	color:#48546A;
}

/*div.csc-textpic-text {
   float:left;
}*/

/*  ------------------------------------------------------
pksr-imagegallery
--------------------------------------------------------*/

div.tx_pksrfeimagegallery_pi1_thumb {
   float:left;
   text-align: center;
   border: 1px solid #cccccc;
   margin: 0 5px 10px 5px;
   padding: 10px 0;
}
a.tx_pksrfeimagegallery_pi1_navi {
  padding: 3px 5px;
  margin: 0 5px;
  text-decoration: none;
  border: 0px solid #cccccc;
}
a.tx_pksrfeimagegallery_pi1_navi:hover {
  background-color: #333;
  color: #fff;
}
a.tx_pksrfeimagegallery_pi1_navi_act {
  background-color: #fff;
  color: #333;
  font-weight: bold;
}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #c2c2c2!important;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 96%!important; float: left; text-align: justify!important; }	
#imageData #caption{ font-weight: bold; font-size:13px!important;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; display:none!important;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	opacity:0.2!important;
	}
	
/*  ------------------------------------------------------
Styles tx-ecogal-ply1
--------------------------------------------------------*/
#previewPane #largeImageCaption {
	color:#666666 !important;
	font-size:1.1em !important;
	margin-top:-20px;
	text-align:center;
	}
#previewPane {
	margin:0 !important;
	height:400px !important;
	}
#previewPane td{
	padding:0 !important;
	}
#theImages img {
	border:0 none;
	cursor:pointer;
	float:left;
	opacity:0.5;
	padding:2px !important;
	}
.selected img {
background-color:#CCCCCC !important;
opacity:1.0 !important;
	}
	
/* ------------------------------------------------------
Styles pf_accordion
--------------------------------------------------------*/
	
  h3.accordion-slider {
	font-weight:normal;
	color:#404040!important;
	line-height:1em;
	height:1px;
	padding:10px 10px 10px 0px;
	cursor:pointer;
	text-decoration: underline;
	letter-spacing:0!important;
}

h3.active {
  color:#005ea8;
}

div.accordion-content {
  width:auto;
  margin-left:0px;/*added*/
}

div.accordion-content .ce {
  margin-bottom:0;
}

* html .accordion-box-content {
	height:1%
}
.accordion-box-content {
	overflow:hidden
}
.accordion-box {
	display:block; 
	background:transparent; 
	font-weight:normal; 
	margin-bottom:1em;
}
.accordion-box p {
	margin:0 2px; 
	padding:2px 0; 
	line-height:1.2em;
}
.accordion-box-content {
	display:block; 
	background:#ffffff;/*f2f2f2 */ /**/ 
	/*border-left:5px solid #005ea8; 
	border-right:0px solid #ddd; */
	padding:0px;
}

.row1, .row2, .row3, .row4 {
	display:block; 
	overflow:hidden; 
	font-size:1px;
	display:none;/*runde ecken*/
}
.row1, .row2, .row3 {
	height:1px;
}
.row2, .row3, .row4 {
	background:#f2f2f2; 
	border-left:1px solid #ddd; 
	border-right:1px solid #ddd;
}
.row1 {
	margin:0 5px; 
	background:#ddd;
}
.row2 {
	margin:0 3px;
	border-width:0 2px 0 2px;
}
.row3 {
	margin:0 2px;
}
.row4 {
	height:2px; 
	margin:0 1px 0 1px;
}   
div.accordion-content h1 {
  display:none;
}