/* STYLES fuer gsc-de */
/*
	Eine fiese border und background zum checken:
border: solid 1px #f00;
background: #fcc;
The rigid 3-column layout of this site is shamelessly pillaged from the ingenious:
http://www.positioniseverything.net/piefecta-rigid.html
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		1. generelles layout
    2. seitenaufbau / spalten
    3. menues
		4. spezielle klassen - generelle anwendung
    5. seitenspezifische klassen
    6. typo3-spezifische klassen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Wichtig: alle IE < 7 Bugfixes in eigene Datei auslagern!
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Farbwerte     
Blau sehr dunkel             -     #152756
Blau dunkel                  -     #8393AF
Blau mittel (legende)        -     #93A2BC
Blau mittel (menu)           -     #D0D7E1
Blau hell (Box-BG)           -     #F2F4F7
Blau sehr hell (header bg)   -     #F2F4F7
 */
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		1. generelles layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
@import "typo3.css";


html, body, ol, ul, li, dl, dt, dd, img, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
	list-style: none;
	text-align: left;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 100.1%; /*** Don't change this setting. Make all other font-sizes in % or em (preferred) - circumvents font-size bugs ***/
	color: #152756;
	background: #F2F4F7;
	text-align: left;
	margin-bottom: 2em;
}

body {
	/* presumably fixes ie dotted border bug */
	background: url(null) fixed no-repeat;
}

a {
	color: #152756;
}


.more {
	white-space: nowrap;
  font-size: .91em;
  font-weight: normal;
}



.center a:hover, .center a:active{
	color: #93A2BC;
}

.right a {
	/* links in der rechten spalte sollen alle gleich sein */
	color: #93A2BC;
}

  .right a:hover, .right a:active {
	color: #152756;
}

p {
	margin: .7em 0;
}
.notop {
	margin: 0 0 .7em 0;
}

h1, h2, h3, h4, h5, h6 {
}

h1 {
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom: 1em;
}

h2 {
	font-size: 1.2em;
}

h3, h4, h5, h6 {
	font-size: 1.1em;
}

/* eine Ueberschrift mit Abstand oben zu Layoutzwecken */
h5 {
	margin-top: 2em;
}

h1.bigcenter {
	text-align: center;
	text-transform: none;
}

table {
	border-collapse: collapse;
}

td, th {
	vertical-align: top;
	text-align: left;
}

hr {
	margin: 10px 12px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #FFFFFF; /* for ie */
	background-color: #FFFFFF; /* for everyone else */
	height: 0px;
	border: 1px solid #FFFFFF;
	border-bottom: 1px dashed #152756;
}

.hide {
	display: none;
}

.clear {
	clear: both;
}

hr.clear {
	clear: both;
	margin: 0; /* fixes xhtml N6 bug where the hr sits to the left*/
	height: 0px;
	border: none;
	visibility: hidden;
}

.small {
	font-size: .9em;
}
.smaller {
	font-size: .8em;
}

