@charset "UTF-8";

/*
Projektname:   Koenig und Neurath
Erstellt am:   XX.08.2007 von hB    
Bearbeitet am: 27.09.2007 von MKue 
QS am:         27.09.2007 von MKue 
*/

/* = ----------------------------------------------- = */
/* = ----------------------------------------------- = */
/* = ----- Inhalt CSS -------------------------------- */
/* = ----- 1. Allgemeine Seiteneinstellungen 	----- */
/* = ----- 2. Definition der verschiednen Links ---- */
/* = ----- 3. Boxmodell							 ---- */
/* = ----- 4. Header							 ---- */
/* = ----- 5. Alternative Suchbergriffe		    ---- */
/* = ----  6. Blaetternaviigation 				---- */
/* = ----  7. Alternative Suche am Ende der Seite ---- */
/* = ----------------------------------------------- = */
/* = ----------------------------------------------- = */

/* = ----- 1. Allgemeine Seiteneinstellungen 	----- */
table {
margin: 0 0;
padding: 0 0;
}


/* = ----- 2. Definition der verschiednen Links ---- */
a.kontaktlink  {
color: #E65A14 !important ;
text-decoration: underline !important;
font-weight: 100;
border: none;
}

a.kontaktlink:hover  {
color: #E65A14 !important ;
text-decoration: underline !important;
font-weight: 100;
border: none;
}


a.mit-pfeil  {
font-weight: 100;
color: #E65A14;
text-decoration: none;
padding-left: 7px;
background-image: url(../images/pfeil-vor.gif);
background-repeat: no-repeat;
background-position: left;
}

a.mit-pfeil :hover  {
color: #E65A14;
text-decoration: underline;
}

a.mit-pfeil-active  {
font-weight: 100;
color: #E65A14;
text-decoration: underline;
padding-left: 10px;
background-image: url(../images/pfeil-active.gif);
background-repeat: no-repeat;
background-position: left;
}

a.pdf {
background-image: url(../images/icon/pdf.gif);
background-position: left;
background-repeat: no-repeat;
font-weight: bold;
height: 16px;
border: 0px solid;
}

a.blaettern:hover { /* Links in der Blaetternavigation */
text-decoration: underline;
color: #E65A14;
font-weight: bold;
}

a.blaettern { /* Links in der Blaetternavigation */
text-decoration: underline;
color: #4C4C4C;
}

.blaettern-aktiv {
color: #E65A14;
font-weight: bold;
}


/* = ----- 4. Header ---- */
/* = Firmenlogo, Googlelogo, Formular und Alternative Suchbegriffe ----- */
#gsa-header {
margin: 0 0;
padding: 0 0;
width: 100%;
overflow: auto;
background: #EBECED;
}

* html #gsa-header {
margin: 10px 0 0 0;
}

#logos {
float: left;
border: none;
}

.firmen-logo {
float: left;
margin-left: 5%;
margin-top: 25px;
width: 223px;
height: 25px;
}

.google-logo {
float: right;
width: 76px;
height: 25px;
border: none;
}

#suchformular-box {
float: left;
width: 270px;
border: none;
margin: 15px 0 15px 20px;
}

* html #suchformular-box {
border: none;
width: 260px;
margin: 15px 0 0 10px;
padding: 0 0;
}

#suchformular-box p {
clear: both;
float: left;
width: 200px;
border: none;
margin-top: 10px;
margin-left: 60px;
}

* html #suchformular-box p  {
border: none;
margin: 10px 0 0 30px;
padding: 0 0;
}

/*_____FormularEinstellungen_____*/
.formularzeile {
margin: -20px 0 0 0;
padding: 0 0 0 60px;
border: none;
width: 250px;
}

* html .formularzeile {
margin: -17px 0 0 0;
}

#gsa-header form {
margin: 0 0;
padding: 0 0;
border: none;
}

#gsa-header fieldset {
margin: 0 0 0 0;
padding: 0 0;
border: none;
}

#gsa-header legend {
margin: 0 0;
padding: 0 0 0 0;
color: #E65A14;
font-size: 11px;
font-weight: bold;
border: none;
line-height: 17px;
}

.formularzeile option {
background: #F8F8F8;
height: 17px;
}

.formularzeile select {
background: #F8F8F8;
border: 1px solid #999;
}

.formularzeile input.normale-suche {
border: 1px solid #B4B5B6;
width: 78px;
height: 17px;
background: #F8F8F8;
}

