/* menu styles are in menu.css */

html, body, div, form, p, td, img
{
margin: 0px;
padding: 0px;
border: 0px;
}

html, body
{
height: 100%;
width: 100%;
overflow: hidden;
}

body
{
background-position: 0px 0px;
background-repeat: repeat;
background-color: #E4E7E9;
}

body, td
{
font-family: arial, sans-serif;
font-size: 12px;
line-height: 16px;
/* color: #333333; */
}

td
{
vertical-align: top;
text-align: left;
}

a,
a:link,
a:visited,
a:hover,
a:focus,
a:active
{
color: #005A78;
text-decoration: underline;
}

a:hover,
a:focus,
a:active
{
color: #6A6F76;
}

p
{
padding-bottom: 10px;
}

li
{
padding-bottom: 5px;
}

div.stopFloat,
div.navigation div.stopFloat
{
clear: both;
float: none;
height: 1px;
overflow: hidden;
/* background-color: #dd0000; */
}


input,
option,
textarea
{
font-family: arial, sans-serif;
font-size: 11px;
line-height: 14px;
vertical-align: middle;
}



.error
{
color: #dd0000;
}


#bodyScroller
{
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 100%; 
overflow: auto;
z-index: 0;
}

#bodyContainer
{
position: absolute;
top: 0px;
left: 48px;
width: 850px;
height: auto!important;
height: 100%; 
min-height: 100%;
background-color: #ffffff;
z-index: 5;
}


#headContainer
{
width: 100%;
height: 260px;
overflow: hidden;
background-image: url(../images/header/head-bg.gif);
background-position: 0px 0px;
background-repeat: repeat-x;
}

#headContainer div.hcLeft
{
width: auto;
float: left;
padding-left: 30px;
}

#headContainer div.hcRight
{
width: auto;
float: right;
padding-right: 30px;
}

#headContainer div.hcTeaser
{
float: none;
clear: both;
height: 190px;
width: 100%;
overflow: hidden;
background-color: #003D59;
}

#topFlowAnimation
{
position: relative;
top: 0px;
left: 0px;
z-index: 20;
}

#topFlowAnimationHandles
{
position: absolute;
left: 802px;
top: 164px;
width: 32px;
height: 16px;
z-index: 30;
}

#topFlowAnimationPrev
{
position: absolute;
top: 0px;
left: 0px;
width: 15px;
height: 15px;
overflow: hidden;
cursor: pointer;
}

#topFlowAnimationNext
{
position: absolute;
top: 0px;
left: 17px;
width: 15px;
height: 15px;
overflow: hidden;
cursor: pointer;
}

#topFlowAnimationPrev img,
#topFlowAnimationNext img
{
width: 15px;
height: 15px;
}


#topFlowAnimationContainer
{
position: absolute;
top: 0px;
left: 0px;
width: 850px;
height: 0;
overflow: hidden;
z-index: 25;
zoom: 1;
}

div.topFlowAnimPage
{
position: absolute;
top: 0px;
left: 0px;
width: 850px;
overflow: hidden;
z-index: 27;
zoom: 1;
}

div.topFlowAnimPage img
{
/*
width: 100%;
height: 190px;
*/
display: block;
}

div.topFlowAnimLink
{
position: absolute;
top: 0px;
left: 0px;
width: 795px;
height: 190px;
overflow: hidden;
cursor: pointer;
}

/*
 * geaendert gemaeß M. Bechter (17.12.2009)
 */
div.topFlowAnimLink img
{
  width: 850px;
  height: 190px;
}
/*
div.topFlowAnimLink img
{
width: 100%;
height: 10px;
}
*/

div.outterContent
{
position: relative;
top: 0px;
left: 0px;
height: 30px; /* simply used for space between header and content ;-) */
}

div.outterContentItem
{
position: absolute;
left: -22px;
width: 20px;
height: 20px;
background-color: #AAAFB4;
overflow: hidden;
}

div.outterContentItem a
{
display: block;
width: 20px;
height: 20px;
}

div.outterContentItem img
{
display: block;
}

div.itBox
{
position: absolute;
left: -31px;
top: 0px;
z-index: 100;
}

div.itBox img
{
display: block;
}


div.banner
{
float: none;
clear: both;
margin-left: 17px;
padding-bottom: 10px;
text-align: center;
}


/* content */

#contentContainer
{
float: right;
width: 656px;
}

