/* ---------- Global ---------- */

body {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	background-color:	#222222;
}

a {
	outline:			none;
}

.eMail {
	text-decoration:	none;
	color:				#000000;
}

/* ---------- Index ---------- */

.IndexBox {

}

.IndexTop {

}

.IndexLogo {
	background:			url(../images/stripe.top.gif) repeat-x 0px 178px; 
}

.IndexLogo img {
	margin-top:			25px; 
}

.IndexMenu {
	background:			url(../images/stripe.top.gif) repeat-x 0px 178px; 
}

.IndexContent {

}

.IndexFooter {
	background:			url(../images/stripe.bottom.gif) repeat-x 0px 10px;
}

.IndexFooter, .IndexFooter a:link, .IndexFooter a:visited, .IndexFooter a:active {
	color:				#ffffff;
	font-size:			10px;
	text-decoration:	none;		
}

.IndexFooter a:hover {
	color:				#ffffff;
}

.IndexFooter .IndexFooterLeft,
.IndexFooter .IndexFooterMiddle,
.IndexFooter .IndexFooterRight {
	margin-top:			6px;
}

.IndexFooter .IndexFooterLeft {
	text-align:			left;
}

.IndexFooter .IndexFooterMiddle {
	text-align:			center;
}

.IndexFooter .IndexFooterRight {
	text-align:			right;
}

/* -------- Templates -------- */

.TemplateContent_Left, .TemplateContent_Right, .TemplateContent_Wide, .TemplateImage_Left, .TemplateImage_Right, .TemplateImage_Wide {
}

.TemplateTitle {
	font-size:			12px;
	font-weight:		bold;
	color:				#ffffff;
}

.TemplateTitle .TemplateTitleTree,
.TemplateTitle .TemplateTitleTree a:link ,
.TemplateTitle .TemplateTitleTree a:visited,
.TemplateTitle .TemplateTitleTree a:active {
	font-weight:		bold;
	text-decoration:	none;
	color:				#ffffff;
	display:			none;
}

.TemplateTitle .TemplateTitleTree a:hover {
	font-weight:		bold;
	
}

.TemplateText {
	font-size:			12px;
	color:				#ffffff;
	line-height:		16px;
	white-space:		pre;
	text-align:			justify;
}

:root .TemplateText {
	font-size:			8.75pt\9;
	letter-spacing:		0.5pt\9;
}

.TemplateText a {
	color:				#ffffff;
	text-decoration:	none;
}

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


.TemplateText a.TDL {
	background:			url(../images/pdfdl.gif) 0px 2px no-repeat;
	display:			inline-block;
	width:				10px;
	height:				14px;
	text-decoration:	none;
}

.TemplateText li {
	list-style:			disc outside;
	margin-left:		15px;
	!margin-bottom:		16px;
}
/* --------- Modules --------- */

.GoogleMaps {

}

.GoogleMapsInfo {
	font-size:			12px;
	width:				200px;
}

.ImpressumText {
	font-size:			12px;
	white-space:		normal;
}

.ImpressumData {
	white-space:		normal;
	overflow:			hidden !important;
}
.ImpressumData a {
	color:				#ffffff;
	text-decoration:	none;
}

/* ----- Kontaktformular ----- */

#ContactAreaLeft {
	width:				360px;
	float:				left;
}

#ContactAreaRight {	
	width:				190px;
	float:				right;
	overflow:			hidden;
	padding-top:		30px;
}

.ContactFieldData input,
.ContactFieldData select,
.ContactFieldData textarea {
	width:				100%;
	border-width:		1px;
	border-style:		solid;
	margin-bottom:		11px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
}

.ContactFieldData select {
	width:				362px;
	!width:				364px;
}

#ContactFieldRequired {
	font-size:			12px;
	margin-bottom:		5px;
}


.ContactFieldButtons #Reset {
	width:				50%;
	margin-left:		-1px;
	float:				left;
	text-align:			left;
}
.ContactFieldButtons #Submit {
	width:				50%;
	margin-right:		-3px;
	float:				right;
	text-align:			right;
}

.ContactFieldButtons #Reset input,
.ContactFieldButtons #Submit input {
	width:				95%;
}

.ContactFieldOverButtons {
	width:				405px;
	margin-left:		119px;
}

.ContactFieldOverButtons #OverReset {
	width:				148px;
	float:				left;
	margin-right:		8px;
	overflow:			hidden;
}

.ContactFieldOverButtons #OverSubmit {
	width:				249px;
	float:				left;
	overflow:			hidden;
}

.ContactFieldOverButtons #OverReset input {
	width:				100%;
}

.ContactFieldOverButtons #OverSubmit input {
	width:				100%;
}

.ContactFieldOverview {
	margin-top:			10px;
}

.ContactFieldOverDesc {
	width:				120px;
	float:				left;
}

.ContactFieldCaptchaEntry input,
.ContactFieldOverData input,
.ContactFieldOverData textarea {
	width:				400px;
	border:				1px solid #ffffff;
	margin-bottom:		11px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
}

