html * { font-size:100.01%; }

body { margin:0px; padding:0px; font-size:75%; line-height:1.5; }


/** Font Size-Fix, wegen Verschachtelung **/
/*
#hmenue ul, #hmenue li, #hmenue span, #links li span, #htext td p, li li, #links li li, #htext li li, #htext li p, #htext li h4, p span {
  font-size:100%;
}
*/

.spacer { border:none; height:3px; background:#31356a;}

/*** Icon von EMail-Adressen ***/
#htext a.linkMailto, #rechts a.linkMailto  { padding-left:14px; background:url('../images/mail.gif') left 0.25em no-repeat !important; }
#htext a.linkExt, #rechts a.linkExt  { padding-left:12px; background:url('../images/ext.gif') left 0.25em no-repeat !important; }

/*** Linklisten ***/
#htext ul.csc-menu-1, #rechts ul.csc-menu-1 { list-style-image:url('../images/arrows/pfeil_9px_right_003366.gif'); }
#htext ul.csc-menu-3, #rechts ul.csc-menu-3 { list-style-image:url('../images/arrows/pfeil_9px_down_003366.gif'); }
#htext dl.csc-menu-4 { margin-left:22px; }
#htext dl.csc-menu-4 dt { margin-bottom:6px; padding-left:12px; background:transparent url('../images/arrows/pfeil_9px_right_003366.gif') left center no-repeat; }
#htext dl.csc-menu-4 dd { margin-top: -4px; margin-bottom: 6px; }
#htext ul.csc-menu-def, #rechts ul.csc-menu-def { list-style-image:url('../images/arrows/pfeil_9px_right_003366.gif'); }


/*** Nach oben-Link ***/
#htext .csc-linkToTop, #htext .FHL-backlink { text-align: right; }

#htext .csc-linkToTop a, #htext .FHL-backlink a { padding-left: 12px; }
#htext .csc-linkToTop a { background: url(../images/arrows/pfeil_9px_top_003366.gif) no-repeat scroll left center }

#htext .FHL-backlink a { background: url('../images/arrows/pfeil_9px_left_003366.gif') left center no-repeat; }

/*** Bildtext ***/ 
#htext dl dd.csc-textpic-caption,
#rechts dl dd.csc-textpic-caption {font-size: 91.67%;font-style: italic;}

/*---------------------------------------------------
links
---------------------------------------------------*/
#linksoben {
	position:absolute;
	overflow:hidden;
	left:0px;
	top:0px;
	width: 20.167em;
}

	#logo_container {
		margin-left: 1.833em;
		margin-top: 1.333em;
		height: 6.667em;
		width: 18.333em;
	}
	#logo_container a, #logo_container a:hover {
		background: transparent;
	}
	#logo {height:6.667em;width:18.333em;}

#links {
	position:absolute;
	overflow:hidden;
	left:0px;
	top:10.667em;
	width:20.167em;
	z-index:1;
}

  /* 08.12.2010
  #menue { margin:0px; margin-left:3.667em; overflow:hidden; width:16.500em; }
  #menue h2 { font-size:116.67%; margin:0px 0px 11px 0px; padding:0; }
  #menue ul { border-top:1px dashed #ccc; margin:0; padding:0; list-style-type:none; }
  #menue ul ul { border-top:none; margin-left:0; }
  #menue ul li { margin:0; padding:0; display:inline; }
  #menue ul ul a { margin-left:0.67em; }
  #menue ul ul ul a { margin-left:1.33em; }
  */
  
  #menue { margin:0 0 0 1.667em; padding:2.05em 0 0 0; overflow:hidden; width:18.5em; }
  #menue.wHeading { padding:0; }
  #menueHeading { margin:0 0 0 1.667em; padding:0; overflow:hidden; width:18.5em; }
  #menueHeading h2 { font-size:116.67%; margin:0px 0px 9px 0px; padding:0; }
  #menue ul { border-top:1px solid #ccc; margin:0; padding:0; list-style-type:none; }
  #menue ul ul { border-top:none; margin-left:0; }
  #menue ul li { margin:0; padding:0; display:inline; }
  #menue ul ul a, #menue ul ul strong { margin-left:0.8335em; }
  #menue ul ul ul a, #menue ul ul ul strong { margin-left:1.667em; }
  
  #logo-20a { margin:0 0 0 1.667em; padding:2.05em 0 0 0; overflow:hidden; width:18.5em; }
  #menue.wHeading #logo-20a { margin:0; }
  

  #menue a, #menue strong {
    display: block;
    padding: 0.66em 1em 0.66em 2px;
    text-decoration: none;
    border-bottom:1px solid #ccc;
    font-weight:bold;
  }
  #menue a:hover { color:#036; background:#F3F3F3; }
  #menue span.actLink a { font-weight:bold; color:#036; }
  #menue span.curLink a, #menue .curLink strong { 
    color:#036;	
    background: transparent url('../images/arrows/pfeil_9px_right_003366.gif') right center no-repeat;
  }
 
	#tools, #hotlinks {
		margin:2.67em 0 0 3.667em;
		background:#F3F3F3;
		border:1px solid #CCCCCC;
		width:16.333em;
	}
	/* align left
	#tools, #hotlinks {
		margin:2.67em 0 0 1.667em;
	} */
	
    #tools_content,
    #hotlinks_content { padding: 4px 0px 4px 0px; line-height:1.5; }
	
    #tools h2, #hotlinks h2{
      font-size: 116.67%;
      color: #036;
      margin: 0;
      padding: 4px 0px 0px 4px;
    }
	
    #tools ul, #hotlinks ul {
	    margin: 0;
	    padding: 0;
	    list-style-type: none;
    }

    #tools li,
    #hotlinks li { margin: 0; padding: 0; display: inline; }

    #tools ul li a,
    #hotlinks ul li a { padding: 2px 4px; text-decoration: none; }
    #hotlinks ul li a { display: block; }
    #tools ul li a:hover,
    #hotlinks ul li a:hover { text-decoration: underline; }
    