.signal {
	color: #FF0000;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    2. seitenaufbau / spalten
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */
.wide {
	width: 650px;
}

.wide p {
	margin: 0;
	position: relative;
}

/*XXXXXXXXXXXXXXXXX Primary layout rules XXXXXXXXXXXXXXXX*/
/******************************************************************************** 
To adjust the side col widths, or the vertical col dividers, a certain set of values must be changed
all at the same time and by exact amounts or problems will result. Each of these group's member values
have been marked off with comments that start with "Critical...". For example, if the left col width needs
to be changed then all the values marked "Critical left col dimension value" MUST have their pixel values
altered by the same amount. Certain of these left col width values are marked "(moves inversly)", and 
these get changed by the same pixel amount but inversly to the other values. So if margin-left on .outer
is increased by 10px, then the width of .outer must decrease by 10px, and so on.
To change the width of the entire layout, .wrapper, .outer, .float-wrap, and .center all get changed together,
and only after that is it safe to change col or divider widths. Remember, even one small mistake will degrade or 
even break the layout, so be very careful! it's possible to "loosen" the layout so small errors aren't so messy,
but then it becomes hard to finely control text spacing. 
For spacing within the cols, it's best to apply margins on content elements inserted into the cols, 
because padding directly on those col elements will change their widths, breaking the layout. 
Certain hiding hacks have been used extensively in this layout, so here is a quick explaination of them.
The Tan hack:
* html .anyelement {rules read only by IE/Win and IE/Mac}
The Mac-hack:  (first the active comment you are reading now must be closed...) */
/* \*/
/* */
/*...Back in comment mode now. Anything between those two comment lines will be hidden from 
IE/Mac. Don't use any comments within this hack or it will close prematurely and IE/Mac will begin 
reading before it should.
The above two hacks are combined so as to feed rules only to IE/Win. Proper use of backslash escape 
characters inside property names used in the Holly hack can further segregate rules to be read by only 
IE6 from rules for IE5.x/Win. 
These hiding hacks, along with several other fixes, make possible this formerly impossible layout.
It is highly unlikely that new browsers will have any problem with these valid hiding hacks, and 
Microsoft does not plan any browser changes soon that would alter the proper operation of the layout.
********************************************************************************/
.wrapper {
	margin: 0;
	width: 650px;
	text-align: left;
	background: url(bg_wrap.gif) #FFFFFF repeat-y;
	background:  #FFFFFF repeat-y;
	border: none;
	font-size: .75em;
}

.outer {
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	margin-left: 0px; /*** Critical left col dimension value ***/
	width: 650px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
	border-left: none; /*** Critical left divider dimension value ***/
	border-right: 3px solid #F2F4F7; /*** Critical right divider dimension value ***/
}

.float-wrap {
	float: left;
	width: 650px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-right: -1px; /*** Static fix ***/
}

.center {
	float: right;
	width: 650px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-bottom: -1px; /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
	margin-left: -1px; /* Hidden from IE-mac */
}

.left {
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 0px; /*** Critical left col/divider dimension value ***/
	margin-left: -0px; /*** Critical left col/divider dimension value ***/
  display:none;
}

* html .left {
	float: left;
}

*>html .left {
	/*** Fix only for IE/Mac ***/
	width: 146px;
}

.container-left {
	width: 145px; /*** Critical left col dimension value ***/
	padding-bottom: 10px; /*** To keep content from going underneath the AP bottom boxes ***/
  display:none;
}

.right {
	float: left;
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 200px; /*** Critical right col/divider dimension value ***/
	margin-right: -200px; /*** Critical right col/divider dimension value ***/
	margin-left: -1px; /*** Static fix ***/
  display:none;
}

/* \*/
* html .right {
	margin-left: 0px;
	margin-right: -400px;
	mar\gin-right: -202px;
}

/* */
/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/
/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/
.container-right {
	width: 200px; /* Hidden from IE-Mac */
	margin-left: 3px; /*** Critical right divider dimension value ***/
	padding-bottom: 10px; /*** To keep content from going underneath the AP bottom boxes ***/
}

/* \*/
* html .container-right {
	fl\oat: right;
	margin-left: 2px;
	mar\gin-left: 0px;
}

/*** Static fixes ***/
/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to 
	different elements and see if that fixes the problem. Sometimes it may be necessary 
	to use "position: relative;" on certain elements, but it's hard to tell in advance which 
	elements will need such fixes. Here it prevents IE5/Win from clipping the left ends 
	of the headings. ***/
/* \*/
* html h2 {
	height: 1%;
}

/* */
/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {
	margin-right: -3px;
}

/* */
/* Header and  Header-Content */
.top {
	background: #F2F4F7;
	border-bottom: 1px solid #2B3D68;
}

.top a {
}

.top #logo{
	padding: 8px;
}

.top .banner {
  text-align:right;
	width: 730px;
	float: right;
	padding: 8px;
  display:none;
}

#homemenu {
	margin: 10px auto  0px 5px;
	text-align: left;
	display: block;
	line-height: normal;
	height: 18px;
}

#homemenu ul {
	margin: 0;
	padding: 2px 2px 0 4px;
	list-style: none;
	font-size: .9em;
	text-transform: lowercase;
}

