body, textarea {
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CCCCCC;
}

a {
	color: #FFFFFF;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

p {
	margin: 0px 0px 16px 0px;
}

h3 {
	font-weight: bold;
	font-size: 13px;
	margin: 0px
}

#pageContainer {
	width: 700px;
	margin: 0px auto;
	background-color: #333333;
	background-image: url('/img/main_bg.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
	position: relative;
	border-top: 1px solid #333333;
}

#contentContainer {
	display: block;
	margin: 280px 26px 36px 26px;
}

#footerContainer {
	height: 48px;
	display: block;
	border: 3px solid #1F1F1F;
	border-width: 3px 0px 0px 0px;
	background: #FFFFFF;
}

#footerTextTellAFriend {
	position: absolute;
	top: 20px;
	left: 20px;
}

#footerTextVideo {
	position: absolute;
	top: 20px;
	left: 188px;
}

#footerTextHome {
	position: absolute;
	top: 20px;
	left: 283px;
}

#footerTextImprint{
	position: absolute;
	top: 20px;
	left: 333px;
}

#footerTextPrivacy {
	position: absolute;
	top: 20px;
	left: 408px;
}

#footerLogo {
	position: absolute;
	top: 4px;
	right: 12px;
}

.positioningContainer {
	display: block;
	position: relative;
}

/* -----------------------------------------------------
 Non Executive Survey: Fragen
 ----------------------------------------------------- */
#surveyHeadImage {
	position: absolute;
	top: 24px;
	left: 20px;
}


#surveyHead {
	margin: 0;
	color: #CCCCCC;
	font-weight: bold;
	font-size: 22px;
	position: absolute;
	top: 124px;
	left: 326px;
}

#surveySubHead {
	margin: 0;
	color: #EEE006;
	font-weight: normal;
	font-size: 28px;
	position: absolute;
	top: 208px;
	left: 356px;
}

/* Skala */
#surveyScaleContainer {
	background-image: url('/img/survey_bg_scale.png');
	background-repeat: no-repeat;
	background-position: top center;
	height: 48px;
	display: block;
	position: relative;
	margin: 8px 0px 0px 0px;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
}

#surveyScaleCategory1 {
	position: absolute;
	top: 10px;
	left: 64px;
}

#surveyScaleCategory2 {
	position: absolute;
	top: 10px;
	left: 282px;
}

#surveyScaleCategory3 {
	position: absolute;
	top: 10px;
	left: 474px;
}

#surveyScaleLabelContainer {
	margin: 0px 16px;
	height: 18px;
	position: relative;
}

.surveyScaleBreadCrumbContainer {
	position: absolute;
	top: 0px;
	width: 36px;
	text-align: center;
}

.surveyScaleBreadCrumbContainer a,
.surveyScaleBreadCrumbContainer {
	color: #817878;
	text-decoration: none;
}

.surveyScaleBreadCrumbContainer a:hover {
	text-decoration: none;
}

.surveyScaleBreadCrumbContainerSelected a,
.surveyScaleBreadCrumbContainerSelected {
	color: #FFFFFF;
}

#surveyScaleBorderContainer {
	background-image: url('/img/survey_bg_scale.png');
	background-repeat: no-repeat;
	background-position: center -12px;
	height: 2px;
	overflow: hidden;
	display: block;
	margin: 0px 0px 36px 0px;
}

/*
#surveyScaleIndexContainer {
	padding: 0px 16px;
	margin: 0px 0px 32px 0px;
}
*/
#surveyScaleBreadCrumbIndex {
	text-align: center;
	margin: 4px auto 0px auto;
	background-image: url('/img/survey_bg_scale_index.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 7px;
	height: 12px;
}

/* einleitender Text */
#surveyMessageContainer {
	text-align: center;
	margin: 0px 0px 16px 0px;
}

/* Fehlermeldungen */
.messageError, .messageSuccess {
	color: #EEE006;
	font-weight: bold;
	font-size: 15px;
}

.messageSuccess {
	color: #80D937;
}

