html {margin:0px;padding:0px;height:100%;width:100%;}
body {margin:0px;padding:0px;background:#fff;height:100%;width:100%;}

#header {background:Url('images/blau.jpg') #333333;height:120px;border-bottom:1px solid #333;overflow:hidden;}
#header img {border:0px;}

#column {width:300px;background:Url('images/sidebarbackground.jpg') top repeat-x #990000;float:right;border-left:1px solid #000;color:#fff;font:0.9em Libre Baskerville,EB Garamond,Calibri,Arial;}
#column hr {margin:16px 16px;padding:0px;clear:both;height:2px;border-top:1px solid #666666;border-bottom:1px solid #dddddd}

#profile h1 {margin:8px 16px 0px 16px;padding:0px;width:144px;height:51px;background:Url('images/profile.jpg') no-repeat;}
#profile h1 span {display:none;}
#profile dl {margin:4px 4px 0px 0px;padding-left:16px;padding-right:16px}
#profile dl dt {color:#fff;font:bold 1.2em Libre Baskerville,EB Garamond,Calibri,Arial;padding:2px 6px;border-bottom:1px solid #666666;margin:6px 0px 0px 4px;}
#profile dl dd {margin:2px 0px 0px 0px;padding:0px 8px;}

#contact h1 {margin:8px 16px 0px 16px;padding:0px;width:187px;height:43px;background:Url('images/contact2.jpg') no-repeat;}
#contact h1 span {display:none;}
#contact a {display:block;}
#contact a:link, #socialise a:visited {margin:2px 16px 0px 16px;border-bottom:1px solid #63666c;color:#fff;text-decoration:none;padding:2px 0px 4px 24px;}
#contact a:visited, #socialise a:visited {margin:2px 16px 0px 16px;border-bottom:1px solid #63666c;color:#fff;text-decoration:none;padding:2px 0px 4px 24px;}
#contact a:hover, #socialise a:active {margin:2px 16px 0px 16px;border-bottom:1px solid #63666c;color:#63666c;text-decoration:none;padding:2px 0px 4px 24px;background:#fff;}
#contact a#skype-link {background-image:Url('http://www.skypeassets.com/i/common/images/icons/favicon.ico');background-size:16px 16px;background-position:4px 4px;background-repeat:no-repeat;}
#contact a#aim-link {background-image:Url('http://big.oscar.aol.com/Horatioweb?on_url=http://heikozimmermann.de/images/AIM_on.ico&off_url=http://heikozimmermann.de/images/AIM_off.ico');background-position:4px 4px;background-repeat:no-repeat;}
#contact a#icq-link {background-image:Url('http://status.icq.com/online.gif?icq=56276929&img=5');background-position:4px 4px;background-repeat:no-repeat;}
#contact a#msn-link {background-image:Url('http://www.msn.com/favicon.ico');background-size:16px 16px;background-position:4px 4px;background-repeat:no-repeat;}
#contact a#academia-link {background-image:Url('https://a.academia-assets.com/images/favicons/favicon-production.ico');background-size:16px 16px;background-position:4px 4px;background-repeat:no-repeat;}
#contact a#facebook-link {background-image:Url('http://heikozimmermann.de/images/FB.ico');background-position:4px 4px;background-repeat:no-repeat;}
#contact a#flickr-link {background-image:Url('http://flickr.com/favicon.ico');background-size:16px 16px;background-position:4px 4px;background-repeat:no-repeat;}
#contact a#youtube-link {background-image:Url('http://youtube.com/favicon.ico');background-position:4px 4px;background-repeat:no-repeat;}
#contact a#blip-link {background-image:Url('http://blip.fm/favicon.ico');background-position:4px 4px;background-repeat:no-repeat;}
#contact a#last-link {background-image:Url('http://static-web.last.fm/static/images/favicon.ico');background-size:16px 16px;background-position:4px 4px;background-repeat:no-repeat;}
#contact a#twitter-link {background-image:Url('http://twitter.com/favicon.ico');background-position:4px 4px;background-repeat:no-repeat;}
#contact a#tumblr-link {background-image:Url('http://www.tumblr.com/favicon.ico');background-size:16px 16px;background-position:4px 4px;background-repeat:no-repeat;}
#contact a#instagram-link {background-image:Url('http://d36xtkk24g8jdx.cloudfront.net/bluebar/e582e3a/images/ico/favicon.ico');background-size:16px 16px;background-position:4px 4px;background-repeat:no-repeat;}
#contact a#o2-link {background-image:Url('http://www.o2online.de/favicon.ico');background-size:16px 16px;background-position:4px 4px;background-repeat:no-repeat;}
#contact a#orcid-link {background-image:Url('http://orcid.org/sites/default/files/images/orcid_16x16.png');background-position:4px 4px;background-repeat:no-repeat;}
#contact a#post-link {background-image:Url('https://www.deutschepost.de/etc/designs/dpag_multiscreen/img/favicon.ico');background-size:16px 16px;background-position:4px 4px;background-repeat:no-repeat;}
#contact a#gr-link {background-image:Url('http://www.planetromeo.com/favicon.ico');background-position:4px 4px;background-repeat:no-repeat;}
#contact input, textarea {width: 268px; margin:2px 16px 0px 16px; font:0.9em Libre Baskerville,EB Garamond,Calibri,Arial; background-color: #990000; border-style: none; border-bottom: 1px solid #666666; color:#fff; border-color: #666666;}
#contact p {margin:2px 16px 0px 16px; font-family: Libre Baskerville,EB Garamond,Calibri,Arial;}

#linkroll h1 {margin:8px 16px 0px 16px;padding:0px;width:170px;height:44px;background:Url('images/links.jpg') no-repeat;}
#linkroll h1 span {display:none;}
#linkroll a {display:block;}
#linkroll a:link, #linkroll a:visited {margin:2px 16px 0px 16px;border-bottom:1px solid #63666c;color:#fff;text-decoration:none;padding:2px 0px 2px 0px;}
#linkroll a:hover, #linkroll a:active {margin:2px 16px 0px 16px;border-bottom:1px solid #63666c;color:#63666c;text-decoration:none;padding:2px 0px 2px 0px;background:#fff;}
#linkroll .linkrollfolder {display:none;}
#linkroll p {display:none;}

#introduction {background:#fff;padding:16px 300px 16px 16px;}
#introduction h1 {margin:0px 16px 0px 16px;padding:0px 0px 8px 0px;width:208px;height:38px;background:Url('images/introduction.jpg') bottom no-repeat;}
#introduction h1 span {display:none;}
#introduction h2 span {display:none;}
#introduction p {margin:8px 16px 16px 16px;font:normal 1em Libre Baskerville,EB Garamond,Calibri,Arial;}
#introduction b {color:#009999}
#introduction a {color:#009999;font-weight:bold;border-bottom:3px double #009999;}
#introduction a:link {color:#009999;font-weight:bold;border-bottom:3px double #009999;}
#introduction a:visited {color:#009999;font-weight:bold;border-bottom:2px dotted #009999;text-decoration:none;padding-bottom:0px;}
#introduction a:hover, #introduction a:active {color:#009999;font-weight:bold;border-bottom:3px double #009999;background:#009999;color:#ffffff;}

#webtypodesign {background:Url('images/rot.jpg') #990000;height:120px;border-bottom:1px solid #000;border-top:2px solid #de6c58;overflow:hidden;}
#webtypodesign-text {background:#fff;padding:16px 16px 16px 16px;}
#webtypodesign-text p {margin:8px 16px 16px 16px;font:normal 1em Libre Baskerville,EB Garamond,Calibri,Arial;}
#webtypodesign-text ul {font:normal 1em Libre Baskerville,EB Garamond,Calibri,Arial;}
#webtypodesign-text ul li {margin:4px 0px;}
#webtypodesign-text b {color:#990000}
#webtypodesign-text a {color:#990000;font-weight:bold;border-bottom:3px double #a43b2c;}
#webtypodesign-text a:link {color:#990000;font-weight:bold;border-bottom:3px double #a43b2c;}
#webtypodesign-text a:visited {color:#990000;font-weight:bold;border-bottom:2px dotted #a43b2c;text-decoration:none;padding-bottom:0px;}
#webtypodesign-text a:hover, #webtypodesign-text a:active {font-weight:bold;border-bottom:3px double #990000;background:#990000;color:#ffffff;}

#papers {background:Url('images/gruen.jpg') #999900;height:120px;border-bottom:1px solid #000;border-top:2px solid #999900;overflow:hidden;}
#papers-text {background:#fff;padding:16px 16px 16px 16px;}
#papers-text p {margin:8px 16px 16px 16px;font:normal 1em Libre Baskerville,EB Garamond,Calibri,Arial;}
#papers-text ul {font:normal 1em Libre Baskerville,EB Garamond,Calibri,Arial;}
#papers-text ul li {margin:4px 0px;}
#papers-text b {color:#999900}
#papers-text a {color:#999900;font-weight:bold;border-bottom:3px double #999900;}
#papers-text a:link {color:#999900;font-weight:bold;border-bottom:3px double #999900;}
#papers-text a:visited {color:#999900;font-weight:bold;border-bottom:2px dotted #999900;text-decoration:none;padding-bottom:0px;}
#papers-text a:hover, #papers-text a:active {font-weight:bold;border-bottom:3px double #999900;background:#999900;color:#ffffff;}

#otherstuff {background:Url('images/lila.jpg') #990099;height:120px;border-bottom:1px solid #000;border-top:2px solid #990099;overflow:hidden;}
#otherstuff-text {background:#fff;padding:16px 16px 16px 16px;}
#otherstuff-text p {margin:8px 16px 16px 16px;font:normal 1em Libre Baskerville,EB Garamond,Calibri,Arial;}
#otherstuff-text ul {font:normal 1em Libre Baskerville,EB Garamond,Calibri,Arial;}
#otherstuff-text ul li {margin:4px 0px;}
#otherstuff-text b {color:#990099}
#otherstuff-text a {color:#990099;font-weight:bold;border-bottom:3px double #990099;}
#otherstuff-text a:link {color:#990099;font-weight:bold;border-bottom:3px double #990099;}
#otherstuff-text a:visited {color:#990099;font-weight:bold;border-bottom:2px dotted #990099;text-decoration:none;padding-bottom:0px;}
#otherstuff-text a:hover, #photography-text a:active {font-weight:bold;border-bottom:3px double #990099;background:#990099;color:#ffffff;}

#teaching {background:Url('images/ganzgruen.jpg') #009900;height:120px;border-bottom:1px solid #000;border-top:2px solid #009900;overflow:hidden;}
#teaching-text {background:#fff;padding:16px 16px 16px 16px;}
#teaching-text p {margin:8px 16px 16px 16px;font:normal 1em Libre Baskerville,EB Garamond,Calibri,Arial;}
#teaching-text ul {font:normal 1em Libre Baskerville,EB Garamond,Calibri,Arial;}
#teaching-text ul li {margin:4px 0px;}
#teaching-text b {color:#009900}
#teaching-text a {color:#009900;font-weight:bold;border-bottom:3px double #009900;}
#teaching-text a:link {color:#009900;font-weight:bold;border-bottom:3px double #009900;}
#teaching-text a:visited {color:#009900;font-weight:bold;border-bottom:2px dotted #009900;text-decoration:none;padding-bottom:0px;}
#teaching-text a:hover, #photography-text a:active {font-weight:bold;border-bottom:3px double #009900;background:#009900;color:#ffffff;}

#bottompad {clear:both;background:#fff;margin-bottom:-16px;}
#footer {background:#eee;clear:both;margin-top:0px;border-top:1px solid #000;padding:6px 32px 32px 32px;font:0.7em Libre Baskerville,EB Garamond,Calibri,Arial;color:#888;}
#footer a:link {color:#009999;font-weight:bold;}