/*---------------------------------------------------
mitte
---------------------------------------------------*/
#mitteoben {
	position:absolute;
	top:0px;
	left: 22em;
	width: 40.333em;
	height: 8.000em;
}

	#banner {
		position:absolute;
		top:0px;
		left:0px;
		height: 8.000em;
		width: 40.333em;
	}
	
#mitteunten {
	position:absolute;
	left: 22em;
	top: 10.667em;
	width: 40.33em;
	background:#fff;
        z-index: 2;
}

	#htext { margin-bottom: 20px; } 
	
/*
---------------------------------------------------
rechts
---------------------------------------------------
*/
#rechts {
	position:absolute;
	left: 64.167em;
	width: 18.333em;
	background-color: #F3F3F3;
	overflow:hidden;
	z-index: 3;
}
#rechts_content {
	margin: 1.33em 0.33em;
	line-height: 1.5;
}
	/** 08.10.2010
	#rechts h2 {
		font-size:116.67%;
		border-top:1px solid #999999;
		border-bottom:1px solid #999999;
	} **/
	#rechts h2 {
		font-size:116.67%;
		border-bottom:1px solid #999999;
		padding: 0.2em 0;
		margin-top: 1.125em;
		margin-bottom: 0.75em
	}
	
	#rechts h3 {
		font-weight:bold;
		font-size:100%;
		margin-top: 1em;
		margin-bottom: 0.67em;
	}
	
	#rechts p {
		font-size:100%;
	}

/*
---------------------------------------------------
Tricks um den rechten Bereich immer bis unten einzufï¿½rben

! Achtung ! erfordert sicherheitshalber einen CSS-Hack fï¿½e IE<6
! Achtung ! IE scheint die Rahmenbreite trotz em-Angabe nicht zu skalieren
---------------------------------------------------
*/

#links, #linksoben {
	padding-right: 44em;
	border-right: 18.33em solid #F3F3F3;
}
#mitteunten {
	padding-right: 1.833em;
	border-right: 18.33em solid #F3F3F3;
}

* html #links, * html #linksoben {
	padding-right: 44em;
	border-right: none;
	b\order-right: 18.33em solid #F3F3F3;
}
* html #mitteunten, * html #nav {
	padding-right: 1.833em;
	border-right: none;
	b\order-right: 18.33em solid #F3F3F3;
}
	
/**
	bodySmall
**/	
#bodySmall #mitteoben { width: 60.5em; }
#bodySmall #banner { width: 60.5em; }
#bodySmall #rechts {
	position:absolute;
	left: 64.167em;
	top: 10.667em;
	width: 18.333em;
	background-color: #F3F3F3;
	overflow:hidden;
	z-index: 3;
}
	#bodySmall #rechts_content {
		margin: 1.33em 0.33em;
		line-height: 1.5;
	}
	
	#bodySmall #rechts h3 {
		font-weight:bold;
		font-size:100%;
		margin-top: 1em;
		margin-bottom: 0.67em;
	}
	
	#bodySmall #rechts p {
		font-size:100%;
	}

#bodySmall #links {
	padding-right: 44em;
	border-right: 18.33em solid #F3F3F3;

}
#bodySmall #linksoben {
	padding-right:0;
	border-right:none;
}
#bodySmall #nav {
	border: none;
}
#bodySmall #mitteunten {
	padding-right: 1.833em;
	border-right: 18.33em solid #F3F3F3;
}


* html #bodySmall #links {
	padding-right: 44em;
	border-right: none;
	b\order-right: 18.33em solid #F3F3F3;
}
* html #bodySmall #mitteunten, * html #nav {
	padding-right: 1.833em;
	border-right: none;
	b\order-right: 18.33em solid #F3F3F3;
}

/**
	bodyWide
**/
#bodyWide #mitteoben { width: 60.5em; }
#bodyWide #banner { width: 60.5em; }
#bodyWide #rechts { display:none; }
#bodyWide #nav { border: none;}
#bodyWide #links { padding-right: 0; border: none; }
#bodyWide #mitteunten { width:60.5em; border-right:none;padding-right:0; } 
#bodyWide #htext { margin-right:0px; }


/*---------------------------------------------------
hauptmenue
---------------------------------------------------*/