/*____Alternative Suchbegriffe_____*/ 
/* Hier drin sind die alternativen Suchbegriffe, die in einer Liste ausgegeben werden. 
Jeder Listenpunkt hat ein Hintergrundbild. */

#alternative-suchbegriffe {
float: right; 
margin: 15px 30px 0 0;
width: 230px;
border: none;
}

* html #alternative-suchbegriffe {
border: none;
margin: 20px 10px 0 0;
padding: 0 0;
width: 230px;
}

#alternative-suchbegriffe h4 {
margin: 0 0 0 7px; /* Ueberschrift muss nach rechts geschoben, da der Abstand zwischen den li's auch vor dem erten li ist */
font-size: 11px;
font-weight: bold;
width: 200px;
border: none;
color: #E65A14;
}

#alternative-suchbegriffe ul{
width: 230px;
line-height: 16px;
border: none;
margin:  0 0 0 0;
}

#alternative-suchbegriffe li {
padding: 0 7px 0 7px;
background-image: url(../images/li-trennstrich.gif);
background-position: right;
background-repeat: no-repeat;
text-decoration: none;
color: #4C4C4C;
font-weight: 100;
float: left;
}

#alternative-suchbegriffe a {
color: #4C4C4C;
text-decoration: none !important;
}

#alternative-suchbegriffe a:hover {
color: #E65A14 !important;
text-decoration: underline;
}


/* = --- Suche einnschraenken ---------- */
#suche-einschraenken-box {
clear: both;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
background: #EBECED;
border-top: 1px solid #CCC;
}

#suche-einschraenken-content {
margin: 0 0 0 20px;
padding: 0 0 0 0;
}

#suche-einschraenken-content legend {
margin: 10px 0 0 -8px;
padding: 0 0;
font-size: 12px;
line-height: 20px;
font-weight: bold;
border: none;
color: #E65A14;
}

#suche-einschraenken-content fieldset {
border: none;
}

.mit-office-icon { /* Mit Office-Icon */
font-size: 11px;
background-image: url(../images/office.gif);
background-repeat: no-repeat;
background-position: left bottom;
font-weight: bold;
padding: 2px 0 0 15px;
}

.mit-datum-icon { /* Mit Office-Icon */
font-size: 11px;
background-image: url(../images/kalender.gif);
background-repeat: no-repeat;
background-position: left bottom;
font-weight: bold;
padding: 2px 0 0 15px;
}

.mit-stift-icon { /* Mit Office-Icon */
font-size: 11px;
background-image: url(../images/stift.gif);
background-repeat: no-repeat;
background-position: left bottom;
font-weight: bold;
padding: 2px 0 0 15px;
}

.ohne-icon { /* Mit Office-Icon */
line-height: 20px;
padding: 2px 0 0 15px;
}

.fakelabel-radio-box-l {
width: 150px;
border: none;
float: left;
}

.fakelabel-radio-box-s {
float: left;
width: 100px;
border: none;
vertical-align: baseline;
}

.fakelabel-radio {
clear: left;
border: none;
}

.suchfilter {
margin-left: 25px;
padding: 0 0;
}

.big {
font-size: 12px;
font-weight: bold;
}

#hauptergebnisse {
clear: left;
float: left;
border: none;
width: 70%;
}

#hauptergebnisse p {
margin-bottom: 15px;
}

#zusatzergebnisse {
float: right;
width: 25%;
border: none;
}


/* = ----- suchergebnis-sortierung-box enthaelt: Sortierung der Suchergebnisse nach Datum u. Relevanz / Suchergebnisanzahl / Suchdauer ----- */
/* = ----- Sollten '.datum-relevanz', '.suchergebnis-anzahl' oder '.suchdauer' einen Rahmen bekommen, muessen sie kleiner gemacht werden, das sie ohne Rahmen genau 100% breit sind */
#suchergebnis-sortierung-box {
clear: left;
float: left;
width: 100%;
height: 35px;
border: none;
margin-bottom: 10px;
color: #4C4C4C;
}

#top-trefferbox-tabnavi ul,
#suchergebnis-sortierung-box ul {
margin: 0;
padding: 0;
list-style: none;
}

#suchergebnis-sortierung-box li {
float: left;
padding-top: 12px;
}


.space-datum-relevanz  { /* Abstand zwicshen datum- und elevanz  */
padding-left: 5px;
}

