/*******************************************/
/*
/*  Stylesheet für FVS
/*
/*  Subseiten
/*
/* (c) Sunbeam Gmbh, 
/* Autor: RGS
/* Date: 6 November 2006
/* Change(s): 29|30|January 2007
/* 09|February 2007
/* 18|19|April 2007
/* jf last: 10.4.12
/*
/*******************************************/

@import url(basis.css);
@import url(news-termine.css);
@import url(forms.css);





/* Breadcrumb - Hacks für den legendären IE 7 */
*+html #breadcrumb  {
  margin-top: 0.8em;
  margin-bottom: 0.4em;  
}

/* broad content (no margin) */
body#single-col #content { margin: 0 0 0 235px; }


/* === formats === */
#top a.focus-in {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 0 0 -20000px;
}
#top a.focus-in:focus {
  margin: 0 0 0 20px;
  z-index: 1000;
}

/* - Logo neu, Verlinkung */
.txt-top {
  margin-top: 15px;
  margin-left: 40px;
  float: left;
  width: auto;
}

#header ul#language {
  float: right;
  width: auto;
  margin: 20px 0 0;
}

#header ul#language li { display: inline; }
#header ul#language li.lang {
  display: inline-table;
  vertical-align: bottom;
  line-height: 1;
}

#header ul#language li.lang a,
#header ul#language li.lang a:hover,
#header ul#language li.lang a:focus {
  background-color: #fff;
  color: #000;
  border: 0 none;
  padding: 0 0 0 10px;
}

#header .claim {
  position: absolute;
  top: 80px;
  right: 100px;
}
#header .claim p {
  font-size: 125%;
  letter-spacing: 1pt;
  background-color: #fff;
  color: #2e73ae;
}


/* = topmenue = */
#topmenu { clear: left; } /* fuer browserzoom -1 */

#topmenu ul li {
  float: left;
  width: 24.25%;
  margin: 0 1% 1em 0;
  background-color: #dae4ee;
  box-shadow: 0 -2px 2px rgba(0, 75, 140, 0.1) inset;
  -webkit-box-shadow: 0 -2px 2px rgba(0, 75, 140, 0.1) inset;
  -moz-box-shadow: 0 -2px 2px rgba(0, 75, 140, 0.1) inset;
  height: 5.2em;
}
#topmenu ul li.last { margin-right: 0; }

/* links in topmenue */
#topmenu a {
  display: block;
  padding: 2.1em .5em 1.8em 5em;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
  color: #004b8c;
}
#topmenu a:hover, #topmenu a:focus, #topmenu a:active {
  background-color: #004b8c;
  color: #ffc60a;
}
#topmenu .heading a.innen2 { background: url(../images/book-sm.gif) no-repeat 10% 55%; }
#topmenu .heading a.innen3 { background: url(../images/kalender-sm.gif) no-repeat 10% 55%; }
#topmenu .heading a.innen4 { background: url(../images/zeitung-sm.gif) no-repeat 7% 55%; }

#topmenu .heading a.innen2:hover,
#topmenu .heading a.innen2:focus,
#topmenu .heading a.innen2:active {
  background: url(../images/book-sm-hov.gif) no-repeat 10% 55% #004B8C;
  box-shadow: none;
}
#topmenu .heading a.innen3:hover,
#topmenu .heading a.innen3:focus,
#topmenu .heading a.innen3:active {
  background: url(../images/kalender-sm-hov.gif) no-repeat 10% 55% #004B8C;
  box-shadow: none;
}
#topmenu .heading a.innen4:hover,
#topmenu .heading a.innen4:focus,
#topmenu .heading a.innen4:active {
  background: url(../images/zeitung-sm-hov.gif) no-repeat 9% 55% #004B8C;
  box-shadow: none;
}


/* searchform in topmenue */
.selektor { padding-bottom: 5px;}

#topmenu form {
  padding: 5px 0 0 2%;
  color: #004b8c;
}
#topmenu input {
  color: #004b8c;
  margin: 0;
  width: 12em;
  width: 60%;
  padding: 4px;
  font-size: .8em;
}

