/**************/
/*** Colors ***/
/***************

BDT - Chamois		#f1ecda
BDT - 100		#00124c
BDT - 55		#737d9d
BDT - 23		#c4c8d6
BDT - 8			#e0e2e9
BDT - Rot		#e64715
BDT - Orange		#e64715

***************/


* {
	margin: 0;
	padding: 0;
}

body {
	font-family: arial,verdana,sans-serif;
	background-color: #00124c;
	font-size: 12px;
}

.hidden {
	display: none;
}

.cursorPointer {
	cursor: pointer;
}

h1 {
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	color: #00124c;

}

h2 {
	font-size: 12px;
	line-height: 15px;
	color: #00124c;
}

a:link, a:visited, a:hover, a:focus, a:active {
	text-decoration: none;
	color: #00124c;
}

#container {
	position: relative;
	width: 1046px;
	margin: 58px auto;
	background-color: #fff;
}

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
}

#header h1 {
	margin-left: 108px;
	background: transparent url(/images/brandtrust-logo.gif) no-repeat 0 0;
}

#header h1 a {
	display: block;
	height: 43px;
	width: 81px;
}

#header h1 span {
	display: none;
}



#logo {
	margin-left: 108px;
}

#metaNav, #mainNav , #mainNav2 {
	list-style-type: none;
}

#metaNav {
	position: absolute;
	right: 140px;
	bottom: 13px;
}

#metaNav li {
	font-size: 9px;
	float: left;
	margin-left: 12px;
	text-transform: uppercase;
}

#metaNav a:link, #metaNav a:visited, #metaNav a:hover, #metaNav a:focus, #metaNav a:active {
	color: #fff;
}

#metaNav a:hover, #metaNav li.current a:link, #metaNav li.current a:visited, #metaNav li.current a:hover, #metaNav li.current a:active {
	color: #737d9d;

}

#mainNav {
	position: absolute;
	top: 73px; /* 80px [abstand nach oben] - (24px [line-height] - 15px [font-size]) */
	left: 0;
	width: 189px;
	margin-right: 22px;
	text-align: right;
}

#mainNav a:link, #mainNav a:visited, #mainNav a:hover, #mainNav a:focus, #mainNav a:active {
	font-family: arial,verdana,sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
}

#mainNav a:hover, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active {
	color: #f6eecc;
	font-weight: bold;
}

#mainNav2 {
	position: absolute;
	top: 389px; /* 80px [abstand nach oben] - (24px [line-height] - 15px [font-size]) */
	left: 0;
	width: 189px;
	margin-right: 22px;
	text-align: right;
}

#mainNav2 a:link, #mainNav2 a:visited, #mainNav2 a:hover, #mainNav2 a:focus, #mainNav2 a:active {
	font-family: arial,verdana,sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
}

#mainNav2 a:hover, #mainNav2 li.current a:link, #mainNav2 li.current a:visited, #mainNav2 li.current a:hover, #mainNav2 li.current a:active {
	color: #f6eecc;
	font-weight: bold;
}

#content {
	position: absolute;
	top: 80px;
	left: 211px;
	width: 695px;
}

#banner {
	margin-bottom: 9px;
	position: relative;
}

#banner > p {
	position: absolute;
	right: 8px;
	bottom: 8px;
	z-index: 100;
}

a.link1 {
	text-transform: uppercase;
	font-size: 9px;
}

a.link2 {
	font-size: 12px;
	line-height: 15px;
	color: #737d9d;
}

a.link2:hover {
	font-weight: bold;
}

a.link3 {
	font-size: 11px;
	line-height: 12px;
	color: #737d9d;
}

a.link4 {
	font-size: 12px;
	line-height: 15px;
	color: #737d9d;
}

a.link4:hover {
	font-weight: bold;
}

a.link5 {
	font-size: 12px;
	line-height: 15px;
	color: #737d9d;
}

a.link5:hover {
	font-weight: bold;
}

