#typo .nav,
#typo .pfad,
#typo .suche,
#typo .footer,
#typo .ubar,
#typo .subnav,
#typo .rechts,
#typo .blaettern,
h1.claim img,
#typo .lupe  {
display:none;
}

#typo .content .halbRechts,
#typo .home .rechts {
display:block;
}
/* Punkte; Ersatz fuer BG-image */
.content .teaser h2 a:before,
.content .links .back a:before,
.content .links p a:before,
.content .rechts p a:before,
.content .modul table a:before,
.content .modul .pText a:before,
.bgTeaser h4 a:before,
.content .links p a:before,
.content .rechts p a:before
{
content:"...";
color:#b01e1e;
background-image:none;
padding-left:0;
}

/*grau*/
.content .pfad li a:before
{
content:"...";
color:#b01e1e;
}

/* schwarz */
.content .footer ul a:before {
content:"...";
color:#000;
}
/* * * * * * * * * * * * *  MAIN  * * * * * * * * * * * * * * * * * * * * */
/* - - - - - - - - - - - - Allg. Vorgaben - - - - - - - - - - - - */
html, body {
font-family:Arial, Verdana,Helvetica, sans-serif;
margin:0 ;
padding:0;
background-color:#fff;
color:#000;
height: 100%; 
font-size:11pt;
}

#typo {
font-size:0.75em;
line-height:125%;
width:82.05em;
/*padding:0 0 110px 0;*/
padding:0;
margin:-9px 0 0 0;
position: relative;
}

