@media screen{
html
,body{ 
min-width:908px;
margin-top:0px;  
padding:0;  
text-align:center;
color:#525252;
font-size:90%; 
font-family:Arial,Verdana,Geneva,Helvetica,sans-serif; 
background-color:#ffffff;
line-height:150%;
height:100%;
background-image:url("/bilder_layout/grau-verlauf.png");
background-repeat:repeat-x;
}
.displayBlockOnScreen{
display:block !important;
}
.noscript{
color:#dd3333;
font-style:italic;
}
.noscript-normal{
color:#525252;
}

noscript .caption-text{
width:530px;
height:120px;
}

noscript .area{
margin-bottom:20px;
}

#container{
background:#ffffff;
width:908px;
text-align:left;
margin:0 auto;
}
#header-top-logo{
width:278px;
height:77px;
float:left;
margin-bottom:1px;
background-image:url("/en/image/gabo-logo-background.png");
z-index:2;
}
#header-top-navi{
width:628px;
height:77px;
float:right;
text-align:center;
margin-bottom:1px;
margin-left:2px;
background-image:url("/bilder_layout/top-navi.png");
z-index:2;
}
.navi-text a
,.navi-text a:visited
,.navi-text a:active
,.navi-text a:hover{
font-size:1.15em;
float:left;
margin:28px 0px 28px 63px;
font-weight:bold;
text-decoration:none;
}
.navi-text a
,.navi-text a:link
,.navi-text a:visited
,.navi-text a:active{
color:#ffffff;
}
.navi-text a:hover{
color:#8cbddd;
}
.navi-text-active a
,.navi-text-active a:link
,.navi-text-active a:visited
,.navi-text-active a:active
,.navi-text-active a:hover{
color:#8cbddd;
font-size:1.15em;
float:left;
padding:28px 0px 28px 63px;
font-weight:bold;
}

#lang-icon{
float:right;
width:22px;
height:32px;
margin-right:6px;
margin-top:28px;
z-index:2;
}
.icon{
width:22px;
height:12px;
margin-bottom:4px;
z-index:2;
}
#header-mid-pic{
clear:both;
background:#ffffff;
height:166px;
width:908px;
margin-bottom:1px;
z-index:2;
}
#header-down-pic{
height:27px;
width:908px;
z-index:2;
margin-bottom:8px;
}
#subnavi{
height:27px;
width:908px;
text-align:center;
z-index:2;
}
#subnavi-left-yellow a
,#subnavi-left-green a
,#subnavi-left-red a
,#subnavi-left-maroon a{
color:#ffffff;
float:left;
height:27px;
width:279px;
background-color:transparent;
font-size:1.15em;
text-align:center;
font-weight:bold;
padding-top:8px;
margin-right:1px;
}
#subnavi-left-yellow a{
background-image: url("/bilder_layout/subnavi-left-yellow.gif");
}
#subnavi-left-green a{
background-image: url("/bilder_layout/subnavi-left-green.gif");
}
#subnavi-left-red a{
background-image: url("/bilder_layout/subnavi-left-red.gif");
}
#subnavi-left-maroon a{
background-image: url("/bilder_layout/subnavi-left-maroon.gif");
}
#subnavi-left-yellow a:hover
,#subnavi-left-green a:hover
,#subnavi-left-red a:hover
,#subnavi-left-maroon a:hover{
color:#ffffff;
font-weight:bold;
}
#subnavi-left-grey{
float:left;
height:27px;
width:274px;
margin-right:1px;
}