#topmenu input.submit {
  width: 30%; /*   width: 6.5em; */
  background: #a7c7dc;
  text-align: center;
  padding: 2px;
  margin-right: 2%;
  float: right;
}
#topmenu input.submit:hover, #topmenu input.submit:focus {
  background-color: #004b8c;
  color: #ffc60a;
  font-weight: bold;
  cursor: pointer;
}

#topmenu label {
  font-size: 0.9em;
  padding-right: 30px;
}
#topmenu input.radio { font-size: 1em; }
#topmenu select {
  width: 13em;
  width: 64%;
  color: #004b8c;
  font-size: .8em;
}

/* = submenues (left column) = */
/* erste ebene */
#links .menutrenner {
  display: block;
  height: 5px;
}

#links ul {  font-weight: bold; }

#links ul a, #links ul li.act span {
  background: url(../images/b-lev1.gif) no-repeat 5px 7px #dae4ee;
  display: block;
  margin: 0 0 1px;
  text-decoration: none;
  color: #004b8c;
  padding: 7px 0 7px 19px;
}

/* zweite ebene */
#links ul ul {
  text-transform: none;
  font-weight: bold;
}

#links ul ul a {
  background: url(../images/b-lev2.gif) no-repeat 16px 7px #a2c6e8;
  color: #004b8c;
}
#links ul ul a, #links ul ul li.act span { padding: 7px 0 7px 30px; }

#links ul ul a:hover, #links ul ul a:focus, #links ul ul a:active {
  background: url(../images/b-lev1-hov.gif) no-repeat 16px 7px #004b8c;
  color: #fff;
}

/* dritte ebene */
#links ul ul ul {
  text-transform: none;
  font-weight: normal;
}

#links ul ul ul a {
  background: url(../images/b-lev3.gif) no-repeat 16px 4px #fff;
  color: #004b8c;
}
#links ul ul ul a, #links ul ul ul li.act span { padding: 4px 0 4px 30px; }

#links ul ul ul a:hover, #links ul ul ul a:focus, #links ul ul ul a:active {
  background: url(../images/b-lev3hov.gif) no-repeat 16px 4px #A2C6E8;
  color: #004b8c;
}

/* 1. Ebene */
#links ul a.aktiv-level1 { /* active */
  background: url(../images/b-lev1act.gif) no-repeat 5px 7px #004B8C;
  color: #fff;
}
#links ul li.act span { /* current */
  background: url(../images/b-lev1cur.gif) no-repeat 5px 7px #FFC60A;
  color: #004b8c;
}
#links ul a:hover, #links ul a:focus, #links ul a:active {
  background: url(../images/b-lev2.gif) no-repeat 5px 7px #a2c6e8;
  color: #004b8c;
}

/* 2. Ebene */
#links ul a.aktiv-level2 { /* active */
  background: url(../images/b-lev2act.gif) no-repeat 16px 7px #004B8C;
  color: #fff;
}
#links ul ul li.act span { /* current */
  background: url(../images/b-lev2cur.gif) no-repeat 16px 7px #FFC60A;
  color: #004b8c;
}
#links ul a:hover.aktiv-level2 { background: url(../images/b-lev1act.gif) no-repeat 16px 7px #004B8C; }

/* 3. (letzte) Ebene */
#links ul ul ul li.act span { /* nur current */
  background: url(../images/b-lev3act.gif) no-repeat 16px 7px #ffc60a;
  color: #004b8c;
}

#links .trenner {
  height: 20px;
  margin: 0 -1px;
  border-top: 1px solid #dae4ee;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #dae4ee;
  border-left: 1px solid #fff;
}

/* = content area = */

/* Nicht für DAM-Downloadlisten und Publikationen, pd 2007 */
#content .tx-damdownloads-pi1 ul li, #content .puplikation ul li { 
  background-image: none !important;
  padding-left: 0px !important;
}

/* broad content (no margin) */
body#single-col #content p { margin: 10px 0px; }

/* Zusätzliche Klassen für Inhalte aus dem RTE - FVS, pd 2007 */
p.break, div.break {
  line-height: 1.4; /* p angleichen */
  margin: 5px 0 10px 5px;
}

/* Farbige Kaesten */
#hauptwrapper p.fabsatz,
#hauptwrapper p.fabsatz_grau,
#hauptwrapper p.fabsatz_blau {
  padding-bottom: 5px; /* einzeln, sonst ueberschreiben sie normal p */
}