/* Fragen */
.surveyQuestionContainer {
	position: relative;
	color: #FFFFFF;
	margin: 0px 0px 36px 0px;
	height: 258px;
	width: 648px;
	overflow: hidden;
	font-size: 11px;
}

.surveySpecialQuestionContainer {
	position: relative;
	color: #FFFFFF;
	margin: 0px 0px 36px 0px;
	height: 462px;
	width: 648px;
/*	overflow: hidden; */
	font-size: 11px;
}

.surveySpecialQuestionBackgroundContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 462px;
	width: 648px;
	z-index: 1;
	background-image: url('/img/survey_special_question_bg.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.surveySpecialQuestionInnerContainer {
	position: absolute;
	top: 22px;
	left: 26px;
	width: 596px;
	z-index: 1;
}

.surveySpecialQuestionAnswerContainer {
	position: relative;
	padding: 2px 0px 4px 24px;
}

.surveySpecialQuestionCheckBox {
	position: absolute;
	top: 0px;
	left: 0px;
}

.surveySpecialQuestionAnswerAddContainer {
	margin: 4px 0px 0px 0px;
}

.surveySpecialAnswerAdd {

}

.surveySpecialAnswerAddInput {
	width: 500px;
	vertical-align: bottom;
}

.surveyQuestionWithImageContainer {
	height: 342px;
}

.surveyQuestionContainerContent {
	position: absolute;
	top: 22px;
	left: 26px;
	width: 596px;
	z-index: 1;
}

.surveyQuestionBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	width: 648px;
	height: 258px;
	background-image: url('/img/survey_question_bg.png');
	background-repeat: no-repeat;
	background-position: top left;
/*	opacity: 0.9;
	-moz-opacity: 0.9; */
}

.surveyQuestionWithImageBackground {
	background-image: url('/img/survey_question_with_image_bg.png');
	height: 342px;
}

.surveyQuestionContainer h1,
.surveySpecialQuestionContainer h1 {
	margin: 0px 0px 16px 0px;
	font-size: 17px;
	font-weight: normal;
}

.answerListElement1 {
	width: 20px;
	float:left;
}

.answerListElement2 {
	width: 20px;
	float: right;
	margin-right: 268px;
}

.answerContainer1,
.answerContainer2 {
	width: 268px;
}

.answerContainer1 {
	float: left;
}

.answerContainer2 {
	float: right;
	margin-right: -288px;
}

.answerWithImageListElement1 {
	float: left;
	width: 20px;
}

.answerWithImageListElement2 {
	float: right;
	width: 20px;
	margin-right: 160px;
}

.answerWithImageContainer1,
.answerWithImageContainer2 {
	width: 160px;
}

.answerWithImageContainer1 {
	float: left;
}

.answerWithImageContainer2 {
	float: right;
	margin-right: -180px;
}

.answerImage {
	width: 192px;
	position: absolute;
	top: 0px;
	left: 202px;
	text-align: center;
}

.answerAddContainer {
	display: none;
	margin: 8px 0px 0px 0px;
	color: #EEE006;
}

.surveyQuestionSelectContainer {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 44px;
	z-index: 40;
	text-align: center;
}

.surveyRadioButton {
	margin: 0px 16px;
}

#surveyRadioButtonTextLeft {
	font-weight: bold;
	vertical-align: top;
}

#surveyRadioButtonTextRight {
	font-weight: bold;
	vertical-align: top;
}

.surveyQuestionInfoContainer {
	width: 100%;
	height: 28px;
	position: absolute;
	left: 0px;
	bottom: 18px;
	text-align: center;
}

.surveyArrowLeft {
	vertical-align: bottom;
	margin: 0px 16px 0px 0px;
}

.surveyArrowRight {
	vertical-align: bottom;
	margin: 0px 0px 0px 16px;
}
 
/* Navigationsknöpfe am Ende der Seite */
#surveyButtonsContainer {
	position: relative;
	margin: 32px 0px;
	height: 210px
}