.subnavi-yellow a
,.subnavi-yellow a:link
,.subnavi-active-yellow a
,.subnavi-right-yellow a
,.subnavi-right-active-yellow a
,.subnavi-green a
,.subnavi-green a a:link
,.subnavi-active-green a
,.subnavi-right-green a
,.subnavi-right-active-green a
,.subnavi-red a
,.subnavi-red a:link
,.subnavi-active-red a
,.subnavi-right-red a
,.subnavi-right-active-red a
,.subnavi-maroon a
,.subnavi-maroon a:link
,.subnavi-active-maroon a
,.subnavi-right-maroon a
,.subnavi-right-active-maroon a{
width:156px;
height:27px;
background-color:transparent;
display:block;
float:left;
font-size:1em;
font-weight:bold;
text-align:center;
margin-left:1px;
padding-top:8px;
}
.subnavi-yellow a
,.subnavi-yellow a:link
,.subnavi-yellow a:visited
,.subnavi-yellow a:active{
color:#ffffff;
background:#c1b877;
}
.subnavi-green a
,.subnavi-green a:link
,.subnavi-green a:visited
,.subnavi-green a:active{
color:#ffffff;
background:#94bb7f;
}
.subnavi-red a
,.subnavi-red a:link
,.subnavi-red a:visited
,.subnavi-red a:active{
color:#ffffff;
background:#c08776;
}
.subnavi-maroon a
,.subnavi-maroon a:link
,.subnavi-maroon a:visited
,.subnavi-maroon a:active{
color:#ffffff;
background:#ba7086;
}

.subnavi-yellow a:hover
,.subnavi-active-yellow a
,.subnavi-active-yellow a:link
,.subnavi-active-yellow a:visited
,.subnavi-active-yellow a:active{
color:#ffffff;
background:#978a1a;
display:block;
font-weight:bold;
}
.subnavi-right-yellow a
,.subnavi-right-yellow a:link
,.subnavi-right-yellow a:visited
,.subnavi-right-yellow a:active{
color:#ffffff;
background-image: url("/bilder_layout/subnavi-right-yellow.gif");
}
.subnavi-right-active-yellow a
,.subnavi-right-active-yellow a:link
,.subnavi-right-active-yellow a:visited
,.subnavi-right-active-yellow a:active
,.subnavi-right-yellow a:hover
,.subnavi-right-active-yellow a:hover{
color:#ffffff;
background-image: url("/bilder_layout/subnavi-right-active-yellow.gif");
}

.subnavi-green a:hover
,.subnavi-active-green a
,.subnavi-active-green a:link
,.subnavi-active-green a:visited
,.subnavi-active-green a:active{
color:#ffffff;
background:#4d8d2a;
display:block;
font-weight:bold;
}
.subnavi-right-green a
,.subnavi-right-green a:link
,.subnavi-right-green a:visited
,.subnavi-right-green a:active{
color:#ffffff;
background-image: url("/bilder_layout/subnavi-right-green.gif");
}
.subnavi-right-active-green a
,.subnavi-right-active-green a:link
,.subnavi-right-active-green a:visited
,.subnavi-right-active-green a:active
,.subnavi-right-green a:hover
,.subnavi-right-active-green a:hover{
color:#ffffff;
background-image: url("/bilder_layout/subnavi-right-active-green.gif");
}

.subnavi-red a:hover
,.subnavi-active-red a
,.subnavi-active-red a:link
,.subnavi-active-red a:visited
,.subnavi-active-red a:active{
color:#ffffff;
background:#96371a;
display:block;
font-weight:bold;
}
.subnavi-right-red a
,.subnavi-right-red a:link
,.subnavi-right-red a:visited
,.subnavi-right-red a:active{
color:#ffffff;
background-image: url("/bilder_layout/subnavi-right-red.gif");
}
.subnavi-right-active-red a
,.subnavi-right-active-red a:link
,.subnavi-right-active-red a:visited
,.subnavi-right-active-red a:active
,.subnavi-right-red a:hover
,.subnavi-right-active-red a:hover{
color:#ffffff;
background-image: url("/bilder_layout/subnavi-right-active-red.gif");
}

.subnavi-maroon a:hover
,.subnavi-active-maroon a
,.subnavi-active-maroon a:link
,.subnavi-active-maroon a:visited
,.subnavi-active-maroon a:active{
color:#ffffff;
background:#8c1136;
display:block;
font-weight:bold;
}
.subnavi-right-maroon a
,.subnavi-right-maroon a:link
,.subnavi-right-maroon a:visited
,.subnavi-right-maroon a:active{
color:#ffffff;
background-image: url("/bilder_layout/subnavi-right-maroon.gif");
}
.subnavi-right-active-maroon a
,.subnavi-right-active-maroon a:link
,.subnavi-right-active-maroon a:visited
,.subnavi-right-active-maroon a:active
,.subnavi-right-maroon a:hover
,.subnavi-right-active-maroon a:hover{
color:#ffffff;
background-image: url("/bilder_layout/subnavi-right-active-maroon.gif");
}

