/* STYLESHEET - BILDER DER FORSCHUNG */

/* BEGIN ALLGEMEIN */

html {
    width: 800px;
}

body {
    width: 900px;
	padding: 0px;
	margin: 0px;
    font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url(img/kopf.jpg);
	background-repeat: no-repeat;
}

h1 {
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: normal;
	margin: 5px 0px 10px -6px;
    background-color: #000000;
    color: #FFFFFF;
    padding: 3px 10px 3px 6px;
}

h2 {  
    font-size: 1em;
	font-weight: normal;
	margin: 5px 0px 7px -6px;
    background-color: #000000;
    color: #FFFFFF;
    padding: 3px 10px 3px 6px;
}

.white-text {
    background-color: #000000;
    color: #FFFFFF;
}

.ueberschrift {
    display: block;
    padding: 3px 10px 3px 6px;
}

a {
    text-decoration: none;
    color: #000000;
    background-color: #00FFFF;
    margin: 0px;
    padding: 0px;
}

a:hover {
    text-decoration: underline;
    color: #000000;
    background-color: #FFFFFF;
}

img {
    border: 0px;
}

.clear {
    clear: both;
}

.border-black {
    border: 1px solid #000000;
}

hr {
    color: #000000;
    font-size: 12px;
    line-height: 12px;
    background-color: #000000;
    border: 0px;
    height: 1px;
    padding: 0px;
    margin: 10px 0px;
    
}

/* END ALLGEMEIN */

div.head {
    float: right;
}

div.headpic {
    float: right;
    margin: 27px 3px 10px 0px;
    width: 335px;
    height: 64px;
    background-image: url(img/logo.gif);
    background-repeat: no-repeat;
    background-position: top;
}

div.main {
    clear: both;
    margin: 30px 3px 5px 0px;
    padding: 0px;
    width: 890px;
    float: right;
}

div.right {
    float: right;
    width: 375px;
    margin: 0px;
    padding: 0px;
}

div.middle-trenner {
    float: right;
    width: 22px;
    height: 10px;
}

div.left {
    float: right;
    width: 401px;
    margin: 0px;
    padding: 0px;
}

div.content {
    padding: 12px 22px 22px 30px;
}

div.content-image {
    padding: 12px 20px 22px 20px;
}

div.bildercontainer {
    margin: 15px 0px 15px -6px;
}

div.bilderreihe {
    margin: 7px 0px 0px 0px;
}

div.footer {
    margin-top: 15px;
}

div.footer-link {
    line-height: 0.7em;
    float: left;
}

div.impressum-link {
    padding-right: 10px;
    text-align: right;
    float: right;
}

a.thumbnail {
    background-color: transparent;
    margin-right: 4px;
}

a.thumbnail:hover {
    background-color: transparent;
}

a.next-bild {
    background-color: transparent;
    margin-left: 15px;
}

a.next-bild:hover {
    background-color: transparent;
}
img.thumbnail {
    border: 1px solid #00FFFF;
}

img.thumbnail:hover {
    border: 1px solid #FFFFFF;
}

div.thumbnail {
    border: 1px solid #00FFFF;
}

div.thumbnail:hover {
    border: 1px solid #FFFFFF;
}

.black-text {
    background-color: #FFFFFF;
    color: #000000;
}

a.footer {
    background-color: transparent;
    border: 0px;
    text-decoration: none;
    margin-right: 8px;
}
   
a.footer:hover {
    border: 0px;
    text-decoration: none;
}

a.footer img {
    padding: 0px;
    margin: 0px;
}

a.impressum {
    line-height: 0.5em;
    padding: 0px;
    margin:0px;
    font-size: 0.8em;
    background-color: #00FFFF;
    border: 0px;
    text-decoration: none;
}
   
a.impressum:hover {
    border: 0px;
    text-decoration: none;
    color: #00FFFF;
    background-color: transparent;
}

/* BEGIN PUNKTE FUER DIE RAHMEN */

div.inner-top-dots {
    background-image: url(img/punkte_bg_oben_rechts.gif);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    padding-top: 11px;
    height: 100%;
    width: 100%;
}