#homemenu li {
	float: left;
	background: url("bg_menu_home_left.gif") no-repeat left top;
	margin: 0;
	padding: 0 1px 0 4px;
}

  
#homemenu a {
	float: left;
	display: block;
	background: url("bg_menu_home_right.gif") no-repeat right top;
	padding: 2px 8px 0px 5px;
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}

/* Commented Backslash Hack 
   fixes sliding door problem with Opera 7.11 
   hides rule from IE5-Mac \*/
#homemenu a {
	float: none;
}

/* End IE5-Mac hack */
#functionsmenu {
	border-top: 5px solid #152756;
	background: #8393AF;
	line-height: normal;
	margin: 0px auto  0px auto;
	padding: 0px;
	text-align: left;
	display: block;
	height: 34px;
}

#functionsmenu ul {
	border-top: 1px solid #FFFFFF;
	margin: 0 0 0 0px;
	padding: 7px 2px 0 4px;
	list-style: none;
	height: 25px;
}

#functionsmenu li {
	float: left;
	background: url("bg_menu_functions_left.gif") no-repeat left top;
	margin: 0 0 0 0;
	padding: 0 0 0 4px;
}

#functionsmenu a {
	float: left;
	display: block;
	background: url("bg_menu_functions_right.gif") no-repeat right top;
	padding: 5px 8px 5px 2px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

#functionsmenu li#logintab {
	margin: 0 120px 0 5px;
}

  
/* Commented Backslash Hack 
   fixes sliding door problem with Opera 7.11 
   hides rule from IE5-Mac \*/
#functionsmenu a {
	float: none;
}

/* End IE5-Mac hack */
/* CONTENT SPALTE */
.center {
	background: url(bg_shadow_content.gif) repeat-x;
	font-size: .9em;
}

.container-center {
	line-height: normal;
	padding: 15px;
}

hr.centersplit {
	margin: 10px 0 0 0; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #F2F4F7; /* for ie */
	background-color: #F2F4F7; /* for everyone else */
	height: 3px;
	border: 1px solid #F2F4F7;
}

/* LINKE SPALTE mit Menue */
.left {
	background: url(bg_shadow_menu.gif) repeat-x;
	font-size: .9em;
}

#login {
	margin: 0;
	padding: 12px 0 0 8px;
}

#login form{
	margin: 0;
	padding: 0px;
}

/* Login felder  ( + Suchfeld, wenn es im Text vorkommt ) */
#login input ,  #hvsearch {
	width: 80px;
	border: 1px solid #152756;
	padding: 1px 4px;
	margin: 2px 0;
	color: #152756;
	font-size: 1em;
}

#hvsearch {
	margin: 0px 0;
	width: 150px;
}

#login input#tx-newloginbox-pi1-login_submit, #hv_submit {
	background: transparent url(button_submit.gif) no-repeat 0px 2px;
	width: 18px;
	height: 18px;
	border: none;
	cursor: pointer;
	overflow: visible;
}

#mainnavi {
	margin-top: 8px;
	width: 145px;
}

#mainnavi ul {
	border: none;
	background: #FFFFFF;
	width: 146px;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 4em;
}

#mainnavi ul li{
	border: none;
	margin: 1px 0 0 0;
	padding: 0;
	background: #152756;
	width: 146px;
}

#mainnavi ul li a {
	border: none;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 2px 0 2px 15px;
}

#mainnavi ul li a:hover {
	color: #F2F4F7;
	background: #8393AF;
}

#mainnavi ul ul {
	border: none;
	margin: 0;
	padding: 0;
}

#mainnavi ul li ul li {
	border: none;
	margin: 1px 0 0 0;
	padding: 0;
	background: #D0D7E1;
}

#mainnavi ul li ul li a {
	border: none;
	color: #000000;
	font-weight: normal;
	display: block;
}

.legend {
	width: 118px;
	background: #93A2BC;
	font-weight: bold;
	text-align: left;
	padding: 2px 5px;
	margin: 2px 0 4px 8px;
	border: 1px solid #93A2BC;
}

#legend {
	width: 130px;
	margin: 0 2px 0 8px;
	border: 1px solid #93A2BC;
}

#legend td {
	padding: 0 5px 0 0;
}

.container-left {
	width: 129px;
	padding: 8px;
	line-height: 1.5em;
}