a.bdt8 {
 	color: #ebecf1;

}

a.link1-bdt8 {
	color: #ebecf1;
	font-size: 9px;
	text-transform: uppercase;
}

a.link1-bdt23 {
	color: #c4c8d6;
	font-size: 9px;
	text-transform: uppercase;
}

a.link1-bdt55 {
	color: #737d9d;
	font-size: 9px;
	text-transform: uppercase;
}

a.link1-bdt100 {
	color: #00124c;
	font-size: 9px;
	text-transform: uppercase;
}

a.link1-bdtfff {
	color: #ffffff;
	font-size: 9px;
	text-transform: uppercase;
}

#quote {
	background-color: #c4c8d6;
	width: 695px;
	height: 68px;
	margin-bottom: 9px;
	display: block;

}

#quote p {
	font-family: times,serif;
	font-size: 18px;
	line-height: 22px;
	color: #00124c;
}

#claim {
	width: 659px;
	height: 60px;
	margin-bottom: 9px;
	padding-top:9px;
	padding-left:18px;
	padding-right:18px;
	display: block;

}

#claim p {
	font-family: arial,verdana,sans-serif;

	font-size: 17px;
	line-height: 26px;
	color: #c4c8d6;
}


#news {
	background-color: #c4c8d6;
	background-image: url(/images/news-background.gif);
	width: 662px;
	height: 70px;
	margin-bottom: 9px;
	padding-top:15px;
	padding-left:18px;
	padding-right:15px;
	display: block;

}

#news1 {
	width: 195px;
	height: 54px;
	padding-top:3px;
	padding-right:18px;
	padding-bottom:3px;
	border-right: 1px solid #00124c;
	display: block;

}

#news2 {
	position: relative;
	top: -60px;
	left: 231px;
	width: 195px;
	height: 54px;
	padding-top:3px;
	padding-right:18px;
	padding-bottom:3px;
	border-right: 1px solid #00124c;
	display: block;

}

#news3 {
	position: relative;
	top: -117px;
	left: 462px;
	width: 195px;
	height: 54px;
	display: block;

}

.smallBox {
	position: relative;
	float: left;
	width: 343px;
	height: 85px;
	margin-bottom: 9px;
	background-color: #fff;
}


.smallBox img {
	float: left;
	margin-right: 9px;
}

.smallBox h2 {
	position: absolute;
	left: 123px;
	bottom: 24px;
}

.smallBox p {
	position: absolute;
	left: 123px;
	bottom: 7.5px;
}

.leftBox {
	margin-right: 9px;
}

.stoerer {
	margin-top: -10px;
	margin-left: -124px;
}

#stoerer {
	position: absolute;
	top: 185px;
	left: -124px;
	margin: 0;
}


/*****************/
/*** Schriften ***/
/*****************/
.copy1 {
	font-family: times,verdana,sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #00124c;
}

.copy2 {
	font-family: arial,verdana,sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #00124c;
}

.copy3 {
	font-family: arial,verdana,sans-serif;
	font-size: 11px;
	color: #00124c;
}

.copy4 {
	font-family: arial,verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #00124c;
}


.copy5 {
	font-family: arial,verdana,sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #00124c;
}


.copy6 {
	font-family: arial,verdana,sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #00124c;
}

.copy7 {
	font-size: 11px;
	line-height: 12px;
	color: #00124c;
}

.copy8 {
	font-family: arial,verdana,sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #00124c;
}

.copy9 {
	font-family: arial,verdana,sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #737d9d;
}

.copy10 {
	font-family: arial,verdana,sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #737d9d;
}

.copy11 {
	font-family: arial,verdana,sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight:bold;
	color: #00124c;
}

.copy12 {
	font-family: arial,verdana,sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #00124c;
}


.link2 {
	font-size: 12px;
	line-height: 15px;
	color: #737d9d;
}

.link2:hover {
	font-weight: bold;
}

.copy4Orange:hover {
	font-family: arial,verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #e64715;
}