#surveyButtonBack {
	position: absolute;
	top: 96px;
	left: 0px;
}

#surveyButtonForward {
	position: absolute;
	top: 96px;
	left: 582px;
}

#surveyButtonGiveUp {
	position: absolute;
	top: 72px;
	left: 288px;
}

/* -----------------------------------------------------
 Non Executive Survey: Ergebnisse
 ----------------------------------------------------- */
#surveyResultContainer {
	position: relative;
	color: #FFFFFF;
	margin: 0px 0px 36px 0px;
	height: 342px;
	width: 648px;
	overflow: hidden;
	font-size: 11px;
	background-image: url('/img/survey_question_with_image_bg.png');
	background-repeat: no-repeat;
	background-position: top left;
}

#surveyResultBackgroundContainer {
	width: 648px;
	height: 342px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
/*
	background-image: url('/img/survey_question_with_image_bg.png');
	background-repeat: no-repeat;
	background-position: top left;*/
}

#surveyResultContentContainer {
	position: absolute;
	top: 22px;
	left: 26px;
	width: 596px;
	z-index: 1;
}

#surveyResultTextContainer {
	float: right;
	width: 326px;
}

#surveyResultTextContainer h1 {
	margin: 0px 0px 16px 0px;
	font-size: 16px;
	font-weight: bold;
}

.surveyResultMotivationScore {
	font-weight: bold;
}

#surveyResultStatsContainer {
	position: relative;
	float: left;
	width: 254px;
	height: 200px;
}

.surveyResultStatsAvg {
	position: absolute;
	left: 0px;
	width: 60px;
	border: 1px dashed #EEE006;
	border-width: 1px 0px 0px 0px;
	height: 1px;
	overflow: hidden;
	z-index: 60;
}

.surveyResultStatsCol {
/*	z-index: 1; */
}

/* Diagramm 1 */
#surveyResultStatsCategory1 {
	position: absolute;
	bottom: 0px;
	width: 60px;
	left: 0px;
}

#surveyResultStatLabel1 {
	text-align: center;
	z-index: 61;
}

#surveyResultStatsBodyCategory1 {
	position: absolute;
	bottom: 0px;
	width: 60px;
	left: 0px;
	overflow: hidden;
	background-image: url('/img/survey_bg_stats_cat1.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}

#surveyResultStatsTopCategory1 {
	background-image: url('/img/survey_bg_stats_top_cat1.png');
	background-repeat: no-repeat;
	background-position: top left;
	height: 12px;
	overflow: hidden;
}

#surveyResultStatsColBg1 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 184px;
	width: 60px;
	left: 16px;
	background-image: url('/img/survey_bg_stats_all.gif');
	background-repeat: no-repeat;
	background-position: top left;
}


/* Diagramm 2 */
#surveyResultStatsCategory2 {
	position: absolute;
	bottom: 0px;
	width: 60px;
	left: 0px;
}

#surveyResultStatLabel2 {
	text-align: center;
	z-index: 62;
}

#surveyResultStatsBodyCategory2 {
	position: absolute;
	bottom: 0px;
	width: 60px;
	left: 0px;
	overflow: hidden;
	background-image: url('/img/survey_bg_stats_cat2.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}

#surveyResultStatsTopCategory2 {
	background-image: url('/img/survey_bg_stats_top_cat2.png');
	background-repeat: no-repeat;
	background-position: top left;
	height: 12px;
	overflow: hidden;
}

#surveyResultStatsColBg2 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 184px;
	width: 60px;
	left: 92px;
	background-image: url('/img/survey_bg_stats_all.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

/* Diagramm 3 */
#surveyResultStatsCategory3 {
	position: absolute;
	bottom: 0px;
	width: 60px;
	left: 0px;
}

#surveyResultStatLabel3 {
	text-align: center;
	z-index: 63;
}