h1, h2, h3, h4, h5, h6, p, a, ul, li, img {
	font-family: Arial, Verdana,Helvetica, sans-serif;
	margin:0;
	padding:0;
	border:0;
}
a:link {text-decoration: none; color : #b01e1e;}
a:visited {text-decoration: none; color : #b01e1e;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none; color : #b01e1e;}
a:focus {text-decoration: none; color : #b01e1e; }

.clear {
clear:both;
float:none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.abstand30px {
margin-bottom:30px;
}
hr {
visibility:hidden;
*margin: -17px 0 0 0;  
}
.fontGrey {
color:#696969!important;
}

/* - - - - - - - - - - - - - - - - - -  Contentraster  - - - - - - - - - - - - - - - - - - */
.kopf {
position:absolute;
top:0;
left:0;
width:82.05em;
min-width:985px;
text-align:left;
margin:0;
}
.content {
height:auto;
padding-left:0;
line-height:130%;
display:block;
}

.content .links {
width:46.3em;
margin-top:0;
margin-bottom:30px;
float:left;
}
.content .rechts {
width:30.45em;
margin-top:0;
margin-bottom:30px;
float:right;
}
.landingPage .links,
.landingPage .rechts {
margin-top:28px;
}
.home .links {
float:left;
width:340px;
padding-right:10px;
}
.home .rechts {
float:left;
width:568px;
*width:528px;
padding:0 0 0 20px;
position:relative;
}
.home .reLinks {
dsiplay:block
}
.home .reRechts {
dsiplay:block
}
.landingPage .links {
width:62.3em;
}
.landingPage .rechts {
width:14.75em;
}
.content .halbLinks {
width:30.5em;
margin-top:9px;
}
.content .halbRechts {
width:30.5em;
margin-top:9px;
}
/* - - - - - - - - - - - - - - - - - -  Kopf  - - - - - - - - - - - - - - - - - - */
.logo {
margin-top:33px;
margin-bottom:8px;
}
/* - - - - - - - - - - - - - - - - - -  Content  - - - - - - - - - - - - - - - - - - */
.content .imgLink {
display:block;
margin:0;
padding:0;
background:none;
}
/* * * * * * * * * * * * *  SCREEN_A  * * * * * * * * * * * * * * * * * * * * */
/* - - - - - - - - - - - - - - - - - -  Contentraster  - - - - - - - - - - - - - - - - - - */
#typo .kopf {
height:auto; 
}
.content {
margin-top:100pt;
}
/* - - - - - - - - - - - - - - - - - -  Content  - - - - - - - - - - - - - - - - - - */
.content h1 {
color:#b01e1e;
font-size:200%;
line-height:130%;
margin-bottom:5px;
}
.content h2 {
position:relative;
color:#b01e1e;
font-weight:normal;
font-size:130%;
line-height:130%;
margin-bottom:15px;
}
.content ul h2 {
font-size:100%;
font-weight:normal;
}
.content .box h2 { 
margin-bottom:0;
}
.modul {
margin-bottom:20px;
page-break-inside:avoid;
}
.modulEnde {
margin-bottom:0;
}
#typo .intro {
margin-top:-1px;
}
#typo .landingPage .intro,
#typo .home .intro,
#typo .single .intro {
width:78%;
}
div.single div.links {
width:100%;
}
div.single div.breit {
width:100%;
overflow:hidden;
}
.modul h3 {
font-size:100%;
margin-bottom:1px;
}
.bgTeaser h4 {
font-size:100%;
font-weight:normal
}
.content .back {
display:block;
width:100%;
text-align:right;
margin-bottom:-3px;
}
.content .top {
margin:-29px 0 12px 0;
}
.content .box {
border:3px solid #afada5;
padding:12px 12px 5px 12px;
}
/*Für Opera 7 und Safari*/
html:first-child>b\ody .content .box {
width:92%;
}
/*Für Opera 7 und Safari*/
html:first-child>b\ody .content ul,
html:first-child>b\ody .content ul li {
width:100%;
}
.content .box ul {
padding-bottom:11px;
}
.content .border {
border-bottom:1px dotted #949380;
padding-bottom:9px;
margin-bottom:9px;
}
.content .borderTop {
border-top:1px solid #7d7d7d;
}
.content .box a {
position:relative;
bottom:2px;
display:block;
}
.content .box img {
float:right;
border:1px solid #949380;
}
.keyvisual {
height:auto;
padding:0;
background-color:#1f2c4f;
*position:relative;
margin-bottom:24px;
}
.keyvisual img.keyImg {
position:absolute;
width:271px;
}
.keyvisual .text {
background-color:#fff;
padding:20px 20px 20px 20px;
margin-left:273px;
/*margin-left:0;*/
min-height:322px;
border:2px solid #1f2c4f;
border-left:none;
}
* html .keyvisual .text {
height:322px;
}
.keyvisual p {
margin-bottom:25px;
}
.content .keyvisual ul {
list-style-type:none;
margin-top:15px;
*margin-left:0;
list-style-position:outside;
}
.keyvisual ul li {
text-indent:0;
margin-bottom:9px;
background-image:0;
padding-left:0;
}
/* - - - - - - - - Bildpositionen - - - - - - - - - */
.modul dl {
margin-bottom:7px;
margin-top:0;
display:block;
width:100%;
}
.modul dl dd {
background-color:#f1efe8;
color:#646464;
padding:6px 8px 8px 9px;
font-size:95%;
line-height:125%;
margin:0;
display:block;
}
.modul dl dt {
margin-bottom:-4px;
}

.modul dl dd a:hover {
text-decoration:none;
}
.modul dl dd a.lupe {
float:right;
width:14px;
padding:2px 0 2px 8px;
*padding:4px 0 2px 8px;
}
/* Bild links */
dl.left {
float:left;
padding:0;
margin:3px 12px 3px 0;
position:relative;
left:0;
}
/*Imagespalte links */
dl.spalteLeft {
float:left;
padding:0 0 0 0;
margin:0 0 0 0;
}
.textRight {
padding-left:12px;
}
/* Bild rechts */
dl.right {
float:right;
padding:0;
margin:3px 0 3px 12px;
position:relative;
left:0;
}
/*Imagespalte rechts */
dl.spalteRight {
float:right;
padding:0;
margin:0;
}
.textLeft {
padding-right:12px;
}
.modul .pText {
margin-bottom:7px;
}
/* - - - - - - - - Listen im Content - - - - - - - - - */
.content .modul ul {
list-style-type:disc;
position:relative;
left:12px;
*left:0;
margin-left:12px;
*margin-left:16px;
}

.content  ul {
list-style-type:disc!important;
margin-left:12px;
position:relative;
left:12px;
}
.content .modul .pText ul {
*left:12px;
}
.modul ul li {
margin-bottom:3px;
vertical-align:top;
}
* html .content .modul ul li  {
display:inline-block;
}
.content .modul ul li a  {
padding-left:0;
margin-left:0;
display:block;
}
/* - - - - - - - - Tabelle - - - - - - - - - */
.modul table {
width: 100%;
padding: 0 0 0 0 ;
margin:0 0 0 0;
border-collapse:collapse;
}
caption, th, td {
padding:3px 8px 3px 8px;
text-align:left;
vertical-align:top;
border-top:1pt solid #696969;
background-color:transparent;
}
th, td {
font-size:95%;
}
caption {
font-weight: bold;
margin:9px 0 0 0;
background-color:#afada5;
text-align:center;
}
table .tdFoot {
background-color:#fff;
color:#696969;
padding:9px 0 0 0;
}
table .posRight {
text-align:right;
}

/* - - - - - - - - - - - - - - - - - -  Teaser  - - - - - - - - - - - - - - - - - - */
.teaser {
margin-bottom:30px;
page-break-inside:avoid;
}

.content .teaser h2 {
font-size:100%;
margin-bottom:7px;
}
.teaserImg {
margin-bottom:7px;
}
/* Bild links */
.teaser img.left {
float:left;
padding:0;
margin:3px 12px 0 0;
position:relative;
left:0;
}
.teaser ul li a.listImg {
background-image:none;
padding-left:0;
margin-bottom:7px;
display:block;
}
.teaser ul li a.listImg:hover {
text-decoration:none;
}
.bgTeaser ul {
margin:0 11px 0 12px;
*margin:0 11px 0 17px;
position:relative;
left:0;
padding-bottom:33px;
}
.bgTeaser ul li {
margin-bottom:5px;
}
.content .teaser h3.teaserHead {
color:#7d7d7d;
text-transform:uppercase;
font-size:115%;
border-bottom:1px solid #7d7d7d;
margin-bottom:10px;
}
.content .rechts h3.teaserHead.explorerHead {
border-bottom:0;
margin-bottom:0;
}
.content .explorer .bgPadding {
margin-bottom:0;
}
.content .explorer p {
margin-bottom:9px;
}
.content h3.teaserHead.blue {
color:#2d395a;
}
.content .bgTeaser h3.teaserHead {
background-color:#fff;
}
.content .publikationen h2 {
color:#7d7d7d;
text-transform:uppercase;
font-size:100%;
margin-bottom:9px;
}
h3.teaserHead img {
margin-right:10px;
margin-bottom:-1px;
}
.content .ref h3.teaserHead.blue {
margin-bottom:0;
}
.referenzen  {
width:100%;
position:relative;
bottom:-10px;
margin:0;
padding-bottom:9px;
margin-bottom:9px;
}

.referenzen .text {
padding:0 12px;
}
.referenzen img {
float:left;
width:83px;
}
.referenzen a {
background-image:none;
padding-left:0;
}
.content .referenzen h2 {
margin-bottom:0;
}
.content .teaser h2 a:before {
font-size:100%;
}
span.fontGrey {
display:block;
}
.content .publikationen {
margin-bottom:20px;
}
.content .publikationen ul {
list-style-position:outside;
list-style-type:none!important;
margin-left:0;
left:0;
}
.content .publikationen ul li {
margin-bottom:9px;
}
.content .publikationen ul  li a {
display:block;
}
/* - - - - - - - - Infostandard - - - - */
.infoDetail h2 {
font-size:100%;
color:#696969;
}
/* - - - - - - - - Zoombild - - - - */
.single .zoom {
background-color:#F1EFE8;
}
.single .zoom img {
margin:3px;
}
.content .quellen {
color:#696969;
font-size:90%;
}
.single .breit {
width:100%;
}
.single .modul {
width:46.3em;
}
/* - - - - - - - - Sitemap - - - - */
#typo .links {
position:relative;
border:1px solid #fff;
}
#typo .sitemap {
display:block;
margin:0 0 20px 0;
}
#typo .sitemap .teaser ul {
*height:100%;
width:auto;
list-style-type:none;
margin:0;
left:0;
}
#typo .sitemap .teaser ul ul  {
margin-left:12px;
list-style-type:disc;
margin:0;
left:0;
list-style-position:inside;
}
#typo .sitemap .teaser ul ul ul {
margin-left:24px;
}
#typo .sitemap li.first {
padding:0 10px 0 12px;
width:auto;
}
#typo .sitemap ul li a  {
padding-bottom:5px;
*padding-left:2px;
*display:block;
}
* html #typo .sitemap ul ul ul li a {
margin-left:-36px;
text-indent:18px;
display:inline-block;
}
/* - - - - - - - - TagCloud - - - - */
#tagCloud  {
display:block;
position:relative;
top:3px;
}
#tagCloud a {
text-decoration: none;
padding: 0 2px;
white-space: nowrap;
line-height:120%;
vertical-align:baseline;
}
#tagCloud a:hover {
text-decoration:underline;
}
#tagCloud a.cloudXS,
#tagCloud a.cloud5 {
	font-size: 80%;
}
#tagCloud a.cloudS,
#tagCloud a.cloud6 {
	font-size: 100%;
}
#tagCloud a.cloudM,
#tagCloud a.cloud7 {
	font-size: 120%;
}
#tagCloud a.cloudL,
#tagCloud a.cloud8 {
	font-size: 150%;
}
#tagCloud a.cloudXL,
#tagCloud a.cloud9 {
	font-size: 190%;
}