.copy4Orange:link {
	font-family: arial,verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #e64715;
}

/**************/
/*** Kontakt ***/
/***************/

.kontaktBox1 {
	position: absolute;
	top: 164px;
	left: 0px;
	width: 343px;
	height: 91px;
	margin-bottom: 9px;
	background-color: #fff;
}

.kontaktBox2 {
	position: absolute;
	top: 164px;
	left: 352px;
	width: 343px;
	height: 159px;
	margin-bottom: 9px;
	background-color: #e0e2e9;
}

.kontaktBox3 {
	position: absolute;
	top: 264px;
	left: 0px;
	width: 343px;
	height: 59px;
	margin-bottom: 9px;
	background-color: #e0e2e9;
}

.kontaktText {
	position: absolute;
	left: 16px;
	top: 14px;
}

.kontaktLink {
	position: absolute;
	left: 16px;
	bottom: 11px;
}

.kontaktLink2 {
	position: absolute;
	left: 16px;
	bottom: 65px;
}

.kontaktleftBox1 {
	margin-right: 9px;
}

/**************/
/*** Impressum ***/
/***************/

.impressumBox1 {
	position: relative;
	float: left;
	width: 343px;
	height: 203px;
	margin-bottom: 9px;
	background-color: #fff;
}

.impressumBox2 {
	position: relative;
	float: left;
	width: 343px;
	height: 97px;
	margin-bottom: 9px;
	background-color: #e0e2e9;
}

.impressumBox3 {
	position: relative;
	float: left;
	width: 343px;
	height: 97px;
	margin-bottom: 9px;
	background-color: #e0e2e9;
}

.impressumleftBox {
	margin-right: 9px;
}




/*****************/
/*** Jobs Page ***/
/*****************/

#jobsContent {
	position: absolute;
	top: 164px;
	left: 0px;
}

#jobsContent #jobsBox {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fff;
	width: 343px;
	height: 521px;
	margin-bottom: 9px;
}

#jobsContent #jobsBoxHeadline {
	position: absolute;
	top: 14px;
	left: 17px;
	width: 100px;
}

#jobsContent #jobsBoxText {
	position: absolute;
	top: 14px;
	left: 17px;
	width: 100px;
}

#jobsContent #jobsBox #jobsBox1 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fff;
	width: 310px;
	height: 506px;
}

#jobsContent #jobsBox #jobsBox2 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fff;
	width: 310px;
	height: 506px;
}

#jobsContent #jobsBox #jobsBox3 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fff;
	width: 310px;
	height: 506px;

}

#jobsContent #jobsBox #jobsBox4 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fff;
	width: 310px;
	height: 506px;
}

#jobsContent #jobsBox #jobsBox5 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fff;
	width: 310px;
	height: 506px;
	padding-right:17px;
}


#jobsContent #RBox1 {
	position: absolute;
	top: 0px;
	left: 352px;
	width: 343px;
	height: 97px;
	background-color: #fff;
}

#jobsContent #RBox2 {
	position: absolute;
	top: 106px;
	left: 352px;
	width: 343px;
	height: 97px;
	background-color: #fff;
}


#jobsContent #RBox3 {
	position: absolute;
	top: 212px;
	left: 352px;
	width: 343px;
	height: 97px;
	background-color: #fff;
}

#jobsContent #RBox4 {
	position: absolute;
	top: 318px;
	left: 352px;
	width: 343px;
	height: 97px;
	background-color: #fff;
}

#jobsContent #RBox5 {
	position: absolute;
	top: 424px;
	left: 352px;
	width: 343px;
	height: 97px;
	background-color: #fff;
}

#jobsContent .overlayBoxjobsBack {
	background-color: #e0e2e9;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px 0px;
	overflow: hidden;
	width: 343px;
	height: 97px;
}

#jobsContent .overlayBoxjobs {
	background-color: #c4c8d6;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px 0px;
	overflow: hidden;
	width: 343px;
	height: 97px;
}

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