p.fabsatz, div.fabsatz { background-color: #FFF6D8; }
p.fabsatz_grau {  background-color: #E6E6E6; }
p.fabsatz_blau { background-color: #EDF4F9; }

span.color1 { color: #0067AF; } 
span.color2 { color: #FF0000; }
span.color3 { color: #FFC60A; }
span.color4 { color: #DAE4EE; } 
 
/* floating images with border and subtitles in content area;
adjust size for image! */
#content .imagebox {
  float: left;
  width: 218px;
  border: 1px solid #004b8c;
  margin: 0 15px 0 5px;
  padding: 1px;
  background-color: #dae4ee;
  color: #004b8c;
}
#content .imagebox p {
  margin: 0;
  padding: 0 10px;
  font-size: 90%;
}

/* absolute positioned images in content area; adjust size for image! */
#content .oversized {
  position: relative;
  height: 246px;
}

/* Ausnahme Mitgliedsinstitut: 430px breit */
#content .mitgliedsinstitut {
  position: relative;
  height: 210px;
}

#content .oversized .over-box, #content .mitgliedsinstitut .over-box {
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}


#print-only { display: none; }

/* Footer */
#footer .topper {
  padding: 6px 20px 0 20px;
  font-weight: bold;
  float: right;
}
#footer .topper a {
  text-decoration: none;
  background-color: transparent;
  color: #004b8c;
}
#footer .topper a:hover {
  text-decoration: underline;
  background-color: transparent;
  color: #004b8c;
}

/* TOP */
.csc-linkToTop {
  height: 15px;
  clear: right;
  margin-bottom: 5px;
}

.csc-linkToTop a {
  background: url(../images/but_top.gif) no-repeat right top;
  padding-right: 1.6em;
  float: right;
}


/* ======= PUBLIKATIONEN ======= */
#content table.listpublikation {
  width: 100%;
  border-spacing: 0;
}
#content table.listpublikation td {
  padding: 5px 5px;
  vertical-align: middle;
  border-top: 10px solid #fff;
}
#content table.listpublikation td.column1 { width: 12%; }
#content table.listpublikation td.column2 { /*width: 65%;*/ width: 83%; }
#content table.listpublikation td.column2 h3 { padding: 0 0 0 5px; }
#content table.listpublikation td.column3 { width: 0%; }
#content table.listpublikation td.column4 { width: 5%; }

#content table.listpublikation tr { background: #FFF6D8; }

#content table.listpublikation tr.noline { background: #FFF6D8; }

#content table.listpublikation tr.noline td { 
  border: none; 
  padding: 0px 5px;
  vertical-align: top;  
}

#content table.listpublikation tr.noline td p { margin-left: 0 !important; }

#content table.listpublikation tr.noline img { 
  border: 1px solid #004B8C; 
  margin: 10px 0;
}

#content table.listpublikation td.column4 a:link,
#content table.listpublikation td.column4 a:active,
#content table.listpublikation td.column4 a:visited {
  background-color: #DAE4EE !important;
  background-image: none !important;
  border: 1px solid #004B8C;
  color: #004B8C;
  margin-top: 10px;
  padding: 0 5px;
  text-align: right;
  text-decoration: none;
  width: 2em;
  font-weight: bold;
}

#content table.listpublikation td.column4 a:hover,
#content table.listpublikation td.column4 a:focus {
  color: #fff;
}


/* Listenformate */
#content .puplikation { position: relative; }

#content .puplikation ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  display: table-cell;
}

.puplikation ul li { margin: 10px 0px 3px 0px; }
.puplikation ul ul li {
  margin: 3px 0px 3px 20px;
  border: 0 none;
}

.puplikation ul li.empty {
  background: none;
  border: 0 none;
  list-style-type: none;
}

/* Links in Liste */
.puplikation ul li a, .puplikation ul li span {
  display: block;
  padding: 1px 0 1px 15px;
  background: url(../images/bullet_square_blau.gif) no-repeat 3px 0.5em !important;
  text-decoration: underline;
  font-weight: bold;
  color: #004b8c;
}

#content div.puplikation div.legende p.weiss{
  padding:0 0 0 23px;  
  font-weight: normal;
  background: url(../images/bullet_square_border.gif) no-repeat 3px 0.2em !important;
  color: #004b8c;  
}

