/*
Site: http://www.thalgott.de
Author: Jan Tackmann
Date: March 2007
 */


body { font: normal 0.8em Verdana, "Lucida sans", Arial, sans; color: #909090; background: #16100D; line-height: 1.4em; padding: 0; margin: 0; }

ul, li, div, br, p, h2 { padding: 0; margin: 0; }
img { border: 0; }
.clear { clear: both; line-height: 0.1em; }
.left { float: left; margin: 0 20px 0 0; }
.pad { padding: 60px 0; }

#header { height: 15%; width: 100%; position: absolute; top: 0; overflow: hidden; background: #ffffff url(../grafik/header_k.gif) no-repeat left bottom; }
#content { background: #16100D; height: 70%; width: 100%; position: absolute; top: 15%; overflow: auto; }
#footer { background: #ffffff; height: 15%; width: 100%; position: absolute; top: 85%; overflow: auto; }
#footer img { margin: 16px 20px 0 0; }

#contentpad { margin: 0 0 0 194px; background: #16100D; }

ul#navi { list-style: none; float: left; vertical-align: bottom; margin: 0 0 0 20px; }
ul#navi li { float: left; margin: 0 20px 0 0; padding: 13px 0 0 0; }
ul#navi li.active { color: #000; background: url(../grafik/bullet-navi.gif) no-repeat top center; }

ul#pictures { list-style: none; vertical-align: bottom; width: 500px; line-height: 16px; font-size: 16px; }
ul#pictures li { float: left; padding: 0 20px 4px 0; text-align: right; }
ul#pictures li img { height: 110px; }

ul.news { list-style: none; padding: 0 0 40px 0; width: 800px;  }
ul.news li { padding: 0 20px 10px 0; clear: both; }

ul.news div { float: left; }
ul.news .left { float: left; margin: 0 20px 0 0; padding: 0 20px 0 0; width: 210px; border-right: 6px solid #505050; text-align: right; display: block; }	
	
.updated { color:#E26323; }	
	
ul.work { list-style: none; padding: 0 0 40px 0; border-bottom: 1px solid #303030; width: 800px; }
ul.work li { padding: 0 0 10px 0; clear: both; }
ul.work div { float: left; display: block; width: 540px; }
ul.work .left { float: left; margin: 0 20px 0 0; width: 60px; display: block; }	
ul.work .mid { float: left; margin: 0 20px 0 0; width: 150px; border-right: 6px solid #505050; display: block; color: #9f9f9f; }
ul.work li.award .mid, ul.work li.award .left { border: none; }
ul.work li.award .mid { background: url(../grafik/bullet-award.gif) no-repeat right center; width: 156px; padding: 0;  }
ul.work li.year { padding: 40px 0 10px 0; }

a { text-decoration: none; font-weight: normal; }
a:link { color:#ccc; }
a:visited { color:#ccc; }
a:hover { color:#E26323; }
a:active { color:#ccc; }

a.hiddentext { color: #16100D; font-size: 0.7em; }
a:link.hiddentext { color: #16100D; font-size: 0.7em; }
a:visited.hiddentext { color: #16100D; font-size: 0.7em; }
a:active.hiddentext { color: #16100D; font-size: 0.7em; }
a:hover.hiddentext { color:#ccc; }

#navi a { text-decoration: none; font-weight: normal; color: #848484; }
#navi a:link { color: #848484; }
#navi a:visited { color: #848484; }
#navi a:hover { color:#c21; }
#navi a:active { color: #848484; }
#navi li.active a { color: #000; }

h2 { font-size: 1.3em; font-weight: normal; padding: 0 0 10px 0; margin: 0 0 20px 0; color: #888; border-bottom: 1px solid #303030; }
p { padding: 10px 0 0 0; }

#about { clear: both; }
#about div { float: left; border-left: 1px solid #303030; padding: 0 10px 0 10px; margin: 0px 0 0 0; }
#about .pdf { background: url(../grafik/bullet-pdf.gif) no-repeat left center; padding: 0 0 0 20px;  }

#contact {}
#contact img { margin: 0 20px 0 0; padding: 4px 0 0 0; }
#contact p { margin: 0; padding: 0 0 21px 0; }
#contact b { font-size: 1.8em; line-height: 1.8em; font-weight: bold; letter-spacing: -0.08em; word-spacing: 0.05em; }
#contact a b { letter-spacing: 0.00em; line-height: 1.5em; }
#contact b.email { background: url(../grafik/bullet-email.gif) no-repeat left center; padding: 0 0 0 15px; }