/*
 * CSS fuer hpi-hamburg.de
 * Realisiert durch KONO (www.kono.de)
 *
 * Rev 2 (THE)
 *  - Abstaende leicht modifiziert wegen des Anfahrtsplans
 *  - Absaetze um 1px eingerückt für Bündigkeit falls keine Seminare
 *  - Newseinträge eingerückt um 1px für Bündigkeit mit Überschrift
 *
 * Rev 1 (THE/AKÖ)
 *  - Launch-Version
 */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Verdana", sans-serif;
	font-size: 62.5%;
	text-align: center;

    background: url("../gfx/bg_750.png") repeat-x #fff;
    color: #444;
}

ul li {
	float: left;
}

abbr,
acronym {
    border-bottom: 1px solid #000;
    cursor: help;
}



/****************************************************/
/* HTML-SELECTOR */

h1, 
h2, 
h3, 
p {
	color: #666;
    background-color: inherit;

	font-weight: normal;
	font-size: 2.5em;
	line-height: 1.6;
}

h1, 
h2 {
	font-family: "Arial", sans-serif;
}

h1 {
	line-height: 1.2;
}

h2 {
	clear: left;

    margin: 1em 0 0.5em 0;

    color: #333;
    background-color: inherit;

    font-size: 1.3em;
	font-weight: bold;
    line-height: 1.3em;    
}

h3 {
	margin: 0;

    font-weight: bold;
	font-size: 1em;
	line-height: 1.2;
}

p {
    color: #444;
    background-color: inherit;

    margin: 0 0 1em 0;

    font-size: 1em;
}

a:link, 
a:visited, 
a:active {
    color: #c00;
    background-color: inherit;
}

a:hover,
a:focus {
	color: #fff;
    background-color: #036;

    text-decoration: none;
}

img {
	border: none;
}

fieldset {
	border: none;
}

fieldset {
    margin: 0.5em 0;
    border: none;
}

legend {
    margi\n-left: -0.7em;     /* TODO */ 
    padding-bottom: 1em;

    font-size: 1.1em;
    font-weight: bold;
}

input.formtext, 
select, 
textarea {
    float: left;
    font-size: 1.2em;
    width: auto;

    color: inherit;
    background-color: #ebebeb;
}

label {
    width: 100%;

    float: left;
    clear: left;
    margin-top: 1em;

    color: #666;
    background-color: inherit;

    font-size: 1em;
}

.error {
	color: #c00;
}


.print {
    display: none;
}



/*============================================================================*/
/* Diverses */

.noncss, .accessible {
    display: none;
}



/*============================================================================*/
/* Struktur */

#wrapper {
	position: relative;
     
    width: 76em;           

    margin: 0 auto .87em;
    text-align: left;

    color: inherit;
    background-color: #f9f9f9;
    }

    #home #wrapper {
        color: inherit;
    	background-color: #fff;
}
    

#header {
	width: 76em;
    float: left;
}

#meta {
	display: none;
	float: left;
    
	background-color: #036;
    color: inherit;
}

#metamenue {
	float: right !important;

    /* Needed for IE5 not having a white bar on top */
    float: none;    

	height: 2em;
	width: 100%;

    background-color: #036;
    color: inherit;

    font-size: 1em;
	list-style: none;
    }

    #metamenue ul {
    	float: right;
    	list-style: none;
    }

    #metamenue li {
    	float: left;
    	padding: 0.5em 1em;
        }   
    
        #metamenue li a:active, 
        #metamenue li a:link, 
        #metamenue li a:visited {
    	    text-decoration: none;

            color: #C5E1FF;
            background-color: inherit;
        }

        #metamenue li a:hover, 
        #metamenue li a:focus {
        	color: #036;
        	background: #C5E1FF;
}



#logo {
	width: 50em;
	height: 21.6em !important;
    overflow:hidden;
    float: left;

    /* IE */
    height: 21.2em;
    }

    #logo img {
        width: 50em;
}

#teaser {
	width: 26em;
	float: left;
    }

    * html>body #teaser {
    	width: 25em;
}

div.banner {
	width: 26em;
	height: 7em;
	overflow: hidden;
    }

    div.banner h4  {
    	font-family: "Georgia", serif;
    	font-size: 1.1em;
    	padding: 0.2em 0;
    }

    div.banner p {
        width: auto;

        margin: 0;
    	font-size: 0.9em;
    	line-height: 1.3;
    }

    div.banner img {
        height: 100%;

    	float: left;
        clear: both;

        margin: 0 1em 0 0;
    }

    #seminare {
	    border-bottom: 1px solid #A2BBD6;
    
    	color: #036;
        background: #C5E1FF;
        }

        #seminare p {
    	    color: #036;
            background-color: inherit;
            margin-top:2px;

    }
    
    #seminare h4 {
        padding-bottom:0px;
    }

    #forschen {
    	border-top: 1px solid #fff;
    	border-bottom: 1px solid #A2BBD6;

    	color: #036;
    	background-color: #C5E1FF;
        }

        #forschen p {
        	color: #990;
            background-color: inherit;
    }

    #intern {
    	border-top: 1px solid #fff;
    	border-bottom: 1px solid #A2BBD6;
    
        color: #036;
    	background: #C5E1FF;
