/* 
 * Main-Layout fuer alle Seiten
 * 
 *             ------------------------
 * head        | 
 *             ------------------------
 * navigation  |
 *             ------------------------
 * content     |
 *             ------------------------
 * info        |(nur auf startseite)
 *             ------------------------
 * footer      |
 *             ------------------------
 * */
html{
overflow-y:scroll;
-webkit-text-size-adjust: none; 
}
* { 
	padding: 0; 
	margin: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #FFFFFF;
}

/* === HEAD === */
#wrapper_head {
	background-color: #FFFFFF;
	background-image: url(../../resources/images/head_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 83px !important;
	height: 100%;
	margin: 0 auto;
}

#content_head, #content_navigation, #content_content, #content_footer, #content_info {
	width: 992px;
	margin: 0 auto;
}

#header {
	color: #333;
	width: 992px;
	float: left;
	padding: 0px;
	border: 0px solid #ccc;
	height: 83px;
	margin: 0px 0px 0px 0px;
        position: relative;
}


/* === NAVIGATION === */
#wrapper_navigation, #wrapper_footer {
	background-color: #909B9C;
	background-image: url(../../resources/images/navi_bg.gif);
	background-position: top center;
	background-repeat: repeat-x;
	height: 21px !important;
	height: 100%;
	margin: 0 auto;
}

#content_navigation {
	/* siehe #content_head */
}

#navigation {
	float: left;
	width: 992px;
	color: #333;
	padding: 0px;
	border: 0px solid #ccc;
	margin: 0px 0px 0px 0px;
	height: 21px;
	max-height: 21px;
}


/* === CONTENT === */
#wrapper_content { 
	background-position: top center;
	background-repeat: repeat-x;
/*	height: 21px !important;*/
	height: 100%;
	margin: 0 auto;
        z-index: 1;
}
#content_content { 
	/* siehe #content_head */
}


/* === FOOTER === */
#wrapper_footer {
	/* siehe #wrapper_navigation */
}

#content_footer {
	/* siehe #content_head */
}

#footer { 
	width: 992px;
	clear: both;
	color: #333;
	border: 0px solid #ccc;
	background: #909B9C url(../../resources/images/navi_bg.gif);
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 19px;
}


/* === INFO === */
#wrapper_info { 
	background-color: #FDFDFD;
	background-image: url(../../resources/images/bottom_bg.gif);
	background-position: top center;
	background-repeat: repeat-x;
	margin: 0 auto;
}

#content_info { 
	/* siehe #content_head */
}
.testimonialsContainer {display:none; width: 440px; height: 245px; float:right; position: relative; margin-top: 51px; font-size: 12px; line-height: 19px; background: url(../images/testimonialsBg.gif) bottom left no-repeat}
.testimonialsContainer h1 {font-size: 13px;}
.testimonials {background: #f6f6f6; width: 410px; height: 170px; position: absolute; top: 45px; left: 20px; overflow: hidden;}
.testimonials div {width: 400px; height: 200px;}
.testimonial6 {width: 430px; height: 200px;}
.testimonials span {height: 34px; width: 45px; display: block; float: left;  background: url(../images/arrowSprite.gif) -64px 7px no-repeat;}
.testimonials p {margin-bottom: 20px; margin-right: 20px;}
.testimonialsCompany {font-weight: bold; font-size: 11px; line-height: 15px;}
.testimonialsCompany small {font-weight: normal; font-size: 11px;}
.testimonialsArrowLeft {z-index:1021; cursor: pointer; position: absolute; width: 14px; height: 13px; bottom: 30px; right: 40px; background: url(../images/arrowSprite.gif) 0 0 no-repeat;}
.testimonialsArrowRight {z-index:1022; cursor: pointer; position: absolute; width: 14px; height: 13px; bottom: 30px; right: 20px; background: url(../images/arrowSprite.gif) -21px 0 no-repeat;}


.customerPicsContainer {
    width: 440px;
    height: 75px;
    float: right;
    position: relative;
    display: none;
}
h1.customerPics {margin: 30px 0 0 50px !important; margin: 30px 0 0 25px; font-size: 13px; float: left; display: none;}
.scrollWrapper {
    position: relative;
    width: 380px;
    height: 50px;
    top: 5px;
    left: 30px;
    overflow: hidden;
}
.scrollWrapper div {width: 380px; height: 50px;}
.customerLogos1 {background: url(../images/kunden/customerLogo.gif) top left no-repeat;}
.customerLogos2 {background: url(../images/kunden/customerLogo.gif) 0 -50px no-repeat;}
.customerLogos3 {background: url(../images/kunden/customerLogo.gif) 0 -100px no-repeat;}
.customerLogos4 {background: url(../images/kunden/customerLogo.gif) 0 -150px no-repeat;}
.customerLogos5 {background: url(../images/kunden/customerLogo.gif) 0 -200px no-repeat;}
.customerLogos6 {background: url(../images/kunden/customerLogo.gif) 0 -250px no-repeat;}

.scrollingHotSpotLeft {position: absolute; display:block; top: 7px; left: 0px;  width: 30px; height: 50px; z-index: 888; background: url(../images/arrowSprite.gif) 7px -15px no-repeat;}
.scrollingHotSpotRight {position: absolute; display:block; top: 7px; right: 0px; width: 30px; height: 50px; z-index:889; background: url(../images/arrowSprite.gif) -23px -15px no-repeat;}

.customerImageContainer {
    float: left;
    width: 145px;
    height: 75px;
    text-align: center;

}


div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

#news p {padding-top: 2px;}