/* RECHTE SPALTE und INHALTE */
.right {
	font-size: .9em;
	background: url(bg_shadow_right.gif) no-repeat;
}

#dbsearchform {
	margin: 10px 0 0 10px;
	width: 179px;
	height: 133px;
	background: url(bg_dbsearch.gif) #152756 no-repeat;
}

#dbsearchform form{
	padding: 15px 0 0px 15px;
}

#dbsearchform input {
	color: #152756;
	background: #FFFFFF;
	width: 125px;
	height: 16px;
	font-size: 1em;
	border: none;
}

#dbsearchform input#dbsearch_submit {
	background: transparent url(button_dbsearch.gif) no-repeat 0px 2px;
	width: 20px;
	height: 20px;
	border: none;
	cursor: pointer;
	overflow: visible;
}

#dbsearchform p {
	padding: 0 8px 0 15px;
	color: #FFFFFF;
	font-weight: bold;
}

#dbsearchform a {
	color: #FFFFFF;
	font-weight: bold;
}

.mysterybutton a {
	color: #FFFFFF;
	background: #45557C;
	text-decoration: none;
	border: 1px solid #4F5D80;
	display: block;
	width: 60px;
	padding: 0 10px;
	font-weight: normal;
}

.container-right {
	width: 170px;
	padding: 0 15px 0 15px;
	line-height: 1.5em;
}

.container-right ul {
	padding: 0 0px 0 0px;
	line-height: 1.2em;
}

.container-right h5 {
	font-size: 1em;
}

.right .tipp, .tipp {
	margin: 10px 15px; /* fixes xhtml N6 bug where the hr sits to the left*/
	padding: 15px 15px 15px 15px;
	font-weight: bold;
	background: #F2F4F7;
	border: 1px solid #FFFFFF;
	border-bottom: 1px dashed #152756;
}



hr {
	margin: 10px 15px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #FFFFFF; /* for ie */
	background-color: #FFFFFF; /* for everyone else */
	height: 5px;
	border: 1px solid #FFFFFF;
	border-bottom: 1px dashed #152756;
}

  #subnavi {
	padding: 0;
	margin: 8px 20px 8px 27px;
	background: #DADEE7;
}

  #subnavi h4 {
	padding: 5px 15px;
}

#subnavi ul {
	border: none;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 4em;
}

#subnavi ul li{
	width: 100%;
	border: none;
	margin: 1px 0 0 0;
	padding: 0;
	background: #F2F4F7;
}

#subnavi ul li a {
	border: none;
	color: #152756;
	text-decoration: none;
	font-weight: normal;
	display: block;
	margin: 0;
	padding: 5px 25px 5px 15px;
}

#subnavi ul li a:hover {
	color: #F2F4F7;
	background: #8393AF;
}

/* Footer und Footer-Inhalte */
.bottom {
	border-top: 3px solid #F2F4F7;
	position: relative;
	padding: 2px 2px 2px 0px;
	font-size: .9em;
	margin: 0;
	width: 650px;
}

.bottom a {
	text-decoration: none;
	padding-right: 1em;
}

/* Spezielle Inhaltselemente der CENTERSPALTE */
/*  company - Daten-Header */
.companyblock {
	/* background: url(bg_shadow_company.gif) #F2F4F7 repeat-x; */
  border-top: 1px solid #152756;
  border-bottom: 1px solid #152756;
	padding: 15px 15px 0 15px;
	color: #152756;
}

.companyblock table {
	width: 100%;
}

.companyblock td {
	padding: 0 20px 10px 0;
  font-size: .8em;
}



.companyblock td.compaddr {
	width: 30%;
}

.companyblock td.compdata {
	width: 30%;
}

.companyblock td.compcontact {
	width: 40%;
}

.companyblock dt {
	float: left;
	width: 3em;
	clear: left;
	font-weight: bold;
}

.companyblock dd{
}

/* die "Daten-Tabelle" im Company-Bereich */


.profile td.profiletable {
	padding: 0;
  width: 50%;
}

.profile td.profiletable table {
  margin: 0 0 10px 0;
  width: 100%;
}

.profiletable table, .profiletable tbody {
  margin:0;
	padding: 0;
}