.subnavi-blue a
,.subnavi-blue a:link
,.subnavi-active-blue a
,.subnavi-right-blue a
,.subnavi-right-active-blue a
,.subnavi-right-blue2{
width:210px;
height:27px;
display:block;
float:left;
font-size:1em;
font-weight:bold;
text-align:center;
padding-top:8px;
margin-left:1px;
}
.subnavi-blue a
,.subnavi-blue a:link
,.subnavi-blue a:visited
,.subnavi-blue a:active{
color:#ffffff;
background:#9cb1ce;
}
.subnavi-active-blue a
,.subnavi-active-blue a:link
,.subnavi-active-blue a:visited
,.subnavi-active-blue a:active
,.subnavi-blue a:hover
,.subnavi-active-blue a:hover{
color:#ffffff;
background:#0d2d53;
display:block;
font-weight:bold;
}
.subnavi-right-blue a
,.subnavi-right-blue a:link
,.subnavi-right-blue a:visited
,.subnavi-right-blue a:active
,.subnavi-right-blue2{
color:#ffffff;
background-image: url("/bilder_layout/subnavi-right-blue.gif");
}
.subnavi-right-active-blue a
,.subnavi-right-active-blue a:link
,.subnavi-right-active-blue a:visited
,.subnavi-right-active-blue a:active
,.subnavi-right-blue a:hover
,.subnavi-right-active-blue a:hover{
color:#ffffff;
background-image: url("/bilder_layout/subnavi-right-active-blue.gif");
}


#main-area{
width:908px;
z-index:2;
margin-top:2px;
}
#content{
float:left;
width:530px;
display:inline;
margin:22px 0 48px 58px;
z-index:4;
}
#area-box{
width:530px;
height:100px;
margin-top:20px;
margin-bottom:5px;
}
.area{
display:block;
float:left;
width:117px;
height:107px;
border:0px;
margin-right:15px;
}
.caption{
display:none;
height:130px;
width:520px; 
}
.caption-triangle{
height:20px;
width:520px;
}
.caption-text{
display:block;
padding:18px;
background-color:#dbdbdb;

}
#teaser-right{
float:right;
width:268px;
}
.teaser-box{
background:#ffffff;
color:#535353;
text-decoration:none;
font-size:0.9em;
margin:20px 12px 20px 0px;
}
.teaser-header-standard
,.teaser-header-software
,.teaser-header-test
,.teaser-header-doku
,.teaser-header-cms{
width:230px;
height:24px;
background-repeat: no-repeat;
padding-left:25px;
padding-top:2px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
font-size:1em;
}
.teaser-header-standard{
background-image: url("/bilder_layout/teaserbox-top.png");
}
.teaser-header-software{
background-image: url("/bilder_layout/teaserbox-top-yellow.png");
}
.teaser-header-test{
background-image: url("/bilder_layout/teaserbox-top-green.png");
}
.teaser-header-doku{
background-image: url("/bilder_layout/teaserbox-top-red.png");
}
.teaser-header-cms{
background-image: url("/bilder_layout/teaserbox-top-maroon.png");
}
#teaser-box-mid{
background:#e6e6e6;
width:205px;
padding:5px 25px 5px 25px;
font-size:1em;
line-height:150%;
height:100%;
}

#more a{
margin-top:5px;
color:#0d2d53;
}
#more a:hover{
margin-top:5px;
color:#4A97CD;
}

