html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: Arial, Helvetica, sans-serif;vertical-align: baseline;}
html {height: 101%; background: #000 url(../grafik/fond.gif) top center repeat-x;}
body {margin:0; padding:0; font-size:100.01%; text-align:left; position:relative; font-family: Arial, Helvetica, sans-serif;}
strong,b {font-weight:bold;}
em,i {font-style:italic;}
a {color: #000; text-decoration: underline;}
a:hover {text-decoration: none;}
p, ul {color: #5A5A5C; font-size: 75%;}
label {color: #5A5A5C; font-size: 75%; font-weight:bold;margin-top:10px;display:block;margin-right:10px;}
ul {margin-left:17px;}
dd {margin-bottom:15px;}
#wrapper {margin: 0 auto; width: 960px;}
#header {height: 202px; background: url(../grafik/header.jpg) top left no-repeat;}
#inhaltsbereich {padding: 20px 0 10px 0;}
#logo {padding: 26px 0 0 17px;}
#footer {text-align:right;height: 188px; background: url(../grafik/footer.jpg) bottom left no-repeat;padding:0 35px;}
#zusatzmenue {padding: 24px 0 0 12px; color: #FFF; font-size: 75%;height:40px;}
#footer ul {padding:50px 82px 0 0;margin:0;font-size:75%;}
#zusatzmenue ul {padding:0;margin:0;font-size:100%;}
#footer p {color: #404040;padding:7px 89px 0 0;}
#footer p a {color: #404040; text-decoration:underline;}
#zusatzmenue ul li {border-left:1px solid #FFFFFF;display:inline;line-height:1;list-style-type:none;padding:0 7px;}
#footer ul li {border-left:1px solid #808080;display:inline;line-height:1;list-style-type:none;padding:0 7px;}
#zusatzmenue ul li.first,
#footer ul li.first {border-left:medium none;padding-left:0;}
#zusatzmenue a {color: #FFcc00; text-decoration: none; text-transform: lowercase; font-weight:bold;}
#startseite-willkommen a {color: #FFcc00; text-decoration: none;}
#startseite-willkommen a:hover {text-decoration: underline;}
#footer a {color: #000; text-decoration: none; text-transform: lowercase; font-weight:bold;}
#zusatzmenue a:hover,
#footer a:hover {text-decoration: underline;}
#footer p a.mail {font-weight: normal;}
#zusatzmenue a.rss {padding-left: 22px; background: url(../grafik/rss-feed.jpg) no-repeat left;}
#zusatzmenue a.kundenlogin {padding-left: 20px; background: url(../grafik/kundenlogin.jpg) left no-repeat;}
#suchfeld {margin: 32px 0 0 17px; width: 250px; height: 30px;}
#suchfeld .formbody {background: url(../grafik/suche.jpg) 0 1px no-repeat;}
#suchfeld input.text {padding: 3px 0 0 3px; font-family: Arial, Helvetica, sans-serif; font-size: 85%; color: #5A5A5C; width: 210px; height: 23px; border: 0px; background-color: transparent;}
#suchfeld input.submit {width: 30px; height: 23px; color:#ccc; border: 0px; background: url(../grafik/trans.gif) no-repeat;}
#navi {height:28px;margin:54px 0 10px 0;width:472px;}
#navi ul {margin: 0; padding: 0; list-style-type: none;}
#navi ul li {padding-right: 20px; float:left; width: 103px;}
#navi ul li.last {padding-right: 0;}
#navi ul li a {display: block; background-repeat:no-repeat;height: 28px;width:103px;background-position:top;text-indent:-3000px;}
#navi ul li.agentur a {background: url(../grafik/navi-agentur.jpg);}
#navi ul li.aufgaben a {background: url(../grafik/navi-aufgaben.jpg)}
#navi ul li.arbeiten a {background: url(../grafik/navi-arbeiten.jpg);}
#navi ul li.kontakt a {background: url(../grafik/navi-kontakt.jpg);}
#navi ul li a:hover,
#navi ul li a.trail,
#navi ul li a.active {background-position: 0 -28px;}
#subnavi {margin: 0; height: 47px; background: url(../grafik/subnavi.gif) center 12px no-repeat;}
#subnavi ul {margin: 0; padding: 0;}
#subnavi ul li.first {float:left; margin-left: 20px; padding-left: 0; background: none;}
*html #subnavi ul li.first {margin-left: 10px;}
#subnavi ul li {float:left; margin-left: 10px; padding-left:10px; list-style-type: none; background: url(../grafik/bullet.gif) left 23px no-repeat;}
#subnavi ul li a {text-transform:uppercase;float:left; padding-top: 18px; color: #5A5A5C; text-decoration: none; font-size: 10px;}
html* #subnavi ul li a {padding-top: 19px;}
#subnavi ul li a:hover,
#subnavi ul li a.active,
#subnavi ul li a.trail {color: #000; background: url(../grafik/subnavi-pfeil.gif) top center no-repeat;}
#team .mod_randomImage {float:left;width:155px;}
#team .mod_randomImage img,
#team .ce_image img,
.kunde .ce_gallery img,
#team .ce_gallery img,
#haus-der-kleinen-forscher .ce_gallery img {border:2px solid #5A5A5C;padding:1px;margin:0 0 10px 0;overflow:visible;}
#startseite-newsbox .mod_newslist p {padding:0 0 0 10px;}
#startseite-newsbox .mod_newslist img {border:2px solid #808080;margin-left:2px;padding:1px;}
#startseite-willkommen .ce_text p {color:#efefef;line-height:1.5;text-align:justify;}
#startseite-willkommen {float:left;width:100%;}
#news .mod_newslist .layout_simple {margin-bottom:10px;}
#news .mod_newslist .layout_simple div {width:370px;}
#right .mod_newslist {background:#fff;}
#right input {width: 200px; padding: 2px 2px 0 2px; font-family: Arial, Tahoma, Helvetica, sans-serif; color: #5A5A5C; font-size: 90%; border: 1px solid #A6A6A6;}
#main input.submit,
#right input.submit {margin: 10px 0; font-size: 75%; width:159px; display:block;padding:5px;border: none; text-align: center; color: #FFF; background: url(../grafik/button-absenden.jpg) no-repeat center;}
#main input.submit:hover,
#right input.submit:hover,
#main input.submit:active,
#right input.submit:active
#main input.submit:focus,
#right input.submit:focus {margin: 10px 0; font-size: 75%; width:159px; display:block;padding:5px;border: none; text-align: center; color: #ffcc00; background: url(../grafik/button-absenden.jpg) no-repeat center;}
#main div.pagination {background:#efefef;border:1px solid #5A5A5C;margin:20px 0 0 0;padding:4px;}
#main div.pagination p {float:right;margin-bottom:0;margin-right:10px;}
#main div.pagination ul {float:left;margin-bottom:0;}
#main div.pagination ul li {display:inline;margin-right:5px;}
#main div.pdf_link {width:100px;left:633px;position:absolute;top:27px;}
#main.spalte75 {width: 700px;margin-right:16px;}
#main.spalte75 p,
#main.spalte75 ul {line-height:1.8;}
#main.spalte75 .spalte30 p {line-height:1.5;}
#main #startseite-kontakt input {width: 206px; padding: 2px 2px 0 2px; font-family: Arial, Tahoma, Helvetica, sans-serif; color: #5A5A5C; font-size: 90%;}
#main #startseite-kontakt textarea {height:106px;width: 205px; margin:0; padding: 2px 2px 0 2px; color: #5A5A5C;}
#main #startseite-kontakt input.input-absenden {float:right;margin: 10px 16px; font-size: 75%; width:159px; display:block;padding:5px;border: none; text-align: center; color: #FFF; background: url(../grafik/button-absenden.jpg) no-repeat center;}
#main #startseite-kontakt input.input-absenden:hover,
#main #startseite-kontakt input.input-absenden:active,
#main #startseite-kontakt input.input-absenden:focus {float:right;margin: 10px 16px; font-size: 75%; width:159px; display:block;padding:5px;border: none; text-align: center; color: #ffcc00; background: url(../grafik/button-absenden.jpg) no-repeat center;}
h1 {font-size: 160%; margin: 0 0 20px 0; color: #5A5A5C;}
h1.startseite {font-size: 160%; margin: 0 0 15px 0; color: #FFF;}
h2 {font-size: 130%; margin: 25px 0 5px 15px; color: #5A5A5C;}
h3 {font-size: 130%; font-weight:bold;text-align:right;color: #FFF;background-color:#FFD200;padding-bottom:40px;padding-right:8px;height:27px; text-transform: lowercase; }
h3.aktuelles,
.sIFR-hasFlash h3.aktuelles {background: url(../grafik/aktuelles.jpg) no-repeat;}
h3.angebot,
.sIFR-hasFlash h3.angebot {background: url(../grafik/monatsangebot.jpg) no-repeat;}
h3.letter,
.sIFR-hasFlash h3.letter {background: url(../grafik/newsletter.jpg) no-repeat;}
h3.blog,
.sIFR-hasFlash h3.blog {background: url(../grafik/blog.jpg) no-repeat;}
h3.twitter,
.sIFR-hasFlash h3.twitter {background: url(../grafik/twitter.jpg) no-repeat;}
h3.web,
.sIFR-hasFlash h3.web {background: url(../grafik/web.jpg) no-repeat;}
h3.kontakt,
.sIFR-hasFlash h3.kontakt {background: url(../grafik/kontakt.jpg) no-repeat;}
h3.referenz,
.sIFR-hasFlash h3.referenz {background: url(../grafik/referenz.jpg) no-repeat;}
h4 {font-size: 120%; margin: 25px 0 10px 40px; color: #5A5A5C;}
h5 {font-size: 130%; font-weight:bold;text-align:right;color: #FFF;background-color:#FFD200;padding-bottom:15px;padding-right:8px;height:27px;}
.sIFR-hasFlash h5 {background: url(../grafik/h5_bg.jpg) repeat-x;}
h6 {font-size: 75%; padding:7px 0 0 0; font-weight:bold;color: #5A5A5C;}
.highlight {background:#FFcc00;}
.greylist .accordion {background:#efefef;padding:5px;}
.ce_download {padding:10px 0;font-size:75%;}
.ce_download.narrow {padding:10px 15px;}
.ce_downloads p {padding:5px 0;}
.mehr {float:right; margin: 5px 10px 5px 0; padding-left: 27px; line-height: 20px; background: url(../grafik/bullet-mehr.png) left center no-repeat;}
#right .mehr,
.mod_newslist .layout_simple .left .mehr,
.mod_newslist .left .mehr {font-size:75%;float:right; margin: 5px 10px 5px 0; padding-left: 27px; line-height: 20px; background: url(../grafik/bullet-mehr.png) left center no-repeat;}
.toplink {float:right; margin: 5px 10px 5px 0; padding-left: 27px; line-height: 20px; background: url(../grafik/bullet-top.png) left center no-repeat;}
.newsletter {padding-left: 27px; line-height: 20px; background: url(../grafik/bullet-newsletter.jpg) left center no-repeat;}
.mehrnews {padding-left: 27px; line-height: 20px; background: url(../grafik/bullet-mehrnews.jpg) left center no-repeat;}
.extern {display:inline-block;padding-left: 17px; background: url(../grafik/bullet-extern.png) left center no-repeat;}
.plakart-links, .addthis {padding:4px 8px;}
.plakart-links a {padding:5px 0;text-decoration: none;display: block; font-size: 75%; width: 208px; color: #FFF; text-align: center; background: url(../grafik/button-link.jpg) no-repeat;}
.plakart-links a:hover {text-decoration: underline;}
.spalte50 {width: 472px;}
.spalte50padding {width: 462px;}
.spalte25margin {width: 218px;margin-left:16px;}
.spalte25_default {width: 226px;margin-bottom:16px;}
.spalte25 {width: 226px;}
.spalte25margin div div,
.spalte25_default div div {padding:0 8px;}
.spalte30 {display:inline;float:left;margin:20px 15px;width:290px;}
.spalte30 img {border:2px solid #5A5A5C;padding:1px;margin-bottom:5px;}
.weiss {background:#FFF;}
.weiss_default {background:#FFF;padding: 30px;}
.schraffur {background: url(../grafik/inhalt-fond.gif);padding:5px;}
.left {float: left; display: inline;}
.leftimg {float: left; margin:0 0 10px 10px;border:2px solid #5A5A5C;padding:1px;line-height:0;}
.leftimg_rightmargin {float: left; margin:0 20px 0 0;border:2px solid #5A5A5C;padding:1px;}
.right {float: right; display: block;}
.lightgrey {color:#C0C0C0;}
.toggler {border-bottom:1px solid #5A5A5C;margin-bottom:10px;background: url(../grafik/bullet-toggle.jpg) no-repeat right center;padding:5px 20px 5px 0;line-height:20px;color:#5A5A5C;font-weight:bold;font-size:75%;text-decoration:none;cursor: pointer;}
.odd {padding:5px;margin-top:10px;}
.even {padding:5px;margin-top:10px;background:#efefef;}
.layout_full.even {padding:0px;margin-top:0px;background:#fff;}
.ce_gallery .even,
.even.explanation {background:#fff;}
.kunde .ce_gallery .even {background:none;}
.ce_text img {border:2px solid #5A5A5C;padding:1px;}
.captcha_text,dt {font-size:75%;font-weight:bold;color: #5A5A5C;}
.input-kontakt {height:18px;}
.noborder img {border:0;padding:0;}
.twitter img {border:0; padding:6px 3px 0px 6px;vertical-align:middle;}
.ce_text.twitter {padding:10px 0 6px 0;}
.narrow, dl {padding:15px;background-color:#efefef;}
abbr.glossary_abbr {border-bottom:1px dotted #000;cursor:help;}
.mod_fblikeit {border-top: 1px solid black;padding-top: 10px;margin-top:15px;}
p.back a {text-transform:lowercase; display:block; margin: 5px 10px 5px 0; padding-left: 27px; line-height: 20px; background: url(../grafik/bullet-back.jpg) left center no-repeat;}
p.error {color: red; font-size: 60%; padding: 2px 0; text-transform: uppercase; }
p.confirm {color: #339900; font-size: 60%; padding: 2px 0; text-transform: uppercase; }
p.back,div.enclosure {margin-top:20px;}
img.mime_icon {vertical-align:text-bottom;}
hr.weisse-linie {border-bottom: 1px solid #FFF; border-top: none; height:1px; padding:0;margin:20px 0;}
hr.schwarze-linie {border-bottom: 1px solid #000; border-top: none; height:1px; padding:0;margin:0 0 10px 0;}
div.grauweisse-linie {height:16px;background: #fff url(../grafik/grauweissverlauf.jpg) center no-repeat;}
.mod_sitemap ul li {font-size:11px;text-transform:uppercase;letter-spacing:1px;list-style-image: url(../grafik/breadcrumb_arrow.jpg);}
.mod_sitemap ul li li {font-weight:normal;}
.mod_breadcrumb {color:#5A5A5C;border-bottom:1px solid #5A5A5C; padding-bottom:5px; margin-bottom:20px;font-size:70%;text-transform:uppercase;letter-spacing:1px;}
.mod_twitterreader .date {font-weight:bold;}
.mod_twitterreader ul {list-style:none;margin-left:0;}
.mod_twitterreader ul li {padding:8px;}
.mod_glossaryMenu ul.anchors {margin-left:0;}
.mod_glossaryMenu ul.anchors li {float:left; margin-left: 8px; padding-left:8px; list-style-type: none;}
.spalte25margin div div.addthis_toolbox, .spalte25_default div div.addthis_toolbox {padding:0;}
.spalte25margin div div.addthis_toolbox div, .spalte25_default div div.addthis_toolbox div {padding:0;}
#main #map input {width: 250px;font-family: Arial, Verdana, Helvetica, sans-serif;margin-top:5px;}
#main #map input.button {width:auto;}
#main #map {height:480px;font-size:75%;width: 640px;padding:0;}
#main #directions {font-size:75%;}
#main .gmnoprint {color:#717879;}
#main input,
#main textarea,
#main select {width: 300px; padding: 2px 2px 0 2px; font-family: Arial, Tahoma, Helvetica, sans-serif; color: #5A5A5C; font-size: 90%; border: 1px solid #A6A6A6;}
#main textarea {width: 600px;height:200px;}
#main input:hover, #main input:active,#main input:focus,
#main textarea:hover,#main textarea:active,#main textarea:focus,
#main select:hover,#main select:active,#main select:focus {border:1px solid #ffcc00; background:#efefef;}
#main input.checkbox {width:auto; float:left;margin: 0 10px 0 0;}
#main input.radio {width:auto; float:left;margin: 0 10px 0 0;}
#main label .radio span {font-weight: normal;}
#main .radio_container {float:left; margin: 12px 0 10px 0;}
#main .radio_container span input {float:left; width:20px;}
#main .radio_container span label {margin:0 0 8px 0; float:left; width:580px;}
#main .radio_container legend {font-size:80%;font-weight: bold;color:#5A5A5C;margin:0 0 8px 0;}
#main .checkbox_container legend {font-size:80%;font-weight: bold;color:#5A5A5C;margin:0 0 0 0;}
#main .checkbox_container input {margin-top:11px;}
#startseite-newsbox .mod_newslist .left .mehr {font-size:100%;}