.profiletable caption {
 font-weight: bold;
 text-align:left;
 padding-bottom:.6em;
}

.profiletable th {
  margin:0;
	padding: 0;
	padding-right: 0px;
}

.profiletable td {
  margin:0;
	padding: 0 8px 0 0;
  text-align: right;
}


/* die "Sicherheits-Tabelle" fuer unverr�ckbare Spaltenlayouts im Content-Bereich */
.serenity {
	margin: 0px;
}

.serenity td {
	padding:  5px;
}
.serenity td .profile td{
	padding:  0px 2px 0 0;
}


/* diverse Kaeschtle-Varianten  */
.box,  .boxheader, .boxheadericon {
	margin: 5px ;
 
}

.box, .boxheader, .boxheadericon {
	padding: 15px 10px 15px 10px;
	background: #F2F4F7;
	border: 1px dashed #152756;
}

.boximg {
	float: left;
	width: 100px;
	margin: 0;
}

.boximgright {
	float: right;
	width: 100px;
	margin: 0;
}

.boxheadercontainer{
	position: relative;
	margin: 0px 0 30px 0;
	padding-top: 25px;
}

 .boxheadercontainer h2 {
	background: #D0D7E1;
	display: inline;
	border: 5px solid #D0D7E1;
	position: absolute;
	top: 14px;
	left: 35px;
}

 .boxheader {
	margin-top: 10px;
	padding: 35px 10px 5px 10px;
}

 .boxheadericoncontainer {
	position: relative;
	margin: 0 0 10px 0;
}

 .boxheadericon {
	margin-top: 0px;
	padding: 20px 15px 5px 15px;
  height: 1%;
}

 .boxheadericon .imageright {
  float:right;
  width:111px;
}



.boxheadericoncontainer h2, .boxheadericoncontainer h4 {
	background: #D0D7E1;
	display: inline;
	border: 5px solid #D0D7E1;
	position: absolute;
	top: 14px;
	left: 30px;
}

.boxheadericoncontainer h4,  .boxheadercontainer h4 {
	font-size: 1em;
	background: #D0D7E1;
	position: absolute;
	top: 14px;
	left: 30px;
	border: 5px solid #D0D7E1;
}

.boxheadericoncontainer .icon {
	width: 20px;
	position: absolute;
	top: 2px;
	left: 5px;
	margin: 2px 0px 0 0px;
}

.boxheadericoncontainer .iconh4 {
	width: 20px;
	position: absolute;
	top: 2px;
	left: 5px;
	margin: 2px 0px 0 0px;
}

.boxheadericoncontainer .companyname {
	color: #FF0000;
	padding: 0 0 10px 45px;
}
.boxheadericoncontainer .headerdatetime {
	position: absolute;
	top: 5px;
	right: 4px;
  font-size: .92em;
}


.boxalert, .boxinfo {
	border: 2px solid #FF0000;
	padding: 0;
	margin: 0 0 15px 0;
}

.boxinfo {
	border: 2px solid #152756;
}

.boxalert h2, .boxinfo h2 {
	background: #FFCCCC;
	padding: 5px;
	font-size: 1.1em;
	color: #FF0000;
}

 .boxinfo h2 {
	background: #CCCCCC;
	color: #152756;
}

.boxalert p, .boxinfo p {
	padding: 5px;
}

/* boxen in der tabelle brauchen keine margin mehr */
.serenity td .box, .serenity td .boxheader, .serenity td .boxheadericon, {
	margin: 0;
}

.download dt {
	float: left;
	width: 25px;
	clear: left;
	font-weight: bold;
}

#companymenu {
	background: #F2F4F7;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	text-align: left;
	display: block;
	height: 14px;
	font-size: .9em;
	border: none;
}

#companymenu ul {
	border-top: 1px solid #F2F4F7;
	margin: 0 0 0 0px;
	padding: 0px 2px 0 0px;
	list-style: none;
	height: 11px;
	background: #F2F4F7;
}

#companymenu li {
	float: left;
	background: url("bg_menu_company.gif") #FFFFFF no-repeat left top;
	margin: 0 0 0 0;
	padding: 0 2px 0 5px;
}

