* { margin: 0; padding: 0; }
body { font: 75%/1.5 Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ul { list-style: none; }
table { border: 0; border-collapse: collapse; }
th, td { text-align: left; }
fieldset { border: 0; }
input, textarea, button { font: 1em/1.5 Arial, Helvetica, sans-serif; }
img, object, embed { display: block; border: 0; outline: none; }
address { font-style: normal; }
a { text-decoration: none; }

html { background: #e2e2e2 url(../img/hintergrund_balken.jpg) no-repeat center 88px; }
body { background: url(../img/verlauf_body_header.png) repeat-x center 0; }
body, a { color: #000000; }

#page {
	width: 933px;
	min-height: 610px;
	padding: 0 12px 0 30px;
}
	#header {
		height: 84px;
		padding-top: 4px;
		background: #ffffff;
	}
		h1 {
			float: left;
			width: 343px;
			height: 59px;
			margin-top: 12px;
			background: url(../img/logo_iau.gif) no-repeat;
			color: #4b575f;
			font-size: 17px;
			font-weight: normal;
			letter-spacing: 0.029em;
			word-spacing: 0.018em;
			text-indent: -9000px;
		}
			h1 a {
				display: block;
				width: 100%;
				height: 100%;
			}
			h1 a:focus {
				outline: 0;
			}
		#header ul {
			float: right;
			font-size: 0.9em;
		}
			#header li {
				display: inline;
			}
				#header ul a {
					float: left;
					margin-left: 15px;
					padding: 0 5px;
					color: #4b575f;
				}
	#main {
		float: left;
		width: 100%;
		padding-bottom: 25px;
	}
		#sidebar {
			float: left;
			width: 342px;
		}
		.home #sidebar {
			width: 362px;
		}
			#mainNavi {
				float: left;
				position: relative;
				width: 342px;
				margin-bottom: 50px;
				color: #c8c8c8;
				overflow: hidden;
			}
			.home #mainNavi {
				margin-bottom: 0;
			}
				#mainNavi ul {
					float: left;
					position: relative;
					top: -1px;
				}
					#mainNavi li {
						float: left;
						width: 322px;
						margin-top: 1px;
						padding: 2px 7px 2px 13px;
						background: #4b575f;
					}
						#mainNavi a,
						#mainNavi span {
							color: #c8c8c8;
						}
						#mainNavi span {
							cursor: default;
						}
						#mainNavi .leistungsbereiche {
							font-weight: bold;
						}
						#mainNavi a:hover {
							color: #d4ee1b;
						}
						.home #mainNavi .home,
						.angewandte-usability #mainNavi .angewandte-usability,
						.leistungsbereiche #mainNavi .leistungsbereiche,
						.experten-reviews #mainNavi .experten-reviews,
						.fokusgruppen-interviews #mainNavi .fokusgruppen-interviews,
						.on-site-tests #mainNavi .on-site-tests,
						.kundenindividuelle-panels #mainNavi .kundenindividuelle-panels,
						.gui-usability #mainNavi .gui-usability,
						.wettbewerbs-benchmarks #mainNavi .wettbewerbs-benchmarks,
						.best-practice-analysen #mainNavi .best-practice-analysen,
						.zukunftsworkshops #mainNavi .zukunftsworkshops,
						.online-recherche #mainNavi .online-recherche,
						.online-swot-analyse #mainNavi .online-swot-analyse,
						.referenzen #mainNavi .referenzen,
						.partner #mainNavi .partner {
							color: #d4ee1b;
							font-weight: bold;
						}
						#mainNavi dl {
							float: left;
							width: 100%;
							padding: 7px 0 9px;
						}
							#mainNavi dt,
							#mainNavi dd {
								float: left;
								width: 50%;
							}
							#mainNavi dt {
								margin-bottom: 4px;
								font-weight: bold;
								cursor: default;
							}
								#mainNavi ul ul {
									position: static;
									top: auto;
								}
									#mainNavi li li {
										float: none;
										width: auto;
										padding: 2px 6px 3px 0;
										border-top: 0;
										line-height: 1.1em;
									}
			.panel {
				float: left;
				width: 310px;
				position: relative;
				margin-bottom: 1px;
				padding: 10px 16px 5px;
				background: #ecf5e8;
				color: #4b575f;
			}
			.home .panel {
				width: 330px;
			}
			.home #special {
				width: 362px;
				height: 150px;
				padding: 0;
				background: #ecf5e8 url(../img/ifau-exrev.jpg) no-repeat;
				overflow: hidden;
				text-indent: -9000px;
			}
				#special a {
					position: absolute;
					display: block;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					color: #66a70d;
					text-decoration: none;
				}
			.expert {
				background: #ffffff;
			}
				.panel h2 {
					margin-bottom: 7px;
					font-size: 18px;
					font-weight: normal;
					letter-spacing: 0.018em;
					word-spacing: 0.009em;
				}
				.panel h4 {
					font-weight: normal;
				}
				.panel p,
				.panel address {
					margin-bottom: 10px;
				}
					.panel address .photo {
						margin-bottom: 20px;
					}
					.panel address .org {
						margin-top: 16px;
					}
					.panel address span {
						display: block;
					}
					.panel address .organization-unit, .panel address .fn {
						font-weight: bold;
					}
					.panel address .country-name,
					.panel address .postal-code,
					.panel address .locality,
					.panel address .tel .type,
					.panel address .tel .value {
						display: inline;
					}
					.panel a {
						color: #4b575f;
						text-decoration: underline;
					}
					.panel noscript {
						color: #c8c8c8;
						cursor: default;
					}
				.panel ul {
					list-style: disc;
				}
					.panel li {
						margin-left: 1.5em;
						padding-left: 0.2em;
					}
		#stageWrapper {
			float: left;
			position: relative;
			width: 591px;
			height: 337px;
			margin-bottom: -38px;
		}
			#stage {
				position: absolute;
				margin: 0 0 0 5px;
			}
				#stage img {
					margin: 36px 0 0 15px;
				}
		#content {
			float: left;
			width: 516px;
			padding: 164px 35px 5px;
			background: #ffffff no-repeat;
			color: #4b575f;
		}
		.home #content {
			display: inline;
			width: 507px;
			padding: 10px 18px 5px;
			margin-right: 28px;
		}
		.angewandte-usability #content,
		.referenzen #content,
		.partner #content,
		.kontakt #content,
		.impressum #content { background-image: url(../angewandte-usability/img/angewandte-usability.jpg); }
		.experten-reviews #content { background-image: url(../leistungsbereiche/img/experten-reviews.jpg); }
		.fokusgruppen-interviews #content { background-image: url(../leistungsbereiche/img/fokusgruppen-interviews.jpg); }
		.on-site-tests #content { background-image: url(../leistungsbereiche/img/on-site-tests.jpg); }
		.kundenindividuelle-panels #content { background-image: url(../leistungsbereiche/img/kundenindividuelle-panels.jpg); }
		.gui-usability #content { background-image: url(../leistungsbereiche/img/gui-usability.jpg); }
		.wettbewerbs-benchmarks #content { background-image: url(../leistungsbereiche/img/wettbewerbs-benchmarks.jpg); }
		.best-practice-analysen #content { background-image: url(../leistungsbereiche/img/best-practice.jpg); }
		.zukunftsworkshops #content { background-image: url(../leistungsbereiche/img/zukunftsworkshops.jpg); }
		.online-recherche #content { background-image: url(../leistungsbereiche/img/online-recherche.jpg); }
		.online-swot-analyse #content { background-image: url(../leistungsbereiche/img/online-swot-analyse.jpg); }
			#content .the-element-formerly-known-as-panel {
				width: 507px;
				margin: 0 -18px -5px -18px;
				padding: 10px 18px 5px;
				background: #ecf5e8;
				color: #4b575f;
			}
			#content h2 {
				margin-bottom: 8px;
				background: no-repeat;
				font-size: 18px;
				font-weight: normal;
				letter-spacing: 0.018em;
				word-spacing: 0.009em;
			}
			.leistungsbereiche #content h2 {
				margin-bottom: 11px;
				padding: 15px 0 16px 66px;
				background: no-repeat;
			}
			.experten-reviews #content h2 { background-image: url(../leistungsbereiche/img/icon_expertenreview.gif); }
			.fokusgruppen-interviews #content h2 { background-image: url(../leistungsbereiche/img/icon_focusgruppen.gif); }
			.on-site-tests #content h2 { background-image: url(../leistungsbereiche/img/icon_onsitetest.gif); }
			.kundenindividuelle-panels #content h2 { background-image: url(../leistungsbereiche/img/icon_kundenpanels.gif); }
			.gui-usability #content h2 { background-image: url(../leistungsbereiche/img/icon_gui_usability.gif); }
			.wettbewerbs-benchmarks #content h2 { background-image: url(../leistungsbereiche/img/icon_wettbewerb_benchmark.gif); }
			.best-practice-analysen #content h2 { background-image: url(../leistungsbereiche/img/icon_bestpractice_analysen.gif); }
			.zukunftsworkshops #content h2 { background-image: url(../leistungsbereiche/img/icon_zukunftsworkshops.gif); }
			.online-recherche #content h2 { background-image: url(../leistungsbereiche/img/icon_onlinerecherche.gif); }
			.online-swot-analyse #content h2 { background-image: url(../leistungsbereiche/img/icon_swot_analyse.gif); }
			#content p,
			#content ul,
			#content dl,
			#content address {
				margin-bottom: 20px;
			}
			.referenzen #content ul,
			.partner #content ul {
				float: left;
			}
				#content li {
					padding-left: 18px;
					background: url(../img/bulletpoint.gif) no-repeat 0 0.25em;
				}
				.referenzen #content li,
				.partner #content li {
					float: left;
					width: 256px;
					height: 106px;
					padding: 0;
					background: no-repeat center;
					border: 1px solid #c8c8c8;
					text-indent: -9000px;
				}
				.referenzen #content .heraeus { margin: 0 -1px -1px 0; background-image: url(../referenzen/img/referenzen_heraeus.gif); }
				.referenzen #content .stihl { margin-bottom: -1px; background-image: url(../referenzen/img/referenzen_stihl.gif); }
				.referenzen #content .tns-infratest { margin-right: 0; background-image: url(../referenzen/img/referenzen_tns_infratest.gif); }
				.referenzen #content .schwenninger-bkk { background-image: url(../referenzen/img/referenzen_schwenninger_bkk.gif); margin-top: -1px;}
				.partner #content .sfebusiness { margin-right: -1px; background-image: url(../partner/img/partner_sfebusiness.gif); }
				.partner #content .tria { margin-right: -1px; background-image: url(../partner/img/partner_tria.gif); }
					.partner #content li a {
						display: block;
						width: 100%;
						height: 100%;
					}
			#content dl {
				float: left;
				width: 478px;
				padding: 15px 18px 18px;
				border: 1px solid #c8c8c8;
			}
				#content dt {
					float: left;
					clear: left;
					width: 125px;
					padding-right: 10px;
					font-weight: bold;
				}
				#content dd {
					float: left;
					width: 343px;
				}
				#content address span {
					display: block;
				}
				#content address .country-name,
				#content address .postal-code,
				#content address .locality,
				#content address .tel .type {
					display: inline;
				}
				#content a {
					color: #4b575f;
					text-decoration: underline;
				}
			#content form {
				float: left;
				width: 400px;
			}
				#content form div {
					float: left;
					width: 100%;
					margin-bottom: 8px;
				}
				#content form .submit {
					padding-left: 32%;
				}
					#content form label,
					#content form .lbl {
						float: left;
						width: 32%;
					}
					#content form input,
					#content form textarea {
						float: left;
						width: 64%;
					}
					#content .salutation,
					#content form #mrs,
					#content form #mr {
						width: auto;
					}
					#content .salutation {
						width: 16%;
					}
					#content form #mrs,
					#content form #mr {
						margin-right: 4px;
					}
					#content form #address1,
					#content form #city {
						float: left;
						width: 46%;
					}
					#content form #zip,
					#content form #address2 {
						float: left;
						width: 16%;
					}
					#content form #address2,
					#content form #city {
						margin-left: 1%;
					}
					#content form .error {
						display: block;
						padding-left: 32%;
						color: #ff0000;
						font-weight: bold;
					}