.jobBewerbung3 {
	position: absolute;
	top:14px;
	left:17px;
	padding-right:17px;
}

.jobBewerbung2 {
	position: absolute;
	bottom:24px;
	left:9px;
}

.jobBewerbung4 {
	position: absolute;
	bottom:9px;
	left:9px;
}


/********************/
/*** Wer wir sind ***/
/********************/

#wwsiContent {
	position: absolute;
	top: 164px;
	left: 0px;
}

#wwsiContent #wwsiBox {
	position: absolute;
	top: 0px;
	left:0px;
	width: 343px;
	height:343px;
	margin-bottom: 9px;

}

.werwirsindBoxC {
	position: absolute;
	top: 164px;
	left:352px;
	width: 343px;
	height:343px;
	margin-bottom: 9px;
	background-color: #e0e2e9;
}

#wwsiContent #wwsiBoxText {
	position: absolute;
	top: 0px;
	left:352px;
	width: 343px;
	height:343px;
	margin-bottom: 9px;
	background-color: #e0e2e9;
}

#wwsiContent #wwsiBox #wwsiTBox {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fff;
	width: 343px;
	height:343px;
}

#wwsiContent #wwsiBox #wwsiTBox1 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fff;
	width: 309px;
	height:329px;
	padding-left:17px;
	padding-top:14px;
	padding-right:17px;
}

#wwsiContent #wwsiBox #wwsiTBox2 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fff;
	width: 309px;
	height:329px;
	padding-left:17px;
	padding-top:14px;
	padding-right:17px;
}

#wwsiContent #wwsiBox #wwsiTBox3 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fff;
	width: 309px;
	height:329px;
	padding-left:17px;
	padding-top:14px;
	padding-right:17px;
}

#wwsiContent #wwsiBox #wwsiTBox4 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fff;
	width: 309px;
	height:329px;
	padding-left:17px;
	padding-top:14px;
	padding-right:17px;
}



#wwsiContent #wwsiBox1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 343px;
	height: 79px;
	margin-bottom: 9px;
	background-color: #c4c8d6;
}

#wwsiContent #wwsiBox2 {
	position: absolute;
	top: 88px;
	left: 0px;
	width: 343px;
	height: 79px;
	margin-bottom: 9px;

}


#wwsiContent #wwsiBox3 {
	position: absolute;
	top: 176px;
	left: 0px;
	width: 343px;
	height: 79px;
	margin-bottom: 9px;

}

#wwsiContent #wwsiBox4 {
	position: absolute;
	top: 264px;
	left: 0px;
	width: 343px;
	height: 79px;
	margin-bottom: 9px;

}



#wwsiContent .overlaywwsiBack {
	background-color: #e0e2e9;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px 0px;
	overflow: hidden;
	width: 343px;
	height: 79px;
	margin-bottom: 9px;
}

#wwsiContent .overlayBoxwwsi {
	background-color: #c4c8d6;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px 0px;
	overflow: hidden;
	width: 343px;
	height: 79px;
	margin-bottom: 9px;
}


.wwsText1 {
	position: absolute;
	left: 123px;
	bottom: 20px;
}

.wwsText2 {
	position: absolute;
	left: 123px;
	bottom: 5px;
}

.wwsPersonBox1 {
	position: relative;
	top:0px;
	float: left;
	width: 311px;
	height:910px;
	padding-top:14px;
	padding-left:16px;
	padding-right:16px;
	margin-bottom: 9px;
	background-color: #fff;
}

.wwsPersonBox2 {
	position: relative;
	float: left;
	width: 343px;
	height:840px;
	margin-bottom: 9px;
	background-color: #fff;
}

.wwsPersonBox3 {
	position: relative;
	float: left;
	width: 343px;
	height:75px;
	margin-bottom: 9px;
	background-color: #fff;
}


.wwsPersonleftBox {
	margin-right: 9px;
}