.puplikation .head-puplikation a {
  padding-left: 50px;
  font-weight: normal;
  background: url(../images/bullet_square_border.gif) no-repeat 3px 0.4em !important;
  color: #004b8c; 
}

#content div.puplikation div.legende p.blau {
  padding:0 0 0 23px;
  font-weight: normal;
  background: url(../images/bullet_square_blau_big.gif) no-repeat 3px 0.2em !important;
  color: #004b8c;  
}

.puplikation ul ul li a, .puplikation ul ul li span {
  display: block;
  text-decoration: underline;
  padding-left: 15px;
  font-weight: normal;
  background: url(../images/bullet_square.gif) no-repeat 3px 0.5em !important;
  color: #004b8c;
  border-bottom: 1px solid #fff;
}

#content div.puplikation div.legende p.gelb {
  padding:0 0 0 23px;
  font-weight: normal;
  background: transparent url(../images/bullet_square_big.gif) no-repeat scroll 3px 0.2em !important;
  color: #004b8c;  
}

div.puplikation div.legende h4 {background:transparent !important;}

div.puplikation div.legende {
  background:#DAE4EE;
  padding:5px 0;
}

.puplikation ul li a:hover {
  background-color: #f3f3f3;
  color: #004b8c;
}
.puplikation ul ul li a:hover { background-color: #fafafa; }

.puplikation h2 {
  margin: 10px 1px 1px 1px;
  padding: 5px;
  font-size: 125%;
  text-transform: uppercase;
  letter-spacing: 1pt;
  background-color: #dae4ee;
  color: #004b8c;
}

.puplikation h2 a {
  padding: 1px;
  display: block;
  text-decoration: none;
  font-size: 100%;
  text-transform: uppercase;
  letter-spacing: 1pt;
  background-color: #dae4ee;
  color: #004b8c;
}
.puplikation h2 a:hover {
  background-color: #a2c6e8;
  color: #004b8c;
}

.puplikation .head-puplikation {
  margin: 20px 0;
  padding: 0;
}
.puplikation .head-puplikation a {
  margin-right: 5px;
  padding: 2px 25px;
  font-size: 120%;
  font-weight: bold;
  letter-spacing: 1pt;
  text-decoration: none;
  background-color: #fff;
  color: #004b8c;
  text-decoration:underline;
}
.puplikation .head-puplikation a:hover,.puplikation ul li a:hover {
  background-color: #f7ebb3;
  color: #004b8c;
}

.puplikation .head-puplikation a.button-submit {
  width: 10em;
  margin-top: 10px;
  padding: 0 25px;
  text-align: center;
  color: #004b8c;
  border: 1px solid #004b8c;
  text-decoration:none;
  background-image:none !important;
  background-color: #dae4ee !important;
}
.puplikation .head-puplikation a.button-submit:hover {
  background-color: #004b8c;
  color: #fff;
  border: 1px solid #004b8c;
}


.puplikation a:hover {text-decoration:none;}

/* Mini Warenkorb oben rechts */  
#little-basket {
  margin-right: 0.6em;
  padding: 2px 5px;
  background-color: #FFC60A;
  border: 1px solid #ffc60a;
}

/* Mini Warenkorb umbenannt in ul li.littlebasket */
#header ul#language li.littlebasket {
  margin-right: 22px;
  padding: 2px 3px;
  background-color: #FFC60A;
}

/* === DAM DOWNLOADS === */
.tx-damdownloads-pi1 { position: relative; }
.tx-damdownloads-pi1 table { width: 98%; }

/* nicht mehr, weil anderes layout
.tx-damdownloads-pi1 strong { font-weight: normal; }
                                      */

#content .tx-damdownloads-pi1 .pm ul,
#content .tx-damdownloads-pi1 .pm h4,
#content .tx-damdownloads-pi1 .pm p { padding: 0; }

#content .tx-damdownloads-pi1 .pm ul li {
  padding: 1em 0 0;
  margin: 1em 0 0;
  border-top: 1px solid #e6e6e6;
  overflow: visible;
}

#content .tx-damdownloads-pi1 .pm p img { margin: -21px -4px -6px 5px; display: none; }

