/* Transparenxy   ##################################################################
-moz-opacity:0.5;
filter:alpha(opacity=50);
opacity:0.5;
*/

* { padding: 0px; margin: 0px; }
html {
scrollbar-face-color:#808080;
scrollbar-3dlight-color:#808080;
scrollbar-darkshadow-color:#808080;
scrollbar-track-color:#808080;

scrollbar-highlight-color:#D4D4D4;
scrollbar-shadow-color:#D4D4D4;
scrollbar-arrow-color:#D4D4D4;

overflow: auto;
}

html, body { height: 100%; width: 100%; background-color: #808080; }

body {
overflow: hidden;
font-family: Verdana, sans-serif;
}

/*______________________
/  E L E M E N T S      \_____________________________________________________________________
/___________________________________________________________________________________________*/
#bdyMain { background: url(../pix/bigbird.gif) no-repeat fixed center center; }

div.divContent, div.divDynamicStart, #divContentStart { position: relative; width: 532px; }

div, iframe, #ulNav { position: absolute; }
img { border: none; }
ul  { list-style: none; margin-left: 0px;  }

#divContainer {
left: 0px;
height: 520px;
text-align: left;
background: url(../pix/boxes.gif) no-repeat scroll 0px 111px;  /* (739px x 356px) von links, von oben */
display: none;
}
#divContainer, #ulBottomNav { width: 750px; }

div.divContent, #ifrContentIFrame {
left: 0px;
top: 10px;
height: 357px;		/* 135 + 222*/
width: 532px;
text-align: left;
overflow: hidden;
}
#divContentStart, #ifrContentIFrame  { top: 111px; /*border-bottom: 1px solid #FFFFFF;*/ }

div.divDynamic {
position: relative;
width: 531px;
height: 135px;
float: left;
margin-left: 1px;
border: none;
overflow: hidden;
z-index: 2;
display: none;
}

#imgEagle { height: 120px; width: 168px; margin-left: 20px; z-index: 1; }
/* #h3LogoHeader { margin-top: -17px; margin-left: 10px; z-index: 2; } */
/*#spLogoSubline { font-size: 11px; margin-left: 12px; } */
#h3LogoHeader { position: absolute; top: 120px; left: -12px; z-index: 2; }
#spLogoSubline { position: absolute; font-size: 10px; left: -8px; top: 20px; white-space: nowrap; }
#imgBinGar { width: 80px; height: 20px; }

/*_______________
/  L I N K S     \____________________________________________________________________________
/___________________________________________________________________________________________*/
a         { font-weight: normal; text-decoration: none; }
a:link    { font-weight: normal; }
a:visited { font-weight: normal; }
a:hover   { font-weight: normal; }
a:active  { font-weight: normal; }
a:focus   { font-weight: normal; }

/*_______________
/  F O N T S     \____________________________________________________________________________
/___________________________________________________________________________________________*/
h1, h2, h3, h4, p {
color: #DDDDDD;
margin-bottom: 0px;
/*margin-top: 3px;*/
}

h1 {
width: 400px;
height: 25px;
margin-left: 10px;
padding-left: 5px;
font-weight: normal;
font-size: 17px;
line-height: 23px;
}

h1.h1Headers {
width: 517px;
border: none;
border-bottom: 1px solid #D4D4D4;
}

h2 {
margin-left: 3px;
font-weight: bold;
font-size: 13px;
}
#h2Welcome {
width: 400px;
height: 25px;
margin-left: 10px;
padding-left: 5px;
font-weight: normal;
font-size: 17px;
line-height: 23px;
}



h3 {
font-weight: bold;
font-size: 13px;
}
#bdyMain h3 {
margin-top: 10px;
margin-left: 10px;
/*margin-bottom: 10px;*/
padding-left: 3px;
line-height: 13px;
}
#bdyMain #h3LogoHeader { margin-top: -16px; }
#bdyMain #divContentStart #divMainText h3 { margin-bottom: 7px; }

h4 {
font-weight: bold;
font-size: 11px;
}