background: #e7e7e7;        
	
        height: 7.1em;
        }
    
        #intern img {
            position: relative;
            left: -0.1em;
        }
    
        #intern p {
        	color: #beff00;
            background-color: inherit;

            display:none;
        }
    
        #intern label {
        	display: none;
        }
    
        #intern form {
            }
    
            #intern fieldset {
            }
    
            #intern input {
            	color: #555;
                background: #fff;

            	width: 8.5em;
            	height: 1.5em;
    
            	border: 1px solid #999;
                margin: 0;

                clear: none;
            	font-size: 1em;
                }
        
                body>div #intern input {
                  	height: auto;
        }

        #intern h3 {
        	display: none;
    	    float: left;
    }

    #glossar {
        height: 1.8em !important;
        color: inherit;
        background-color: #5aa515;

        border-top: 1px solid #666;
        padding-top: 0.4em !important;
        font-size: 1em;
        text-align: center;

        /* IE */
        padding-top: 0.3em;
        height: 2.2em;
        }

        #glossar a {
            color: #fff;
            background-color: inherit;
    }

    div.tx-newloginbox-pi1 {
    	float: left;
	    width: 70%;
        }

        #intern div.tx-newloginbox-pi1 p {
            color: #c00;
            background-color: inherit;
        }

        #columnleft div.tx-newloginbox-pi1 input#tx-newloginbox-pi1-user,
        #columnleft div.tx-newloginbox-pi1 input#tx-newloginbox-pi1-pass {
            width: 12em;

            border: 1px solid #ccc;
            color: #000;
            background-color: #eef6ff;

            padding: 0.1em;
        }
        #columnleft div.tx-newloginbox-pi1 input#tx-newloginbox-pi1-login_submit {
            display: block;
            margin-top: 0.5em;
}   

#nav {
    color: inherit;
	background-color: #e7e7e7;

	clear: left;
}


#mainmenue {
	position: relative;
	float: left;
	left: 0;
    bottom: 0;

    width: 50em;

	padding: 0;
    border-bottom: 1px solid #999;

    color: inherit;
    background-color: #e7e7e7;
    }

    #home #mainmenue,
    body.nosub #mainmenue  {
    	position: relative;
    	top: 0;
    }

    /* To have room for the hovering submenu */
    #home #content {
        padding-top: 1.5em;
    }

    #mainmenue ul {
    	list-style: none;
    }

    #mainmenue li {
    	float: left;     	
    	margin: 0;
    }

    #mainmenue a:link, 
    #mainmenue a:visited, 
    #mainmenue a:active {
        display: block;
    	padding: 0.5em;

        color: #039;
    	background-color: #e7e7e7;

        text-decoration: none;
    }
 
    #mainmenue a:hover, 
    #mainmenue a:focus {
    	color: #fff;
    	background-color: #036;

        padding: 0.5em;
}


body>div #menue {
	position: relative;
}


ul.secondmenue {
	position: absolute;
	left: 0;
	width: 76em;

    color: inherit;
	background-color: #f4f4f4;

    padding: 0;
    border-top: 1px solid #999;

    font-size: 1em;
    }

    /* Display just the submenu of active menu entry OR hovered entry */
    #mainmenue ul li ul {
        display: none;
    }

    #mainmenue ul li.active ul,
    #mainmenue ul li:hover ul,
    #mainmenue ul li.over ul {
        display: block;

        position: absolute;
        z-index: 200;
    }  

    /* Lower z-index for active menu, as otherwise hovered menues don't 
     * show up if in order before active */
   #mainmenue ul li.active ul {
     z-index: 100;
    } 

/*
    #mainmenue ul li:hover ul,
    #mainmenue ul li.over ul,
    #mainmenue ul li:hover li,
    #mainmenue ul li.over li,
    #mainmenue ul li:hover li a,
    #mainmenue ul li.over li a {
        color: #5aa515 !important;
        background-color: inherit;
    }
*/
    #mainmenue ul li:hover li a:hover,
    #mainmenue ul li.over li a:hover {
        color: #fff;    /* I */
        background-color: inherit;
    }

    #mainmenue ul li.active li a {
        color: #09F;    /* I */
        background-color: inherit;
    }

    /* Submenu formatting */
    #mainmenue ul.secondmenue li {
    	margin: 0;
    }

    #mainmenue ul.secondmenue a:link, 
    #mainmenue ul.secondmenue a:visited, 
    #mainmenue ul.secondmenue a:active {
        color: #09F;
    	background-color: #f4f4f4;

    	padding: 0.5em;

        text-decoration: none;
    }

    #mainmenue ul.secondmenue a:hover, 
    #mainmenue ul.secondmenue a:focus {
	    color: #fff;
    	background-color: #036 !important;
    }

    #mainmenue a.activelinkfirst {
    	color: #fff !important;
        background-color: #5aa515 !important;
    }

    ul.secondmenue a.activelinkfirst {
    	color: #fff !important;
        background-color: #5aa515 !important;
}

#thirdmenue, 
#columnright div.newsletterabo {
    color: inherit;
	background-color: #E5F1FF;
background-color: #fff;           /* TODO */

    margin-bottom: 2em !important;

    /* IE */
    margin-bottom: 0;
    }

    #columnright div.newsletterabo form {
        margin-left: 1em;
        padding: 0;
    }

    #columnright div.newsletterabo form div {
        margin: 0;
        padding: 0;
    }

    #columnright div.newsletterabo label,
    #columnright div.newsletterabo span.in {
        color: #666;
        background-color: inherit;
    }

    #columnright div.newsletterabo input.formtext {
        color: inherit;
        background-color: #fff;
        border: 1px solid #ccc;
    }

    #columnright div.newsletterabo input {
        font-size: 1em;
    }

    #columnright div.newsletterabo p {
        margin-top: 0em;
        margin-left: 0.8em;
        margin-right: 0.5em;
}

#columnleft div.newsletterabo {
    }

    #columnleft div.newsletterabo input.formtext {
        border: 1px solid #ccc;
        padding: 0.1em;

        color: #000;
        background-color: #eef6ff;
}

#thirdmenue {
    }

    /* Styling der Pulldown-Variante (Abteilungen) */
    #thirdmenue form {
        width: 19em;

        padding: 0.5em 0;
        }

        #thirdmenue form select {
            color: #003;
            background-color: #fff;
            width: 16.2em;
    }

    /* Styling der Listenvariante */
    #thirdmenue ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

        #thirdmenue ul li {
            margin: 0 0 0.4em 0 !important;
            padding: 0 0 0 1.5em;

            background: url("../gfx/list.gif") no-repeat 0 0.5em;
        }   

        #thirdmenue ul li a:link, 
        #thirdmenue ul li a:visited, 
        #thirdmenue ul li a:active {
            text-decoration: none;
        }

        #thirdmenue ul li a:hover, 
        #thirdmenue ul li a:focus {
            color: #fff;
            background-color: #036;

            text-decoration: none;
        }

        #thirdmenue ul ul {
            margin: 0.5em;
        }

        #thirdmenue ul li li {
            font-size: 1em;
            margin: 0 0 0.3em 0;
            padding: 0 0 0 1.5em;
}