.datum-relevanz {
width: 50%;
border: none;
}
.datum-relevanz strong.mit-pfeil-active{
font-weight: 100;
color: #E65A14;
text-decoration: underline;
padding-left: 10px;
background-image: url(../images/pfeil-active.gif);
background-repeat: no-repeat;
background-position: left;
}

.suchergebnis-anzahl { 
width: 50%;
border: none;
text-align: right;
border: none;
}

.suchergebnis-anzahl strong {
color: #E65A14;
}

.suchdauer {
width: 22%;
border:  none;
text-align: right;
border: 0px;
}


/*_____Ergbenisbox-Mit-Tabs_____*/
/* = ----- top-trefferbox setzt sich zusammen aus : top-trefferbox-tabnavi /top-trefferbox-header / top-trefferbox-content / top-trefferbox-footer ---------- */
/* =  Die Breite der  ist dynamisch und richtet sich nach der Laenge des Links. Fest ist nur am Anfang(reiter-start) und am Ende(reiter-ende) des Reiters ein Hintergrundbild.  Die Hoehe des Reiters ist immer gleich! */

#top-trefferbox-header {
display: none;
}


#top-trefferbox {
clear: both;
float: left;
width: 100%;
border: none;
}

#top-trefferbox-tabnavi { /* optional  - je nach Kunde, kann diese auch wegfallen */
clear: left;
float: left;
width: 100%;
font-size: 12px;
border: none;
}

* html #top-trefferbox-tabnavi {
margin-left: 0px;
padding: 0 0;
}

#top-trefferbox-tabnavi span {
float: left;
padding: 0 0;
margin: 0 0;
background: #EBECED;
line-height: 21px;
margin-top: 7px;
}

#top-trefferbox-tabnavi span.aktiv {
float: left;
padding: 0 0;
margin: 0 0;
background: #EBECED;
line-height: 29px;
color: #E65A14;
font-weight: bold;
}

#top-trefferbox-tabnavi span a {
color: #4C4C4C;
text-decoration: none;
}

#top-trefferbox-tabnavi span a:hover {
color: #E65A14 !important;
text-decoration: none;
}

.tabnavi-start-hintergundbild-inaktiv {
margin: 0 0;
padding: 0 0;
float: left;
width: 20px;
height: 29px;
background-image: url(../images/reiter/reiter-start-inaktiv.gif);
background-repeat: no-repeat;
}


.tabnavi-ende-hintergundbild-inaktiv {
margin: 0 0;
padding: 0 0;
float: left;
width: 20px;
height: 29px;
background-image: url(../images/reiter/reiter-ende-inaktiv.gif);
background-repeat: no-repeat;
}

.tabnavi-start-hintergundbild-aktiv {
margin: 0 0;
padding: 0 0;
float: left;
width: 20px;
height: 29px;
background-image: url(../images/reiter/reiter-start-aktiv.gif);
background-repeat: no-repeat;
}

.tabnavi-ende-hintergundbild-aktiv {
margin: 0 0;
padding: 0 0;
float: left;
width: 20px;
height: 29px;
background-image: url(../images/reiter/reiter-ende-aktiv.gif);
background-repeat: no-repeat;
}

#top-trefferbox-tabnavi ul {
margin: 0 0 0 -7px;
}

#top-trefferbox-tabnavi li {
height: 29px;
float: left;
padding-left: 7px;
}

/* = ----------- */

#top-trefferbox-content {
clear: left;
float: left;
border: none;
font-size: 11px;
background: #FFF;
}


#top-trefferbox-content img {
float: left;
margin: 15px 20px 10px 20px;
border: 1px solid #666;
}

#top-trefferbox-content .daten {
float: left;
margin: 120px 0 0 -100px;
padding: 0 0 0 0;
border: none;
font-size: 11px;
color: #4C4C4C;
}

#top-trefferbox-content .daten h2 {
font-size: 12px;
}

#top-trefferbox-content .daten a {
color: #4C4C4C;
text-decoration: none;
}

#top-trefferbox-content .daten a:hover {
text-decoration: underline;
color: #4C4C4C;
}





* html #top-trefferbox-footer {
margin-left: 0px;
}




/*_____Ergebnisse, die in der Reitern tabellarisch ausgelesen werden_____*/
/*_____Formatierung der Tabellen_____*/


#top-trefferbox-content table td {
margin: 0 0;
vertical-align: top; 
}