div.inner-right-dots {
	background-image: url(img/einzelpunkte_bg.gif);
    background-repeat: repeat-y;
    background-position: right -4px;
    height: 100%;
    width: 100%;
}

div.inner-left-dots {
	background-image: url(img/einzelpunkte_bg.gif);
    background-repeat: repeat-y;
    background-position: top left;
    height: 100%;
    width: 100%;
}

div.inner-bottom-dots {
	background-image: url(img/punkte_bg_unten_rechts.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 11px;
    width: 100%;
    height: 100%;
}

div.inner-top-dots-image {
    background-image: url(img/punkte_bg_oben_links_schwarz.gif);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    padding-top: 11px;
    height: 100%;
    width: 100%;
}

div.inner-top-dots-image-grau {
    background-image: url(img/punkte_bg_oben_links_grau1.gif);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    padding-top: 11px;
    width: 100%;
}

div.inner-top-dots-image-graub {
    background-image: url(img/punkte_bg_oben_links_grau2.gif);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    padding-top: 11px;
    width: 100%;
}

div.inner-top-dots-image-grauc {
    background-image: url(img/punkte_bg_oben_links_grau3.gif);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    padding-top: 11px;
    width: 100%;
}

div.inner-top-dots-image-graud {
    background-image: url(img/punkte_bg_oben_links_grau4.gif);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    padding-top: 11px;
    width: 100%;
}

div.inner-top-dots-image-graue {
    background-image: url(img/punkte_bg_oben_links_grau5.gif);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    padding-top: 11px;
    width: 100%;
}

div.inner-right-dots-image {
	background-image: url(img/einzelpunkte_bg.gif);
    background-repeat: repeat-y;
    background-position: right top;
    width: 100%;
}

div.inner-left-dots-image {
	background-image: url(img/einzelpunkte_bg.gif);
    background-repeat: repeat-y;
    background-position: left top;
    width: 100%;
}

div.inner-bottom-dots-image {
	background-image: url(img/punkte_bg_unten_links.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 100%;
}

/* END PUNKTE FUER DIE RAHMEN */

/* BEGIN ECKEN FUER DIE RAHMEN */

div.image-content {
    float: right;
    width: 100%;
    margin: 0px;
    padding: 0px;
    margin-top: 0px;
    border-top: 1px solid black;
}

div.white-content {
    width: 100%;
    background-color: #FFFFFF;
    color: #000000;
}

div.corner-top-left {
    background-image: url(img/textfeld_ecke_lo.gif);
    background-repeat: no-repeat;
    background-position: left top;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
}

div.corner-top-right {
	background-image: url(img/textfeld_ecke_ro.gif);
    background-repeat: no-repeat;
    background-position: right top;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
}

div.corner-bottom-left {
	background-image: url(img/textfeld_ecke_lu.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
}

div.corner-bottom-right {
	background-image: url(img/textfeld_ecke_ru.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}

/* END PUNKTE FUER DIE RAHMEN */


/* BEGIN HEADNAVI */

div.headnavi {

    font-family: Arial narrow;
    font-size: 2.25em;
    font-weight: 900;
    font-stretch: condensed;
    line-height: 1.5em;

    float: right;
    margin-top: 8px;
    margin-right: 4px;
}

div.breite-de {
    width: 592px;
}

div.breite-en {
    width: 545px;
}

div.headnavi ul {
    width: 600px;
    list-style-type: none;
    list-style-image: none;
    margin: 0px;
    padding: 0px;
}

div.headnavi ul li {
    float: left;
    margin: 0px 2px;
    padding: 0px;
    height: 35px;
}

div.headnavi ul li a {
    text-decoration: none;
    color: #000000;
    background-color: #00FFFF;
    margin: 0px;
    padding: 0px 12px;
}

div.headnavi ul li a.sprachbutton {
    font-size: 0.5em !important;
    float: left;
    line-height: 1.4em !important;
    padding: 0px 8px;
}

div.headnavi ul li a:hover {
    color: #000000;
    text-decoration: none;
    background-color: #FFFFFF;
}

div.headnavi ul li a.active{
    background-color: #ffffff;
    color: #000000;
}

/* END HEADNAVI */