@charset "utf-8";
* {	margin: 0px; padding: 0px; font-family: Arial,Helvetica,sans-serif; }
body { color: #333; text-align: center; font-size: 12px; background: #e9e9e9 url(../../images/us/body-bg.gif) repeat-x; }

h3 { padding-top: 18px; font-size: 24px; color: #cb0000; font-weight: normal; padding-left: 20px; padding-right: 20px; }
h4 { padding-left: 20px; padding-right: 20px; font-size: 12px; line-height: 24px; padding-top: 18px; }
.clear { clear: both; height: 1px; line-height: 1px; font-size:1px; padding: 0px; }
.clear1 { clear: both; height: 50px; padding: 0px; }
p.flat { height: 1px; line-height: 1px; font-size:1px; }
p { line-height: 24px; padding-top: 18px; text-align: justify; }
p.error,p.jswarning { color: #ff0000; }
p.success { color: #00571f; }
p.success a { color: #00571f; }
p.paging { clear: both; padding-top: 18px; border-top: 1px solid #d3d3d3; margin-top: 24px; }
p.paging a { text-decoration: none; background-color: #fff; color: #333; }
p.paging strong { background-color: #e9e9e9; }
p.paging a.gxpager, p.paging strong {  display: block; float: left; height: 30px; width: 30px; text-align: center; line-height: 30px;  border: 1px solid #d3d3d3; margin-right: 5px }
p.paging a strong {  }

a:link, a:hover, a:active, a:visited { color: #cb0000; outline:0; }
ul,ol { list-style: none; line-height: 24px; }
img { border: none; }
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { float: right; margin-left: 20px; margin-top: 5px; }
table { border-collapse: collapse; border: 0px; }
td,th,caption { font-size: 11px; line-height: 20px; vertical-align: top; }
caption { text-align: left; font-weight: bold; }

div#container { width: 960px; margin: 0px auto; border-top: 3px solid #828282; text-align: left; position: relative; width: 960px; background: #fff url(../../images/us/container-bg.gif) repeat-y; }

div#branding { position: relative; height: 367px; width: 960px; background: #fff url(../../images/us/branding-bg.gif) no-repeat bottom left; }
div#branding h1 { position: absolute; width:140px; height: 228px; top: 23px; left: 20px; background: transparent url(../../images/us/logo.png) no-repeat;  }
div#branding h1 a{ display: block;  width:140px; height: 228px; text-indent: -9999px; }
div#branding h2 { position: absolute; width: 399px; height: 270px; background-repeat: no-repeat; top: 97px; left: 231px; text-indent: -9999px; }
div#branding h2#eyecatcher-index { background-image: url(../../images/us/eyecatcher-index.jpg); }
div#branding h2#eyecatcher-team { background-image: url(../../images/us/eyecatcher-team.jpg); }
div#branding h2#eyecatcher-advisory { background-image: url(../../images/us/eyecatcher-advisory.jpg); }
div#branding h2#eyecatcher-netzwerk { background-image: url(../../images/us/eyecatcher-network.jpg); }
div#branding h2#eyecatcher-oel { background-image: url(../../images/us/eyecatcher-oel.jpg); }
div#branding h2#eyecatcher-pruefstand { background-image: url(../../images/us/eyecatcher-pruefstand.jpg); }
div#branding h2#eyecatcher-blog { background-image: url(../../images/us/eyecatcher-blog.jpg); }
div#branding h2#eyecatcher-faq { background-image: url(../../images/us/eyecatcher-faq.jpg); }
div#branding h2#eyecatcher-glossar { background-image: url(../../images/us/eyecatcher-glossar.jpg); }
div#branding h2#eyecatcher-links { background-image: url(../../images/us/eyecatcher-links.jpg); }
div#branding h2#eyecatcher-imprint { background-image: url(../../images/us/eyecatcher-impressum.jpg); }
div#branding h2#eyecatcher-contact { background-image: url(../../images/us/eyecatcher-contact.jpg); }
div#branding h2#eyecatcher-forschung { background-image: url(../../images/us/eyecatcher-forschung.jpg); }
div#branding h2#eyecatcher-beratung { background-image: url(../../images/us/eyecatcher-beratung.jpg); }

div#mainnavigation { position: absolute; top: 20px; right: 0px; height: 12px; }
div#mainnavigation ul {  height: 12px; line-height: 12px; padding: 0px; float: right; }
div#mainnavigation ul li { position: relative; float: left; display: inline; }
div#mainnavigation ul li a { display: block; font-size: 11px; color: #5f5f5f; text-decoration: none; padding-left: 12px; padding-right: 10px; border-left: 1px solid #5f5f5f; }
div#mainnavigation ul li a:hover, div#mainnavigation ul li a.active { text-decoration: underline; }
div#mainnavigation ul li.team>a:hover { text-decoration:none; }
div#mainnavigation ul li a.first { padding-left: 0px; border: none; }
div#mainnavigation ul li a.last { padding-right: 0px; }
div#mainnavigation ul li ul { display: none; position: absolute; padding-top: 10px; border-left: 1px solid #5f5f5f; height: auto; }
div#mainnavigation ul li.active ul { display: block; }
div#mainnavigation ul li ul li { float: none; line-height: 18px; }
div#mainnavigation ul li ul li a { border: none; padding: none; width: 100px; color: #999; }
div#mainnavigation ul li.team ul li a:hover, div#mainnavigation ul li.team ul li a.active { text-decoration: underline; }

div#metanavigation { position: absolute; z-index: 1; top: 97px; left: 630px; width: 330px; height: 270px; }

div#metanavigation ul li { display: inline; }
div#metanavigation ul li h2  { display: none; }
div#metanavigation ul li p { padding: 0px; }
div#metanavigation ul li p span { display: none; }
div#metanavigation ul li p a { display: block; width: 330px; text-indent: -9999px; height: 90px; background-repeat: no-repeat; background-position: top; }
div#metanavigation ul li p a:hover, div#metanavigation ul li p a.active { background-position: bottom; }
div#metanavigation ul li.pruefstand p a { background-image: url(../../images/us/nav-01.gif); }
div#metanavigation ul li.beratung p a { background-image: url(../../images/us/nav-02.gif);  }
div#metanavigation ul li.forschung p a{ background-image: url(../../images/us/nav-03.gif);   }

div#content p { padding-left: 20px; padding-right: 20px;  }
div#maincontent { float: left; width: 630px; padding-bottom: 30px; }
div#subcontent { float: left; width: 330px; }
div#subcontent h3 { font-size: 18px; }
div#subcontent h4 { line-height: 18px; font-size: 11px; }
div#subcontent p { line-height: 18px; font-size: 11px; }
div#maincontent ul { margin-left: 20px; margin-top: 20px; margin-right: 20px; clear: both; }
div#maincontent ul li { background: #f6f6f6 url(../../images/us/arrow.gif) no-repeat 5px 7px; border-bottom: 1px solid #d3d3d3; padding-left: 20px; padding-right: 20px; }
div#maincontent ul li a { color: #333; }
div#maincontent ul#letterset { list-style-type: none; padding-top: 0px; }
div#maincontent ul#letterset li { border-bottom: none; background-color: #fff; background-image: none; padding: 2px 4px 2px 0px; float: left; }
div#maincontent ul#letterset li a {  padding-left: 0px; background-image:none;  display: block; width: 30px; height: 30px; line-height: 30px; border: 1px solid #d3d3d3; text-decoration: none; text-align: center; color: #333; }
div#maincontent ul#letterset li a span { display: none; }
div#maincontent ul#letterset li a.active{ font-weight: bold; }

div#maincontent p.email,div#maincontent p.phone { float: left; padding-left: 0px; padding-right: 0px; }
div#maincontent p.email {  text-indent: 20px; background: #fff url(../../images/de/email-icon.gif) no-repeat 0px 22px; }
div#maincontent p.phone { width: 185px; text-indent: 40px; background: #fff url(../../images/de/phone-icon.gif) no-repeat 20px 22px; }
div#maincontent p.xing { text-align:right; }

div#weblogoverview h4 { margin-top: 35px; border-top:  1px solid #d3d3d3; }
div#weblogoverview h4.first { border: none; padding-bottom: 0px; margin-top: 0px; }
div#weblogoverview div { font-size: 11px; }
div#weblogoverview div p a { color: #333; }
div#weblogoverview div p a:hover { color: #cb0000; }
div#weblogoverview div p { text-align: right; }
div#weblogoverview div p.dateinfo { float: left; text-align: left; }

div#weblogdetail div  { font-size: 11px; }
div#weblogdetail div p { text-align: right; }
div#weblogdetail div p.dateinfo { float: left; text-align: left;  }
div#weblogdetail div p a { color: #333; }
div#weblogdetail div p a:hover { color: #cb0000; }

div#weblogcomments { border-bottom: 1px solid #d3d3d3; margin-top: 35px; }
div#weblogcomments div.comment { padding-bottom: 35px;  background-color: #fff;  border-top:  1px solid #d3d3d3; padding-top: 14px; }
div#weblogcomments div.comment h4 { width: 300px; float: left; }
div#weblogcomments div.comment p.commentdate {  text-align: right; color: #999; }

div#commentform { background-color: #f6f6f6; border-bottom: 1px solid #d3d3d3; padding-bottom: 20px; }
div#commentform form { padding: 20px;  line-height: 18px; }
div#commentform form legend { display: none; }
div#commentform form fieldset{ border: solid 0px #fff; }
div#commentform form ol{ list-style-type: none; }
div#commentform form ol li{ padding-bottom: 13px; }
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{ width: 420px; color: #272727; font-size: 11px; padding-top: 3px; padding-bottom: 3px; }
div#commentform form ol li textarea {  height: 100px; }
div#commentform form ol li select { color: #272727; width: 404px; }
div#commentform form ol li input.checkbox { width: auto; }
div#commentform form input.submit {margin-left: 150px; font-size: 11px; }
div#container div form ol li div{  margin-left: 154px; padding: 0px; position: relative; top: -7px; }
div#commentform form ol li div div { margin-left:0px; position: relative; height: 30px; }


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 #999; }
div.buttons a.bold { left: 0px; background-image: url(../../images/us/wysiwyg-bold.gif); }
div.buttons a.italic { left: 25px; background-image: url(../../images/us/wysiwyg-italic.gif); }
div.buttons a.underline { left: 50px; background-image: url(../../images/us/wysiwyg-underline.gif); }
div.buttons a.email { left: 75px; background-image: url(../../images/us/wysiwyg-email.gif); }
div.buttons a.link { left: 100px; background-image: url(../../images/us/wysiwyg-link.gif); }

div.box { background: transparent url(../../images/us/box-bg.gif) no-repeat bottom right; padding-bottom: 33px; }
div.normal h3 { padding-top: 8px; }
div.box ul { padding-left: 20px; padding-top: 18px; }
div.box ul li { line-height: 18px; font-size: 11px;  }
div.box ul li a { color: #333; padding-left: 20px; display: block; background: #fff url(../../images/us/arrow.gif) no-repeat 0px 5px;  }
div.box ul li a:hover,div.box ul li a.active { color: #cb0000; }

div#pageinformation { height: 85px; color: #fff; background: #cb0000 url(../../images/us/pageinformation-bg.gif) no-repeat bottom; }
div#pageinformation p { padding-top: 14px; }
div#pageinformation p a { color: #fff; }
div#pageinformation p#copyright { float: left; padding-left: 20px; }
div#pageinformation p#powered { text-align: right; padding-right: 20px; }

form.newsletterform { padding-left: 20px; padding-top: 10px; }
form.newsletterform legend { display: none; }
form.newsletterform fieldset { border: solid 0px #fff; }
form.newsletterform ol li { padding-top: 10px;  }
form.newsletterform ol li label { display: none; }
form.newsletterform ol li input { width: 250px; font-size: 11px; padding: 3px 0px; }
form.newsletterform input.submit { margin-top: 10px; padding: 3px 0px; width: 120px; text-align: center; font-weight: bold; color: #fff; background-color: #cb0000; border-top: 1px solid #ee6a6a; border-left: 1px solid #ee6a6a; border-bottom: 1px solid #8f0000; border-right: 1px solid #8f0000;}

div#errormessage p { padding:0px; text-align: center; }
div#errormessage p.error { font-weight: bold; color: #272727; }
div#errormessage p.optin { font-weight: bold; color: #272727; }
div#errormessage p.success { font-weight: bold; color: #272727; }

form.contactform { padding-top: 35px; padding-left: 20px;; line-height: 24px; }
form.contactform legend { display: none; }
form.contactform fieldset{ border: solid 0px #fff; }
form.contactform ol{ list-style-type: none; }
form.contactform ol li{ padding-bottom: 13px; }
form.contactform ol li label{ vertical-align: top; display: inline-block; width: 150px; }
form.contactform ol li input,
form.contactform ol li textarea{ width: 420px; font-size: 11px; padding-top: 3px; padding-bottom: 3px; }
form.contactform ol li textarea { height: 100px; }
form.contactform ol li select { width: 424px; color: #404040; font-size: 11px; }
form.contactform ol li input.checkbox { width: auto; }
form.contactform ol li input.radio { width: auto; }
form.contactform ol li fieldset { margin-left: 152px; }
form.contactform ol li fieldset label { display: block; width: auto; }
form.contactform input.submit {  margin-left: 152px;  font-size: 11px; }

div#gmap { border: 1px #cacaca solid; height: 300px; padding: 0; margin: 18px 20px 0px 20px; }
div#gmap h4 { margin: 0; font-size: 1.3em; font-weight: bold; color: black; letter-spacing: 0; }
div#gmap p { margin: 0; padding-bottom: 1em; font-size: 1.2em; line-height: 1.3em; }
div#gmap p img { border: 0; }