div.contentFullWidth
{
width: 626px;
overflow: hidden;
}

div.contentLessFullWidth
{
width: 540px;
overflow: hidden;
}


div.contentHalfWidth
{
float: left;
width: 360px;
overflow: hidden;
}

div.contentInfoBox
{
float: right;
width: 270px;
}


h1
{
margin: 0px 30px 19px 0px;
font-size: 12px;
font-weight: bold;
line-height: 18px;
text-transform: uppercase;
color: #005A78;
width: 360px;
}

h1.h1FullWidth
{
width: 626px;
}

h1.h1LessFullWidth
{
width: 540px;
}

div.cntText
{
padding: 0px 0px 10px 0px;
}

h2
{
margin: 0px 0px 2px 0px;
font-size: 12px;
font-weight: bold;
line-height: 16px;
}

h2.team
{
margin: 0px 0px 6px 0px;
text-transform: uppercase;
}

h2.reference
{
margin: 0px 0px 10px 0px;
color: #005A78;
}



div.cntImgText
{
padding: 0px 0px 10px 0px;
}

div.cntImgText_I
{
float: left;
width: auto;
border: 2px solid #EEEFF0;
margin: 0px 5px 5px 0px;
}

div.cntImgText_I img
{
display: block;
}



div.cntImg
{
position: relative;
top: 0px;
left: 0px;

/* for IE6 to correctly place div.cntImgPreview absolute at bottom */
/* auto-resized by content */
height: auto!important;
height: 1px; 
min-height: 1px;

margin: 0px 0px 10px 0px;
background-position: right bottom;
background-repeat: no-repeat;
background-color: #EEEFF0;
}

td.cntImg_I
{
width: auto;
padding: 2px 8px 2px 2px;
}

td.cntImg_I img
{
display: block;
}

td.cntImg_T
{
vertical-align: middle;
padding: 2px;
font-size: 11px;
line-height: 13px;
font-weight: bold;
color: #555F69;
}

div.cntImgPreview
{
position: absolute;
right: 0px;
bottom: 0px;
width: 15px;
height: 15px;
overflow: hidden;
}

div.cntImgPreview a,
div.cntImgPreview a:link,
div.cntImgPreview a:visited,
div.cntImgPreview a:hover,
div.cntImgPreview a:focus,
div.cntImgPreview a:active
{
display: block;
width: 15px;
height: 15px;
text-decoration: none;
}



div.cntDownload
{
padding: 0px 0px 0px 20px;
margin: 5px 0px 5px 0px;
height: auto!important;
height: 15px; 
min-height: 15px;
background-position: 0px 0px;
background-repeat: no-repeat;
}

div.cntDownload a,
div.cntDownload a:link,
div.cntDownload a:visited,
div.cntDownload a:hover,
div.cntDownload a:focus,
div.cntDownload a:active
{
color: #000000;
}

div.cntDownloadBlue
{
padding: 0px 0px 5px 0px;
}

div.cntDownloadBlue a,
div.cntDownloadBlue a:link,
div.cntDownloadBlue a:visited,
div.cntDownloadBlue a:hover,
div.cntDownloadBlue a:focus,
div.cntDownloadBlue a:active
{
font-weight: bold;
}


div.cntLinkBlue
{
padding: 5px 0px 0px 1px;
}

div.cntLink a,
div.cntLink a:link,
div.cntLink a:visited,
div.cntLink a:hover,
div.cntLink a:focus,
div.cntLink a:active
{
color: #000000;
}

div.cntLinkBlue
{
padding: 0px 0px 5px 1px;
font-weight: bold;
}

div.cntLinkBlue a,
div.cntLinkBlue a:link,
div.cntLinkBlue a:visited,
div.cntLinkBlue a:hover,
div.cntLinkBlue a:focus,
div.cntLinkBlue a:active
{
font-weight: bold;
}


div.cntKwrd
{
float: left;
width: 45%;
padding: 0px 5px 0px 12px;
margin: 5px 0px 0px 0px;

/* use common fontstyle to distinguish keywords from links! 
font-weight: bold;
color: #555F69;
*/

background-position: 0px 5px;
background-repeat: no-repeat;
}


h2.searchCategory
{
font-size: 13px;
line-height: 15px;
color: #005A78;
font-weight: bold;
padding: 10px 0px 5px 0px;
}