#nav {
	position:absolute;
	top: 8em;
	left: 22em;
	height:2.66em;
  	width: 40.333em;
  	border-right: 18.33em solid #F3F3F3;
  	padding-right: 1.83em
}
	
	#hmenue {
	 margin: 0;
	 padding: 0;
	 list-style-type: none;
	}	 
	/* 08.12.2010
	#hmenue a {
		white-space:nowrap;
		text-decoration:none;
		display: block;
	} */
	#hmenue a {
		white-space:nowrap;
		text-decoration:none;
		font-weight:bold;
		display: block;
	}
	#hmenue a:hover { color:#036; background:#F3F3F3; }
	#hmenue .actLink a { font-weight:bold; color:#036; }
	#hmenue .curLink a { font-weight:bold; color:#036; background:#F3F3F3; }
	#hm1, #hm2, #hm3, 
	#hm4,#hm5,#hm6 { position:absolute; top: 0.2em; font-weight:normal; border-left:solid 1px #036; }
	#hm2,#hm3,#hm4,#hm5 { text-align:center; }
	#hm6 { text-align:right; }
	#hm1 { left:0em; width: 6.5em; border-left:none; }
	#hm2 { left: 6.5em; width: 6.67em; }
	#hm3 { left: 13.167em; width: 6.083em; }
	#hm4 { left: 19.33em; width: 8.75em; }
	#hm5 { left: 28em; width: 7.417em; }
	#hm6 { left: 35.45em; width: 4.833em; }



/*******************************************
* YAML-Stuff - THX to www.yaml.de
********************************************/
@media all {
  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  #menue dfn, #menue .hidden, .hidden,
  .skip, .hideme, .print {
    position:absolute;
    top:-32768px;
    left:-32768px; /* LTR */
  }
}
@media screen, projection {

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */
  .subcolumns { display:table; width:100%; table-layout:fixed; }
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; }

  .c20l, .c20r { width:20%; }
  .c40l, .c40r { width:40%; }
  .c60l, .c60r { width:60%; }
  .c80l, .c80r { width:80%; }
  .c25l, .c25r { width:25%; }
  .c33l, .c33r { width:33.333%; }
  .c50l, .c50r { width:50%; }
  .c66l, .c66r { width:66.666%; }
  .c75l, .c75r { width:75%; }
  .c38l, .c38r { width:38.2%; }
  .c62l, .c62r { width:61.8%; }

  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }

  .equalize, .equalize .subcolumns { table-layout:fixed; }

  .equalize > div {
    display:table-cell;
    float:none; 
    margin:0; 
    overflow:hidden;
    vertical-align:top;
  }
}

@media print {
 /**
  * (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
  * (de) Float Clearing für Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
  */

  .subcolumns,
  .subcolumns > div {
    overflow:visible; 
    display:table;
  } 

  /* (en) make .print class visible */
  /* (de) .print-Klasse sichtbar schalten */
  .print { 
    position:static; 
    left:0;
  }

  /* (en) generic class to hide elements for print */
  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .noprint { display:none !important; }
}

	
.nobr { white-space: nowrap }
	
/**************************************************/
/* Allgemeine Formulardefinitionen                                      */
/**************************************************/
form { line-height: 1.5; }
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { cursor: pointer; }

/**************************************************/
/* Searchbox auf jeder Seite                                               */
/**************************************************/
.tx-macinasearchbox-pi1 { padding: 1px 8px; margin:0; }

/**
#searchbox_form { margin: 0; padding: 0; }
#searchbox_label { font-size:83.33%; color:#666; }
#searchbox_input { width:12.5em; margin:0; border:1px solid #333; padding: 2px; float:left; }
#searchbox_submit { margin:3px 2px; padding:0; float:left; }
**/
#searchbox_form { margin: 0; padding: 0; }
#searchbox_label { font-size:83.33%; color:#666; }
#searchbox_input { width:12.5em; margin:0; border:1px solid #ddd; padding: 0.3em 0.3em; float:left; }
#searchbox_input:hover, #searchbox_input:focus, #searchbox_input:active { border:1px #a66 solid; background:#fff; }
#searchbox_submit { margin:3px 2px; padding:0; float:left; }