/* IE 7 Hack für Ausgabe von Navigation neben oversized Bildern - siehe id=24 , pd 207 */
*+html .tx-damdownloads-pi1 { border: 1px solid #FFF; }

table.tx-damdownloads-pi1-search { margin: 10px 0px; }


/* Suche */
table.tx-damdownloads-pi1-search input,
table.tx-damdownloads-pi1-search select {
  background-color: #fff;
  color: #004b8c;
  border: 1px solid #004b8c;
  margin: 0;
  padding: 0;
}

/* Suche HTML, pd 2007 */
.damsearch {
  margin-top: 15px;
  margin-bottom: 15px;
}

.damsearch input, .damsearch select {
  background-color: #fff;
  color: #004b8c;
  border: 1px solid #004b8c;
  margin: 0;
  padding: 0;
}

.tx-damdownloads-pi1 .browsebar {
  position: relative;
  width: 90%;
  margin: 10px 0px;
}

/* Browsebar Tabelle pd, 2007 */
.tx-damdownloads-pi1 .browsebar td {
  width: 15%;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;  
}

.tx-damdownloads-pi1 td.browsebar_result { width: 70%; }

/* Browsebar Tabelle */
.tx-damdownloads-pi1 .browsebar td img { margin-left: 5px; }
.tx-damdownloads-pi1 td a:hover {  background-color: transparent; }
.tx-damdownloads-pi1 td.browsebar_result a:hover { background-color: #dae4ee; }

#content .tx-damdownloads-pi1 ul {
  position: relative;
  list-style: none;
}
.tx-damdownloads-pi1 ul li { padding: 1px 0; }

.tx-damdownloads-pi1 ul li h4 {
  padding: 1px 0px 1px 5px;
  background-color: #dae4ee;
  color: #004b8c;
}

/* publikationslisten mit pdf grafik - text buendig - jf - 120514 */
#content .tx-damdownloads-pi1 ul.pm li, #content .tx-damdownloads-pi1 ul.ft li {
  text-indent: -22px;
  padding-left: 22px !important;
}

#content .tx-damdownloads-pi1 ul.pm img, #content .tx-damdownloads-pi1 ul.ft img { vertical-align: bottom; }
#content .tx-damdownloads-pi1 ul.pm span, #content .tx-damdownloads-pi1 ul.ft span { color: #999; }

/**
* @hackfor   ie <= 6
* @info    Symbolicon in DAMDownloadliste hochrücken
*/
* html #content .tx-damdownloads-pi1 ul.pm img,
* html #content .tx-damdownloads-pi1 ul.ft img {
  margin-top: -3px;
}

/* Presseüberschriften */
#content h3.presse {
  background-color: #fffdf5; 
  padding: 6px 0 4px 5px; /* pd, 2007 */
}

/* === Tortendiagramm === */
#content .tortendiagramm ul { list-style: none; }
#content .tortendiagramm ul li { padding: 0px 0px 5px 0px; }
.tortendiagramm ul li img { vertical-align: middle; }

/* Farben für Tortendiagramme - Solarenergieforschung */
#content ul.torte {
  list-style: none;
  padding-bottom: 0.2em;
}

#content ul.torte li { padding-bottom: .3em; }

#content ul.torte li.dgelb {
  padding-left: 2em;
  background: url(../../bilder/dot_gelb.gif) no-repeat left top;
}
#content ul.torte li.dgruen {
  padding-left: 2em;
  background: url(../../bilder/dot_gruen.gif) no-repeat left top;
}
#content ul.torte li.drot {
  padding-left: 2em;
  background: url(../../bilder/dot_rot.gif) no-repeat left top;
}
#content ul.torte li.dorange {
  padding-left: 2em;
  background: url(../../bilder/dot_orange.gif) no-repeat left top;
}
#content ul.torte li.drosa {
  padding-left: 2em;
  background: url(../../bilder/dot_rosa.gif) no-repeat left top;
}
#content ul.torte li.dblau {
  padding-left: 2em;
  background: url(../../bilder/dot_blau.gif) no-repeat left top;
}