/* * * * * * * * * * * * *  HOMEPAGE  * * * * * * * * * * * * * * * * * * * * */
#typo h1.claim .ubar {
float:none1important;
display:block;
width:auto;
font-size:20px;
margin-bottom:40px;
color:#B01E1E;
text-transform:uppercase;
}
.home h3.teaserHead {
color:#7d7d7d;
text-transform:uppercase;
font-size:115%;
}
.home ul h2 {
font-size:100%;
font-weight:normal;
}
.home .rechts h3.teaserHead {
border-bottom:1px solid #7d7d7d;
margin-bottom:14px;
}
.home .box {
border:3px solid #afada5;
padding:12px 12px 5px 12px;
}
/*Für Opera 7 und Safari*/
html:first-child>b\ody .home .box {
width:92%;
}

/*Für Opera 7 und Safari*/
html:first-child>b\ody .home ul,
html:first-child>b\ody .home ul li {
width:100%;
}
.home ul {
list-style-type:none!important;
margin-left:0;
left:0;
}
.home .box ul {
padding-bottom:11px;
}
* html .home ul li {
margin-left:-4px; 
}
.home ul li {
display:block;
margin:0;
}
.home .border {
border-bottom:1px dotted #949380;
padding-bottom:11px;
margin-bottom:11px;
}
.home .box a {
position:relative;
bottom:2px;
display:block;
}
.home .box img {
float:right;
border:1px solid #949380;
}
.home .reLinks img,
.home .reRechts img {
display:block;
margin-top:5px;
margin-bottom:7px;
}