#companymenu li.companymenuleft {
	background: url("bg_menu_company_left.gif") #FFFFFF no-repeat right top;
	padding: 0 0 0 20px;
}

#companymenu li.companymenuright {
	background: url("bg_menu_company_right.gif") #FFFFFF no-repeat left top;
}

#companymenu a {
	padding: 8px 10px 0px 18px;
	text-decoration: none;
	font-weight: normal;
	color: #8393AF;
}

#companymenu a:hover, #companymenu a:active {
	background: none;
	color: #152756;
}

#companymenu li#logintab {
	margin: 0 120px 0 5px;
}

 
/* Commented Backslash Hack 
   fixes sliding door problem with Opera 7.11 
   hides rule from IE5-Mac \*/
#companymenu a {
	float: none;
}

/* End IE5-Mac hack */
/* tabellen und so */
.zebra {
	margin: 1em 0 2em 0;
}

.zebra td {
	line-height: 1.1em;
	padding: 5px 10px;
}

.odd {
	background: #F9FBFD;
}

/* spezial listen */
.big {
	margin: 0;
}

.big li {
	margin: 0 0 5px 0;
}

li.gratis {
	background: url("bullet_gratis.gif") no-repeat 0px 3px;
	padding-left: 12px;
}

li.fee {
	background: url("bullet_fee.gif") no-repeat 0px 3px;
	padding-left: 12px;
}

li.caution {
	background: url("bullet_caution.gif") no-repeat 0px 3px;
	padding-left: 12px;
}

li.coverage {
	background: url("bullet_coverage.gif") no-repeat 0px 3px;
	padding-left: 12px;
}

.linkbox {
	width: 100%;
}

.linkbox td {
	width: 33%;
	text-align: center;
	color: #999999;
}

.linkbox a {
	color: #999999;
	font-size: .9em;
	text-decoration: none;
}

.linkbox a {
	color: #999999;
	background: #FFFFFF;
	font-size: .9em;
	text-decoration: none;
}


/* listen von Nachrichten teasern */

.directlink a {
  font-weight: normal;
  text-decoration: none;
	color: #152756;
}
.directlinkstrong a {
  font-weight: bold;
  text-decoration: none;
	color: #152756;
}
.directlink a:hover, .directlink a:active, .directlinkstrong a:hover, .directlink a:active  {
	color: #8393AF;
}

.directlink li , .directlinkstrong li {
	margin:5px 0;
}

.lightlist li {
 line-height: 1em;
 margin: 0;
}

.lightlist a {
	color: #93A2BC;
 line-height: 1em;
 margin: 0;
}

.lightlista:hover, .lightlist a:active {
	color: #152756;
}

/* listen von suchergebnissen */

.searchcatcontainer {
  margin: 0 0 15px 0;
}

.searchcatcontainer h2 {
  background:  #D0D7E1;
  margin: 0 0 15px 0;

}
.searchcatcontainer ul{
  margin: 0 0 15px 0;
}
.searchcatcontainer ul li{
  line-height:18px;
  margin: 0 0 10px 0;
}
.searchcatcontainer ul li img{
  vertical-align: middle;
}
.searchcatcontainer ul li a{
  font-weight:bold;
}
.searchcatcontainer ul span{
  color: #93A2BC;
}



/*  rechts liegender link ist relativ problematisch */
.printlink {
	display: block;
	text-align: right;
	margin: 0 15px 0 0 ;
}

.printlink a {
	color: #999999;
	font-size: .9em;
	text-decoration: none;
}

.printlink a:hover {
	color: #CCCCCC;
	background: #FFFFFF;
	text-decoraton: none;
	font-size: .9em;
}

.datelink {
	display: block;
	float: right;
	text-align: right;
	width: 7em;
}

 
.printlink:after,  .datelink:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.datelink {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .datelink {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */


/* 6.  TYPO3-spezifische Klassen */



/* blaue ueberschrift Layout 2*/
.sectionheader {
  background: #F2F4F7;
}

/* tt_news bild als firmenlogo rechtsbuendig */

.news-single-img {
  float:right;
  width:150px;
  text-align:right;
}




/* #################  is not finished - ..... is finished  ################*/