/* Farben für Tortendiagramme - Forschungsthemen */
#content ul.torte li.dpv {
  padding-left: 2em;
  background: url(../../bilder/dot-pv.gif) no-repeat left top;
}
#content ul.torte li.dsk {
  padding-left: 2em;
  background: url(../../bilder/dot-sk.gif) no-repeat left top;
}
#content ul.torte li.dsw {
  padding-left: 2em;
  background: url(../../bilder/dot-sw.gif) no-repeat left top;
}
#content ul.torte li.dsn {
  padding-left: 2em;
  background: url(../../bilder/dot-sn.gif) no-repeat left top;
}
#content ul.torte li.dseb {
  padding-left: 2em;
  background: url(../../bilder/dot-seb.gif) no-repeat left top;
}
#content ul.torte li.denb {
  padding-left: 2em;
  background: url(../../bilder/dot-enb.gif) no-repeat left top;
}
#content ul.torte li.dek {
  padding-left: 2em;
  background: url(../../bilder/dot-ek.gif) no-repeat left top;
}
#content ul.torte li.dgs {
  padding-left: 2em;
  background: url(../../bilder/dot-gs.gif) no-repeat left top;
}
#content ul.torte li.dwk {
  padding-left: 2em;
  background: url(../../bilder/dot-wk.gif) no-repeat left top;
}
#content ul.torte li.dh2 {
  padding-left: 2em;
  background: url(../../bilder/dot-h2.gif) no-repeat left top;
}
#content ul.torte li.des {
  padding-left: 2em;
  background: url(../../bilder/dot-es.gif) no-repeat left top;
}
#content ul.torte li.dtfa {
  padding-left: 2em;
  background: url(../../bilder/dot-tfa.gif) no-repeat left top;
}


/* EXTRAS */
.tortelinks { float: left; }
.torterechts { margin-left: 260px; }

/* Border just around the image, pd CSS von css_styled_content überschrieben */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
  border: 1px solid #004b8c;
  padding: 0px 0px;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 0px;
}

/* SOLARARGUMENTE - ABSTÄNDE VON DIV = ABSTÄNDE VON P.fabsatz gleichstellen */
#content .fvsargumente .csc-textpic-border .fabsatz {
  margin-top: 0px !important; 
  margin-bottom: 0px !important; 
  xborder: 1px solid red;
}

dd.csc-textpic-caption { text-align: center; }
div.filelinks {
    margin-top: 10px;
  padding: 0 0 0 10px;
}
div.filelinks span.filecount {
  display: block;
  font-weight: bold;
}

/* Direktorium */
dl.direktorium {
  width: 47%;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  background-color: #fffdf5;  
}

dl.direktorium dt {
  font-weight: bold;
  padding: 5px;
}
dl.direktorium dd {  padding: 5px;  }

dl.direktorium dd.portrait {
  float: right;
  padding: 0 5px 0 0 !important;    
}

/* Direktorium EXTRA-KLASSEN ZUM FLOATEN, pd 2007 */
#content .direktoriumleft, #content .direktoriumright {
  width: 49%;
  float: left;
}
#content .direktoriumright { padding-left: 2%; }

/* Direktoriumsliste Stylen */
#content .direktoriumleft .csc-textpic,
#content .direktoriumright .csc-textpic {
  background-color: #FFF6D8;
  margin-bottom: 10px;
  min-width: 200px;
  min-height: 170px;
  overflow: visible;  
} 

* html #content .direktoriumleft .csc-textpic,
* html #content .direktoriumright .csc-textpic {
  height: 170px;
  overflow: visible;
}

/* Tortenliste ohne gelbe Punkte */
#content ul.torte li {
  background-image: none;
  padding-left: 0px;
}

/* FVS Institutsseiten - Tabellen */
#content .contenttable td {
  vertical-align: top;
  padding: 5px;

}

#c518 .contenttable .td-0 {
  text-align:center;

}

#content .contenttable .strong {
  font-weight: bold;
  margin-top: 0px;
}
#content .puplikation {overflow: auto;}
#content .puplikation .head-image {  float: left; margin-right:1em; padding-top:13px; }
#content .puplikation .head-image img { border: 1px solid #004B8C;}
/*#content .puplikation .head-description{ float: left; width: 75%; }*/
#content .puplikation .head-puplikation  { clear: left; padding-top: 1em;}

#content .puplikation .headwrap { overflow: auto; margin-top: 1.25em; background: #FFFFE1;}