#content {
	padding: 0 0 0 1.5em;
    }

    #home #content {
    	padding-left: 0;
}


/* Fontgroesse auf 1.1em */
#columnleft {
	font-size: 1.1em;
	width: 42em !important;
    overflow: hidden;

	float: left;
	clear: left;
	margin: 0 2em 0 0;
	padding: 1em;

    color: inherit;
    background-color: #fff;

    /* IE */
    width: 44em;
    }

    #home #columnleft {
        width: 44em !important;       

        padding-right: 0;    
        margin: 0;

        /* IE */
        width: 45em;
    }

    #columnleft img {
        float: left; float:none;
        margin: 0 0.5em 0.5em 0;
    }

    /* Last-Minute Fix (Absatzabstaende) */
    #columnleft p {
        padding: 0 0.5em 1em 0.1em;
        margin-top: 0;
        margin-bottom: 0.5em;

        /* ... und eine Korrektur wegen des Anfahrtsplans */
        padding-top:1em; 
        padding-bottom:0;
        }

        /* Textabschnitte die in keinem Div sind */
        #home #columnleft p {
            padding-top: 0;
            padding-left: 0.5em;
            padding-bottom: 0;
        }

        #home #columnleft p strong {
            padding-left: 0 !important;

            /* IE */
            padding-left: 0.3em;
        }

        #home #columnleft div p {
            padding-left: 0;
}

#columnright {
	width: 21em;
	float: left;

    padding:0;    

    margin-bottom: 6em;
    }

    #home #columnright {
        padding: 0; 
        margin: 0;
        width: 26em;
    }

    #columnright h2 {
	    color: #666;
        background-color: inherit;
    
    	margin-bottom: 0.5em;
    }

    #columnright div.white_bg {
        color: inherit;
        background-color: #fff;

        width: 20em !important;
        padding: 0.5em;
        margin-bottom: 2em;

        /* IE */
        width: 21em;
    }

    #columnright div.white_bg h2 {
        margin-left: 0.2em;
    }

    #columnright div.white_bg h1 {
        font-size: 1.2em;
        font-weight: bold;
        margin-left: 0.1em;
        margin-bottom: 0.2em;
    }

    #columnright div.white_bg form {
        margin-left: 0.2em;
        }

        #columnright div.white_bg select {
            color: #003;
            background-color: #fff;
    }

    /* Hinweis-Kasten */
    #home div.white_bg {
        margin-left: 1.5em;
        }

        #home div.white_bg h1 {
            display: block;

            margin-left: 0.1em !important;
            margin-top: 3em !important;

            /* IE */
            margin-top: 0;
}


#tools {
	width: 76em;
	float: left;
	clear: left;

    margin: 1em 0 0 0;
    padding: 1em 0.5em 1em 0.5em;

    color: inherit;
    background-color: #fff;
}

#footer, 
#tools {
	clear: both;
}

#footer {
	width: 76em;
	padding: 1em 0;

    /* Alt 1 */
    color: inherit;
    background-color: #c5e1ff;
    }

    #footer a {
    	margin: 0 3em 0 0.6em;
    	width: auto;
    	height: 0.5em;

        /* Alt 1 */
        color: #036;
        background-color: inherit;
    }

    #footer a:hover {
        color: #c5e1ff;
        background-color: #036;
}

div.ie {
	clear: both;
}

div.colum {
	float: left;
	clear: none !important;
}

#left, 
#middle {
	width: 22em;
	margin: 0 1em 0 0;
}

#right {
	float: right;
	width: 26em;
}

#full {
	width: 45em;
}


/*Bild links, Text darunter*/ /*Bild links, Text umfliessend*/
div.image_left, 
div.image_floatleft {
    border: 1px solid #ccc;

    color: inherit;
    background-color: #fff;

    float: left;
    padding: 0.4em 0 0 0.4em;
    margin: 0 0.5em 0.5em 0;
    }

    div.image_floatleft p {
        display: none;
}

p.bildtext {
    padding: 1em 2em 1em 2.5em;

    font-style: italic;
}

div.csc-textpic-clear{
    /*float: left;*/
    display: block;
    clear: both;
    width: 100%;
}

div.image_floatleft p, 
div.image_left p  {
    font-size: 0.9em;
    padding: 0.5em;
}




label.checkbox {
    width: auto;

    margin-top: 0.5em;
    clear: none;
}

/*rot in Formularen*/
#errmsg p, 
span.stern {
    color: #f00;
    background-color: inherit;
}

/* Email Kontaktformular */
#mailform {
    }
    #mailform input, 
    #mailform textarea,
    #mailform select {
        padding: 0.1em;
        margin-top:0.5em;

        width: 10em;
    }

    #mailform textarea,
    #mailform select,
    #mailform input.formtext {
        border: 1px solid #ccc;
        color: #000;
        background-color: #eef6ff;
    }

    #mailform input { 
        width: 20em;
    }
    
     #mailform input.checkbox { 
        width: auto;
        float:left;
    }

    #mailform textarea {
        width: 20em !important;

        /* IE */
        width: 16em;
    }

    #mailform label#anrede {
        margin-top: 4em !important;

        /* IE */
        margin-top: 3.5em;
    }

    #mailform select {
        margin-top: 3em;
    }

    #mailform label {
        float: left;
        clear: both;
        
        width: 10em;
    }
    
     #mailform label.checkbox { 
        clear:none;
        margin-left:1em;
 
    }

    #mailform textarea {
        font-size: 1.5em;
        height: 8em;
    }

    #mailform input.button {
        width: 13em;
        
        margin-top: 1em;
        margin-left: 8.2em !important;

        clear: both;
        float: none;

        /* IE */
        margin-left: 10em;
}

