@charset "utf-8";
* {	margin: 0px; padding: 0px; font-family: Arial, helvetica, sans-serif; }
body { text-align: center; color: #7d7d7d; font-size:100%; background: #efefef; }

* html * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
/* TEXT ELEMENTS */
h1 {font-size: 2.00em; }
h2 { font-size: 1.50em; font-weight: normal; }
h3 { font-size: 1.13em; padding-top: 18px; font-weight: normal; }

p { font-size: 0.75em; line-height: 20px; padding-top: 18px; }
p.first { font-size: 0.88em; line-height: 24px; padding-top: 0px; }
p.clear { clear: both; height: 1px; line-height: 1px; font-size: 1px; padding: 0px; margin: 0px; }
p.flat { height: 1px; line-height: 1px; font-size:1px; padding: 0px; margin: 0px; }
ul.error { padding-left: 50px; color: #b83439; font-size: 0.75em; line-height: 20px; padding-top: 18px;  }
ul.error li { padding-left: 20px; background: transparent url('../images/basic-elements/cross.png') no-repeat 0px 2px; }
p.error,p.jswarning { color: #ff0000; }
p.success { color: #ff6c00; }
p.paging a.gxpager { text-decoration: none; display: block; float: left; height: 30px; width: 30px; text-align: center; line-height: 30px; margin-right: 5px; background-color: #fff; border: 1px solid #b3b3b3; color: #7d7d7d; }
p.paging strong { background-color: #f6f6f6; border: 1px solid #b3b3b3; display: block; float: left; height: 30px; width: 30px; text-align: center; line-height: 30px; margin-right: 5px; }

span.red { color: #ff0000; }
a { outline: none; color: #7d7d7d; }
ul, ol { list-style: none; }
/* TABLES */
table { border-collapse: collapse; border-spacing: 0; border: 0px; }
td,th { line-height: 20px; }
caption, th { text-align: left; }
em { font-style: italic; color: #4c7d0d; }
/* IMAGES */
img.alignleft { float: left; margin-right: 40px; margin-top: 5px; }
img.alignright { float: right; margin-left: 40px; margin-top: 5px; }
/* FORMS */
legend { display: none; }
fieldset, img { border: 0; }
textarea { height: 100px; }

div#wrapper { position: relative; z-index: 3; width: 100%; min-width: 960px; background: transparent url('../images/project-elements/wrapper-bg.gif') no-repeat center 100px; }
div#container { text-align: left; margin: 0px auto; width: 960px; position: relative; }

div#branding { width: 960px; height: 240px; position: relative; background: transparent url('../images/project-elements/branding-bg.png') no-repeat 350px 100px; }
div#branding h1 { position: absolute; top: 100px; left: 0px; width: 350px; height: 140px; background: transparent url('../images/project-elements/logo.png') no-repeat; }
div#branding h1 a { display: block; height: 120px; width: 350px; text-indent: -9999px; }

div#metanavigation { position: absolute; z-index: 4; top: 0px; left: 710px; width: 250px; height: 30px; line-height: 26px; background: #fff; }
div#subnavigation { position: absolute; z-index: 4; top: 20px; left: 50px; }
div#metanavigation ul {  padding-left: 15px; }
div#metanavigation ul li, div#subnavigation ul li { float: left; display: inline; }
div#metanavigation ul li a, div#subnavigation ul li a { font-size: 0.75em; padding-left: 10px; padding-right: 10px; border-right: 1px solid #939393; color: #939393; text-decoration: none; }
div#metanavigation ul li a:hover, div#metanavigation ul li a.active, div#subnavigation ul li a:hover, div#subnavigation ul li a.active { color: #4c7d0d; text-decoration: underline; }
div#metanavigation ul li a.impressum, div#subnavigation ul li a.last { border: none; }
div#subnavigation ul li a,div#subnavigation ul li a:hover { border-bottom: none; }

div#mainnavigation { position: absolute; z-index: 4; top: 120px; left: 350px; width: 610px; height: 120px; background: transparent url('../images/project-elements/topics-bg.png') repeat; }
div#mainnavigation ul { left: 10px; top: 85px; position: absolute;  }
div#mainnavigation ul li { float: left; display: inline; }
div#mainnavigation ul li a { padding-left: 30px; font-size: 0.75em; color: #fff; text-transform: uppercase; text-decoration: none; }

div.topics { width: 310px; padding-top: 20px; background: transparent url('../images/project-elements/3d-decoration.gif') no-repeat left top; }
div.topics ul { padding: 40px; background: transparent url('../images/project-elements/topics-bg.png') repeat; }
div.topics ul li { display: inline;  }
div.topics ul li a { color: #fff; text-decoration: none; display: block; padding-left: 20px; height: 30px; background: transparent url('../images/project-elements/white-arrow.gif') no-repeat 0px 12px; line-height: 30px; font-size: 0.75em; border-bottom: 1px dotted #fff; }
div.topics ul li a:hover,div.topics ul li a.active { text-decoration: underline; }

div#content { width: 960px; padding-top: 1px; background: transparent url('../images/project-elements/content-bg.png') repeat-y; }
div#maincontent { padding-top: 50px; position: relative; padding-bottom: 50px; float: right; width: 610px; background: #fff; }
div#maincontent h2 { margin-top: 20px;  margin-left: -10px; }
div#maincontent h2 span { padding-left: 50px; background-color: #60a10b; color: #fff; }
div#maincontent h2 a { border-bottom: none; }
div#maincontent h2 a:hover { border-bottom: none; color: #60a10b; }
div#maincontent h2 a:hover span { padding-left: 50px; }
div#maincontent h2 a:hover span:first-child { background-image: url('../images/project-elements/green-arrow.gif'); background-repeat: no-repeat; background-position: 30px 9px; }
div#maincontent h3 { color: #4c7d0d; padding-left: 60px; padding-right: 60px; }
div#maincontent h4{ color: #4c7d0d; font-size: 0.75em; font-weight: bold; }
div#maincontent h4 a { color: #4c7d0d; }
div#maincontent p {  padding-left: 60px; padding-right: 60px; }
div#maincontent p a { color: #4c7d0d; }
div#maincontent p.logo { float: left; width: 135px; padding-left: 0px; padding-right: 0px; margin-left: 60px; }
div#maincontent p.logo img { margin-top: 3px; }
div#maincontent p.logodescription { padding-left: 0px; padding-right: 0px; float: left; width:355px;}
div#maincontent p.special { margin-top: 18px; padding-top: 0px; margin-left: 60px; display: block; padding-left: 20px; border-left: 5px solid #eee; }
div#maincontent p.top { vertical-align: middle; line-height: 13px; text-align: right; }
div#maincontent p.top img { vertical-align: middle; }
div#maincontent p.top a { border: none; }

div#maincontent div.first { border-top: none; margin-top: 100px; background: fuchsia; }
div#maincontent div.box{ margin: 18px 60px 0px 60px; border-top: 1px solid #b3b3b3; }
div#maincontent div.box p, div#maincontent div.box h3 { padding-left: 0px; padding-right: 0px; }
div#maincontent div.box p.testimonial, div.box p.author { display: inline; float: left; }
div#maincontent div.box p.testimonial { width: 250px;  margin-right: 60px; }
div#maincontent div.box p.author { width: 180px; }
div#maincontent a { border-bottom: 1px dotted #7d7d7d; text-decoration: none; }
div#maincontent a.youtubin,div#maincontent a.youtubin:hover { border-bottom: none; }
div#maincontent a:hover { color: #4c7d0d; border-bottom: 1px dotted #4c7d0d; }
div#maincontent dl.textlist { border-bottom: 1px solid #fff; padding-top: 18px; margin-left: 60px; margin-right: 60px; }
div#maincontent dl.textlist dt a { line-height: 20px; border-top: 1px solid #fff; display: block; background: #efefef url('../images/project-elements/grey-arrow.gif') no-repeat 20px 17px; padding: 10px 30px 10px 30px; font-size: 0.75em; border-bottom: none; }
div#maincontent dl.textlist dt a:hover { background: #60a10b url('../images/project-elements/white-arrow.gif') no-repeat 20px 17px; color: #fff; }
div#maincontent dl.textlist dt a:hover em { color: #fff; }
div#maincontent dl.textlist dd { display: none; background-color: #fff; padding-bottom: 18px; border-top: 1px solid #fff; }
div#maincontent dl.textlist dd ul { padding-left: 30px; padding-top: 18px; list-style: square; }
div#maincontent dl.textlist dd ul li { line-height: 20px; font-size: 0.75em; margin-left: 2px; padding: 0px; }
div#maincontent dl.textlist dd h3 { padding-left: 0px; padding-right: 0px; }
div#maincontent dl.textlist dd p { padding-left: 30px; padding-right: 0px; }

div#maincontent ul.textlist { border-bottom: 1px solid #fff; padding-top: 18px; margin-left: 60px; margin-right: 60px; }
div#maincontent ul.textlist li {line-height: 20px; font-size: 0.75em; border-top: 1px solid #fff; background: #efefef url('../images/project-elements/grey-arrow.gif') no-repeat 20px 17px; padding: 10px 30px 10px 30px; }
div#maincontent ul.textlist li a { border: none; }

div#vita { padding-left: 60px; padding-top: 7px; }
div#vita table { width: 490px; }
div#vita table tr td { vertical-align: top; padding: 10px; font-size: 0.75em; background: #efefef; border-bottom: 1px solid #fff; }
div#vita table tr td.date { width: 100px; }
div#vita table tr td.header { font-weight: bold; background: #fff; padding-left: 0px; }


div.seminare { padding-left: 60px; padding-top: 27px; }
div.seminare table { width: 490px; }
div.seminare table tr td { vertical-align: top; padding: 10px; font-size: 0.75em; background: #efefef; border-bottom: 1px solid #fff; }
div#maincontent div.seminare table tr td p { padding: 0px; }
div.seminare table tr td.location { width: 100px; }
div.seminare table tr td.header { font-weight: bold; background: #fff; padding-left: 0px; }
div.seminare table tr td.download { vertical-align: middle; }
div.seminare table tr td.download a { border: none; width: 16px; height: 16px;display: block; text-indent: -9999px; background: transparent url('../images/basic-elements/page-white-put.png') no-repeat; }

div#subcontent { float: right; width: 350px; }

div#statement { clear: both; position: relative; width: 960px; height: 122px; }
div#statement p { padding: 0px; margin: 0px; background-repeat: no-repeat; position: absolute; left: 350px; top: 1px; width: 610px; height: 121px; }
div#statement p#knowme { background-image: url('../images/project-elements/statement-p-knowme-bg.png'); }
div#statement p#visitblog { background-image: url('../images/project-elements/statement-p-visitblog-bg.png'); }
div#statement p#phonecall { text-indent: -9999px; background-image: url('../images/project-elements/statement-p-phone-bg.png'); }
div#statement p a { background-image: url('../images/project-elements/statement-p-a-bg.png'); position: absolute; right: 0px; top: 0px; display: block; text-indent: -9999px; width: 103px; height: 121px; background-repeat: no-repeat; background-position: top; }
div#statement p a:hover { background-position: bottom; }
div#pageinformation { display: none; }

div#contactform { padding: 5px 0px 0px 60px; }
div#contactform form legend { display: none; }
div#contactform form fieldset{ border: solid 0px #fff; }
div#contactform form ol { list-style-type: none; padding: 15px 0px; }
div#contactform form ol li{ padding-top: 13px; padding-left: 0px; background: none; }
div#contactform form ol li fieldset{ padding-left: 143px; }
div#contactform form ol li fieldset input { width: auto; margin-right: 5px; }
div#contactform form ol li label { font-size: 0.75em; vertical-align: top; display: inline-block; width: 170px; }
div#contactform form ol li input,
div#contactform form ol li textarea { border: 1px solid #b3b3b3; padding: 5px 0px 5px 0px; background-image: url('../images/basic-elements/input-bg.gif'); background-repeat: repeat-x; background-position: top; color: #383d3d; width: 318px; font-size: 12px; }
div#contactform form ol li input.error, div#contactform form ol li textarea.error { background: #fee9eb; border: 1px solid #dc888b; }
div#contactform form ol li textarea {  height: 150px; }
div#contactform form ol li input.radio { background: none; border: none; }
div#contactform form ol li select { font-size: 12px; color: #505154; width: 398px; }
div#contactform form ol li input.checkbox { width: auto; }
div#contactform form a { margin-left: 173px; }
div#contactform form input.submit  { margin-left: 173px; width: auto; }

div#weblogoverview div p { text-align: right; }
div#weblogoverview div p.dateinfo { float: left; text-align: left; }

div#weblogsearch { margin-top: 1px; position: relative; width: 310px; height: 55px; background: #fff; }
div#weblogsearch form { top: 1px; position: absolute; left: 40px; top:16px; height: 30px; }
div#weblogsearch form legend { display: none; }
div#weblogsearch form fieldset{ border: solid 0px #fff; }
div#weblogsearch form ol{ list-style-type: none; }
div#weblogsearch form ol li{ position: relative; }
div#weblogsearch form ol li label { display: none; }
div#weblogsearch form ol li input { text-indent: 5px; width: 172px; border: 1px solid #b3b3b3; font-size: 12px; padding: 3px 0px 3px 0px; color: #7d7d7d; background: #fff; }
div#weblogsearch form input.submitimage { position: absolute; left: 177px; top: 0px; }

div#weblogdetail div p { text-align: right; }
div#weblogdetail div p.dateinfo { float: left; text-align: left;  }

div#weblogcomments { margin-top: 40px; }
div#weblogcomments div.comment { border-top: 1px solid #b3b3b3; padding: 20px 0px; }
div#weblogcomments div.comment h4 { padding: 0px 0px 0px 60px; float: left; }
div#weblogcomments div.comment p { }
div#weblogcomments div.comment p.commentdate { padding: 0px 60px 0px 0px; text-align: right; color: #999; }

div#commentform { background-color: #f6f6f6; border-top: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; padding-top: 10px; padding-bottom: 50px; }
div#commentform form { padding-left: 60px; padding-top: 20px; line-height: 18px; }
div#commentform form legend { display: none; }
div#commentform form fieldset{ border: solid 0px #fff; }
div#commentform form ol{ font-size: 0.75em; list-style-type: none; margin: 0px; }
div#commentform form ol li{ padding-bottom: 13px; list-style: none; }
div#commentform form ol li label {  vertical-align: top; display: inline-block; width: 150px; }
div#commentform form ol li input,
div#commentform form ol li textarea{ border: 1px solid #c7c2bc; padding: 5px 0px 5px 0px; background-image: url('../images/basic-elements/input-bg.gif'); background-repeat: repeat-x; background-position: top; color: #383d3d; width: 338px; font-size: 12px; }
div#commentform form ol li textarea {  height: 100px; }
div#commentform form ol li select { color: #505154; width: 404px; }
div#commentform form ol li input.checkbox { width: auto; }
div#commentform form input.submit {margin-left: 156px; }
div#container div form ol li div {  margin-left: 156px; padding: 0px; position: relative; top: -7px; }
div#commentform form ol li div div { margin-left:0px; position: relative; height: 30px; }

div#maincontent div.buttons a { outline: none; position: absolute; text-indent: -9999px; display: block; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px; top: 0px; border: 1px solid #c7c2bc; }
div.buttons a.bold { left: 0px; background-image: url('../images/basic-elements/wysiwyg-bold.gif'); }
div.buttons a.italic { left: 25px; background-image: url('../images/basic-elements/wysiwyg-italic.gif'); }
div.buttons a.underline { left: 50px; background-image: url('../images/basic-elements/wysiwyg-underline.gif'); }
div.buttons a.email { left: 75px; background-image: url('../images/basic-elements/wysiwyg-email.gif'); }
div.buttons a.link { left: 100px; background-image: url('../images/basic-elements/wysiwyg-link.gif'); }