p {
font-size: 11px;
margin-top: 3px;
padding-left: 3px;
padding-right: 3px;
line-height: 13px;
text-align: left;
}
#divMainText p { margin-left: 0px; margin-right: 0px; }

p.pSmall {
font-family: Arial, sans-serif;
font-size: 10px;
letter-spacing: 0px;
padding-left: 0px;
margin-top: 0px;
margin-left: -7px;
text-align: justify;
width: 185px;
}
span.pSmallest {
font-size: 12px;
margin-left: 5px;
margin-right: 5px;
}

p.normalBold {
font-weight: bold;
}

p.pMainText {
margin-left: 10px;
margin-right: 20px;
line-height: 12px;
}

/*p.pCenter { text-align: center; }*/
/*_______________
/  S T A R T     \____________________________________________________________________________
/___________________________________________________________________________________________*/
p.pStartSlogan {
font-family: Verdana, sans-serif;
letter-spacing: 0px;
position: absolute;
height: 75px;
font-weight: bold;
line-height: 30px;
z-index: 1;
}



#divLogos, #imgLogos { display: block; }


/*   CONTENT   =============================================================================*/
#ifrContentIFrame { position: absolute; top: 108px; display: none; }
#divContentStart { display: block; }
#divMainText {
position: relative;
top: 0px;
left: 0px;
height: 203px;
width: 534px;
z-index: 1;
border-bottom: none;
border-top: 1px solid #D4D4D4;
overflow-x: hidden;
overflow-y: auto;
}
#divContentStart #divMainText { margin-top: -9px; }

#bdyMain #divMainText p, #bdyMain #divMainText h3 {
margin-left: 10px;
width: 492px;
/*text-align: justify;*/
}
#bdyMain #divMainText h3 { margin-bottom: -3px; }

/*   RIGHT _ NAV   =========================================================================*/
#divRightNav, #ulRightNav { position: absolute; overflow: hidden; }
#divRightNav {
top: 0px;
left: 550px;
width: 200px;
height: 469px;
}

/*
#ulRightNav {
top: 138px;
left: 2px;
height: 293px;
width: 187px;
padding-top: 20px;
}
*/
#ulRightNav {
top: 160px;
left: 18px;
height:auto;
width: 152px;
padding-top: 0px;

background-color: #808080;
border-left: 1px solid #D5D5D5;
border-right: 1px solid #D5D5D5;
}
#rightNavImage { position: absolute; left: 18px; top: 336px; width: 154px; height: 2px; z-index: 99; }
#divRightNav p { position: absolute; bottom: 0px; color: #D4D4D4; }

/*
li.liRightNav {
width: 152px;
height: 18px;
margin-left: 16px;
margin-bottom: 0px;
overflow: hidden;
border-bottom: 1px solid #D4D4D4;
}
*/
li.liRightNav {
width: 152px;
height: 18px;
margin-top: -2px;
margin-left: 0px;
margin-bottom: 0px;
overflow: hidden;
border-bottom: 1px solid #D4D4D4;
}
#listServices  { height: 20px; }
#listKnowHow   { margin-top: 4px; height: 15px; }
#listPortfolio { margin-top: -5px; height: 21px; }
/*#listClients   { margin-top: -1px; border-bottom: none; }*/
#listClients { margin-top: -1px; height: 20px; border: none; }
#listClose { height: 20px; background-color: red; }

#spServices { display: block; }
#spPortfolio { display: none; }
li.liSubNav {
margin-top: -1px;
margin-left: -15px;
padding-left: 0px;
height: 20px;
border-bottom: 1px solid #D4D4D4;
}
li.liSubNav span { margin-left: 30px; }

#ulRightNav a {
font-size: 11px;
color: #D4D4D4;
padding-right: 100%;
}
li.liRightNav #aLinkServices { color: #FFFF00; }
li.liRightNav #aLinkKnowHow { line-height: 10px; }

/*span { margin-left: 10px; }*/
/* span.spNobreak { margin-left: 0px; white-space: nowrap; } */
span, span.spRightNav { margin-left: 10px; }