th {
text-align: left;
padding: 2px 0 2px 7px;
width: 30%;
font-size: 11px;
border: none;
background: #FFF;
color: #4C4C4C;
}


table.trefferbox {
margin: 0;
padding: 0;
border: none;
width: 100%;
}

/* IE6 */
* html table.trefferbox {
width: 428px;
}

/* IE7 */
* + html table.trefferbox {
width: 428px;
}


table.refferbox td ,th {
padding-top: 5px;
padding-bottom: 5px;
}

.spalte-eins {
padding: 2px 0 2px 7px;
width: 30%;
font-size: 11px;
border: none;
background: #FFF;
color: #4C4C4C;
}

.spalte-eins strong {
font-size: 12px;
line-height: 15px;
}

.spalte-eins a {
color: #4C4C4C;
}

.spalte-eins a:hover {
color: #4C4C4C;
text-decoration: underline;
}

.spalte-zwei {
width: 40%;
margin-left: 20px;
padding: 2px 0 2px 7px;
border: none;
background: #FFF;
color: #4C4C4C;
}

.spalte-zwei strong {
font-size: 12px;
line-height: 15px;
}


.spalte-zwei a {
color: #4C4C4C;
}

.spalte-zwei a:hover {
color: #4C4C4C;
text-decoration: underline;
}

.spalte-drei {
width: 30%;
border: none;
padding: 2px 0 2px 7px;
background: #FFF;
color: #4C4C4C;
}

.spalte-drei strong {
font-size: 12px;
line-height: 15px;
}

.spalte-drei a {
color: #4C4C4C;
text-decoration: none;
}

.spalte-drei a:hover{
color: #4C4C4C;
text-decoration: underline;
}

.abstand {
margin-left: 10px;
}





/*____Ergebnisse in der Liste_____ */
/* Hier drin sind die Hauptergebnisse, die in einer ul-li-Liste ausegegeben werden.
Die Liste hat keine Unterlisten. Listenpunkte, die aufgrund eines Suchtreffers in einem Unterverzeichnis sind, werden nur durch CSS weiter eingerueckt. */

#ergebnisliste {
float: left;
width: 100%;
border: none;
margin-bottom: 15px;
}


#ergebnisliste  ul {
padding: 0;
margin: 50px 0 0 0;
}

#ergebnisliste  ul li ul  { /* Unterverzeichnis*/
padding: 0;
margin: 0; /* oben-abstand vom ersten li */
}

#ergebnisliste  ul li {
list-style-type: none;
padding: 0 0 0 0;
margin: 30px 0 0 0; /* abstand zwischen li s */
background-position: 5px 1px;
background-repeat: no-repeat;
}

#ergebnisliste ul li.doc { /* hintergrundbild bei bedarf */
background-image: url(../images/icon_doc.gif);
}

#ergebnisliste ul li.xls { /* hintergrundbild bei bedarf */
background-image: url(../images/icon/xls.gif);
}

#ergebnisliste ul li.ppt { /* hintergrundbild bei bedarf */
background-image: url(../images/icon_ppt.gif);
}

#ergebnisliste ul li.ps { /* hintergrundbild bei bedarf */
background-image: url(../images/icon_ps.gif);
}

#ergebnisliste ul li.pdf { /* hintergrundbild bei bedarf */
background-image: url(../images/icon_pdf.gif);
}

#ergebnisliste ul li.rtf { /* hintergrundbild bei bedarf */
background-image: url(../images/icon_rtf.gif);
}

#ergebnisliste ul li.text { /* hintergrundbild bei bedarf */
background-image: url(../images/icon_text.gif);
}

#ergebnisliste ul li h2 {
display: block;
font-size: 12px;
font-weight: bold;
line-height: 15px;
float: left;
margin: 0 0 0 0;
padding: 5px 0 0 25px; /* einrueckung fuer icon */
}

#ergebnisliste ul li h2 a {
color: #E65A14;
}

#ergebnisliste ul li h2 a:hover {
color: #E65A14 !important;
text-decoration: underline;
}

#ergebnisliste ul li span {
display: block;
color: #999;
float: left;
margin: 2px 0 1px 0;
padding: 0 0 0 25px; /* einrueckung fuer icon */
}

#ergebnisliste ul li p {
font-size: 11px;
clear: both;
margin: 0 0 0 0;
padding: 10px 0 0 25px; /* einrueckung fuer icon */
border-top: 1px solid #CCC; /* trennlinie zu h2 */
}