#image-left{
float:left;
margin-right:8px;

}
#teaser-box-down{
/*background:#e6e6e6;*/
width:256px;
height:24px;
margin-top:2px;
margin-bottom:2px;
}
#area01-link a
,#area02-link a
,#area03-link a
,#area04-link a{
height:20px;
background-color:#e6e6e6;
margin-bottom:1px;
padding-left:25px;
display:block;
font-size:1em;
color:#525252;
font-weight:bold;
}
#area01-link a:hover{
color:#ffffff;
background:#978a1a;
}
#area02-link a:hover{
color:#ffffff;
background:#4d8e2a;
}
#area03-link a:hover{
color:#ffffff;
background:#96371b;
}
#area04-link a:hover{
color:#ffffff;
background:#8d1136;
}
.footer{
clear:both;
background:#0d2d53;
width:908px;
height:26px;
z-index:2;
text-align:center;
font-size:0.85em;
font-weight:bold;
background-image:url("/bilder_layout/footer.png");
}
.copyright{
float:left;
padding-top:3px;
padding-left:38px;
color:#ffffff;
font-weight:bold;
}
.footer-right{
padding-top:3px;
float:right;
margin-right:28px;
}
.footer-text{
padding-left:16px;
float:left;
}
.copyright a
,.copyright a:link
,.copyright a:visited
,.copyright a:active
,.copyright a:hover
,.footer-text a
,.footer-text a:link
,.footer-text a:visited
,.footer-text a:active
,.footer-text a:hover{  
color:#ffffff;
font-weight:bold;
}
img{
border:none;
}
h1{
font-size:1.15em;
color:#0d2d53;
}
h2{
font-size:1.0em;
color:#0d2d53;
}
h3{
font-size:0.95em;
color:#0d2d53;
}
h4{
font-size:0.90em;
color:#0d2d53;
}

p, li {
padding-right:20px;
color:#525252;
}
li{
margin-top:5px;
}
ul{
margin-top:5px;
}
a:link
,a:visited
,a:active { 
color:#0d2d53; 
font-weight:bold;
text-decoration:none;
}
a:hover { 
color:#4a97cd; 
font-weight:bold;
text-decoration:none;
}

.reddot-text
,.reddot{
font-family:Arial;
font-size:0.85em;
color:#ff0000;
line-height:100%;
}

.greater-fontsize {
font-size:1.5em; 
font-weight:bold;
}
.line-top{
clear:both;
width:530px;
height:10px;
}
.line-grey
,.line-white{
width:530px;
height:1px;
border:none;
}
.line-grey{
border-top:#c9c9c9 1px solid;
}
.line-white{
border-top:#ffffff 1px solid;
}
.line-bottom{
width:530px;
height:10px;
} 

/* RAD 2009-10-07: CAPTCHA css */
.captchaDivLayer{
background:transparent url(/bilder_layout/bg-black-alpha-30.png) repeat scroll 0 0;
display:none;
height:100%;
left:0;
margin: 0 auto;
/* RAD 2009-10-09: this keeps the captcha located in the header image and not too far down for small screens */
padding-top:90px;
position:fixed;
top:0;
width:100%;
z-index:99;
}
.captchaDivLayer input{
text-transform:uppercase;
}
.captchaDivLayer table{
background-color:#ffffff;
border:1px solid #0D2D53;
padding:5px;
text-align:left;
}
.closeIcon{
background:transparent url(/bilder_layout/close-icon.png) no-repeat scroll 4px 0;
display:block;
height:20px;
width:22px;  
}
.captchaForm{
width:200px;
margin:0 auto;
}
.captchaForm tr{
vertical-align:top;
}
/* RAD 2009-10-07: CAPTCHA css END */
.referenzen{
float:left;
width:150px;
margin-right:15px;
}