/*** Standard-Tabelle ***/
table { border-collapse: collapse; text-align: left; }
table tr { border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background: #FFFFFF; }
table tr.tr-odd { background: #FFFFFF; }
table tr.tr-even { background: #F3F3F3; }
table tr:hover { background:#FFFFCC; }
table td { vertical-align: top; }

table.contenttable, table.browsertable, .tx-fhlstaff-pi1 table {
	width: 100%;
	margin: 0;
}
table.contenttable th, table.browsertable th, .tx-fhlstaff-pi1 table th {
	background: #D0D5DF;
	font-weight: bold;
	padding: 6px;
	vertical-align: top;
}
table.contenttable  td, table.browsertable td, .tx-fhlstaff-pi1 table td { padding: 6px; }

table.browsertable tr.odd { background: #F3F3F3; }
table.browsertable tr:hover { background:#FFFFCC; }

/*
table.contenttable .tr-even th, .tx-fhlstaff-pi1 .tx-fhlstaff-single-maintable .tr-odd th { background: #D0D5DF; }
table.contenttable .tr-odd th, .tx-fhlstaff-pi1 .tx-fhlstaff-single-maintable .tr-even th { background: #E0E5EF; }
*/

#rechts table.contenttable td { padding: 2px; }
#rechts table.contenttable th { background: none; padding: 2px; }

/*** BILDER ***/
.csc-textpic-intext-left-nowrap,
.csc-textpic-intext-right-nowrap { margin-bottom: 1.5em; }



/*** normal Footer ***/
#footer {
    clear:both;
    border-top: 1px solid #CCC;
    padding: 0.2em 0 0 0;
    margin: 1.2em 0 0 0;
    font-size: 83.33%;
    color: #666;
}
#footerContent { margin: 0 0.33em; }

/********************************
 * content.css
 *********************************/



/*** Body ***/

body {
  font: normal 0.7512em/1.5em Arial,Verdana,sans-serif;
  color: #333;
  background: #FFF;
}

.note { font-size: 83.33%; line-height:1.2em; }

/*** Fonts - header ***/
h1, h2, h3, h4, h5, h6 {
	color: #036;
	font-weight: bold;
}
h1 { margin: 1em 0; font-size: 1.5em; line-height: 1em; }
h1.firstHeading {
	font-size: 1.5em;
	margin: 0 0 1em 0;
}
#htext h1 {
	padding: 0.2em;
	border-bottom: 1px solid #036;
}

h2 { margin: 1.125em 0; font-size: 1.3333em; line-height: 1.125em; padding: 0.2em; }
#htext h2 {
	background: #036 url('../images/gradients/grad_100_003366.gif') repeat-x scroll left bottom;
	color: #fff;
}

h3 { margin: 1.125em 0; font-size: 1.3333em; line-height: 1.125em; }
#htext h3 {
	padding-left: 16px;
	background: url('../images/squares/h3_preBox_12px_ff9900.gif') left 0.2em no-repeat;
}


h4 { margin: 1.2857em 0; font-size: 1.1667em; line-height: 1.2857em; }

h5 { margin: 1.5em 0; font-size: 1em; line-height: 1.5em; }
 
h6 { margin: 1.5em 0; font-size: 1em; line-height: 1.5em; }


/*** Fonts - anker ***/

a
{
	color: #666699;
	text-decoration: none;
	outline: none;
}

a:hover, a:active, a:focus
{
	color: #036;
	text-decoration: underline;
}

/*** Absaetze ***/
/*p, span, h1, h2, h3, h4, h5, h6, th, td, li, dd, dt*/
p { margin: 1.5em  0; font-size: 1em; line-height: 1.5em; }

p.align-left, span.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, th.align-left, td.align-left, li.align-left, dd.align-left, dt.align-left
{text-align: left;}

p.align-center, span.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, th.align-center, td.align-center, li.align-center, dd.align-center, dt.align-center
{text-align: center;}

p.align-right, span.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, th.align-right, td.align-right, li.align-right, dd.align-right, dt.align-right
{text-align: right;}

p.align-justify, span.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, th.align-justify, td.align-justify, li.align-justify, dd.align-justify, dt.align-justify
{text-align: justify;}
p.indent
{margin-left: 2em;}

/*** Aufzaehlungen ***/

ul { margin: 1.5em 0 1.5em 2em; padding: 0 0 0 1em; }
div#rechts ul { margin:0 0 0 1em; padding:0 0 0 1em; }

#rechts li { margin-bottom: 0.33em; }
#htext ul, #rechts ul { list-style-type: square; list-style-image: url('../images/lists/ul_preBox.gif'); }
#htext ul ul, #rechts ul ul  { list-style-type: circle; list-style-image: none; }
#htext ul ul ul, #rechts ul ul ul { list-style-type: disc; list-style-image: none; }

blockquote { margin-left: 2em; }

pre {
	line-height: 0.75;
	margin-bottom: 2.67em;
	font-size: 123.5%;
}

/* CSC */
DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1, DIV.csc-frame-frame2, DIV.csc-frame-frame3, DIV.csc-frame-frame4, DIV.csc-frame-frame5 { padding: 0.25em 1em; }
DIV.csc-frame-frame1 { background: #FFF; border: 2px solid #CCC; }
DIV.csc-frame-frame2 { background: #FFFFCC; border: 2px solid #CCC; }
DIV.csc-frame-frame3 { background: #FFCCCC; border: 2px solid #CC0000; } /* red */
DIV.csc-frame-frame4 { background: #FFFFCC; border: 2px solid #CCCC00; } /* yellow */
DIV.csc-frame-frame5 { background: #CCFFCC; border: 2px solid #00CC00; } /* green */

/* hCard */
.vcard .adr { margin: 0 0 0.5em 0; }
.vcard .email-invalid { padding-left: 22px; background: transparent url('../icons/silk/email.png') no-repeat 0 0; }
.vcard .tel { padding-left: 22px; background: transparent url('../icons/silk/telephone.png') no-repeat 0 0; }
.vcard .type {}


/***
*
* Extensions
*
***/


/** gbook **/
.gbook-entry { border:1px solid #CCC; padding:0.5em; margin: 1em 0 0 0; }
.gbook-entry h4 { margin: 0.5em 0; }
.gbook-entry p, .gbook-entry blockquote { margin: 1em 0 .5em 0; }
.gbook-entry blockquote { padding: 0 0 0 2em; }

.gbook-entry-body { border-top:1px solid #ff9900; }
.gbook-entry-foot  { margin: 0 0 0 2em; }


/*************************
******* tt_news
***************/

/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */
.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
	border: 3px solid red;
	clear: left;
}

/*-----------------------------------  tt_news 4all views  -----------------------------------*/
.news-list-container, .news-single-container, .event-list-container {
	border: none;
	padding: 0;
	margin: 0;
}
#htext .news-list-container H3, #htext .news-latest-container H3, #htext .news-single-item H2 {
	font-size: 116.67%;
	color: #333;
	margin: 0;
	padding: 0.3em 0.6em 0pt;
	background: transparent url(../images/squares/h3_preBox_6px_ff9900.gif) no-repeat scroll left 0.8em;
	border-bottom: 1px solid #CCC; 
	font-weight: normal;
}
#htext .news-list-container H3, #htext .news-latest-container H3 {
	margin: 0 0 0.67em 0;
}
.news-list-date, .news-single-item .news-single-date {
	color: #666;
	padding: 0 0.8em;
	margin: 0.25em 0 0 0;
	font-size: 83.33%;
	line-height: 1;
	}
.news-single-author {
	padding: 0 0.8em;
	margin: 0.25em 0 0 0;
	font-size: 83.33%;
	line-height: 1;
}	
.news-single-category {
  color: #666;
  padding: 0.25em 0.8em;
  margin: 0.25em 0 0 0;
  font-size: 83.33%;
  line-height: 1;
}
.news-list-content, .news-single-body{
	margin: 0.67em 0.67em 0 0.67em;
}
.news-list-footer, .news-single-footer {
	clear: both;
	line-height: 0.1;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/
.news-latest-gotoarchive, .event-latest-gotoarchive { text-align: right; }
.news-latest-gotoarchive a, .event-latest-gotoarchive a {
	background: transparent url('../images/arrows/pfeil_9px_right_003366.gif') no-repeat scroll left center;
	padding-left: 10px;
}
.news-latest-container H3 A { display:block; }
#htext .news-latest-container H3 A:HOVER {
	background: transparent;
	text-decoration: underline;
}
.news-latest-item IMG {
	margin-bottom:5px;
	margin-right:5px;
	border:1px solid #666;
	float:left;
}
.news-latest-category IMG {
	float: none;
	border:none;
	margin:0px;
}
.news-latest-morelink A { float:right; }

/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-item { margin: 0 0 1em 0; }
.news-search-form {
	padding:3px;
	margin-bottom:5px;
	border:1px solid #666;
	background:#F9FFE5;
}
.news-search-emptyMsg{ margin:0px; }
.news-search-form FORM { margin:0px; }
.news-list-container H3 A { text-decoration: none; display:block; }
#htext .news-list-container H3 A:HOVER {
	background: transparent;
	text-decoration: underline;
}
.news-list-container P { margin: 0; padding: 0; }
.news-list-imgcaption {
	float: right;
	padding-top:3px;
	padding-right:3px;
}
.news-list-container IMG {
	float: left;
	border: 1px solid #CCCCCC;
	margin: 0 10px 0 0;
}
.news-list-category IMG {
	float: none;
	border:none;
	margin:0px;
}
.news-list-morelink, .news-single-backlink  {
	text-align: right;
	margin: 0.67em 0.33em 0.33em 0;
}
.news-list-morelink span a {
	padding-left: 10px;
  	background: url('../images/arrows/pfeil_9px_right_003366.gif') no-repeat scroll left center;
}
.news-list-browse { text-align: center; }

/*---------------------------------  tt_news Page-Browser ---------------------------------*/
.tx-ttnews-browsebox, .browseBoxWrap {
	border:1px dashed #ccc;
	padding:2px;
}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
	font-weight: bold;
}
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P{
	margin:0px;
}
.tx-ttnews-browsebox-SCell {
	background: transparent;
}
.news-search-emptyMsg {
	margin-left: 10px;
}

/*--------------------------------- tt_news SINGLE view  ---------------------------------*/
#htext .news-single-body h3 { margin-top: 12px; }
#htext .news-single-teaser {
	padding: 0;
	background: none;
	font-size: 108.33%;
	color: #333333;
}
.news-single-img, .news-single-video {
	float: right;
	clear:both;
	margin: 8px 0 0 22px;
}
.news-single-imgcaption {
	padding:0;
	margin: 0;
	margin-bottom: 0.67em;
	clear:both;
	font-size: 91.67%;
	font-style: italic;
}
.news-single-backlink span a {
	background: url('../images/arrows/pfeil_9px_left_003366.gif') no-repeat scroll left center;
	padding-left: 10px;
}
.news-single-timedata { float: right; }
.news-single-additional-info {
	margin: 1.33em 0 0 0;
	clear: both;
}
.news-single-related,.news-single-files,.news-single-links  {
	border: 1px dashed #CCC;
	margin:0px;
	margin-bottom: 0.67em;
	padding:3px;
	background:#fff;
}
.news-single-related DD, .news-single-links DD, .news-single-files DD {
	margin: 4px 4px 8px 8px;
	display: block;		
}
.news-single-related DT, .news-single-links DT, .news-single-files DT {
	font-weight: bold;
}
.news-single-files .fileicon { position: relative; top: 2px; }
.news-single-files .filelink {margin: 0 0 0 1em;}
.news-single-files .filesize {margin: 0 0 0 1em;}

/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
#rechts .news-amenu-container UL {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.news-amenu-item-year {
	font-weight: bold;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */

.news-catmenu { padding:0; }

ul.tree {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

ul.tree A { text-decoration: none; }

ul.tree A.pm { cursor: pointer; }

ul.tree img { vertical-align: middle; }

ul.tree ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 17px;
}

ul.tree ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 10px;
	white-space: nowrap;
}

ul.tree ul li.expanded ul { background: transparent url('../typo3/gfx/ol/line.gif') repeat-y top left; }

ul.tree ul li.last > ul { background: none; }

ul.tree li.active, ul.tree ul li.active { background: #ebebeb !important; }

ul.tree li.active ul, ul.tree ul li.active ul { background: #f7f3ef; }

/*  Styles for catmenu mode "nestedWraps" */
.level1 {
	padding:1px;
	padding-left:10px;
	background:#ebf8bf;
}
.level2 {
	padding:1px;
	padding-left:10px;
	background:#ddf393;
}
.level3 {
	padding:1px;
	padding-left:10px;
	background:#cae46e;

}
.level4 {
	padding:1px;
	padding-left:10px;
	background:#b0cb51;
}
/*************************
******* mbl_newsevent
***************/
/*
#htext .event-list-item-even { background: #F3F3F3; }
*/
.event-list-header, .event-list-body {
        padding: 6px;
        margin: 0;
        vertical-align:top;
}
.event-list-header { width:12em; }
#rechts .event-latest-container h3 {
	margin-top: 0.67em;
	margin-bottom: 0;
}
#rechts .event-latest-container p {
	margin:0;
}

/*************************
******* jp_pageteaser
***************/

		.tx-jppageteaser-pi1-browsebox {
		    margin-top: 10px;
		    padding-top: 2px;
		    border-top: 1px solid #CCCCCC;
		}

		/* List View */
		.tx-jppageteaser-pi1-list {}
		.tx-jppageteaser-pi1-list-entry, .tx-jppageteaser-pi1-list-entry-odd, .tx-jppageteaser-pi1-list-entry-even {
		    margin-bottom: 20px;
		}
		.tx-jppageteaser-pi1-list-entry-description { margin-top: 0; }
		.tx-jppageteaser-pi1-list-entry-image {
		    float: left; 
		    margin: 0 0.67em 0 0;
		}
		.tx-jppageteaser-pi1-list-entry-image img {
		    border: 1px solid #CCCCCC;
		}
		.tx-jppageteaser-pi1-list-entry-link-item  {
			text-align: right;
			margin: 0.67em 0.33em 0.33em 0;
		}
		.tx-jppageteaser-pi1-list-entry-link-item span a {
			padding-left: 10px;
		  	background: transparent url('../images/arrows/pfeil_9px_right_003366.gif') no-repeat scroll left center;
		}
		#htext .tx-jppageteaser-pi1-list-entry H3 {
			margin: 0;
                        padding-left: 12px;
                        background: transparent url('../images/arrows/pfeil_11px_right_003366.gif') no-repeat scroll left 0.2em;
                        font-weight: normal;
                        font-size: 116.67%;
		}
		.tx-jppageteaser-pi1-list-entry H3 A {
			text-decoration: none;
		}
		.tx-jppageteaser-pi1-list-entry H3 A:hover {
			text-decoration: underline;
		}
		.tx-jppageteaser-pi1-list-entry-creation-date,
		.tx-jppageteaser-pi1-list-entry-change-date {
		    position: absolute;
		    bottom: 4px;
		    right: 0px;
		    font-weight: normal;
		    color: #999;
		}
		.tx-jppageteaser-pi1-list-floatcleaner { clear:both; }
		.tx-jppageteaser-pi1-browsebox { text-align: center; }
		.jp_pageteaser-list-header { border-bottom: 1px solid #CCCCCC; }
		.jp_pageteaser-list-body { padding: 0.67em 0 0.67em 0; }
		.jp_pageteaser-list-footer {}

	 /** 2col **/
		.fhl_2col_pageteaser-list .pageteaser-list-entry {
			float: left;
			width: 49%;
		}
.fhl_2col_pageteaser-list .tx-jppageteaser-pi1-list-entry-odd {
clear:both;
margin: 0 0 1em 0;
}
.fhl_2col_pageteaser-list .tx-jppageteaser-pi1-list-entry-even {
float:right;
margin: 0 0 1.33em 0.67em;
}
#htext .fhl_2col_pageteaser-list .pageteaser-list-entry-head h3, #htext .fhl_2col_pageteaser-list .pageteaser-list-entry-head a {
display: block;
margin: 0;
padding: 2px;
color: #FFFFFF;
font-size: 108.25%;
font-weight: normal;
/* height: 1.5; */ /* 1 Zeile */
/* height: 2.5; */ /* 2 Zeilen */
background: #666699 url('../images/gradients/grad_100_003366.gif') repeat-x scroll left -50px;
text-decoration: none;
}
#htext .fhl_2col_pageteaser-list .pageteaser-list-entry-head a:hover {
text-decoration: underline;
}
.fhl_2col_pageteaser-list .pageteaser-list-entry-body {
padding: 4px 4px 0 4px;
border: 1px solid #CCCCCC;
}
.fhl_2col_pageteaser-list .pageteaser-list-entry-image img {
width: 19em; margin: 0 0 4px 0;
}
.fhl_2col_pageteaser-list .pageteaser-list-entry-description {
margin: 0;
padding: 0;
}
.fhl_2col_pageteaser-list .pageteaser-list-entry-link-item {
text-align: right;
margin: 8px 0 4px 0;
}
.fhl_2col_pageteaser-list .pageteaser-list-entry-link-item span a {
padding-left: 10px;
background: url('../images/arrows/pfeil_9px_right_003366.gif') no-repeat scroll left center;
}