#ergebnisliste ul li p a {
color: #666;
background-image: url(../images/pfeil_grau.gif);
background-repeat: no-repeat;
background-position:  0px 4px;
padding: 0 0 0 10px;
}

#ergebnisliste ul li p a:hover {
color: #E65A14 !important;
text-decoration: underline;
}

#ergebnisliste ul li p span {
display: inline !important;
float: none;
margin: 0;
padding: 0;
color: #666;
}

#ergebnisliste ul li p span a {
color: #666;
background-image: url(../images/pfeil_grau.gif);
background-repeat: no-repeat;
background-position:  0px 4px;
padding: 0 0 0 10px;
}

#ergebnisliste ul li p span a:hover{
color: #E65A14 !important;
text-decoration: underline;
}

#ergebnisliste ul li.ordner{ /* Unterverzeichnis*/
background-image: url(../images/lock.gif);
background-position: 0px 30px;
padding: 30px 0 0 25px; /* anstand von oben/links damit */
margin: 0 0 0 0;
border: none;
}

#ergebnisliste ul li.ordner ul li {
margin: 0 0 0 -15px;
padding: 0 0 0 0;
}


#ergebnisliste ul li.ordner ul li p {
border-left: 1px solid #CCC;
clear: both;
margin: 0 0 0 0;
padding: 0; /* einrueckung fuer icon */
border-top: none;
}

#ergebnisliste ul li.ordner p.ende {
clear: both;
margin: 0 0 0 0;
border-top: 1px solid #CCC;
border-left: none;
padding-left: 35px;
}

#ergebnisliste ul li.ordner p {
clear: both;
margin: 0 0 0 0;
padding: 0 0 0 0; /* einrueckung fuer icon */
border-top: none;
}

#ergebnisliste ul li.ordner p a {
color: #666;
background-image: url(../images/pfeil_grau.gif);
background-repeat: no-repeat;
background-position:  0px 4px;
padding: 0 0 0 10px;
border-left:0px solid !important;
}

#ergebnisliste ul li.ordner p a:hover {
color: #E65A14;
text-decoration: underline;
border-left:none !important;
}

#ergebnisliste  ul li.ordner ul li {
background-position: 15px 32px;
}

#ergebnisliste ul li.ordner ul li h2 {
border-left: 1px solid #CCC;
display: block;
font-size: 12px;
font-weight: bold;
line-height: 15px;
float: left;
margin: 0 -10px 0 0;
padding: 35px 0 0 35px; /* einrueckung fuer icon */
}

#ergebnisliste ul li.ordner ul li span {
display: block;
float: left;
margin: 2px 0 1px 0;
padding: 28px 0 0 35px; /* einrueckung fuer icon */
}

#ergebnisliste ul li.ordner ul li p {
font-size: 11px;
clear: both;
margin: 0 0 0 0;
padding: 10px 0 0 35px; /* einrueckung fuer icon */
border-top: 1px solid #CCC; /* trennlinie zu h2 */
}



#ergebnisliste ul li.ordner ul li p a {
color: #666;
background-image: url(../images/pfeil_grau.gif);
background-repeat: no-repeat;
background-position:  0px 4px;
padding: 0 0 0 10px;
}

#ergebnisliste ul li.ordner ul li p a:hover {
color: #E65A14 !important;
text-decoration: underline;
}

#ergebnisliste ul li.ordner ul li p span {
display: inline !important;
float: none;
margin: 0;
padding: 0;
color: #4C4C4C;
}

#ergebnisliste ul li.ordner ul li p span a {
color: #666;
background-image: url(../images/pfeil_grau.gif);
background-repeat: no-repeat;
background-position:  0px 4px;
padding: 0 0 0 10px;
}

#ergebnisliste ul li.ordner ul li p span a:hover {
color: #E65A14;
text-decoration: underline;
}



/*_____Wweitere-treffer-box_____*/
/* Hier drin sind "weitere Suchtreffer" - in diesem Beipspiel Handbuecher und Autoren 
"Weitere-Treffer setzt sich immer aus einer 'head-box' und darunter den 'content-boxen'(im Beispiel immer 2) zusammen.
Die 'head-box' hat eine feste Groesse und ein Hintergrundbild.
Die 'content-box' hat eine feste Breite, die Hoehe ist dynamisch, je nach Inhalt. */


#weitere-treffer-box {
float: right;
width: 100%;
margin: 0 0;
padding: 0 0;
border: none;
}


