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

h1 { color: #530b3f; font-size: 12px; }
h2 { color: #530b3f; font-size: 16px; }
h3 { color: #530b3f; font-size: 16px; }
h4 { color: #530b3f; font-size: 12px; }

p.clear { clear: both; }
p,h4 { line-height: 24px; padding-top: 18px; text-align: justify; }
p.error { color: #d80015; }
p.success { color: #5ca102; }
p.box { margin-right: 20px; padding: 18px 0px; border-bottom: 1px solid #ddced9; padding: 20px 0px; }
a:link, a:hover, a:active, a:visited { color: #530b3f; outline: none; }
ul,ol { list-style: none; line-height: 24px; }
img { border: none; }
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; padding: 5px; border: 1px solid #cacaca; }
img.alignleft2 { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { float: right; margin-left: 20px; margin-top: 5px; padding: 5px; border: 1px solid #cacaca; }
table { border-collapse: collapse; }
td { font-size: 12px; line-height: 24px; }
ul.textlist { padding-top: 18px; margin-left: 20px; }
ul.textlist li { border-top: 1px solid #fff; background: #f8e2ef url(../../images/de/arrow.gif) no-repeat 10px 18px; padding: 10px 25px; }

div#container { text-align: left; width: 960px; margin: 0px auto; position: relative; background-image: url(../../images/de/container_bg.jpg); background-repeat: no-repeat; }

div#metanavigation,div#mainnavigation { position: absolute; }

div#branding { position: relative; height: 310px; width: 960px; }
div#branding h1 { position: absolute; left: 0px; top: 20px; height: 90px; width: 200px; }
div#branding h1 a { display: block; height: 90px; width: 200px; background-repeat: no-repeat; background-image: url(../../images/de/logo.gif); text-indent: -9999px; }
div#branding h2 { text-indent: -9999px; }
div#branding p { position: absolute; top: 156px; left: 410px; color: #f2c6e0; text-align:right; width: 550px; }
div#branding p a { color: #f2c6e0; }

div#metanavigation { top: 0px; z-index: 1; left: 776px; width: 184px; }
div#metanavigation ul { width: 184px; }
div#metanavigation ul li a { display: block; height: 29px; text-decoration: none; line-height: 29px; font-size: 11px; text-align: center; background-repeat: no-repeat; background-image: url(../../images/de/metanav01.gif); }
div#metanavigation ul li a:hover,div#metanavigation ul li a.active { text-decoration: underline; }

div#mainnavigation { position: absolute; left: 534px; top: 91px; width: 426px; height: 27px; z-index: 2; }
div#mainnavigation ul { width: 426px; position: relative; }
div#mainnavigation ul li { position: absolute; top: 0px; }
div#mainnavigation ul li.startseite { left: 0px; }
div#mainnavigation ul li.portrait { left: 103px; }
div#mainnavigation ul li.leistungsangebot { left: 189px; }
div#mainnavigation ul li.kontakt { left: 362px; }
div#mainnavigation ul li a { display: block; height: 27px; background-repeat: no-repeat; background-position: top; text-indent: -9999px; }
div#mainnavigation ul li a.startseite { background-image: url(../../images/de/nav01.gif); width: 81px; }
div#mainnavigation ul li a.portrait { background-image: url(../../images/de/nav02.gif); width: 64px;}
div#mainnavigation ul li a.leistungsangebot { background-image: url(../../images/de/nav03.gif); width: 150px;}
div#mainnavigation ul li a.kontakt { background-image: url(../../images/de/nav04.gif); width: 65px;}
div#mainnavigation ul li a:hover, div#mainnavigation ul li a.active { background-position: bottom; }

div#teaser { position: relative; width: 960px; height: 191px; background-repeat: no-repeat; background-image: url(../../images/de/teaser_bg.gif); }
div#teaser div.teaser { position: absolute; top: 0px; width: 320px; }
div#teaser div#teaser1 { left: 0px; }
div#teaser div#teaser2 { left: 320px; }
div#teaser div#teaser3 { left: 640px; }
div#teaser div.teaser h3 { display: none; }
div#teaser div.teaser p { padding: 68px 20px 0px 91px; font-size: 11px; line-height: 20px; color: #844b73; text-align: left; }
div#teaser div.teaser p.morelink { position: absolute; top: 135px; margin-left: 275px; z-index: 5; padding: 0px; width: 25px; height: 25px; }
div#teaser div.teaser p.morelink a { display: block;  width: 25px; height: 25px; text-indent: -9999px; background-repeat: no-repeat; background-position: top; background-image: url(../../images/de/morelink.gif); }
div#teaser div.teaser p.morelink a:hover { background-position: bottom; }

div#maincontent { float:right; width: 570px; }
div#maincontent h3 { padding-top: 40px; background-repeat: no-repeat; background-position: 20px 40px; text-indent: -9999px; }
div#maincontent h3#komplettloesungen { background-image: url(../../images/de/h3_komplettloesungen.gif); }
div#maincontent h3#haftungsausschluss { background-image: url(../../images/de/h3_haftungsausschluss.gif); }
div#maincontent h3#kontaktformular { background-image: url(../../images/de/h3_kontaktformular.gif); }
div#maincontent h3#vorstellen { background-image: url(../../images/de/h3_vorstellen.gif); }
div#maincontent h3#tun { background-image: url(../../images/de/h3_tun.gif); }
div#maincontent h3#leistungen { background-image: url(../../images/de/h3_leistungen.gif); }
div#maincontent h3#vorlagen { background-image: url(../../images/de/h3_vorlagen.gif); }
div#maincontent h3#uebersetzung { background-image: url(../../images/de/h3_uebersetzung.gif); }
div#maincontent h3#fehler { background-image: url(../../images/de/h3_fehler.gif); }
div#maincontent p,div#maincontent h4 { padding-left: 20px; }
div#maincontent h4 { font-weight: normal; text-decoration: underline; }

div#subcontent { float:right; width: 390px; }
div#subcontent h3 { padding-top: 40px; background-repeat: no-repeat; background-position: 0px 40px; text-indent: -9999px; }
div#subcontent h3#rueckruf { background-image: url(../../images/de/h3_rueckruf.gif); }
div#subcontent h3#impressumdaten { background-image: url(../../images/de/h3_impressumdaten.gif); }
div#subcontent h3#kontaktdaten { background-image: url(../../images/de/h3_kontaktdaten.gif); }
div#subcontent h3#vita { background-image: url(../../images/de/h3_vita.gif); }
div#subcontent h3#research { background-image: url(../../images/de/h3_research.gif); }
div#subcontent h3#kreation { background-image: url(../../images/de/h3_kreation.gif); }
div#subcontent h3#redaktion { background-image: url(../../images/de/h3_redaktion.gif); }

div#pageinformation { height: 60px; background-color: #530b3f; color: #d5b8cb; font-size: 11px; }
div#pageinformation div { height: 60px; text-align: left; width: 960px; margin: 0px auto; background: #530b3f url(../../images/de/pageinformation_bg.jpg) no-repeat bottom left; }
div#pageinformation div p a { font-size: 11px; color: #d5b8cb; }
div#pageinformation div p#copyright { float: left; }
div#pageinformation div p#powered { text-align: right; }

form.callbackform { line-height: 20px; padding-top: 15px; }
form.callbackform legend,form.callbackform label { display: none; }
form.callbackform ol li { padding-top: 10px; }
form.callbackform fieldset{ border: solid 0px #fff; }
form.callbackform ol li input, form.callbackform ol li textarea { font-size: 12px; color: #530b3f;  width: 370px; border: 1px solid #f0dde8; padding-top: 5px; padding-bottom: 8px; background-image: url(../../images/de/input_bg2.gif); background-repeat: repeat-x; background-position: bottom; }
form.callbackform textarea { height: 40px; }
form.callbackform input.submitimage { width: auto; border: none; margin-left: 155px; margin-top: 14px; }

div#contactform { padding-left: 20px;  line-height: 20px; padding-top: 27px; }
div#contactform p { text-align: left; padding: 0px 0px 20px 0px; }
div#contactform form {  }
div#contactform form legend { display: none; }
div#contactform form fieldset{ border: solid 0px #fff; }
div#contactform form ol { list-style-type: none; }
div#contactform form ol li{ padding-bottom: 13px; }
div#contactform form ol li fieldset{ padding-left: 153px; }
div#contactform form ol li fieldset input { width: auto; margin-right: 5px; }
div#contactform form ol li label { vertical-align: top; display: inline-block; width: 140px; }
div#contactform form ol li input,
div#contactform form ol li textarea{ width: 403px; padding: 2px 0px; font-size: 12px; border: 1px solid #f0dde8; padding-top: 5px; padding-bottom: 8px; background-image: url(../../images/de/input_bg2.gif); background-repeat: repeat-x; background-position: bottom; }
div#contactform form ol li textarea {  height: 100px; }
div#contactform form ol li select { font-size: 11px; color: #434343; width: 424px; }
div#contactform form ol li input.checkbox { width: auto; }
div#contactform form input.submit { margin-left: 143px; color: #434343; border: none;  }

div#vitatable { line-height: 20px; padding-top: 27px; }
div#vitatable  table { border-collapse: collapse; border: none; width: 370px; }
div#vitatable  table tr td { border-top: 1px solid #ddced9; padding: 5px 0px; vertical-align: top; }
div#vitatable  table tr.last td { border-bottom: 1px solid #ddced9; }
div#vitatable  table tr td.year {  color: #530b3f; padding-right: 20px; }

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; }

p.companydata { margin-top: 20px; margin-right: 20px; border-top: 1px solid #ddced9; border-bottom: 1px solid #ddced9; padding-bottom: 20px; }