#tt_address_form {
    width: 18em;
    text-align: center;
    }
    #tt_address_form input {
        margin-top: 0.2em;
    }
#tt_address_form fieldset {
clear: both;
display: block;
}

    #tt_address_form fieldset.checkbox,
    #tt_address_form fieldset.email {
        text-align: left;
    }

    #tt_address_form fieldset.checkbox input {
        float:left;

        margin-left: 1em;
        margin-top: 0.4em !important;

        position: relative;
        left: -0.8em;

        /* IE */
        margin-top: 0;
    }
    #tt_address_form fieldset.email input {
    text-align: left;
        float: none;
        width: 90%;       
    }
    #tt_address_form input.los {
        clear: both;

        margin-right: 1.5em;
        margin-top: 0.5em;

        width: auto;      
    }

    #tt_address_form span {
        float: none;
        display: block;
    }
    
    #tt_address_form div {
        margin: 2em 0;
}

#sendform {
    }

    #sendform label {
        margin-bottom: 0.5em;
    }

    #sendform input {
        width: 20em;
        padding: 0.1em;
    }

    #sendform input.formtext {
        border: 1px solid #ccc;
        color: #000;
        background-color: #eef6ff;
    }

    #sendform input.button {
        width: 13.5em !important;
        width: 13em;

        padding: 0;
        margin-top: 0.5em;
    }

    #sendform textarea { 
        width: 24.5em !important;
        width: 20em;

        margin-bottom: 1em;

        border: 1px solid #ccc;
        color: #000;
        background-color: #fff;
        background-color: #eef6ff;

        padding: 0.2em;
}

/* Sitemap */
#content div#sitemap {
    }

    #content div#sitemap ul {
        padding: 0;
        margin: 0;

        list-style: none;
        list-style-image: none;
    }
    #content div#sitemap li {
        color: #444;
        background: inherit;

        font-size: 1em;
        line-height: 1.2em;
        list-style: none;
        text-decoration: none;
    }

    #content div#sitemap ul.first li {
        background: none;

        margin-top: 2em;
        padding: 0;

        font-weight: bold;
        }
        #content div#sitemap ul.first li a {
            color: #666;
            background: inherit;

            font-size: 1.4em;
            font-family: "Arial", sans-serif;
    }

    #content div#sitemap ul.second {
        margin-top: 1em;
        }

        #content div#sitemap ul.second li {
            margin: 0;
        }

        #content div#sitemap ul.second li a {
            display: block;

            color: #666;
            background: #E5F1FF;

            border-bottom: 1px solid #fff;
            padding: 0.3em;

            font-weight: bold;
            font-size: 1.2em;
    }

    #content div#sitemap ul.third {
        }

        #content div#sitemap ul.third li {
            margin: 0.2em;
            padding: 0 0 0 1em;

/* FIXME */            
            background: url("../gfx/list.gif") no-repeat 0 0.5em;
        }

        #content div#sitemap ul.fourth li {
            border-top: none;
    }

    #content div#sitemap ul.third li a, 
    #content div#sitemap ul.fourth li a, 
    #content div#sitemap ul.fifth li a, 
    #content div#sitemap ul.sixth li a {
        display: inline;

        border: none;
        margin: 0;

        /* Sollte #c00 sein, aber wegen optischer Taeuschung passt #a00 hier besser */
        color: #a00;
        background-color: inherit;
        background: none;

        font-family: "Verdana",sans-serif;
        font-size: 1em;
        font-weight: normal;
}

/*===*/

p.einleitung {
	margin: 0 0 1em 0;
	padding: 0.5em 0;

    color: #036;
    background-color: inherit;

	line-height: 1.4em;
	font-weight: normal;
	font-family: "Arial", sans-serif;
	font-size: 1.2em;
}

#right p {
	font-size: 0.9em;
}

input.button {
    width: 15em;

    margin-right: 1.5em;
    font-size: 1.2em;
}

input.checkbox {
    width: 3em;

    margin-left: 0.5em;
    font-size: 1.2em;
}

/****************************************************/

#content ul {
	font-size: 1em;
	margin: 1em 0 0 1em;
	list-style: none;

    color: #444;
    background-color: inherit;
}

#content ol {
	margin: 1em 0 0 1em;
	list-style-type: decimal;

    color: #444;
    background-color: inherit;
}

#content ul li {
	float: none;
	display: block;

	margin: 0 0 0.5em 0;
	padding: 0 0 0 1.5em;

    list-style: none;
    background: url("../gfx/list.gif") no-repeat 0 0.5em;

    font-size: 1em;
}

#content ol li {
	margin: 0 0 0.5em 1.5em;
	padding: 0;

    background: none;

    font-size: 1em;
}

#content ul li a:link, 
#content ul li a:visited, 
#content ul li a:active {
	text-decoration: none;
}

#content ul li a:hover, 
#content ul li a:focus {
	color: #fff;
	background-color: #036;

	text-decoration: none;
}


#submenue ul {
	list-style: none;
}

#submenue ul.firstsub li {
	float: none;
	display: block;
}

a.activelinkfirst {
	color: #fff !important;
	background: #036 !important;
}


#activesecond {
	padding: 1em 0.5em;

    color: inherit;
	background-color: #fff;
}

#suche {
	height: 2.2em;
	width: 26em;
	float: right;

    border-top: 1px solid #fff;
    border-bottom: 1px solid #666;

    color: inherit;
    background-color: #5aa515;
    }

    body>div #suche {
    	height: 2.1em;
    }

    #suche fieldset {
    	margin: 0.3em 0 0 2.5em;
    }

    #suche input {
        width: 12.2em;
    	height: 1.5em;

    	border: 1px solid #666;

        color: inherit;
        background-color: #fff;

        font-size: 1em;
    }

    /*MAC*/
    body>div #suche input {
    	height: auto;
    }

    #suche #sucheingabe {
        width: 8.7em;       

    	font-size: 1em;
    }

    #suche #searchform fieldset {
    }

    #suche label {
    	display: inline;
    	width: 5em;
    	float: left;

        color: #666;
        background-color: inherit;

        margin: 0.2em 0 0 0;

        font-family: "Georgia", serif;
    	font-weight: bold;
    	font-size: 1.1em;
    }

    #suche #searchform label {
    	display: none;
}