.wwsPersonText {
	position: absolute;
	left: 16px;
	top: 14px;
	margin-right:16px;
}



/*************************/
/*** Warum es uns gibt ***/
/*************************/


.warumBox {
	position: absolute;
	top: 164px;
	left: 0px;
	width: 343px;
	height: 343px;
	margin-bottom: 9px;
	background-color: #ffffff;
}

.warumBoxC {
	position: absolute;
	top: 164px;
	left:352px;
	width: 343px;
	height:343px;
	margin-bottom: 9px;
	background-color: #e0e2e9;
}

.warumleftBox {
	margin-right: 9px;
}

.warumText {
	position: absolute;
	left: 17px;
	top: 14px;
	margin-right: 17px;
}

.warumImgA1 {
	position: absolute;
	left: 18px;
	bottom: 33px;
}
.warumImgA2 {
	position: absolute;
	left: 121px;
	bottom: 33px;
}

.warumTextA2 {
	position: absolute;
	left: 17px;
	bottom: 14px;
}
.warumTextA1 {
	position: absolute;
	left: 120px;
	bottom: 14px;
}


/*******************/
/*** Was wir tun ***/
/*******************/

.waswirtunLeftBox {
	position: absolute;
	top: 164px;
	left: 0px;
	width: 167px;
	height: 291px;
	margin-bottom: 9px;
	background-color: #c4c8d6;
}


.waswirtunBox1 {
	position: absolute;
	top: 164px;
	left: 176px;
	width: 519px;
	height: 91px;
	margin-bottom: 9px;
	background-color: #c4c8d6;
}

.waswirtunBox2 {
	position: absolute;
	top: 264px;
	left: 176px;
	width: 519px;
	height: 107px;
	margin-bottom: 9px;
	background-color: #c4c8d6;
}

.waswirtunBox3 {
	position: absolute;
	top: 380px;
	left: 176px;
	width: 519px;
	height: 75px;
	margin-bottom: 9px;
	background-color: #c4c8d6;
}

.waswirtunBottomBox {
	position: absolute;
	top: 464px;
	left: 0px;
	width: 695px;
	height: 74px;
	margin-bottom: 9px;
	background-color: #ffffff;
}

.wwtImage {
	position: absolute;
	top: 6px;
	right: 48px;
}


.wwtHead {
	position: absolute;
	top: 14px;
	left: 17px;
}

.wwtLText {
	position: absolute;
	top: 150px;
	left: 17px;
	margin-right: 17px;
}


.wwtText {
	position: absolute;
	top: 14px;
	left: 196px;
	margin-right: 17px;
}


.wwtBText1 {
	position: relative;
	top: 40px;
	margin-left: 17px;
	margin-right: 25px;
}

.wwtBText2 {
	position: relative;
	top: 40px;
	margin-right: 25px;
}

.wwtBText3 {
	position: relative;
	top: 40px;
	margin-right: 25px;
}

.wwtBText4 {
	position: relative;
	top: 40px;

}

/*************************/
/*** Woran wir glauben ***/
/*************************/

.wwgBox1 {
	position: absolute;
	top: 164px;
	left: 0px;
	width: 343px;
	height: 187px;
	margin-bottom: 9px;
	background-color: #ffffff;
}

.wwgBox2 {
	position: absolute;
	top: 360px;
	left: 0px;
	width: 343px;
	height: 187px;
	margin-bottom: 9px;
	background-color: #ffffff;
}

.wwgBox3 {
	position: absolute;
	top: 164px;
	left: 352px;
	width: 343px;
	height: 383px;
	margin-bottom: 9px;
	background-color: #ffffff;
}

.wwgText1 {
	position: absolute;
	top: 14px;
	left: 17px;
	margin-right: 17px;
}


.wwgText2 {
	position: absolute;
	top: 14px;
	left: 131px;
	margin-right: 17px;
}

.wwgHead {
	position: absolute;
	top: 14px;
	left: 17px;
}