.ContactFieldCaptchaImage {
	width:				145px;
	height:				37px;
	margin-right:		11px;
	float:				left;
	overflow:			hidden;
}

.ContactFieldCaptchaEntry {
	height:				37px;
}

.ContactFieldCaptchaEntry input {
	width:				244px;
	margin-top:			3px;
	margin-top:			2px;
}

#ContactFieldPrivacy {
	margin-bottom:		6px;
	!margin-bottom:		2px;
	margin-top:			6px;
	!margin-top:		5px;
	padding-left:		119px;
}

#ContactFieldPrivacy input {
	margin:				0px;
	vertical-align:		middle;
}

/* ----- Sonderformat ----- */

.TemplateSubMenu {
	background:			url(../images/dot.gif) repeat-y top right;
}
.TemplateSubMenu .SubMenuPoint {
	line-height:		16px;
	padding-top:		16px;
	font-size:			12px;
	font-size:			8.75pt \0/IE9;
	letter-spacing:		0.5pt \0/IE9;
	color:				#FFFFFF;
}
.TemplateSubMenu .SubMenuPoint.AcLink {
	margin-top:			128px;
	letter-spacing:		0px;
	word-spacing:		-2px;
}
.TemplateSubMenu .SubMenuPoint.TemplateTitle {
	padding-top:		20px;
}
.TemplateSubMenu .SubMenuPoint:link,
.TemplateSubMenu .SubMenuPoint:visited,
.TemplateSubMenu .SubMenuPoint:focus {
	text-decoration:	none;
	display:			block;
}
.TemplateSubMenu .SubMenuPoint:hover,
.TemplateSubMenu .SubMenuPoint:active {
	font-weight:		bold;
}


.ProjectArea {
	width:				400px;
	height:				70px;
	margin-left:		20px;
	overflow:			hidden;
}
.ProjectArea .ProjectArrow {
	width:				20px;
	height:				70px;
	float:				left;
	overflow:			hidden;
}
.ProjectArea .ProjectArrow img {
	width:				inherit;
	height:				inherit;
	border:				none;
	cursor:				pointer;
}
.ProjectPreview {
	width:				360px;
	height:				70px;
	float:				left;
	overflow:			hidden;
}
.ProjectPreview a:link {
	text-decoration:	none;
}
.ProjectPreview .ProjectImage {
	width:				110px; 
	height:				70px;
	margin: 			0px 5px;
	border:				none;
	cursor:				pointer;
}
.ProjectPreview .ProjectImage#ProjectActive {
	width:				108px;
	height:				68px;
	border:				1px solid #ffffff;
}
.ProjectPreview .ProjectTitle {
	overflow:			hidden;
	white-space:		nowrap;
	font-size:			11px;
	text-align:			center;
}


.TemplateTeamList {
	white-space:		nowrap;
	padding:			18px 20px 20px 20px;
	line-height:		21px !important;
}

.TemplateTeamList div {
	padding-bottom:		11px;
}

.TemplateTeamList a,
.TemplateTeamList a:link,
.TemplateTeamList a:focus,
.TemplateTeamList a:visited {
	color:				#ffffff;
	text-decoration:	none;
}
.TemplateTeamList a:hover,
.TemplateTeamList a:active,
.TemplateTeamList a.Active {
	font-weight:		bold;
}
.TemplateTeamPreview img {
	width:				90px;
	height:				90px;
	border:				none;
	margin:				0px 10px 10px 0px;
	cursor:				pointer;
}
.TemplateTeamPreview img.Active {
	width:				86px;
	height:				86px;
	border:				2px solid #ffffff;
}

.TemplateTeamDetail {
	white-space:		nowrap;
	background:			#ffffff;
	display:			none;
}
.TemplateTeamDetail.Active {
	display:			block;
}

.TemplateTeamDetail .TeamDetailImage,
.TemplateTeamDetail .TeamDetailImage img{
	width:				370px;
	height:				288px;
	border:				none;
}
.TemplateTeamDetail .TeamDetailArea {
	width:				370px;
	height:				82px;
	line-height:		18px;
	overflow:			hidden;
	color:				#222222;
}
.TemplateTeamDetail .TeamDetailArea .TeamDetailInfo {
	width:				370px;
	height:				35px;
	border-bottom:		2px solid #222222;
	margin-bottom:		6px;
}
.TemplateTeamDetail .TeamDetailArea .TeamDetailInfo .TeamInfoName {
	width:				180px;
	padding-top:		12px;
	float:				left;
	font-size:			14px;
	font-weight:		bold;
}
.TemplateTeamDetail .TeamDetailArea .TeamDetailInfo .TeamInfoCaption {
	width:				180px;
	padding-top:		12px;
	float:				right;
	text-align:			right;
}
.TemplateTeamDetail .TeamDetailArea .TeamDetailContact .TeamContactTitle {
	width:				50px;
	float:				left;
}
.TemplateTeamDetail .TeamDetailArea .TeamDetailContact .TeamContactValue {
	width:				310px;
	float:				right;
}