#history {
    width: 60em;    

    border: 1px solid #f9f9f9;
    }

    body>div #history {
    	clear: left;
    	float: left;
    }

    #history ul {
    	list-style: none;

        /* TH: war "1.5em 0 1em 0", so ist aber doppelzeiliges Menue moeglich ohne
         *     signifikante Beeintraechtigung des Layouts                       */
        margin: 2.5em 0 1em 1.3em;
margin-top: 3.5em;
        font-size: 0.9em;
    }

    #history ul li {
    	display: inline;
    	width: auto;
    	height: 0.5em;

    	margin: 0;
    	padding: 0;

    	background: none;
    }

    #history span {
    	width: auto;
    	height: 0.1em;

        padding: 0 0.5em;
    }

    #history li, 
    #history a:link, 
    #history a:visited, 
    #history a:hover,    
    #history a:active {
        color: #09F;
        background-color: inherit;
color: #666;

        padding: 0;

        font-family: "Verdana", sans-serif;
    	font-weight: bold;
    	text-decoration: none;
}

#print, 
#send {
	float: left;
	padding: 3px 15px;
    }

    #print {
    	background: url("../gfx/print.gif") no-repeat 0 50%;
    }

    #send {
    	background: url("../gfx/send.gif") no-repeat 0 50%;
}

#leibniz {
	float: right;

    position:absolute;
    bottom:8em;
    right:1em;
    }
    
    #leibniz a:hover {
        background: none;
    }

    #leibniz img {
        width: 15em;
        height: 4.7em;
}

div.news {
	color: #888;
    background-color: inherit;

	font-size: 1em;
	line-height: 1.4em;
    }

    div.news span {
        padding-left: 0.1em;
    	font-weight: bold;
}

#columnleft div.news {
	padding: 1em 0 0 0;
	border-top: 1px solid #ccc;
    margin-bottom: 1em;
    }

    #columnleft div.news h2 {
    	margin: 0 0 0.5em 0;
    	line-height: 1.2em;
        padding-left: 0.1em;
    }

    #columnleft div.news dl {
            margin-bottom: 1em;
        }

        #columnleft div.news dd  {
            clear: both;
            height: 2.5em;
        }

        #columnleft div.news dd img {
            padding-top: 0.5em;
            padding-left: 1em;
        }

        #columnleft div.news dd a {
            position: relative;
            top: -0.9em;

            padding-left: 1em;
    }

    #columnleft div.news p a {
       /* margin-left: 1em;*/
}

#columnright div.news {
	padding: 0.5em 0 0 0 ;
	border-top: 1px solid #ccc;
    }

    #columnright div.news h2 {
        margin: 0 0 0.5em 0;
    	line-height: 1.4em;

        font-family: "Verdana", sans-serif;
    	font-size: 1em;
    }

    #columnright div.news p {
    	font-size: 1em;
    	line-height: 1.4em;
}


div.text_left {
	width: 45%;
	float: left;
	margin: 0 5% 0 0;
    }


div.text_right {
	width: 45%;
	float: left;
    }

div.addon_small {
	width: 45%;
	float: left;
    }
    
div.keyvisual {
	margin:1em 0em 1em 2em;
}    

#home div.text_left {
	width: 19.5em;
    height: 30em;

    color: inherit;
	background-image: url("../gfx/bg.png");
    background-repeat: repeat-x;
    background-color: transparent;

    float: left;
	overflow: hidden;

    margin: 0 3.2em 0 0.5em;
    }

    #home div.text_left h1 {
    	font-size: 1.8em;
    	margin: 0 0.2em;
    }  
   
    #home div.text_left h2,
    #home div.text_right h2,
    #home div.addon_small h2  {
    	margin: 0.5em 0.8em 0 0.8em;   	
    }
    
    #home div.text_left img,
    #home div.text_right  img,
    #home div.addon_small img  {
    	margin: 0;
    
    }
       
    #home div.addon_small h2 {	
        padding-bottom: 0.2em;
        line-height: 1.1;
        color: #333;
        background-color: inherit;
    }
    

    #home div.text_left p,
    #home div.text_right p {
    	margin: 0 1em;
	}

#home div.text_right {
    width: 19.5em;
    height: 30em;
    float: left;
    color: inherit;
    background-color: transparent;
	background-image: url("../gfx/bg.png");
    background-repeat: repeat-x;
    margin: 0 0 2em 0;
    overflow: hidden;
    }


    #home h1 {
	    font-size: 1.8em;
        margin-left: 0.3em;
        margin-top: 1.5em;
}

#home div.addon_small {
    width: 19.5em;
    height: 30em;

    color: inherit;
    background-color: transparent;
	background-image: url("../gfx/bg.png");
    background-repeat: repeat-x;

    float: left;
	overflow: hidden;

    font-size: 1.1em;

    padding: 0;
    margin-top: 1em;
    margin-left: 2.0em !important;
	margin-bottom: 2.1em;

    /* IE */
    margin-left: 1.0em;
    }

    /* Einrueckung fuer buendigen Abschluss mit erster Box */
    #home h1 {
        margin-left: 0.3em !important;

        /* IE */
        margin-left: 0.5em;
    }

    #home div.news {
        margin-left: 0.5em !important;

        /* IE */
        margin-left: 0.8em;
    }

    #home div.addon_small p {
    	margin: 0 1em;
}