.wwgNR {
	position: absolute;
	top: 40px;
	left: 17px;
}

.wwgText3 {
	position: absolute;
	top: 40px;
	left: 45px;
}



/*****************************/
/*** Fuer wen wir arbeiten ***/
/*****************************/

.referenceLogo {
	float: left;
	width: 167px;
	height: 155px;
	background-color: #fff;
	text-align: center;
	margin-right: 9px;
}

.referenceLogo p {
	line-height: 155px;
}

.referenceLogo img {
	vertical-align: middle;
}
.referenceQuote {
	float: left;
	width: 459px; /* 519px - (2 * 30px) */
	height: 95px;
	padding: 30px;
	background-color: #e0e2e9;
}
.row {
	clear: both;
	float: left;
	margin-bottom: 9px;
}

#referenceTextBox {
	float: left;
	width: 309px;
	height: 308px;
	background-color: #fff;
	padding: 17px;
}

#referenceCatgoriesBlock1, #referenceCatgoriesBlock2 {
	margin-top: 17px;
	float: left;
	width: 152px;
	list-style-type: none;
}

#referenceCatgoriesBlock1 {
	margin-right: 5px;
}

#referenceCatgoriesBlock1 li, #referenceCatgoriesBlock2 li {
	text-indent: -.6em;
	margin-left: .6em;
}

#referenceImagesBox {
	float: left;
	width: 342px;
	height: 342px;
	margin-left: 9px;
	position: relative;
}

.referenceImageBox {
	position: absolute;
	background-color: #e0e2e9;
	width: 108px;
	height: 108px;
}

#referenceImageBox1 {
	top: 0;
	left: 0;
}
#referenceImageBox2 {
	top: 0;
	left: 117px;
}
#referenceImageBox3 {
	top: 0;
	left: 234px;
}
#referenceImageBox4 {
	top: 117px;
	left: 0;
}
#referenceImageBox5 {
	top: 117px;
	left: 117px;
}
#referenceImageBox6 {
	top: 117px;
	left: 234px;
}
#referenceImageBox7 {
	top: 234px;
	left: 0;
}
#referenceImageBox8 {
	top: 234px;
	left: 117px;
}
#referenceImageBox9 {
	top: 234px;
	left: 234px;
}


.picsText1 {
	margin-top: 2px;
	margin-right: 6px;
	margin-left: 6px;
}

.picsText2 {
	margin-top: 8px;
	margin-left: 6px;
	margin-right: 6px;
}



/********************/
/*** Wo wir reden ***/
/********************/

.wwrBox1 {
	position: relative;
	float: left;
	width: 460px;
	height: 51px;
	margin-bottom: 9px;
	margin-right: 9px;
	background-color: #fff;
}

.wwrBox2 {
	position: relative;
	float: left;
	width: 226px;
	height: 51px;
	margin-bottom: 9px;
	background-color: #fff;
}

.wwrHead {
	position: absolute;
	top: 14px;
	left: 9px;
}

.wwrText {
	position: absolute;
	bottom: 5px;
	left: 9px;
	margin-right: 5px;
}

.wwrLink {
	margin-left: 0px;
}

.wwrImage {
	position: absolute;
	right: 0px;
	top: 0px;
}

.wwrArchivBox {
	position: relative;
	float: left;
	width: 695px;
	height: 40px;
	margin-bottom: 9px;
/*
	margin-right: 9px;
*/
	background-color: #c4c8d6;
}


/*************************/
/*** Was wir schreiben ***/
/*************************/

.fourBoxesInARow {
	float: left;
	width: 167px;
	height: 342px;
	background-color: #fff;
	margin-left: 9px;
}

.first-box {
	margin-left: 0;
}

.innerBox {
	margin-left: 17px;
	margin-top: 14px;
	margin-right: 14px;
	height: 201px;
	position: relative;
}
.innerBox h2 {
	height: 48px;
}
.innerBox .bottomText {
	bottom: 0;
	position: absolute;
	text-indent: -10px;
	padding-left: 9px;
}