div.divTopic {
position: absolute;
top: 159px;
left: 0px;
height: 203px;
width: 534px;
margin-top: -9px;
z-index: 1;
border-bottom: none;
border-top: 1px solid #D4D4D4;
overflow-x: hidden;
overflow-y: auto;
display: none;
}
div.divTopic h2 { margin-left: 14px; }

#bdyMain div.divTopic p, #bdyMain div.divTopic h3 {
margin-left: 10px;
width: 492px;
line-height: 13px;
}
#bdyMain div.divTopic h3 { margin-bottom: -3px; }

span.spItalic { font-style: italic; }
span.spNobreak { white-space: nowrap; }

/*   BOTTOM _ NAV   ========================================================================*/
#ulBottomNav {
position: absolute;
top: 490px;
height: 20px;
left: 0px;
overflow: hidden;
}

#ulBottomNav li {
overflow: hidden;
text-align: center;
display: inline;
overflow: hidden;
}

#ulBottomNav a.aBottomNav {
margin-right: 96px;
line-height: 20px;
font-size: 10px;
font-weight: normal;
letter-spacing: 0px;
color: #D4D4D4;
text-align: center;
}

a.aBGLink { position: absolute; left: 0px; bottom: 0px; }
a.aBGLink, img.imgBGLink { width: 75px; height: 20px; }

/*_____________________________
/  BrandSlogan - Animation     \_______________________________________________________________________
/____________________________________________________________________________________________________*/
h1.h1BrandSlogan/*, h1.h1DarkSlogan*/ {
position: absolute;
font-family: Verdana, sans-serif;
margin-left: -5px;
margin-top: 10px;
height: 200px;
font-size: 55px;
line-height: 55px;
font-weight: bold;
color: #C0C0C0;
background-color: transparent;
filter:alpha(opacity=0);
-moz-opacity:0.0;
opacity:0.0;
}

span.spDarkSlogan {
position: absolute;
color: #333333;
background-color: transparent;
margin-left: -100px;
margin-top: 30px;
padding-bottom: 10px;
z-index: 2;
}

/*___________________________________
/  D Y N A M I C _ C O N T E N T     \________________________________________________________
/___________________________________________________________________________________________*/
/*
img.imgDynamic {
position: absolute;
top: 0px;
left: 0px;
width: 534px;
height: 124px;
filter: alpha(opacity = 0);
-moz-opacity:0.0;
opacity:0.0;
visibility: hidden;
z-index: 1;
}
*/

img.imgDynamic {
position: absolute;
top: 0px;
left: 0px;
width: 534px;
height: 124px;
filter: alpha(opacity = 100);	/*================================*/
-moz-opacity: 1.0;					/*================================*/
opacity: 1.0;						/*================================*/
visibility: visible;				/*================================*/
z-index: 1;
}

div.divBackLink {
position:absolute;
top: 128px;
left: 453px;
height: 15px;
width: 73px;
z-index: 99;
}
a.aBack {
position: absolute;
width: 73px;
height: 15px;
font-weight: normal;
font-size: 11px;
color: #D4D4D4;
background-color: #1A1A59;
line-height: 13px;
text-align: center;
text-decoration: none;
top: 0px;
left: 0px;
float: right;
border: 1px solid #D4D4D4;
}
a.aBack:hover {
width: 73px;
font-weight: bold;
text-align: center;
color: #D4D4D4;
background-color: #1A1A59;
border: 1px solid #D4D4D4;
}

/*__________________________________________
/  H I N T E R G R U N D - B I L D E R      \_________________________________________________
/___________________________________________________________________________________________*/
#bdyKontakt div.divDynamic    { background: url(../pix/kontakt/1.jpg) no-repeat scroll 0px 0px; }

/*______________
/  E L S E      \_____________________________________________________________________________
/___________________________________________________________________________________________*/
span.sp8px  { margin-left: 8px; }
span.sp10px { margin-left: 10px; }