#surveyResultStatsBodyCategory3 {
	position: absolute;
	bottom: 0px;
	width: 60px;
	left: 0px;
	overflow: hidden;
	background-image: url('/img/survey_bg_stats_cat3.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}

#surveyResultStatsTopCategory3 {
	background-image: url('/img/survey_bg_stats_top_cat3.png');
	background-repeat: no-repeat;
	background-position: top left;
	height: 12px;
	overflow: hidden;
}

#surveyResultStatsColBg3 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 184px;
	width: 60px;
	left: 168px;
	background-image: url('/img/survey_bg_stats_all.gif');
	background-repeat: no-repeat;
	background-position: top left;
}


#surveyResultAddPS {
	position: absolute;
	left: 26px;
	bottom: 26px;
	width: 596px;
}

#surveyResultAddPS .hr {
	background-image: url('/img/survey_bg_hr.gif');
	background-repeat: repeat-x;
	height: 2px;
	overflow: hidden;
	margin: 0px 0px 8px 0px;
}

/* Diagrammlabels */
#surveyResultStatsLabelContainer {
	clear: left;
	float: left;
	width: 254px;
	position: relative;
}

#surveyResultStatsLabel1 {
	position: absolute;
	top: 0px;
	left: 28px;
}

#surveyResultStatsLabel2 {
	position: absolute;
	top: 0px;
	left: 96px;
}

#surveyResultStatsLabel3 {
	position: absolute;
	top: 0px;
	left: 166px;
}

/* Diagrammlegende */
#surveyResultStatsLegendContainer {
	color: #EEE006;
	left: 46px;
	position: absolute;
	top: 240px;
/*	color: #EEE006;
	position: absolute;
	bottom: -24px;
	left: 20px; */
}

/* Weitere Textcontainer */
#surveyResultAddTextContainer {
	clear: both;
/*	padding: 16px 0px 0px 0px;*/
	height: 268px;
}

#surveyResultAdvicesContainer {
	float: right;
	width: 320px;
	height: 236px;
	background-image: url('/img/survey_bg_result_advices.png');
	background-repeat: no-repeat;
	background-position: top left;
}

#surveyResultOptionsContainer {
	float: left;
	width: 320px;
	height: 236px;
	background-image: url('/img/survey_bg_result_options.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.surveyResultAddTextInnerContainer {
	margin: 16px 24px;
	font-size: 14px;
	color: #FFFFFF;
}

.surveyResultAddTextInnerContainer h1 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF
}

.linkToDo {
	display: block;
	padding: 12px 0px 0px 60px;
	width: 216px;
	height: 40px;
	overflow: hidden;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
}

.linkToDo:hover {
	color: #EEE006 !important;
}