.innerBox .bottomTextx {
	bottom: -15px;
	position: absolute;
	text-indent: -10px;
	padding-left: 9px;
}


/***********************************/
/*** Was wir schreiben > Buecher ***/
/***********************************/

#introBox {
	width: 661px;
	height: 57px;
	padding: 17px;
	background-color: #fff;
	margin-bottom: 9px;
}
#introBox ul {
	list-style-type: none;
	margin-bottom: 30px;
}
#introBox li {
	float: left;
	margin-right: 12px;
}
#introBox p {
	clear: left;
}
.bookBox {
	clear: left;
	float: left;
	width: 695px;
	height: 155px;
	background-color: #fff;
	margin-bottom: 9px;
}

.bookBox2 {
	clear: left;
	float: left;
	width: 695px;
	height: 177px;
	background-color: #fff;
	margin-bottom: 9px;
}

.bookBox img {
	float: left;
}

.bookBox2 img {
	float: left;
}

.bookBox .innerBox {
	position: relative;
	float: left;
	width: 435px;
	height: 121px;
	margin-left: 17px;
	margin-top: 14px;
}

.bookBox2 .innerBox {
	position: relative;
	float: left;
	width: 435px;
	height: 121px;
	margin-left: 17px;
	margin-top: 14px;
}

.bookBox .innerBox>p.copy2 {
	margin-bottom: 1px;
}

.bookBox2 .innerBox>p.copy2 {
	margin-bottom: 1px;
}

.bottomText1 {
	bottom:0px;
}

.BookImage {
	position: relative;
	float: left;
	margin-right: 9px;
}

.BookTextBox {
	position: relative;
	float: left;
	width: 460px;
	height: 385px;
	margin-bottom: 9px;
	background-color: #fff;
}



/***********************************/
/*** Was wir schreiben > Presse ***/
/***********************************/

.pressBoxImage {
	position: absolute;
	top: 264px;
	margin-bottom: 9px;
}



.pressLinkBox {
	position: absolute;
	top: 428px;
	width: 226px;
	height: 59px;
	background-color: #e0e2e9;
}


.pressTextBox {
	position: absolute;
	top: 264px;
	left: 235px;
	width: 460px;
	height: 473px;
	background-color: #fff;
}

.pressBoxAbstandE {
	position: absolute;
	top: 737px;
	left: 235px;
	width: 460px;
	height: 4px;
	background-color: #fff;
}

.pressBoxAbstandE2 {
	position: absolute;
	top: 741px;
	left: 235px;
	width: 460px;
	height: 9px;
	background-color: #00124c;
}

.pressBoxAbstand {
	position: absolute;
	top: 737px;
	left: 235px;
	width: 460px;
	height: 9px;
	background-color: #00124c;
}

.kolumnenTextBox {
	position: absolute;
	top: 264px;
	left: 235px;
	width: 460px;
	height: 223px;
	background-color: #fff;
}

.wwsrLText {
	position: relative;
	top: 14px;
	left: 17px;
	padding-right: 17px;
	margin-right: 17px;
	margin-bottom: 4px;
}

.wwsrLink {
	position: absolute;
	left: 17px;
	bottom: 10px;
}



/************************/
/*** Bestellformulare ***/
/************************/

#orderImage {
	float: left;
	width: 226px;
	height: 385px;
	margin-right: 9px;
	background-color: #fff;
}
#orderBox {
	position: relative;
	float: left;
	width: 426px;
	height: 351px;
	padding: 17px;
	background-color: #e0e2e9;
}
#orderBox h2 {
	margin-bottom: 1em;
}
#orderBox form {
	position: absolute;
	top: 128px;
}
#orderBox label.copy2 {
	display: block;
	float: left;
	width: 61px;
	padding-left: 9px;
	background-color: #c4c8d6;
	line-height: 24px;
}