/*************************
******* irfaq
***************/

#htext .tx-irfaq-pi1 ul.tx-irfaq-questions-list { list-style-image: url('../images/arrows/pfeil_9px_down_003366.gif'); }

.tx-irfaq-pi1 .additional-info { border-top: 2px solid #e6e6e6; 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-cleaner { clear: left; height: 1px; }
.tx-irfaq-dynheader { cursor: pointer; }
.tx-irfaq-dynans-hidden { display: none; }
.tx-irfaq-dynans-visible { display: inline; }

/** 
 * pagebrowser 
 **/
.tx-pagebrowse{text-align:center;list-style:none inside none;width:100%;margin:0;padding:0}
.tx-pagebrowse li{display:inline;list-style:none;margin:0;padding:0 5px 0 0}
li.tx-pagebrowse-pages{width:80%}
li.tx-pagebrowse-pages ol{display:inline;margin:0;padding:0 10px}

/*************************
 * print.css
 ***************/

@media print {

body {
  /* font-size: small; */
  /*font-family: Arial,Helvetica,sans-serif*/
  font-size: 75%;
  text-align: justify;
  color: #000000;
  background: #FFFFFF;
}
/** font-site IE fix at small **/
/*
* html body {
	font-size: x-small; 
	f\ont-size: small;
}
*/

/*** hide noContent-Cols ***/
#mitteoben, #logo_container, #menue, #tools, #hotlinks { display: none; }

/***
* default styles for extension "tx_cssstyledcontent"
***/
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 1px solid #CCCCCC;
	padding: 0px 0px;
}

DIV.csc-textpic-imagewrap { padding: 0; }
DIV.csc-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }

