/*
Projektname:   "neues" GFZ
Erstellt am:   07.04.2008 von MKue    
Bearbeitet am: 06.05.2008 von PBoe (JSt / MKue), 27.05.2008 von vivien    
QS am:         06.05.2008 von MKue          
Freigabe am:   06.05.2008 von MKue  
/*

/* Regeln */
body {
font-size: 62.5%;
font-family: Verdana, sans-serif;
}

/* umfluss aufheben */
.clear {
clear: left;
}
br.clear {
visibility: hidden;
clear: both;
height: 0;
line-height: 0;
}
/* >>> Clearfix */

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

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* versteckt */
.personalseite hr,
caption,
.invisible {
display: block;
height: 0; 
width: 0; 
overflow: hidden;
font-size: 0; 
line-height: 0; 
position: absolute;
left: -4000px;
top: -4000px;
}

/* Typo */
/* Hauptueberschrift soll immer 20px Abstand nach unten haben */
h1 {
font-size: 1.4em;
margin-bottom: 11px;
line-height: 1.0714;
}

/* IE6 */
* html h1 {
margin-bottom: 9px;
}

/* IE7 */
* + html h1 {
margin-bottom: 9px;
}

h1 big {
display: block;
}

/* Zwischenueberschrift */
h2 {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 16px;
line-height: 1.25;
}

/* IE6 */
* html h2 {
margin-bottom: 15px;
}

/* IE7 */
* + html h2 {
margin-bottom: 18px;
}

/* fuer "neues" auf der Startseite */

.news h2 {
color: #ff6600;
margin: 0 0 3px 94px;
line-height: 1.1em;
}
.news h3 {
background: url(../images/doppelpfeil.gif) 82px center no-repeat;
}

.news img {
float: left;
margin: 1px 29px 0 0;
}

* + html .news img {
float: left;
margin: 1px 29px 0 0;
}


.news p {
font-size: 1em;
line-height: 1.1em;
}

.ohne-headline p {
margin: 29px 0 0 0;
}

/* IE6 */
* html .ohne-headline p {
margin: 0;
}

/* IE7 */
* + html .ohne-headline p {
margin: 0;
}

/* Fliesstexte ausserhalb des Bildbereichs */
p {
padding: 0;
margin: 0 0 14px 0;
font-size: 1.1em;
line-height: 1.2727;
}

/* IE6 */
* html p {
margin-bottom: 29px;
}

/* IE7 */
* + html p {
margin-bottom: 30px;
}


/* Typo und Formularelemente */
h2, h3, h4, h5, h6,  li, p, label, input, select, textarea, legend {
font-family: Verdana, sans-serif;
}

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

/* Links */
a {
color: #00589c;
}

a:hover,
a:focus,
a:active {
color: #ff6600;
}

#footer p span.pfeil a,
#footer p span.pfeil strong {
/*background: url(../images/navi_pfeil.gif) 0 2px no-repeat;
padding-left: 8px;
margin-right: 10px;*/
font-weight: normal;
}

/* Layout */
#wrapper {
max-width: 943px;
}
* html #wrapper {
width: 943px;
}

/* breadcrumb, meta, Inhalte, Seitennavigation, Loginbereich */
#content {
position: relative;
margin: 0 0 0 50px;
background: url(../images/bg_navi_out.jpg) 585px 20px no-repeat;
/* fixe Breite auf Content, damit die Navigation bei auch bei geringen Browserbreiten rechts bleibt */
width: 943px;
}

* html #content {
background-position: 585px 29px;
}

*+html #content {
background-position: 585px 29px;
}


/* Hintergrundgrafiken fuer #content eingeloggter zustand */
#wrapper .navi-logged-in {
background: url(../images/bg_navi_in.jpg) 585px 21px no-repeat;
}

/* Header Bereich fuer GFZ-Logo, Grafik, Helmholtz-Logo, Navi und Suche */
/*04.11.08 - jetzt nur noch auf Startseite*/
#header {
position: relative;
background: url(../images/bg_header_out_de.jpg) 362px 19px no-repeat;
height: 168px;
}
/* Hintergrundgrafiken fuer #header eingeloggter zustand */
#wrapper .head-logged-in {
background: url(../images/bg_header_in_de.jpg) 362px 19px no-repeat;
}
/* EN eingeloggt */
#wrapper .head-logged-in-en {
background: url(../images/bg_header_in_en.jpg) 336px 19px no-repeat;
}
/* EN ausgeloggt */
#wrapper .head-logged-out-en {
background: url(../images/bg_header_out_en.jpg) 336px 19px no-repeat;
}