div.hp_box {
	width: 19.5em;
    height: 30em;

    color: inherit;
	background-image: url("../gfx/bg.png");
    background-repeat: repeat-x;
    background-color: transparent;

    float: left;
	overflow: hidden;

   	margin:0 0.5em;
    }

    div.hp_box h1 {
    	font-size: 1.8em;
    	margin: 0 0.2em;
    }
    
     div.hp_box img {
        margin: 0 -1.5em;

      
    }
    
    div.hp_box h2 {
    	margin: 0 0.8em;
        padding-bottom: 0.2em;
        line-height: 1.1;
        color: #333;
        background-color: inherit;
    }

    div.hp_box p {
    	margin: 0 1em;
}


#content ul.newsarchiv {
	margin: 1em 0;
	padding: 0;
    }

    #content ul.newsarchiv li {
    	display: inline;

    	background: none;

    	padding: 0 0.5em 0 0;
}

#content ul.projectlist {
	margin: 1em 0 0 1em;
	list-style: none;
    }

    #content ul.projectlist li {
    	margin: 0 0 1em 0;
    	padding: 0 0 0 1.5em;

	    background: url("../gfx/list.gif") no-repeat 0 0.5em;
    }

    #content ul.projectlist li a:link, 
    #content ul.projectlist li a:visited, 
    #content ul.projectlist li a:active {
    	text-decoration: none;
    }

    #content ul.projectlist li a:hover, 
    #content ul.projectlist li a:focus {
    	background-color: #036;
    	color: #fff;

    	text-decoration: none;
}

#abt_box {
    color: inherit;
	background-color: #E5F1FF;

    padding: 0;
    }

    #abt_box a {
        color: #c00;
        background-color: transparent;
    }

    #abt_box #abt_image p { 
        display: inline; 
        } 

        #abt_box #abt_image img {
            width: 100%;
    }

    #abt_box #abt_headline h2{
        margin-left: 0.5em;
    }

    #abt_box #abt_leitung h1 {
        padding: 0 0.6em 0.6em 0.6em;

        font-size: 1.1em;
        font-weight: bold;
    }

    /* Email-Adresse */
    div.tx-konoorgahpi-pi1 div.person {
        }

        div.tx-konoorgahpi-pi1 div.person p a {
            display: block; 

            /* Never ever use float:left here, as it'll make IE choke */
    }
        

    /* Abstand zwischen Menuepunkten */
    #abt_fourthmenue {
        padding-bottom: 0 !important;        
        margin-bottom: 1em;

        border-bottom: 1px solid #fff;

        /* IE */
        padding-bottom: 1em;        
        }

        #abt_fourthmenue ul li {
            margin-bottom: 0.4em;
    }

    /* Hack für Sekretärin */
    div.blue_box {
        color: inherit;
    	background-color: #E5F1FF;

        border-top: 1px solid #fff;
        }

        div.blue_box h2 {
            padding: 0.2em 0.5em !important;
            margin: 0;

            font-size: 1.1em;

            /* IE */
            padding: 0.2em 0.6em;
        }

        div.blue_box div.tx-konoorgahpi-pi1 div.person p a {
            color: #c00;
            background-color: transparent;
}

.contenttable {
    width: 42em;

    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #ccc;
    }

    table.contenttable tr {
    }

    table.contenttable th {
        padding: 0.5em;

        color: inherit;
        background-color: #c5e1ff;
    }

    table.contenttable td,
    table.contenttable th {
        text-align: left;
        vertical-align: top;
        padding-left: 0.5em;
    }

    table.contenttable td p {
        display: inline;
        height: 1em;
    }

    table.contenttable tr.element_alt {
        color: inherit;
        background-color: #eee;
}



/*============================================================================*/
/* Organigramm */

div.tx-konoorgahpi-pi1 {
    }

    div.tx-konoorgahpi-pi1 h1 {
    	line-height: 1.1em;
    	margin: 0 0 1em 0;
    }

    div.tx-konoorgahpi-pi1 p.personen {
    	font-weight: bold;
    }

    div.tx-konoorgahpi-pi1 p.institutionen {
    	font-weight: bold;
    }

    div.tx-konoorgahpi-pi1 p.footer {
    	color: #333;
    	background-color: #e7e7e7;
    }

    div.tx-konoorgahpi-pi1 div.person {
        color: inherit;
    	background-color: #E5F1FF;

    	margin: 0;
        padding: 0 0.7em;
    }

    div.tx-konoorgahpi-pi1 div.person h3 {
    	margin: 0 !important;

        color: #036;
        background-color: inherit;
    }

    div.tx-konoorgahpi-pi1 div.person p {
    	margin: 0;
	    font-size: 1em;
    }


    div.tx-konoorgahpi-pi1 input {
        margin-bottom: 0.5em;
    }
    div.tx-konoorgahpi-pi1 select.abt {
        width: 99% !important;
        width: 98%;
    }
    div.tx-konoorgahpi-pi1 select.jahr {
        width: 5em;
    }
    div.tx-konoorgahpi-pi1 select.feld {
        width: 100% !important;

        /* IE */
        width: 99%;
    }
    div.tx-konoorgahpi-pi1 input.los {
        margin-top: 1em;
        margin-bottom: 6em;
    }



    div.tx-konoorgahpi-pi1 ul li a {
        line-height: 1.2;
        font-size: 1.2em;
}



/*============================================================================*/
/* Suche */

div.tx-indexedsearch-searchbox {
	margin: 1em 0;
    }

    div.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {
        border: 1px solid #ccc;
        color: #000;
        background-color: #eef6ff;

        padding: 0.1em;
        margin-bottom: 0.5em;
        width: 20em;
    }

    div.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {
        width: 8em;
}

div.tx-indexedsearch-browsebox {
   float:left;
   clear:left;
   margin-bottom:1em;
   width:100%;

    }
    div.tx-indexedsearch-browsebox ul.browsebox { 
        padding: 0 !important;
        margin: 0 0 1em 0 !important;
        list-style: none;
        }

        div.tx-indexedsearch-browsebox ul li {
            display: inline;
            float: left !important;

            background: none !important;

            padding: 0!important;
            margin-right: 1em !important;
        }
        div.tx-indexedsearch-browsebox ul li a {
            font-size: 1em;
        }
        div.tx-indexedsearch-browselist-currentPage {
}

