/* 
 * Main-Layout fuer alle Seiten
 * 
 *             ------------------------
 * head        | 
 *             ------------------------
 * navigation  |
 *             ------------------------
 * content     |
 *             ------------------------
 * info        |(nur auf startseite)
 *             ------------------------
 * footer      |
 *             ------------------------
 * */
html{
overflow-y:scroll;
}
* { 
	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: 90px; font-size: 12px; line-height: 19px; background: url(../images/testimonialsBg.gif) bottom left no-repeat}
.testimonialsContainer h1 {font-size: 15px;}
.testimonials {background: #f6f6f6; width: 400px; height: 170px; position: absolute; top: 45px; left: 20px; overflow: hidden;}
.testimonials div {width: 400px; height: 200px;}
.testimonials span {height: 34px; width: 45px; display: block; float: left;  background: url(../images/arrowSprite.gif) -35px 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;}