/* added 04.11.08 (albers) - Header Folgeseite (linker Teil des Kopfbildes) */
#header_left {
position: relative;
background: url(../images/bg_header_de_left.jpg) 336px 19px no-repeat;
height: 168px;
}
/* EN */
#wrapper .head-en {
background: url(../images/bg_header_en_left.jpg) 336px 19px no-repeat;
}

/* GFZ-Logo */
#logo {
position: absolute;
left: 40px;
top: 32px;
}

/* Logo rechts */
#helmholtz-logo {
position: absolute;
left: 812px;
top: 19px;
}

#helmholtz-logo-print  {
visibility: hidden;
}

/* Hauptnavigation (blau) */
#navigation {
position: absolute;
left: 50px;
top: 147px;
background: #00589c;
width: 580px;
min-height: 21px;
margin: 0;
font-size: 1.1em;
}

* html #navigation {
height: 21px;
}

#navigation li {
float: left;
font-weight: bold;
background: url(../images/trenner_navigation.gif) no-repeat;
margin: 0;
padding: 4px 16px 1px 16px;
}

#navigation li.first {
background: url(../images/0.gif) no-repeat;
padding: 4px 16px 1px 12px;
}

#navigation li a,
#navigation li strong  {
color: #FFFFFF;
display: block;
}

#navigation li.active a,
#navigation li a:hover,
#navigation li a:focus,
#navigation li a:active,
#navigation li strong  {
color: #CCCCCC;
}

#navigation ul li a,
#navigation ul li strong {
margin: 0;
}

/* container fuer bradcrumb und metanavi */
#trail-navi {
margin-top: 9px;
}

* html #trail-navi {
margin-top: 10px;
}

*+html #trail-navi {
margin-top: 10px;
}



/* breadcrumb */
#breadcrumb {
position: relative;
left: -1px;
width: 430px;
float: left;
color: #00589C;
margin: 0;
padding: 0;
}

* html #breadcrumb {
left: -3px;
}

*+html #breadcrumb {
left: -3px;
}

#content ul#breadcrumb li {
list-style: none;
background: url(../images/0.gif) no-repeat;
margin: 0 2px 0 0;
padding: 0;
float: left;
font-size: 0.8em;
}

#breadcrumb a:hover,
#breadcrumb a:focus {
text-decoration: underline;
}
#breadcrumb strong {
font-weight: normal;
}
#breadcrumb li strong {
color: #FF6600;
}

/* meta */
#meta {
float: right;
width: 452px;
background: #FFFFFF;
}

* html #meta {
position: relative;
right: -2px;
}

#content ul#meta li {
list-style: none;
background: url(../images/0.gif) no-repeat;
margin: 0 2px 0 0;
padding: 0;
float: left;
font-size: 0.8em;
}

#meta li a {
background: #fff;
padding-bottom: 2px;
display: block;
color: #00589c;
text-decoration: none;
background-repeat: no-repeat;
background-position: 0 0;
min-height: 12px;
}

* html #meta li a {
height: 12px;
}

#meta li a:focus   { color: #FF6600; text-decoration: underline; }
#meta li a:visited { color: #00589c; text-decoration: none; }
#meta li a:hover   { color: #FF6600; text-decoration: underline; } 
#meta li a:active  { color: #FF6600; text-decoration: underline; }

#meta li strong {
background-repeat: no-repeat;
font-weight: normal;
}

#meta li.sitemap a,
#meta li.sitemap strong {
background-image: url(../images/meta_sitemap.gif);
background-position: 0 1px;
padding-left: 16px;
}

* html #meta li.sitemap a,
* html #meta li.sitemap strong {
background-position: 0 0;
}

*+html #meta li.sitemap a,
*+html #meta li.sitemap strong {
background-position: 0 0;
}

#meta li.drucken a {
background-image: url(../images/meta_drucken.gif);
background-position: 0 1px;
padding-left: 15px;
}

* html #meta li.drucken a {
background-position: 0 0;
}

*+html #meta li.drucken a {
background-position: 0 0;
}

#meta li.kontakt a,
#meta li.kontakt strong {
background-image: url(../images/meta_kontakt.gif);
background-position: 0 1px;
padding-left: 18px;
}

* html #meta li.kontakt a {
background-position: 0 0;
}

*+html #meta li.kontakt a {
background-position: 0 0;
}

#meta li.english a {
background-image: url(../images/navi_pfeil.gif);
background-position: 0 2px;
padding-left: 7px;
}

* html #meta li.english a {
background-position: 0 1px;
}