div.tx-indexedsearch-whatis {
	font-size: 1.1em;
	font-weight: bold;

  /*   color: #9c0; */
    background-color: inherit;
}

div.tx-indexedsearch-res {
    }

    div.tx-indexedsearch-res dl {
    	border-top: 1px solid #ccc;
    	padding-top:1em;
    	float:left;
    	clear:left;
    	width:42em;
    }
    
    div.tx-indexedsearch-res dt {
      

       /*  margin-top: 0.5em; */
		float:left;
		clear:left;
        color: #666;
        background-color: inherit;
		width:2em;

        font-weight:bold;
        font-size: 1.2em;
        }

        div.tx-indexedsearch-res dt img {
        	vertical-align: middle;
        }

        div.tx-indexedsearch-res dt a {
    	    font-size: 1.1em;
    }

    div.tx-indexedsearch-res dd {
   
    	float:right;
    	width:39em;
        }

        div.tx-indexedsearch-res p.title {
            font-weight: bold;
            font-size: 1.1em;
            padding:0 !important;
        }
        
        div.tx-indexedsearch-res p{
           
            padding:0 !important;
        }

        div.tx-indexedsearch-res strong.tx-indexedsearch-redMarkup {
            color: #fff;
            background-color: #58a618;

            padding: 0.1em;

            font-style: italic;
        }

        div.tx-indexedsearch-res p.info a {
            margin-left: 1em;
}

#search {
    margin-top: 2em !important;

    /* IE */
    margin-top: 3em;
    }

    #search fieldset {
        width: 18em;
	    margin: 0;
    }

    #search legend {
    	padding: 0;

    	color: #036;
        background-color: inherit;

    	font-size: 1.3em;
       	font-weight: bold;
    	font-family: "Arial", sans-serif;
    }

    #search span.bis,
    #search span.in {
        color: #666;
        background-color: inherit;
    }
    #search span.bis {
        float: left;
        margin: 0 2.1em !important;

        /* IE */
        margin: 0 1.9em;
    }

    #search select,
    #search input {
        width: 97%;

        border: 1px solid #ccc;
        color: #000;
        background-color: #fff;
    }

    #search select.jahr {
        width: 5em;
    }

    #search select.feld {
        width: 98% !important;

        /* IE */
        width: 98%;
    }

    #search input.los {
        width: 13.2em;
    }

/* Publikationen */
#columnleft div.tx-konoorgahpi-pi1 h2.year_header {
    	color: #666;
        background-color: inherit;

    	font-weight: normal;
    	font-size: 2.5em;
    	font-family: "Arial", sans-serif;
	    line-height: 1.2;
    }

    #columnleft div.tx-konoorgahpi-pi1 h3.publ_header {
    	margin: 0.5em 0 0.5em 0;
    	padding: 0.5em 0 0 0;

        border-top: 1px dashed #ccc;
    	line-height: 1.4em;
    }

    #columnleft div.tx-konoorgahpi-pi1 p.abteilung {
        margin-top: 2em;
        font-weight: bold;
        text-decoration: underline;
    }

    #columnleft div.tx-konoorgahpi-pi1 p.autoren {
    }

    /* Jahr nicht nochmal zeigen (Bereits in Ueberschrift) */
    #columnleft div.tx-konoorgahpi-pi1 p.journal strong {
    	display: none;
    }
    
    /* Abstract-Link */
    #columnleft div.tx-konoorgahpi-pi1-pub {
        margin-bottom: 1em;
        }

        #columnleft div.tx-konoorgahpi-pi1-pub p {
            margin-bottom: 0;
}




/*============================================================================*/
/* Bildergalerie */

div.jm-gallery-image-entry {
	float: left;
	width: 13em;
	height: 13em;

    padding: 1em 0 0 0;
	margin: 0 0.1em 0.1em 0;

    border: 1px solid #E0E0E0;

    text-align: center;
}

div.jm-gallery-image-collection{
	padding: 2em 0;
	float: left;
}

div.jm-gallery-album-control {
	float: left;
	clear: both;

    padding: 1em 0;

    width: 100%;
}

div.jm-gallery-category-container {
	width: 100%;

    float: left;
}

div.jm-gallery-album-entry {
	float: left;
	margin: 1em 0;
}

div.jm-gallery-category-container div.cover, 
div.jm-gallery-image-single {
	float: left;

    padding: 0.5em 0 0 0.5em;
	margin: 0 1em 1em 0;

    border: 1px solid #E0E0E0;
}

div.jm-gallery-image-single {
	clear: both;
}



/*============================================================================*/
/* Navigation */

div.navi {
	float: left;
    width: 100%;

    margin: 1em 0;
}

#content div.navi ul {
	float: left;
	margin: 0;
    }

    #content div.navi ul li{
    	list-style: none;
    	display: inline;
    	float: left;
    	text-align: center;
    	margin: 0;
    	padding: 0;
    	background: none;
    }

    #content div.navi ul li.pipe{
    	padding: 0 0.5em;
    }

    #content div.navi ul.albumnavi li {
    	clear: left;
    	width: 20em;
    	text-align: left;
    	padding-bottom: 0.5em;
    	margin: 0;
}



/*============================================================================*/
/* Personal */

#personell {
	border-collapse: collapse;
	width: 100%;
	margin: 1em 0;
	font-size: 1em;
    }

    /* Interner Bereich: Tabellenbasiert */
    #personell th {
    	color: #666;
    	background-color: #E5F1FF;

        padding: 0.5em;
    }

    #personell td {
    	color: #666;
        background-color: inherit;

        border-top: 1px solid #999;
    	padding: 0.5em;
    }

    #personell tr.vertreter td {
    	border: none;
    }

    #personell tr.vertreter td.left {
    	text-align: right;

    }

    /* Externer Bereich */
    #personell dd {
        margin-top: 1em;
        }