a.searchResult,
a.searchResult:link,
a.searchResult:visited,
a.searchResult:focus,
a.searchResult:hover,
a.searchResult:active
{
font-size: 13px;
line-height: 15px;
color: #000000;
text-decoration: underline;
font-weight: bold;
}



div.pressContainer
{
padding: 0px 0px 15px 0px;
}

div.pressImg
{
float: left;
width: 125px;
height: 125px;
margin-right: 10px;
background-color: #56606A;
}

table.pressImgTable
{
border: 1px solid #FFFFFF;
margin: 1px 0px 0px 1px;
}

table.pressImgTable td
{
width: 121px;
height: 121px;
vertical-align: middle;
text-align: center;
background-image: url(../images/slideshow/slideshow_bg.jpg);
background-position: -240px -100px;
background-repeat: no-repeat;
}

div.pressText
{
width: auto;
}


div.pressContainer p
{
padding: 0px 0px 3px 0px;
}

p.pressTitle
{
font-size: 13px;
font-weight: bold;
margin-bottom: 2px;
}

p.pressLink,
div.pressLink
{
font-size: 10px;
padding: 2px 0px 0px 1px;
margin: 0px;
}

div.pressLink
{
padding-top: 0px;
}

p.pressLink a,
p.pressLink a:link,
p.pressLink a:visited,
p.pressLink a:hover,
p.pressLink a:focus,
p.pressLink a:active,
div.pressLink a,
div.pressLink a:link,
div.pressLink a:visited,
div.pressLink a:hover,
div.pressLink a:focus,
div.pressLink a:active
{
font-size: 10px;
text-transform: uppercase;
}







div.navigation
{
color: #555F69;
width: 185px;
/* border: 1px solid #dd0000; */
}

div.navigation div
{
float: left;
padding-right: 5px;
width: auto;
}

div.navigation div a
{
font-weight: bold;
text-decoration: underline;
}


/* /content */



/* successStories */

div.successStories
{
position: relative;
top: 0px;
left: 0px;
width: 270px;
z-index: 40;
}

div.successStoriesBackgroundTransparent
{
position: absolute;
top: -105px;
left: 0px;
width: 270px;
height: 50px;
background-color: #FFFFFF;
z-index: 45;
opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);
}


#successStoriesHandels
{
position: absolute;
top: -90px;
right: 15px;
width: 34px;
z-index: 55;
display: none;
}

#successStoriesHandels img
{
margin-left: 2px;
cursor: pointer;
}


#successStoriesContainer
{
position: absolute;
top: -103px;
right: 0px;
width: 268px;
height: 1px;
zoom: 1;
overflow: hidden;
background-color: #66B4CE;
background-position: 0px 0px;
background-repeat: repeat;
z-index: 50;
}


div.successStory
{
/* float: left; */
position: absolute;
top: 0px;
left: 0px;
width: 268px;
/*
background-position: 0px 0px;
background-repeat: no-repeat;
*/
overflow: hidden;
zoom: 1;
}

div.successStory div.innerBox
{
width: 268px;
}

div.scsTitle
{
font-weight: bold;
font-size: 14px;
line-height: 18px;
font-style: italic;
padding: 15px 60px 5px 15px;
}

div.scsText
{
font-size: 14px;
line-height: 18px;
padding: 0px 15px 10px 15px;
}

div.scsImgCit
{
padding: 10px 15px 9px 15px;
background-position: 0px 0px;
background-repeat: repeat-x;
}

div.scsImgCitBottom
{
background-position: 0px 0px;
background-repeat: repeat-x;
}

div.scsImg
{
float: left;
width: 62px;
overflow: hidden;
}

div.scsImg img
{
display: block;
border: 1px solid #005A78;
}

div.scsCit
{
float: right;
width: 165px;
}

div.scsCitWide
{

}

/* use this with "APA-IT box" at the right
div.scsDownload
{
margin: 10px 0px 15px 0px;
padding: 0px 75px 0px 30px;
height: auto!important;
height: 40px; 
min-height: 40px;
background-position: 10px 0px;
background-repeat: no-repeat;
}
*/

div.scsDownload
{
margin: 10px 0px 15px 0px;
padding: 0px 15px 0px 30px;
background-position: 10px 0px;
background-repeat: no-repeat;
}


div.scsDownload a,
div.scsDownload a:link,
div.scsDownload a:visited,
div.scsDownload a:hover,
div.scsDownload a:focus,
div.scsDownload a:active
{
color: #000000;
}