#orderBox label.copy3 {
	display: block;
	float: left;
	width: 81px;
	padding-left: 9px;
	background-color: #c4c8d6;
	line-height: 24px;
}

#orderBox label.download {
	display: block;
	float: left;
	width: 61px;
	padding-left: 9px;
	background-color: #c4c8d6;
	line-height: 24px;
}

#orderBox form p {
	float: left;
	clear: left;
	margin-bottom: 9px;
	width: 426px;
}
#orderBox input {
	float: left;
	height: 12px;
	font-size: 12px;
	padding: 4px 0 4px 9px;
	border: 0;
}
#orderBox input.shortField {
	height: 16px;
	width: 41px;
}
#orderBox input.middleField1 {
	width: 118px;
	margin-right: 9px;
	height: 16px;
}
#orderBox input.middleField2 {
	width: 141px;
	height: 16px;
}
#orderBox input.longField {
	width: 347px;
	height: 16px;
}
#orderBox input.DownloadField {
	width: 275px;
	height: 16px;
}

.leftFloat {
	float: left;
}
.rightFloat {
	float: right;
}


/**************/
/*** Future Circle ***/
/***************/

.futureTopBox {
	position: relative;
	float: left;
	width: 677px;
	height: 42px;
	margin-bottom: 9px;
	padding-top: 28px;
	padding-left: 18px;
	background-color: #c4c8d6;
}

.futureBox1 {
	position: relative;
	top:0px;
	float: left;
	width: 343px;
	height:530px;
	margin-bottom: 9px;
	background-color: #fff;
}

.futureBox2 {
	position: relative;
	float: left;
	width: 343px;
	height:248px;
	background-color: #fff;
}

.futureBox3 {
	position: relative;
	float: left;
	width: 343px;
	height:282px;
	margin-bottom: 9px;
	background-color: #fff;
}


.futureleftBox {
	margin-right: 9px;
}

.futureText {
	position: absolute;
	left: 16px;
	top: 14px;
	margin-right:16px;
}


/*******************************/
/*** Slideshow - Wer wir sind ***/
/*******************************/

#banner {
	width: 695px;
	height: 155px;
}

#banner .slideShow p {
	position: absolute;
	font: 18px/1.25em normal ultimate,times,serif;
	color: #00124c;
	width: 450px;
}

#banner .slideShow p span {
	font-family: arial,sans-serif;
	font-size: .9em;
}

#slideShow1 .slide1 p {
	top: 25px;
	left: 180px;
}

#slideShow1 .slide2 p {
	top: 15px;
	left: 180px;
}

#slideShow1 .slide3 p {
	top: 15px;
	left: 180px;
}

#slideShow1 .slide4 p {
	top: 25px;
	left: 180px;
}

#slideShow1 .slide5 p {
	top: 10px;
	left: 180px;
}

/*******************************/
/*** Slideshow - Home ***/
/*******************************/


#banner .slideShow2 p {
	position: absolute;
	font: 23px/1.60em normal ultimate,times,serif;
	line-height: 28px;
	color: #ffffff;
	width: 450px;
}

#banner .slideShow2 p span {
	font-family: arial,sans-serif;
	font-size: 0.9em;
}

#slideShow2 .slide1 p {
	top: 80px;
	left: 20px;
}

#slideShow2 .slide2 p {
	top: 50px;
	left: 60px;
}

#slideShow2 .slide3 p {
	top: 50px;
	left: 275px;
}

#slideShow2 .slide4 p {
	top: 60px;
	left: 250px;
}

#slideShow2 .slide5 p {
	top: 50px;
	left: 230px;
}

#slideShow2 .slide6 p {
	top: 50px;
	left: 450px;
}

#slideShow2 .slide7 p {
	top: 50px;
	left: 320px;
}

/******************/
/*** top-banner ***/
/******************/

.top-banner {
	position: absolute;
	top: -43px;
	left: 212px;

}


/******************/
/*** webEdition ***/
/******************/

.editInfo {
	color: #c00;
	background-color: #fff;
}