/* 060907 heinen */
        #personell h2 {
            margin-left: 0.1em;
        }

        #personell div.staff {
            margin-left: -0.4em;
        }
/* 060907 heinen */

        #personell div.staff dt img {
            margin-top: 1em;
            
        }

        #personell div.staff dl {
            width: 100%;

            font-size: 1em;
            line-height: 1.5;
            font-family: "Verdana", sans-serif;
            }

            #personell div.staff dl dt {
                display: inline;

        
				width:70px;
                color: #003;
                background-color: #fff;

                margin: 0.5em 0.5em 0 0;
            }

            #personell div.staff dl img {
                float: none;
            }

            #personell div.staff dl dd {
                display: inline;
                width: 60%;

                vertical-align: bottom;
            }

            #personell div.staff dl dd span {
                display: block;
            }
            #personell div.staff dl dd span span {
                display: inline;
            }

            #personell div.staff dl ul {
                font-size: 1em;
            }

            #personell div.staff dl ul li {
                margin: 0;
            }

            #personell div.staff dl ul li a {
                font-size: 0.9em;
                margin: 0;
                clear: none;
        }

        #personell div.staff {
            font-family: "Verdana", sans-serif;
            margin-bottom: 1em;
        }
        
        #personell div.staff img {
            margin-left: 7px;
        }

        #personell dd {
                width: 95%;
            }

            #personell div.staff dl dt {
                float: left;
                clear: left;
            }

            #personell div.staff dl, 
            #personell div.staff dl dt {
                vertical-align: top;
            }

            #personell div.staff dl dd {
                width: 80%;
                float: left;

                vertical-align: top;
}



/*============================================================================*/
/* Organigramm */

div.csi-clear {
	padding-top: 1em;
}

h2.orga,
h3.orga {
	margin: 0;

    font-size: 1.8em;
	font-family: "Georgia", serif;
	font-weight: normal;
}

h3.orga {
	margin: 0 0 1em 0;
}

h2.orga {
	color: #9cf;
    background-color: inherit;
}

div.abteilung {
    margin: 0 0 0 10px;

    border-left: 1px solid #666;
}

dl.abteilung {
	padding: 10px 0 0 5px;
	background: url("../graphics/vws_orga_linie.gif") repeat-x 0 50%;

    height: auto !important;    

    /* IE 5.0 */
    height: 0;
    }

    div.abteilung dt,
    div.abteilung dd {
        color: inherit;
    	background-color: #c5e1ff;
    }

    div.abteilung a:link,
    div.abteilung a:visited,
    div.abteilung a:active {
    	display: block;
        padding: 5px;

        text-decoration: none;
    }

    div.abteilung a:focus {
        color: #036 !important;
    	background-color: #c5e1ff;
    }

    div.abteilung a.plusminus {
	    display: inline;
    	width: 1.5em;

        float: left;
        clear: both;

        background-color: inherit;
        color: inherit;
    }
    
    div.abteilung a strong:hover {
    	color: #fff !important;
    	background-color: #666 !important;
    }

    div.abteilung #konoorga_id18 a.plusminus {
        height: 3.6em !important;
        height: 4.6em;
}

#konoorga_abtid13,
#konoorga_id13 { 
    background: none;
    border: none; 
}

div.lastNode {
    border: none;

    background: url("../graphics/vws_orga_lastnode_wide.gif") no-repeat 0 50%;
}

div.addon {
    color: inherit;
    background: #E5F1FF;

    padding: 1em;
	margin: 0 0 1em 0;
}

div.addon_small {
	padding: 1em;
	margin: 0 0 1em 0;
}



/*============================================================================*/
/* IE 7 

a:hover,
#metamenue li a:hover,
#mainmenue a:hover, 
#mainmenue ul.secondmenue a:hover, 
#thirdmenue ul li a:hover, 
#content ul li a:hover, 
#history a:hover,
#content ul.projectlist li a:hover, 
div.abteilung a strong:hover 
{
    color: inherit !important;
    background-color: inherit !important;
}

*/



/*============================================================================*/
/* MW Keywordlist */

.tx-mwkeywordlist-pi1 {
    }

    .tx-mwkeywordlist-pi1-jumpmenu,
    .tx-mwkeywordlist-pi1 .sectiontoplink {
        display: none;
    }

    /* Buchstaben */
    .tx-mwkeywordlist-pi1 h2 {
        font-size: 1.5em;
        padding-top: 1em;
    }

    #content div.tx-mwkeywordlist-pi1 ul li {
        padding-left: 1.5em !important;
        padding-left: 0;
    }

    .tx-mwkeywordlist-pi1 .section strong {
        width: 45%;
        float: left;
        clear: both;
        font-weight: normal;
        margin-top: 0;        
    }

    .tx-mwkeywordlist-pi1 .section div {
        padding: 0;
    }

    .tx-mwkeywordlist-pi1 .section ul {
        display: inline;
       
        float: right;
        width: 50%;

        padding: 0;
        margin-top: 0 !important;
    }

    .tx-mwkeywordlist-pi1 .section li {
}



/*============================================================================*/
/* Seiten voller Breite */

body.full div#columnleft {
	width: 64em !important;
    margin-right: 2em !important;

    /* IE */
    width: 66em;
    margin-right: 0;
}

body.full div#columnright,
body.full div#leibniz {
    display: none;
}



/*============================================================================*/
/* Drittmittelseite */

body#drittmittel {
    }

    body#drittmittel table.contenttable {
        width: 54.5em;
}


/*Bildergalerie*/

div.and_thumb_image {
	float: left;
	width: 13em;
	height: 13em;

    padding: 1em 0 0 0;
	margin: 1em 0.1em 0.1em 0;

    border: 1px solid #E0E0E0;

    text-align: center;
}

div.and_thumb_image a:link,
div.and_thumb_image a:active,
div.and_thumb_image a:focus,
div.and_thumb_image a:hover,
div.and_thumb_image a:visited {
	background:none;
}

div#shadowbox_title {
	display:none !important;
}