.referenzen_text{
float:left;
width: 300px;
}

}
@media print{

body, html{
text-align:left;
font-family:Arial,Verdana,Geneva,Helvetica,sans-serif; 
line-height:150%;
}
img{
border:none;
}
#header-top-logo{
display:block;
}
#header-mid-pic{
display:block;
}
.caption-text{
text-align:left;
}
#footer{
display:block;
margin-top:50px;
}
#content{
color:#000000;
overflow:visible;
width:100%;
margin-top:50px;
}
.footer-text{
display:none;
}
#subnavi-left-grey{
display:none;
}
#teaser-right{
display:none;
}
.icon{
display:none;
}
#header-down-pic{
display:none;
}
.area{
float:left;
}
#captchaDivLayer{
display:none !important;
}
#header-top-navi{
width:628px;
height:77px;
text-align:left;
margin-bottom:1px;
margin-left:2px;
z-index:2;
}
.navi-text a
,.navi-text a:visited
,.navi-text a:active
,.navi-text a:hover{
font-size:1.15em;
float:left;
padding:28px 0px 28px 63px;
font-weight:bold;
text-decoration:none;
}
.navi-text a
,.navi-text a:link
,.navi-text a:visited
,.navi-text a:active{
color:#ffffff;
}
.navi-text a:hover{
color:#8cbddd;
}
.navi-text-active a
,.navi-text-active a:link
,.navi-text-active a:visited
,.navi-text-active a:active
,.navi-text-active a:hover{
color:#8cbddd;
font-size:1.15em;
float:left;
padding:28px 0px 28px 63px;
font-weight:bold;
}
#subnavi{
height:27px;
width:908px;
text-align:left;
z-index:2;
}
#copyright{
text-align:left;
}
#subnavi-left-yellow a
,#subnavi-left-green a
,#subnavi-left-red a
,#subnavi-left-maroon a{
color:#ffffff;
float:left;
height:27px;
width:279px;
background-color:transparent;
font-size:1.15em;
text-align:center;
font-weight:bold;
padding-top:8px;
margin-right:1px;
}
#subnavi-left-yellow a{
color:#003366;
}
#subnavi-left-green a{
color:#003366;
}
#subnavi-left-red a{
color:#003366;
}
#subnavi-left-maroon a{
color:#003366;
}
#subnavi-left-yellow a:hover
,#subnavi-left-green a:hover
,#subnavi-left-red a:hover
,#subnavi-left-maroon a:hover{
color:#ffffff;
font-weight:bold;
}
#subnavi-left-grey{
float:left;
height:27px;
width:275px;
}
.subnavi-yellow a
,.subnavi-yellow a:link
,.subnavi-active-yellow a
,.subnavi-right-yellow a
,.subnavi-right-active-yellow a
,.subnavi-green a
,.subnavi-green a a:link
,.subnavi-active-green a
,.subnavi-right-green a
,.subnavi-right-active-green a
,.subnavi-red a
,.subnavi-red a:link
,.subnavi-active-red a
,.subnavi-right-red a
,.subnavi-right-active-red a
,.subnavi-maroon a
,.subnavi-maroon a:link
,.subnavi-active-maroon a
,.subnavi-right-maroon a
,.subnavi-right-active-maroon a{
width:156px;
height:27px;
background-color:transparent;
display:block;
float:left;
font-size:1em;
font-weight:bold;
text-align:center;
margin-left:1px;
padding-top:8px;
}
.subnavi-yellow a
,.subnavi-yellow a:link
,.subnavi-yellow a:visited
,.subnavi-yellow a:active{
color:#ffffff;
background:#c1b877;
}
.subnavi-green a
,.subnavi-green a:link
,.subnavi-green a:visited
,.subnavi-green a:active{
color:#ffffff;
background:#94bb7f;
}
.subnavi-red a
,.subnavi-red a:link
,.subnavi-red a:visited
,.subnavi-red a:active{
color:#ffffff;
background:#c08776;
}
.subnavi-maroon a
,.subnavi-maroon a:link
,.subnavi-maroon a:visited
,.subnavi-maroon a:active{
color:#ffffff;
background:#ba7086;
}
.subnavi-yellow a:hover
,.subnavi-active-yellow a
,.subnavi-active-yellow a:link
,.subnavi-active-yellow a:visited
,.subnavi-active-yellow a:active{
color:#4A97CD;
background:#978a1a;
display:block;
font-weight:bold;
}
.subnavi-right-yellow a
,.subnavi-right-yellow a:link
,.subnavi-right-yellow a:visited
,.subnavi-right-yellow a:active{
color:#ffffff;
background-image: url("/preview/bilder_layout/subnavi-right-yellow.png");
}
.subnavi-right-active-yellow a
,.subnavi-right-active-yellow a:link
,.subnavi-right-active-yellow a:visited
,.subnavi-right-active-yellow a:active
,.subnavi-right-yellow a:hover
,.subnavi-right-active-yellow a:hover{
color:#4A97CD;
background-image: url("/preview/bilder_layout/subnavi-right-active-yellow.png");
}
.subnavi-green a:hover
,.subnavi-active-green a
,.subnavi-active-green a:link
,.subnavi-active-green a:visited
,.subnavi-active-green a:active{
color:#4A97CD;
background:#4d8d2a;
display:block;
font-weight:bold;
}
.subnavi-right-green a
,.subnavi-right-green a:link
,.subnavi-right-green a:visited
,.subnavi-right-green a:active{
color:#ffffff;
background-image: url("/preview/bilder_layout/subnavi-right-green.png");
}
.subnavi-right-active-green a
,.subnavi-right-active-green a:link
,.subnavi-right-active-green a:visited
,.subnavi-right-active-green a:active
,.subnavi-right-green a:hover
,.subnavi-right-active-green a:hover{
color:#4A97CD;
background-image: url("/preview/bilder_layout/subnavi-right-active-green.png");
}
.subnavi-red a:hover
,.subnavi-active-red a
,.subnavi-active-red a:link
,.subnavi-active-red a:visited
,.subnavi-active-red a:active{
color:#4A97CD;
background:#96371a;
display:block;
font-weight:bold;
}
.subnavi-right-red a
,.subnavi-right-red a:link
,.subnavi-right-red a:visited
,.subnavi-right-red a:active{
color:#ffffff;
background-image: url("/preview/bilder_layout/subnavi-right-red.png");
}
.subnavi-right-active-red a
,.subnavi-right-active-red a:link
,.subnavi-right-active-red a:visited
,.subnavi-right-active-red a:active
,.subnavi-right-red a:hover
,.subnavi-right-active-red a:hover{
color:#4A97CD;
background-image: url("/preview/bilder_layout/subnavi-right-active-red.png");
}
.subnavi-maroon a:hover
,.subnavi-active-maroon a
,.subnavi-active-maroon a:link
,.subnavi-active-maroon a:visited
,.subnavi-active-maroon a:active{
color:#4A97CD;
background:#8c1136;
display:block;
font-weight:bold;
}
.subnavi-right-maroon a
,.subnavi-right-maroon a:link
,.subnavi-right-maroon a:visited
,.subnavi-right-maroon a:active{
color:#ffffff;
background-image: url("/preview/bilder_layout/subnavi-right-maroon.png");
}
.subnavi-right-active-maroon a
,.subnavi-right-active-maroon a:link
,.subnavi-right-active-maroon a:visited
,.subnavi-right-active-maroon a:active
,.subnavi-right-maroon a:hover
,.subnavi-right-active-maroon a:hover{
color:#4A97CD;
background-image: url("/preview/bilder_layout/subnavi-right-active-maroon.png");
}
.subnavi-blue a
,.subnavi-blue a:link
,.subnavi-active-blue a
,.subnavi-right-blue a
,.subnavi-right-active-blue a{
width:210px;
height:27px;
display:block;
float:left;
font-size:1em;
font-weight:bold;
text-align:center;
padding-top:8px;
margin-left:1px;
}
.subnavi-blue a
,.subnavi-blue a:link
,.subnavi-blue a:visited
,.subnavi-blue a:active{
color:#ffffff;
background:#9cb1ce;
}
.subnavi-active-blue a
,.subnavi-active-blue a:link
,.subnavi-active-blue a:visited
,.subnavi-active-blue a:active
,.subnavi-blue a:hover
,.subnavi-active-blue a:hover{
color:#4A97CD;
background:#0d2d53;
display:block;
font-weight:bold;
}
.subnavi-right-blue a
,.subnavi-right-blue a:link
,.subnavi-right-blue a:visited
,.subnavi-right-blue a:active{
color:#ffffff;
background-image: url("/preview/bilder_layout/subnavi-right-blue.png");
}
.subnavi-right-active-blue a
,.subnavi-right-active-blue a:link
,.subnavi-right-active-blue a:visited
,.subnavi-right-active-blue a:active
,.subnavi-right-blue a:hover
,.subnavi-right-active-blue a:hover{
color:#4A97CD;
background-image: url("/preview/bilder_layout/subnavi-right-active-blue.png");
}
.referenzen{
display:block;
margin-bottom:10px;
}
.referenzen_text{
display:block;
margin-bottom:20px;
}
}