.bars { background-position: center 148px; }
.bars body { background-position: center 60px; }
.bars #page { padding-top: 60px; }

#topWrapper {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
}
.bars #topWrapper {
	display: block;
}
#footerWrapper {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 20px;
}
	.linkBar {
		display: block;
		position: relative;
		height: 19px;
		padding-left: 44px;
		background: no-repeat 20px center;
		border-bottom: 1px solid #ffffff;
		line-height: 19px;
		font-size: 11px;
	}
	#sfe {
		background-color: #535151;
		color: #a9a8a8;
	}
	a#sfe {
		background-image: url(../img/arrow-sfe.gif);
	}
	#sfip {
		background-color: #c9277c;
		color: #e9a6c9;
	}
	a#sfip {
		background-image: url(../img/arrow-sfip.gif);
	}
	#iau {
		background-color: #66a70d;
		color: #a6ea48;
	}
	a#iau {
		background-image: url(../img/arrow-iau.gif);
	}
	span.linkBar {
		cursor: default;
	}
	a#sfe:hover,
	a#sfip:hover,
	a#iau:hover,
	span#sfe,
	span#sfip,
	span#iau {
		color: #ffffff;
	}
		span.linkBar span {
			display: block;
			position: absolute;
			left: 17px;
			top: 19px;
			width: 11px;
			height: 6px;
			background: url(../img/arrow-iau-active.gif) no-repeat;
		}