*+html #meta li.english a {
background-position: 0 1px;
}

#meta li.pdf a,
#meta li.pdf span {
background-color: #fff;
background-repeat: no-repeat;
background-image: url(../images/meta_pfeil.gif);
padding-left: 8px;
}

* html #meta li.pdf a {
background-position: 0 -1px;
}

*+html #meta li.pdf a {
background-position: 0 -1px;
}

#meta li a {
padding-top: 0px;
padding-bottom: 0px;
}

#meta li.pdf { width: 12.4% }
#meta li.drucken { width: 19.8% }
#meta li.sitemap { width: 18.4% }
* html #meta li.sitemap { width: 18.5% }
*+html #meta li.sitemap { width: 18.5% }

#meta li.kontakt { width: 19.8% }

/* Suche */
#suche {
position: absolute;
float: none;
left: 635px;
top: 151px;
font-size: 0.9em;
}
 
#suche input {
float: left;
}

#suche .text {
width: 114px;
border: 1px solid #00589c;
padding: 0 0 0 2px;
margin: 0 17px 0 4px;
color: #00589c;
background: #FFFFFF;
font-size: 1.1em;
}

/* "Finden" Button */
#suche input.submit {
border: 0;
background: #bbd2e5 url(../images/bg_button-finden.gif) 0 3px no-repeat;
color: #00589c;
margin-left: 4px;
padding: 0 0 0 6px;
font-size: 1em;
}

* html #suche input.submit {
width: 45px;
margin-top: 1px;
background: #bbd2e5 url(../images/bg_button-finden.gif) 0 2px no-repeat;
}

*+html #suche input.submit {
width: 45px;
margin-top: 1px;
background: #bbd2e5 url(../images/bg_button-finden.gif) 0 2px no-repeat;
}

#suche input.submit:hover {
color: #FF6600;
}

/* Inhalte (im Content) */
#inhalte {
margin: 15px 0 0 0;
padding: 0 30px 0 0;
width: 556px;
min-height: 388px;
float: left;
}

* html #inhalte {
height: 387px;
}

*+html #inhalte {
min-height: 387px;
}

/* Seitennavigation (rechts) */
#seitennavigation {
float: left;
width: 220px;
min-height: 266px;
padding: 0;
margin: 10px 0 0 5px;
font-size: 0.9em;
}

* html #seitennavigation {
margin-top: 9px;
}

*+html #seitennavigation {
margin-top: 9px;
}

#content #seitennavigation ul {
width: 180px;
padding: 0;
margin: 0;
line-height: 1.2em;
}

#content #seitennavigation ul li {
padding: 0;
margin: 0;
background: url(../images/0.gif) no-repeat !important;
}

* html #content #seitennavigation ul li {
height: 1%;
}

#seitennavigation ul li strong {
background: url(../images/navi_pfeil_aktiv.gif) 1px 8px no-repeat;
padding-left: 12px;	
}

#seitennavigation ul li strong {
color: #ff6600;
font-weight: normal;
position: relative;
left: -1px;
}

#seitennavigation ul li span.first a {
background: url(../images/navi_pfeil_aktiv.gif) 1px 8px no-repeat;
padding-left: 12px;	
}

#seitennavigation ul li li {
padding-left: 0;
border-top: 1px solid #d9dadc;
background-image: none;
}

#seitennavigation ul a,
#seitennavigation ul strong {
display: block;
color: #00589c;
padding: 4px 0 7px 8px;
}

#seitennavigation ul ul a,
#seitennavigation ul li li strong,
#seitennavigation ul li li li strong {
text-decoration: none;
background: url(../images/navi_pfeil.gif) 0 6px no-repeat;
}

#seitennavigation span.internal a {
	background: url(../images/pfeil_rechts_gruen.gif) 0 6px no-repeat;
}

#seitennavigation ul a:hover,
#seitennavigation ul a:focus,
#seitennavigation ul a:active {
color: #ff6600;
text-decoration: none;
}

/* Zweite Ebene */
#content #seitennavigation ul ul {
margin-left: 4px;
}

#seitennavigation ul ul a {
padding-top: 4px;
}

* html #seitennavigation ul ul a {
padding-bottom: 5px;
}

#seitennavigation ul ul strong {
padding-left: 9px;
}

/* Dritte Ebene - Vierte Ebene */
#content #seitennavigation ul ul ul {
margin-left: 0;
}

* html #content #seitennavigation ul ul ul {
margin-top: 2px;
}