.weitere-treffer-box-kopf {
float: left;
width: 100%;
background: #FFF;
padding-bottom: 5px;
}


.weitere-treffer-box-kopf h2 {
float: left;
font-size: 12px !important;
padding: 5px 0 0 10px;
color: #E65A14;
}
 
.weitere-treffer-box-kopf p  {
float: left;
font-size: 11px  !important;
padding:  0 0 0 10px;
}

.abstand-zur-oberen-treffer-box { /* Bei mehreren Boxen wird hier der Abstand nach oben zur naechsten Box nach oben definiert */
margin-top: 29px;
}

.weitere-treffer-box-inhalt {
float: left;
width: 100%;
border: none;
padding-bottom: 5px;
background: #FFF;
}

.weitere-treffer-box-inhalt p a { 
color: #4C4C4C;
text-decoration: none;
padding-left: 8px;
background-image: url(../images/pfeil-vor.gif);
background-repeat: no-repeat;
background-position: left;
}

.weitere-treffer-box-inhalt p a:hover { 
color: #e65a14;
text-decoration: underline;
padding-left: 8px;
background-image: url(../images/pfeil-vor.gif);
background-repeat: no-repeat;
background-position: left;
}

.weitere-treffer-box-inhalt img {
float: right;
padding:  0 0 0 0;
}

p.inhalt {
margin:  0;
padding: 0 10px 0 10px;
border: none;
font-size: 11px;
color: #4C4C4C;
}

.untertitel {
color: #666;
padding-left: 20px;
}

.ueberschrift-inhahlt {
font-size: 11px;
}



/* = ----  5. Blaetternaviigation ---- */
/* = Blaetternavigation, die einmal ueber den Hauptsuchergebnisssen erscheint (bzw. kann) und am Ende der Seite. Wird dargestellt mir Hilfe einer Definitionslite ----- */

.blaetternavigation {
clear: both;
float: left;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
text-align: center;
}


.blaetternavigation-box-unten { /* am ende der Seite */
margin: 0px auto;
border: none;
}

.blaetternavigation-box-unten dd {
background: url(none);
}

.blaetternavigation-box-unten dl {
margin: 0 0;
}

.blaetternavigation-box-unten dl dt {
float: left;
margin: 0 0;
padding: 0 0;
color: #E65A14;
}

.blaetternavigation-box-unten dl dd {
float: left;
margin-left: 10px;
padding: 0 0;
}

a.ergebnisseite {
text-decoration: underline;
color: #E65A14;
}

/* = ----  6. You could also try ---- */
#ycat {
clear: both;
float: left;
margin-top: 10px;
margin-left: 5%;
width: 90%;
background: #f7f7f7;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
}


#ycat p {
font-size: 13px;
color: #369;
}

.vorschlaege {
font-size: 13px;
color: #000;
}

.vorschlaege a {
color: #000;
text-decoration: underline;
}

.vorschlaege a:hover {
color: #369;
text-decoration: underline;
}




/* = ----  6. Alternative Suche am Ende der Seite ---- */

#suchfeld-seitenende-box {
clear: both;
float: left;
width: 100%;
border: none;
background: #FFF;
text-align: center;
padding: 10px 0 10px 0;
margin-top: 20px;
font-size: 1.3em;
color: #4C4C4C;
}

* html #suchfeld-seitenende-box {
padding: 10px 0 0 0;
}


/* = ----  6. SPACE ---- */
/* = Div mit 20px Hoehe, das zwischen den Elementen liegt, damit diese kein margin-top haben und so benutzerdefiniert eingesetzt werden koennen */
.space {
clear: both;
float: left;
margin: 0 0;
padding: 0 0;
width: 100%;
height: 20px;
border: 0px solid;
}

/* = ----- Synonyme  Search Appliance -----*/
#sgsa {
clear: both;
float: left;
width: 99%;
border: 1px solid #B4B5B6;
background: #EBECED;
font-size: 11px;
color: #4C4C4C;
}


#sgsa p { 
padding: 15px;
}

#sgsa p a {
color: #4C4C4C;
text-decoration: none;
}

#sgsa p a:hover {
color: #4C4C4C;
text-decoration: underline;
}

#sgsa img {
float :left;
margin: 0 15px 15px 0;
}

/* wenn keine suchergebnisse */
span.p {
font-size: 11px;
color: #4C4C4C;
}