.smileySad {
	background-image: url('/img/survey_bg_result_link_sad.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.smileyStay {
	background-image: url('/img/survey_bg_result_link_stay.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.smileyGo {
	background-image: url('/img/survey_bg_result_link_go.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.surveyResultAddTextInnerContainer a,
.surveyResultAddTextInnerContainer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.surveyResultAddTextInnerContainer ul {
	list-style-type: none;
	padding: 16px 0px 0px 0px;
	margin: 0;
}

.surveyResultAddTextInnerContainer ul li {
	padding: 0px 0px 0px 20px;
	background-image: url('/img/survey_bg_list_arrow.png');
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
.hr, .hrTop {
	background-image: url('/img/survey_bg_hr.gif');
	background-repeat: repeat-x;
	height: 2px;
	overflow: hidden;
	margin: 16px 0px;
}

.hrTop {
	margin: 16px 0px 0px 0px;
}

/* -----------------------------------------------------
 Seite Maßnahmen
 ----------------------------------------------------- */

#advicesMessageContainer {
	text-align: center;
	padding: 16px 0px 24px 0px;
}

.advicesContainer {
	position: relative;
	color: #FFFFFF;
	margin: 0px 0px 36px 0px;
	height: 258px;
	width: 648px;
	overflow: hidden;
	font-size: 11px;
}


.advicesInnerContainer {
	position: absolute;
	top: 16px;
	left: 26px;
	width: 596px;
	z-index: 1;
}

#advicesContainerSad {
	background-image: url('/img/advices_bg_sad.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

#advicesContainerStay {
	background-image: url('/img/advices_bg_stay.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

#advicesContainerGo {
	background-image: url('/img/advices_bg_go.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

.advicesContainer h1 {
	display: block;
	padding: 12px 0px 0px 60px;
	height: 40px;
	overflow: hidden;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px 0px 8px 0px;
}

.advicesContainer ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0;
}

.advicesContainer ul li {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 4px 0px;
	background-image: url('/img/survey_bg_list_arrow.png');
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.advicesInnerText {
	float: left;
	width: 38%
}

.advicesInnerLinks {
	padding: 6px 0px 0px 0px;
	float: right;
	width: 60%
}

#advicesFeedbackContainer {
	margin: 16px 0px 132px 0px;
}

#advicesFeedbackContainer h1 {
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px 0px 8px 0px;
}

#advicesFeedbackContainer textarea {
	width: 648px;
	height: 134px;
	font-size: 12px;
	border: 1px solid #333333;
	color: #333333;
}

#advicesFeedbackFormButtons {
	text-align: right;
	margin: 8px 0px 0px 0px;
}


/* -----------------------------------------------------
 Seite Executive Survey
 ----------------------------------------------------- */
#execSurveyContainer {
	position: relative;
	height: 420px;
}
#execSurveyContainer h1 {
	font-size: 26px;
	color: #FFFFFF;
}

#execSurveyButtonsContainer {
	position: absolute;
	top: 60px;
	left: 0px;
	width: 648px;
	height: 304px;
	background-image: url('/img/exec_survey_buttons_bg.png');
	background-repeat: no-repeat;
	background-position: top left;
}

#execSurveyImageContainer {
	position: absolute;
	bottom: 46px;
	right: 0px;
	z-index: 39;
}

#execSurveyHead {
	position: absolute;
	left: 164px;
	top: 36px;
}

#execSurveyButtonYes {
	position: absolute;
	top: 484px;
	left: 106px;
	z-index: 40;
}

#execSurveyButtonNo {
	position: absolute;
	top: 484px;
	left: 364px;
	z-index: 41;
}

/* -----------------------------------------------------
 Seite Tell A Friend
 ----------------------------------------------------- */

#tellAFriendContainer {
	padding: 16px 0px 0px 0px;
}

#tellAFriendMessageContainer {
	text-align: center;
	margin: 0px 0px 24px 0px;
}

#tellAFriendForm {
	padding: 0px 0px 136px 0px;
}

#tellAFriendMail,
#tellAFriendSenderPrename,
#tellAFriendSenderName,
#tellAFriendSenderMail {
	width: 300px;
	padding: 2px 6px;
	font-size: 12px;
	border: 1px solid #333333;
}

#tellAFriendForm textarea {
	width: 642px;
	height: 134px;
	padding: 2px 0px 6px 2px;
	font-size: 12px;
	border: 1px solid #333333;
	color: #333333;
}

#tellAFriendFormButtons {
	text-align: right;
	margin: 8px 0px 0px 0px;
}

#tellAFriendCaptchaCodeImage {
	display: inline;
	vertical-align: top;
	padding: 0px 16px 0px 0px;
}

#tellAFriendCaptchaCode {
	width: 80px;
	padding: 2px 6px;
	font-size: 12px;
	border: 1px solid #333333;
}

/* -----------------------------------------------------
 Formularelemente
 ----------------------------------------------------- */
.formLabel {
	margin: 0px 0px 2px 0px;
	font-size: 12px;
}

.formField {
	margin: 0px 0px 16px 0px;
}

.formDescription {
	margin: 0px 0px 16px 0px;
}

.formDescriptionLast {
	margin: 0px 0px 32px 0px;
}

/* -----------------------------------------------------
 Impressum
 ----------------------------------------------------- */
#imprintContainer {
	padding: 24px 0px 136px 0px;
}

#imprintContainer h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

#imprintContainer h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 32px 0px 0px 0px;
}