div.successStoryOutterContent
{
position: relative;
top: 0px;
left: 0px;
height: 73px;
width: 270px;
border-bottom: 1px solid #D4D7D9;
z-index: 200;
}

img.successStoryItBoxTop
{
position: absolute;
left: 205px;
top: -57px;
width: 92px;
display: block;
}

img.successStoryItBoxBottom
{
position: absolute;
left: 2px;
top: 0px;
display: block;
}

/* /successStories */


/* references */

div.reference
{
float: left;
width: 141px;
height: 98px;
overflow: hidden;
margin-right: 10px;
}

div.referenceLogo
{
width: 141px;
height: 75px;
background-position: 0px 0px;
background-repeat: no-repeat;
}

div.referenceLogo td
{
width: 141px;
height: 75px;
text-align: center;
vertical-align: middle;
}

div.referenceTitle
{
height: 23px;
line-height: 23px;
vertical-align: middle;
overflow: hidden;
padding-left: 5px;
}

div.referenceText
{
margin-bottom: 10px;
}


/* /references */



/* contactform */

div.cntctTopLeft,
div.cntctTopRight
{
float:left;
background-color: #F2F4F4;
width: 295px;
padding: 5px;
margin-top: 5px;
height: auto!important;
height: 105px;
min-height: 105px;
}

div.cntctTopRight
{
float: right;
}

div.cntctTopLeft_L,
div.cntctTopRight_L,
div.cntctTopLeft_R,
div.cntctTopRight_R
{
float: left;
margin-top: 1px;
width: 30px;
}

div.cntctTopLeft_R,
div.cntctTopRight_R
{
width: 260px;
}

div.cntctTopLeft_F,
div.cntctTopRight_F
{
margin-top: 1px;
width: 290px;
}

div.cntctSet
{
padding-top: 10px;
}

div.cntctSet label
{
float: left;
width: 90px;
margin: 0px 5px 0px 0px;
text-align: right;
}

div.cntctSet div
{
float: left;
width: 477px;
background-color: #F2F4F4;
border: 1px solid #005A78;
}

div.cntctSet div input,
div.cntctSet div select,
div.cntctSet div textarea
{
width: 99%;
border: 0px;
margin: 2px;
padding: 0px;
background-color: transparent;
}

div.cntctSet div textarea
{
height: 42px;
}

div.cntctSet div.halfSize
{
width: 190px;
}

div.cntctSet div.stopFloat
{
clear: both;
float: none;
height: 1px;
overflow: hidden;
border: none;
background-color: transparent;
}

div.cntctSubmit
{
margin: 30px 0px 0px 0px;
width: 572px;
}

div.cntctSubmit input
{
float: left;
margin-left: 95px;
border: 1px solid #005A78;
background-color: #EEEFF0;
padding: 2px;
}

.cntctError
{
color: #005A78;
font-weight: bold;
}

.cntctRequired
{
color: #005A78;
font-weight: bold;
font-size: 14px;
line-height: 10px;
}

/* /contactform */


/* fotoslideshow */

#slideshowSlideBox
{
border: 1px solid #556069;
}

#slideshowStageBox
{
border: 1px solid #FFFFFF;
background-color: #98999D;
background-position: 0px 0px;
background-repeat: no-repeat;
padding: 3px 0px 3px 0px;
}

#slideshowStage
{
position: relative;
top: 0px;
left: 0px;
width: 284px;
height: 232px;
margin: 0px auto 0px auto;
overflow: hidden;
background-position: center;
background-repeat: no-repeat;
}

#slideshowStageTextBox
{
position: absolute;
left: 0px;
top: 207px;
width: 284px;
height: 25px;
}



div.slideshowSlideHandle
{
float: left;
width: 20px;
height: 60px;
overflow: hidden;
text-align: center;
background-color: #C5C8CD;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}


#slideshowSlidesHandleBack,
#slideshowSlidesHandleFwd
{
display: none;
height: 60px;
}


#slideshowSlides
{
float: left;
position: relative;
top: 0px;
left: 0px;
height: 60px;
width: 314px;
overflow: hidden;
background-color: #C5C8CD;
}

#slideshowSlidesContainer
{
position: absolute;
top: 0px;
left: 0px;
height: 60px;
width: 0;
overflow: hidden;
}


div.slideshowSlide
{
float: left;
width: auto;
height: 54px;
padding: 3px 0px 0px 3px;
}

div.slideshowSlide img
{
display: block;
cursor: pointer;
}

div.slideshowSlideContent
{
display: none;
}

div.slideshowSlideContentBG
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #333333;
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
z-index: 10;
}