#seitennavigation ul ul ul a,
#seitennavigation ul ul ul strong,
#seitennavigation ul ul ul ul a,
#seitennavigation ul ul ul ul strong {
margin-left: 14px;
}

/* Login */
#login {
position: absolute;
top: 233px;
right: 40px;
float: right;
width: 80px;
}

* html #login {
top: 241px;
right: 39px;
}

*+html #login {
top: 241px;
right: 40px;
}

#login #login-submit {
border: 0;
background: #FFFFFF url(../images/pfeil_rechts_gruen.gif) 1px 4px no-repeat; 
color: #003e6e;
padding: 0 0 0 6px !important;
margin-left: 9px;
margin-top: 3px;
float: left;
width: 65px;
font-size: .9em;
}

* html #login #login-submit {
background-position: 1px 3px;
}

*+html #login #login-submit {
background-position: 1px 3px;
}

#login #login-submit:hover {
color: #FF6600;
background-image: url(../images/pfeil_rechts_gruen.gif); 
}

* html #login #benutzer {
margin-bottom: 1px;
}

*+html #login #benutzer {
margin-bottom: 1px;
}

#login #input-benutzer,
#login #input-passwort {
margin: 0;
padding: 0 0 0 6px;
width: 61px;
font-size: 1em;
height: 1.1em;
color: #003e6e;
}

* html #login #input-benutzer,
* html #login #input-passwort {
padding-left: 7px;
width: 60px;
}

*+html #login #input-benutzer,
*+html #login #input-passwort {
padding-left: 7px;
width: 59px;
}


#login a.name,
#login a.passwort-vergessen,
#login a.registrieren {
background: url(../images/pfeil_rechts_gruen.gif) -1px 3px no-repeat;
}

#login a.name,
#login a.passwort-vergessen,
#login a.registrieren {
padding-left: 8px;
font-weight: normal;
}

#login a.logout {
padding-left: 9px;
background: url(../images/pfeil_links.gif) 0 3px no-repeat;
}

/* redaktion */
#redaktion {
font-size: 0.8em;
clear: both;
margin: 10px 0 0 50px;
padding-top: 5px;
width: 555px;
color: #00589c;
background: #FFFFFF;
}

#redaktion p span.left {
float: left;
padding-top: 1px;
position: relative;
left: -1px;
}

#redaktion p span.right {
float: right;
padding-top: 1px;
position: relative;
right: -1px;
}

/* footer */
#footer {
font-size: 0.8em;
border-top: 1px solid #00589c;
clear: both;
margin: 5px 0 0 50px;
padding-top: 5px;
width: 555px;
color: #00589c;
background: #FFFFFF;
}

* html #footer {
margin-top: 6px;
padding-top: 6px;
}

*+html #footer {
margin-top: 6px;
padding-top: 6px;
}

/* Link impressum */
/*
#footer p a.pfeil {
background: url(../images/navi_pfeil.gif) 0 2px no-repeat;
padding-left: 7px;
float: left;
}

*+html #footer p a.pfeil {
background-position: 0 1px;
}
*/

#footer p span.pfeil{
background: url(../images/navi_pfeil.gif) 0 2px no-repeat;
padding-left: 7px;
float: left;
}

* html #footer p span.pfeil {
background-position: 0 1px;
}

*+html #footer p span.pfeil {
background-position: 0 1px;
}

#footer p span.copyright {
float: right;
position: relative;
right: -2px;
}

/*
#footer p span {
float: right;
position: relative;
right: -1px;
}
*/

#noticedataprotection {
   color: red;
}

/* NEU: 10.06.2008, vivien, CMSPORTAL-81 */
#redaktion {
color: #000000;
}
/* NEU: 10.06.2008, vivien, CMSPORTAL-81 */
/* NEU: 16.06.2008, vivien */
.personen-bild img {
width: 140px;
}
/* NEU: 16.06.2008, vivien */
/* NEU: 05.08.08, vivien, Ticket CMSPORTAL-173 */
.news h2 {
font-size: 1.2em;
margin: 24px 0 7px 0;
}
* html .news h2 {
margin: 0 0 7px 0;
}
*+html .news h2 {
margin: 0 0 7px 0;
}
.news h3 {
font-size:1.1em;
background: none;
margin: 0 0 7px 0;
}
.news img {
margin: 0 29px 0 0;
}
* + html .news img {
margin: 0 29px 0 0;
}
.news p {
font-size: 1.1em;
line-height: 1.2727;
}
/* NEU */

/* NEU Bejamin Vikum CMS Ticket PORTAL-28 10.02.10 */
.events-list {
margin: 11px 0 0 0;
}