/* * * * * * * * * * * * *  FORMULAR  * * * * * * * * * * * * * * * * * * * * */
#formular {
font-weight:normal;
margin:10px 0 0 0;
padding:0;
color:#000;
background-color:transparent;
}
#formular h2 {
color:#7d7d7d;
text-transform:uppercase;
font-size:120%;
border-bottom:1px solid #7d7d7d;
margin-bottom:0;
*position:relative;
*top:-2px;
background-color:#fff;
}
#formular h3 {
margin-bottom:6px;
}
#formular fieldset {
padding:12px 10px;
margin:0 0 0 0;
border: 0px solid #000000;
border-bottom:1px dotted #7e7c7f;
display:block;
vertical-align:top;
position:relative;
}
#formular fieldset.noborder {
border-bottom:none;
}
#formular div.send {
display:block;
padding:12px 10px 44px 10px;
clear:both;
}
#formular span {
display:block;
padding:3px 0 4px 0;
clear:both;
}
div.error {
margin:0 0 20px 0;
background-color:#f5e3e3;
padding:8px 10px 10px 10px;
}
p.hinweis {
padding:5px;
}
/* - - - Label - - - */
#formular label,
#formular .left {
cursor:default;
width:auto;
padding:0 9px 0 0;
margin:0 0 0 0;
border:0;
}
#formular label.left,
#formular .left {
float:left;
width:14.8em;
}
#formular span.right {
clear:none;
display:inline;
float:left;
width:28em;
padding:0 0 0 0;
color:#2e385f;
border:0;
*bottom:7px;
*margin-top:7px;
}
#formular span.right label.radioLeft {
width:auto;
color:#000;
float:left;
}
#formular label.error,
#formular span.error {
color:#b01e1e!important;
}
#formular br {
clear:both;
float:none;
display:block;
}
/* - - - Formularelemente - - - */
#formular input,
#formular textarea,
#formular select {
font-size:95%;
border:1px solid #7d7d7d;
color:#504e44;
padding:2px 4px 2px 4px;
margin-right:7px;
}
#formular select {
padding:1px 0 1px 4px;
}
#formular input.textfeld {
width:28.25em;
}
#formular input.textfeldEins {
width:18.00em;
}
#formular input.textfeldZwei {
width:8.50em;
}
/* nur Safari + IE */
html*#formular input.textfeldEins,
html*#formular input.textfeldZwei {
float:left;
*float:none;
}
/* nur Safari + IE */
html*#formular input.textfeldZwei {
width:9.75em;
*width:8.50em;
}
#formular select.textfeldZwei {
width:9.45em;
}
#formular input.textfeldDrei {
width:6.00em;
}
#formular input.textfeldVier {
width:4.00em;
}
#formular textarea.nachricht {
width:28.25em;
}
#formular input.radio {
float:left;
display:block;
width:auto;
cursor: pointer; 
vertical-align:top;
border:0;
margin:2px 5px 11px 5px;
*margin:-1px 5px 6px 5px;
}
#formular input.error,
#formular select.error,
#formular textarea.error {
border:1px solid #b01e1e;
}
/* - - - Button - - - */
#formular input.buttonGo{
float:left;
width:auto;
font-size:93%;
background-color:#f2efe8;
color:#aaa;
padding:3px 16px 3px 16px;
*padding:1px 8px 1px 8px;
margin:0;
text-align:center;
border:2px solid #aaaaaa;
cursor:pointer;
font-weight:bold;
}
#formular input.buttonGo2 {
float:right;
width:auto;
background-color:#7d7d7d;
color:#fff;
margin-right:20px;
}
#formular input.buttonGo:hover,
#formular .buttonGo input.hover {
background-color:#fff;
}
#formular input.buttonGo2:hover,
#formular .buttonGo2 input.hover {
background-color:#1f2c4f;
}
/* - - - - - - - - - - Dropbox für Projektübersicht - - - - - - - - - - - */
#typo .contentForm label,
#typo .contentForm .textfeld {
margin-top:3px;
width:auto;
}
#typo .contentForm .textfeld {
width:40%;
float:left;
}
#typo .contentForm .buttonGo2 {
margin:0 0 0 10px;
}
.content .dropbox {
position:relative;
}
@media screen and (min-width: 550px){
#typo .content .dropbox {
float:left;
width:100%;
}
}
#typo .content .dropbox span.first {
font-size:0.95em;
border:1px solid #7d7d7d;
color:#504e44;
padding:0px 4px;
display:block;
width:22em;
padding-right:20px;
background:#fff url(../img_gesamt/icon-drop.gif) no-repeat scroll right center;
line-height:138%;
min-height:17px;
*height:17px;
}
.content .dropbox div {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
background-color:#fff;
border:1px solid #7d7d7d;
padding:9px 0;
}
.content .dropbox p {
margin:0 2.5%;
}
.content .dropbox ul {
width:43%;
margin:9px 2.5%;
float:left;
}
* html .content .dropbox ul {
margin-left:4px;
}
.content .dropbox ul li {
background:none;
text-indent:0;
margin:0;
}
div.content div.dropbox h3 {
text-indent:0;
font-weight:normal;
padding:0;
margin:0;
*margin-left:-15px;
}
* html div.content div.dropbox h3 {
*margin-left:0;
}
.content .dropbox:hover div,
.content .dropbox div.hover {
display:block;
}
/* radiogroups */
#formular .radiogroup {
position:relative;
}
#formular .radiogroup input {
margin:2px 5px 11px 17em;
*margin:2px 5px 3px 16.1em;
float:left;
clear:left;
border:none;
}
#formular .radiogroup label {
float:left;
*margin:4px 5px 3px;
*line-height:1.9em;
*float:none;
*display:block;
*dsisplay:none;
}
* html #formular .radiogroup input {
margin-left:16.3em; 
}
#formular .radiogroup .left {
position:absolute;
float:none;
top:0.26em;
*top:0.5em;
left:0;
}