div.slideshowSlideContentText
{
position: absolute;
left: 0px;
top: 0px;
color: #FFFFFF;
z-index: 11;
padding: 3px 18px 3px 20px;
}

div.slideshowSlideContentText span
{
font-size: 11px;
}


div.slideshowSlideContentLink
{
position: absolute;
width: 12px;
height: 13px;
right: 3px;
top: 7px;
z-index: 11;
}

/* /fotoslideshow */



/* home */
div.homeSolutions
{
float: left;
width: 250px;
}

div.homeSolutionsItem
{
padding-top: 15px;
cursor: pointer;
}

div.homeSolutionsItem img
{
display: block;
}

div.homeTeaser
{
clear: both;
margin-top: 40px;
background-position: 0px 0px;
background-repeat: no-repeat;
zoom: 1; /*for IE6/7 to make it has-layout true */
}

div.homeTeaserItem
{
float: left;
width: 298px;
}

div.homeTeaserTitle
{
padding: 16px 20px 0px 20px;
font-weight: bold;
color: #005A78;
text-transform: uppercase;
}

div.homeTeaserText
{
padding: 6px 20px 0px 20px;
}

table.homeTeaserTable
{
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}

td.homeTeaserLogo
{
padding: 0px 5px 0px 20px;
vertical-align: bottom;
}

td.homeTeaserLink
{
padding: 0px 20px 0px 5px;
text-align: right;
vertical-align: bottom;
font-size: 10px;
color: #555F69;
}

td.homeTeaserLink a,
td.homeTeaserLink a:link,
td.homeTeaserLink a:visited,
td.homeTeaserLink a:focus,
td.homeTeaserLink a:hover,
td.homeTeaserLink a:active
{
text-transform: uppercase;
color: #555F69;
}
/* /home */



#ticker
{
position: absolute;
bottom: 0px;
left: 48px;
width: 850px;
height: 23px;
overflow: hidden;
background-color: #FFFFFF;
border-top: 6px solid #FFFFFF;
z-index: 100;
}

#ticker img
{
margin: 0px 5px 0px 10px;
vertical-align: middle;
}

#ticker a,
#ticker a:link,
#ticker a:visited,
#ticker a:focus,
#ticker a:hover,
#ticker a:active
{
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
font-size: 11px;
line-height: 17px;
vertical-align: middle;
color: #A5AEB4;
}


div.tickerBg
{
height: 29px;
background-color: #FFFFFF;
}


#contactBubble
{
position: absolute;
left: 39px;
top: 153px;
width: 220px;
height: 79px;
z-index: 100;
display: none;
}

#meta{
position: absolute;
z-index: 0;
bottom: 50px;
left: 902px;
width: auto;
height: auto;
z-index: 1;
}

#meta img
{
margin-top: 0px;
}






/* overlay */

#overlay
{
display: none;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
z-index: 1000;
background-color: #383838;
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
}


#overlayRef
{
display: none;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
z-index: 1000;
background-color: #383838;
opacity: 0.2;
filter: alpha(opacity=20);
-moz-opacity: 0.2;
}



div.overlayDialogBox
{
display: none;
position: absolute;
top: 0px; 
left: 0px;
width: 850px;
z-index: 1001;
overflow: hidden;
}

div#apalabsDialog
{
width: 400px;
}

div.apaLabsClose
{
position: absolute;
top: 30px;
left: 310px;
width: 40px;
height: 13px;
cursor: pointer;
}

div.apaLabsLink
{
position: absolute;
top: 228px;
left: 151px;
width: 57px;
height: 15px;
overflow: hidden;
}

div.apaLabsLink a
{
display: block;
}


div.overlayTop
{
width: auto;
text-align: right;
}

div.overlayTop img
{
display: block;
margin: 0px 0px 7px auto;
cursor: pointer;
}


div.ovelayOutterContent
{
background-color: #FFFFFF;
padding: 1px;
}

div.ovelayContent
{
border: 1px solid #C9CDD0;
padding: 30px 20px 30px 20px;
}

div.ovelayContent img
{
display: block;
margin: 0px auto 0px auto;
}

/* /overlay */