/* Clearer */
DIV.csc-textpic-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-right: 10px;
}

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 10px;
}

/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	margin-right: 10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
	margin-left: 10px !important;
}

/* Positioning of images: */

/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

/* Center (above or below) */
	
/*DIV.csc-textpic-center { text-align: center; */ /* IE-hack */ /* } */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
/*DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; */ /* Remove IE-hack */ /* } */
/*DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; */ /* Remove IE-hack */ /* } */

/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */

}

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs
 * (de) YAML Basis-Stylesheet - StrukturunabhÃ¤ngige Bugfixes von CSS-Bugs des IE/Win
 *
 * Don't make any changes in this file!
 * Your changes should be added to a separate patch-file.
 *
 * @copyright       Copyright 2005-2011, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3.1
 * @revision        $Revision: 501 $
 * @lastmodified    $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
 * @appdef yaml
 */

@media all
{
  /**
   * (en) Debugging:When you see a green background, IE is getting this stylesheet
   * (de) Fehlersuche:Hintergrund leuchtet grÃ¼n, wenn das Stylesheet korrekt geladen wurde
   *
   * @debug
   * @app-yaml-default disabled
   */

  /* body { background:#0f0; background-image:none; }  */

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) No need to force scrollbars in older IE's - it even makes problems in IE6 when set
   * (de) Scrollbar-Fix wird in alten IE's nicht benÃ¶tigt, zudem verursacht der Fix Probleme im IE6
   *
   * @workaround
   * @affected   IE6, IE7
   * @css-for    IE6, IE7
   * @valid      no
   */

  body { o\verflow:visible; }
  
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements
   * (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      no
   */

  * html iframe,
  * html frame { overflow:auto; }
  * html input,
  * html frameset { overflow:hidden; }
  * html textarea { overflow:scroll; overflow-x:hidden; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Stability fixes with 'position:relative'
   * (de) StabilitÃ¤tsverbesserungen durch 'position:relative'
   *
   * Essential for correct scaling in IE7 (body). IE5 must get static positioned body instead.
   * Helpful to fix several possible problems in older IE versions (#main).
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */

  body, #main { position:relative; }
  * html body { position:static; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Clearfix adjustents for containing floats in IE
   * (de) Clearfix-Anpassung fÃ¼r diverse IE-Versionen
   *
   * @workaround
   * @see        http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */

  .clearfix { height:1%; }  /* hasLayout aktivieren */
 
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Special class for oversized content element
   * (de) Spezielle Klasse fÃ¼r Ã¼bergroÃŸe Inhaltselemente
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  .slidebox {
    position:relative;
    margin-right:-1000px;
    height:1%;
  }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en):Bugfix for partially displayed column separators
   * (de):Bugfix fÃ¼r unvollstÃ¤ndige Darstellung der Spalteninhalte / Spaltentrenner
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html #col1,
  * html #col2,
  * html #col3 { position:relative; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Preventing several css bugs by forcing "hasLayout"
   * (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      no
   */

  body { height:1%; }
  .page_margins, .page, #header, #nav, #main, #footer { zoom:1; }  /* IE6 & IE7    */
  * html .page_margins, * html .page { height:1%; hei\ght:auto; }  /* IE 5.x & IE6 | IE6 only */
  * html #header, * html #nav, * html #main, * html #footer { width:100%; wid\th:auto; }  /* IE 5.x & IE6 | IE6 only */

  /* trigger hasLayout to force containing content */
  .subc, .subcl, .subcr { height:1%; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * Disappearing List-Background Bug
   * @see        http://www.positioniseverything.net/explorer/ie-listbug.html
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html ul, * html ol, * html dl { position:relative; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * List-Numbering Bug
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */

  body ol li { display:list-item; }

  /**
   * Form related bugfixes
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      no
   */
  fieldset, legend { position:relative; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear
   *      Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the
   *      longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed
   *      in YAML.
   *
   * (de) Workaround fÃ¼r 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear
   *      Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout
   *      wenn gleichzeitig die linke Spalte die kÃ¼rzeste und die rechte die lÃ¤ngste ist. Im IE6 und IE7 lÃ¤sst
   *      sich der Bug durch eine speziell fÃ¼r YAML entwickelten Workaround umgehen.
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      no
   */

  html #ie_clearing {
    /* (en) Only a small help for debugging */
    /* (de) Nur eine kleine Hilfe zur Fehlersuche */
    position:static;

    /* (en) Make container visible in IE */
    /* (de) Container sichtbar machen im IE */
    display:block;

    /* (en) No fix possible in IE5.x, normal clearing used instead */
    /* (de) Kein Fix im IE5.x mÃ¶glich, daher normales Clearing */
    \clear:both;

    /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/
    /* (de) IE-Clearing mit 100%-DIV fÃ¼r IE6 bzw. Ã¼bergroÃŸem Container im IE7 */
    width:100%;
    font-size:0px;
    margin:-2px 0 -1em 1px;
  }

  * html #ie_clearing { margin:-2px 0 -1em 0; }
  #col3_content { margin-bottom:-2px; }

  /* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins */
  /* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */
  html { margin-right:1px; }
  * html { margin-right:0; }

  /* (en) Bugfix:Essential for IE7 */
  /* (de) Bugfix:Notwendig im IE7 */
  #col3 { position:relative; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * IE/Win Guillotine Bug
   * @see        http://www.positioniseverything.net/explorer/guillotine.html
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html body a, * html body a:hover { background-color:transparent; }

}

@media screen, projection
{
  /**
   * (en) IE-Adjustments for content columns and subtemplates
   * (de) IE-Anpassung fÃ¼r Spaltencontainer und Subtemplates
   *
   * Doubled Float-Margin Bug
   * @see        http://positioniseverything.net/explorer/doubled-margin.html
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */
  #col1,  #col2 { display:inline; }

  .c20l, .c25l, .c33l, .c38l, .c40l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l,
  .c20r, .c25r, .c33r, .c38r, .c40r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { display:inline; }

  /* Fix for:"Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */
  * html .equalize, * html .equalize .subcolumns { overflow:visible; display:block; }
  .equalize, .equalize .subcolumns { overflow:hidden; display:block; }

  /* transform CSS tables back into floats */
  .equalize .c20l,.equalize .c40l,.equalize .c60l,.equalize .c80l,
  .equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c50l,
  .equalize .c62l,.equalize .c66l,.equalize .c75l {
    float:left; display:inline;
    padding-bottom:32767px;
    margin-bottom:-32767px;
  }
  .equalize .c20r,.equalize .c40r,.equalize .c60r,.equalize .c80r,
  .equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c50r,
  .equalize .c62r,.equalize .c66r,.equalize .c75r {
    float:right; margin-left:-5px; display:inline;
    padding-bottom:32767px;
    margin-bottom:-32767px;
  }

  .no-ie-padding .c20l,.no-ie-padding .c40l,.no-ie-padding .c60l,.no-ie-padding .c80l,
  .no-ie-padding .c20r,.no-ie-padding .c40r,.no-ie-padding .c60r,.no-ie-padding .c80r,
  .no-ie-padding .c25l,.no-ie-padding .c33l,.no-ie-padding .c38l,.no-ie-padding .c50l,
  .no-ie-padding .c62l,.no-ie-padding .c66l,.no-ie-padding .c75l,
  .no-ie-padding .c25r,.no-ie-padding .c33r,.no-ie-padding .c38r,.no-ie-padding .c50r,
  .no-ie-padding .c62r,.no-ie-padding .c66r,.no-ie-padding .c75r {
    padding-bottom:0;
    margin-bottom:0;
  }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * Internet Explorer and the Expanding Box Problem
   * @see http://www.positioniseverything.net/explorer/expandingboxbug.html
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html #col1_content,
  * html #col2_content,
  * html #col3_content { word-wrap:break-word; }

  /* avoid growing widths */
  * html .subc,
  * html .subcl,
  * html .subcr { word-wrap:break-word; o\verflow:hidden; }
}

@media print
{
  /**
   * (en) Avoid unneeded page breaks of #col3 content in print layout.
   * (de) Vermeiden von unnÃ¶tigen SeitenumbrÃ¼chen beim Ausdruck der Spalte #col3.
   *
   * @bugfix
   * @affected   IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */

  .subc,
  .subcl,
  .subcr,
  .col3 { height:1%; }
}

