@charset 'UTF-8';

* { margin: 0; padding: 0; }
a img { border: none; }
html { width: 100%; height: 100%; font-family: Verdana, sans-serif, monospace; font-size: 100.01%; color: #000; background: #76A8AF; }
body { font-size: 1em; background: url('layout/Kopf-Fortsetzung.jpg') top left repeat-x #fff; }

#page { width: 945px; text-align: left; background: transparent; color: #000; }

#header { height: 180px; background: url('layout/laudel-Kopf.jpg') top left no-repeat; position: relative; }

#navi { position: relative; z-index: 1; top: 130px; height: 35px; list-style-type: none; float: left; }
#navi li { float: left; text-indent: -1000em; height: 35px; position: relative; }
#navi li a, #navi li a:hover { float: left; display: block; width: 100%; height: 35px; }

/* Punkte für die Hauptnavi */
#navi li#punkt1 { width: 84px; }
#navi li#punkt1 a { background: url('layout/button_home.jpg') top left no-repeat; }
#navi li#punkt1 a:hover, #navi li#punkt1 a.currentlink { background: url('layout/button_home.jpg') bottom left no-repeat; }

#navi li#punkt2 { width: 206px; }
#navi li#punkt2 a { background: url('layout/button_research_interests.jpg') top left no-repeat; }
#navi li#punkt2 a:hover, #navi li#punkt2 a.currentlink { background: url('layout/button_research_interests.jpg') bottom left no-repeat; }

#navi li#punkt3 { width: 188px; }
#navi li#punkt3 a { background: url('layout/button_current_projects.jpg') top left no-repeat; }
#navi li#punkt3 a:hover, #navi li#punkt3 a.currentlink { background: url('layout/button_current_projects.jpg') bottom left no-repeat; }

#navi li#punkt4 { width: 150px; }
#navi li#punkt4 a { background: url('layout/button_publications.jpg') top left no-repeat; }
#navi li#punkt4 a:hover, #navi li#punkt4 a.currentlink { background: url('layout/button_publications.jpg') bottom left no-repeat; }

#navi li#punkt5 { width: 152px; }
#navi li#punkt5 a { background: url('layout/button_background.jpg') top left no-repeat; }
#navi li#punkt5 a:hover, #navi li#punkt5 a.currentlink { background: url('layout/button_background.jpg') bottom left no-repeat; }

#navi li#punkt6 { width: 105px; }
#navi li#punkt6 a { background: url('layout/button_contact.jpg') top left no-repeat; }
#navi li#punkt6 a:hover, #navi li#punkt6 a.currentlink { background: url('layout/button_contact.jpg') bottom left no-repeat; }

#content { clear: left; padding: 0px 10px 10px 20px; max-width: 1000px; min-height: 500px; font-size: .9em; line-height: 150%; }
* html #content { height: 500px; }

#content #submenu { margin: 0 0 20px 0; line-height: 150%; }
#content #submenu li { list-style-type: none; display: inline; padding: 0 10px 0 10px; border-right: 1px solid #000; }
#content #submenu li.firstlink { padding-left: 0; }
#content #submenu li.lastlink { border-right: none; }

#content h1 { font-size: 1.2em; margin: 0 0 10px 0; color: #397582; background: transparent; }
#content h2 { clear: left; font-size: 1.1em; margin: 10px 0 10px 0; color: #397582; background: transparent; }
#content h2.h2abstand { margin: 30px 0 20px 0; }
#content h3 { clear: left; font-size: 1em; margin: 10px 0 10px 0; }

#content a, #content span.currentsite { color: #006699; }
#content a:hover { color: #003366; }

#content p { margin: 0 0 5px 0; }
#content ul { margin: .5em 0 .5em 1em; list-style-type: disc; line-height: 180%; }
#content ul.haengenderabsatz { list-style: none; }
#content ul.haengenderabsatz li { margin: 0 0 20px 0; }

#content ul.publication { margin-left: 2em; }
#content ul.publication li { margin-bottom: 1em; }

#content hr { margin: 10px 0 10px 0; line-height: 1px; font-size: 1px; border-width: 1px 0 0 0; border-style: solid; border-color: #eee; }

#content div.abstract { padding: 5px; border: 1px solid #000; margin: 10px 0 10px 0; }

#content em { font-style: italic; font-size: 1.1em; }
#content .leerzeile { margin-top: 1em; }
#content .floatlinks { float: left; margin: 0 10px 10px 0; }

#content dl { float: left; margin: 0 0 20px 0; }
#content dl dt { float: left; width: 6em; }
#content dl dd { margin: 0 0 0 6em; }



