/* KONTECXT Styles */
/* Kontecxt GmbH, Essen, 2007 */

* {
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	}

body {
	font-family: 		arial, helvetica, sans-serif;
	background: 		#eeeeee;
	margin:				10px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	}
	
a {
	color:				#666666;
	text-decoration:	none;
	}
	
a:hover {
	color: 				#ff0000;
	text-decoration:	underline;
	}
	
h1, h2, h3 {
	font-family: 	arial, helvetica, sans-serif;
	color:			#666666;
	}

p {
	font-family: 	arial, helvetica, sans-serif;
	font-size:		12px;
	color:			#666666;
	}

hr {
	color:			#cccccc;
	clear:			both;
	margin:			0px 0px 20px 0px;
	}

#page {
	width:			931px;
	margin:			auto;
	padding:		0px 0px 0px 0px;
	background:		url(../img/altBG.jpg);
	font-family:	arial, helvetica, sans-serif;
	font-size:		12px;
	}


#header {
	width:			930px;
	height:			80px;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	background:		url(../img/standardHeader.jpg);
	}
	
#logo {
	width:			250px;
	height:			80px;
	position:		relative;
	left:			20px;
	top:			20px;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	float: 			left;
	background:		#cccccc;
	}
	
#icons {
	width:			190px;
	height:			20px;
	position:		relative;
	left:			720px;
	top:			40px;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;	
	}
	

#info {
	width:			930px;
	height:			20px;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	background:		url(../img/infoBG.gif);
	}

#info p {
	width:			900px;
	height:			20px;
	line-height:	20px;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	text-align:		right;
	color:			#ffffff;
	}
	
#info a {
	color:			#ffffff;
	}

#info a:hover {
	color:			#ff0000;
	text-decoration:	none;
	}


/*_Navigation______________________________________________________________*/

#navigation {
	width:			199px;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	float:			left;
	}


#navigation ul {
	width:			198px;
	margin:			20px 0px 20px 0px;
	padding:		0px 0px 0px 0px;
}

#navigation ul li {
	width:			198px;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	list-style:		none;
	}


#navigation ul li.active {
	width:			198px;
	height:			20px;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	background:		#ff0000 url(../img/arrow-white.gif) no-repeat;
	color:			#ffffff;
	font-weight: 	bold;
	display:		block;
	text-indent:	20px;
	line-height:	20px;
	border-bottom:	1px solid #ffffff;
	}

#navigation ul li.activeLevelB {
	width:			198px;
	height:			20px;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	background:		#e9e9e9 url(../img/arrow-over.gif) no-repeat;
	color:			#ff0000;
	font-weight: 	bold;
	display:		block;
	text-indent:	20px;
	line-height:	20px;
	border-bottom:	1px solid #cccccc;
	}

#navigation ul li.activeLevelC {
	width:			198px;
	height:			20px;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	background:		#f1f1f1 url(../img/arrow-over.gif) no-repeat;
	color:			#ff0000;
	font-weight: 		bold;
	display:		block;
	text-indent:		20px;
	line-height:		20px;
	border-bottom:		1px solid #cccccc;
	}


#navigation ul li a {
	height:				20px;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	display:			block;
	text-indent:		20px;
	line-height:		20px;
	text-decoration:	none;
	color:				#666666;
	background:			#dadada url(../img/arrow-out.gif) no-repeat;
	border-bottom:		1px solid #ffffff;
	}

#navigation ul li a:hover {
	color:			#ff0000;
	background:		url(../img/arrow-over.gif) no-repeat;
	}

#navigation ul li a.levelB {
	width:			198px;
	color:			#ffffff;
	font-weight:		bold;
	background:		#ff0000 url(../img/arrow-white.gif) no-repeat;
	border-bottom:		1px solid #cccccc;
	}

#navigation ul li a.levelB:hover {
	width:			198px;
	color:			#000000;
	font-weight:		bold;
	background:		#ff0000 url(../img/arrow-white.gif) no-repeat;
	border-bottom:		1px solid #cccccc;
	}
#navigation ul li a.levelC {
	background:		#e9e9e9 url(../img/arrow-out.gif) no-repeat;
	width:			198px;
	border-bottom:		1px solid #cccccc;
	}

#navigation ul li a.levelC:hover {
	background:		#e9e9e9 url(../img/arrow-over.gif) no-repeat;
	width:			198px;
	}

	
#navigation ul li a.levelD {
	background:		#f1f1f1 url(../img/arrow-out.gif) no-repeat;
	width:			198px;
	border-bottom:		1px solid #dddddd;
	}


/*_Conntent______________________________________________________________*/

#content {
	width:									465px;
	margin:									25px 0px 0px 20px;
	padding:					 			0px 20px 40px 0px;
	background:								#f5f5f5;
	float:									left;
}

#contentB {
	width:									665px;
	margin:									25px 0px 0px 20px;
	padding:					 			0px 20px 40px 0px;
	background:								#f5f5f5;
	float:									left;
}

#content .entry {
	width:									465px;
	margin:									0px 0px 25px 0px;
	padding:					 			0px 0px 0px 0px;
	background:								#f5f5f5;
}

#content .entryB {
	width:									665px;
	margin:									0px 0px 25px 0px;
	padding:					 			0px 0px 0px 0px;
	background:								#000000;
}



#content .spacer {
	width:									465px;
	height:									30px;
	margin:									0px 0px 0px 0px;
	padding:					 			0px 0px 0px 0px;
	background:								url(../img/dots461.gif) left 15px no-repeat;
	clear:									both;
}

#content .spacerB {
	width:									465px;
	height:									10px;
	margin:									0px 0px 0px 0px;
	padding:					 			0px 0px 0px 0px;
	border-bottom:								1px solid #cccccc;
	clear:									both;
}

#content .image {
	width:									220px;
	margin:									0px 0px 20px 0px;
	padding:					 			0px 0px 0px 0px;
	background:								#f5f5f5;
	display:								block;
}

#content .imageLeft {
	margin:									0px 10px 10px 0px;
	padding:					 			0px 0px 0px 0px;
	color:									#666666;
	float:									left;
}

#content .imageRight {
	margin:									0px 0px 10px 10px;
	padding:					 			0px 0px 0px 0px;
	color:									#666666;
	float:									right;
}
	
#content p {
	margin:									0px 0px 0px 0px;
	padding:					 			0px 0px 10px 0px;
	line-height:							15px;
	display:								block;
	}

#content ul {
	list-style-image:						url(../img/arrow.gif);
	margin:									0px 0px 0px 20px;
	padding:					 			0px 0px 0px 0px;
	color:									#666666;
	}

#content ul.box {
	list-style-image:						url(../img/box2.gif);
	margin:									0px 0px 0px 15px;
	padding:					 			0px 0px 0px 0px;
	color:									#666666;
	}

#content ol {
	margin:									0px 0px 0px 0px;
	padding:					 			0px 0px 10px 22px;
	color:									#666666;
	}

#content ul li {
	margin:									0px 0px 5px 0px;
	padding:					 			0px 0px 0px 0px;
}

#content ul.sitemap {
	margin:									0px 0px 5px 0px;
	padding:					 			0px 0px 0px 0px;
	list-style:none;
}

#content ul.sitemap li.level1 {
	margin:									20px 0px 5px 0px;
	padding:					 			0px 0px 0px 0px;
	color:									#666666;
	font-weight:							bold;
	border-bottom:							1px solid #cccccc;
}

#content ul.sitemap li.level2 {
	margin:									0px 0px 5px 0px;
	padding:					 			0px 0px 0px 0px;
	color:									#FF0000;
}

#content ol li {
	margin:									0px 0px 5px 0px;
	padding:					 			0px 0px 0px 0px;
}

	
div.moreInfo a {
	color:									#666666;
	text-decoration:						none;
	}

div.moreInfo a:hover {
	color:									#FF0000;
	text-decoration:						none;
	}
	

div.moreInfo {
	margin:									0px 0px 20px 0px;
	padding:					 			0px 0px 0px 0px;
	width:									465px;
	height:									20px;
	background:								url(../img/moreInfo.gif) no-repeat;
	text-indent:							325px;
	line-height:							20px;
	clear: 									both;
	}
	
div.tojob {
	margin:									0px 0px 20px 0px;
	padding:					 			0px 0px 0px 0px;
	width:									465px;
	height:									20px;
	background:								url(../img/tojob.gif) no-repeat;
	text-indent:							196px;
	line-height:							20px;
	clear: 									both;
	}	
	
	
div.back {
	margin:									30px 0px 40px 0px;
	padding:					 			0px 0px 0px 0px;
	width:									465px;
	height:									20px;
	background:								url(../img/back.gif);
	text-indent:							345px;
	line-height:							20px;
	}
	
	
div.top {
	margin:									0px 0px 0px 0px;
	padding:					 			0px 0px 0px 0px;
	width:									465px;
	height:									20px;
	background:								url(../img/toTop.gif);
	text-indent:							340px;
	line-height:							20px;
	}
	
div.top a {
	color:									#666666;
	text-decoration:						none;
	}

div.top a:hover {
	text-decoration:						none;
	color:									#ff6600;
	}

#content #teaser {
	margin:									0px 0px 20px 0px;
	padding:					 			0px 0px 0px 0px;
	width:									465px;
	height:									190px;
	}

#content #teaser h1 {
	margin:									00px 0px 0px 10px;
	padding:					 			15px 0px 0px 10px;
	font-size:								16px;
	font-weight:							bold;
	color:									#000000;
	}
	
.home {
	background:								url(../img/KONTECXT-Technische-Dokumentation.jpg);
	}
		
.illustration {
	background:								url(../img/Illustrationen-fuer-die-technische-Dokumentation.jpg);
	}
	
.dokumentation {
	background:								url(../img/Technische-Dokumentation.jpg);
	}

.uebersetzungen {
	background:								url(../img/Lokalisierung-von-technischen-Dokumentationen.jpg);
	}

.beratung {
	background:								url(../img/Beratung-in-der-technischen-Dokumentation.jpg);
	}

.schulungen {
	background:								url(../img/Schulungen-in-der-technischen-Dokumentation.jpg);
	}		

.doccert {
	background:								url(../img/DocCert-Pruefungneu.jpg);
	}

.qualitaet {
	background:								url(../img/Qualitaetsmanagement-in-der-technischen-Dokumentation.jpg);
	}
		
.redaktionssysteme {
	background:								url(../img/Redaktionssysteme-in-der-technischen-Dokumentation.jpg);
	}

.internetauftritte {
	background:								url(../img/Internet-Auftritte-fuer-Unternehmen.jpg);
	}
	
.optimierungsanalyse {
background:									url(../img/optimierungsanalyse.jpg);
}

.leistungen {
	background:								url(../img/Dienstleistungen-in-der-technischen-Dokumentation.jpg);
	}

.referenzen {
	background:								url(../img/Referenzen-in-der-technischen-Dokumentation.jpg);
	}

.ueberuns {
	background:								url(../img/Dienstleister-fuer-die-technische-Dokumentation-in-Essen.jpg);
	}
	
.fragen {
	background:								url(../img/Fragen-und-Antworten-zur-technischen-Dokumentation.jpg);
	}
.soziales {
	background:								url(../img/Soziales-Engagement.jpg);
	}
	
.jobs {
	background:								url(../img/Stellenangebote-fuer-technische-Redakteure.jpg);
	}

.kontakt {
	background:								url(../img/Dienstleister-fuer-die-technische-Dokumentation.jpg);
	}


	
	
#content h1 {
	margin:									0px 0px 10px 0px;
	padding:					 			0px 0px 0px 0px;
	font-size:								18px;
	line-height:							20px;
	}

#content h2 {
	margin:									20px 0px 5px 0px;
	padding:					 			0px 0px 0px 0px;
	font-size:								14px;
	line-height:							15px;
	}

#content h2.cat {
	margin:									0px 0px 5px 0px;
	padding:					 			0px 0px 0px 0px;
	font-size:								14px;
	line-height:							15px;
	}

#content h3 {
	margin:									10px 0px 0px 0px;
	padding:					 			0px 0px 0px 0px;
	font-size:								12px;
	line-height:							15px;
	}
	
#content form {
	width:			465px;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	font-size:		12px;
	}

#content label {
	margin:			0px 0px 0px 0px;
	padding:		5px 0px 5px 0px;
	font-size:		12px;
	display:		block;
	float:			left;
	}

#content input, textarea {
	margin:			0px 0px 0px 0px;
	padding:		2px 3px 2px 3px;
	font-size:		12px;
	float:			left;
	border:			1px solid #cccccc;
	}

#content p.form {
	margin:			0px 0px 0px 0px;
	padding:		5px 0px 5px 0px;
	clear:			both;
	}
	
#content .button {
	width:			90px;
	height:			20px;
	margin:			10px 0px 25px 0px;
	padding:		0px 0px 3px 0px;
	text-align:		center;
	border:			none;
	color:			#000000;
	}

#content .button:hover {
	color:			#ffffff;
	background:		#FF0000;
	cursor:			pointer;
	}

/*_Margin______________________________________________________________*/

#margin {
	width:			190px;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 10px 10px;
	background:		#f5f5f5;
	float:			left;
	}
	
#margin h1 {
	margin:			25px 0px 5px 0px;
	padding:		0px 0px 5px 0px;
	font-size:		16px;
	line-height:		15px;
	border-bottom:		1px solid #cccccc;
	}	
	
#margin h2 {
	font-size:		13px;
	line-height:		15px;
	margin-top: 24px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	}

#margin a.extern {
	height:			20px;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	line-height:		20px;
	text-indent:		10px;
	color:			#666666;
	background:		#f5f5f5 url(../img/arrow2.gif) left 7px no-repeat;
	border-bottom:		1px solid #cccccc;
	display:		block;
	}

#margin a.extern:hover {
	color:			#ff0000;
	}
	
#margin a.more {
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	color:			#ff0000;
	}

#margin a.navig {
	height:			20px;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	border-bottom:		1px solid #cccccc;
	line-height:		20px;
	text-indent:		10px;
	color:			#666666;
	background:		#f5f5f5 url(../img/arrow2.gif) left 6px no-repeat;
	display:		block;
	}

#margin a.navig:hover {
	color:			#ff0000;
	}

#margin p {
	margin:			0px 0px 15px 0px;
	padding:		0px 0px 0px 0px;
	line-height:		15px;
	display:		block;
	}

#margin ul.navig {
	list-style:		none;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
		color:			#666666;
	}

#margin ul.navig li {
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	color:			#666666;
	}

#margin ul.bullet {
	list-style-image:	url(../img/arrow.gif);
	margin:			0px 0px 0px 20px;
	
	}

#margin ul.bullet li {
	margin:			0px 0px 5px 0px;
	color:			#666666;
	}
					
#margin p.image  {
	margin:			10px 0px 25px 0px;
	padding:		0px 0px 0px 0px;
	}

#margin p.imageAlternativ  {
	margin:			10px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	}
	
#ending {
	width:			931px;
	height:			20px;
	margin:			0px;
	padding:		0px;
	background:		url(../img/ending.gif);
	clear:			both;
	}

#ending.alternativ {
	background:		url(../img/endingAlternativ.gif);
	}

#margin .box {
	width:			190px;
	height:			180px;
	margin:			25px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	font-size:		11px;
	background:		url(../img/LogIn.gif) no-repeat;
	}
	
#margin form {
	width:			190px;
	margin:			0px 0px 0px 0px;
	padding:		15px 0px 0px 0px;
	}

#margin label {
	margin:			0px 0px 0px 0px;
	padding:		5px 0px 5px 0px;
	font-size:		11px;
	display:		block;
	}

#margin input, textarea {
	width:			130px;
	margin:			0px 0px 0px 0px;
	padding:		2px 3px 2px 3px;
	font-size:		11px;
	border:			1px solid #cccccc;
	}
	
#margin p.title{
	margin:			0px 20px 0px 20px;
	padding:		0px 0px 5px 0px;
	font-size:		14px;
	font-weight:	bold;
	border-bottom:	1px solid #cccccc;
	}
	
#margin p.form {
	margin:			0px 20px 0px 20px;
	padding:		0px 0px 0px 0px;
	clear:			both;
	}

#margin .button {
	width:			90px;
	height:			20px;
	margin:			10px 0px 25px 0px;
	padding:		0px 0px 3px 0px;
	text-align:		center;
	border:			none;
	color:			#000000;
	}



#margin .button:hover {
	color:			#ffffff;
	background:		#FF0000;
	cursor:			pointer;
	}


/*_Footer______________________________________________________________*/

#footer {
	width:			931px;
	height:			40px;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	background:		#eeeeee;
	clear:			both;
	text-align:		center;
	color:			#666666;
	}

#footer a {
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	color:			#000000;
	}

#footer a:hover {
	color:			#ff0000;
	}

#footer .active {
	color:			#000000;
	font-weight:		bold;
	}
	
/*_Copyright______________________________________________________________*/

#copyright {
	width:			931px;
	height:			40px;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	background:		#eeeeee;
	color:			#666666;
	text-align:		center;
	}


/*_Colors______________________________________________________________*/

.red {color:#FF0000; }
.blue {color:#336699; }
.black {color:#000000; }

table {margin: 0px 0px 20px 0px;}	
tr.A {background:#cccccc;}
tr.B {background:#ffffff;}
td {padding: 2px 20px 2px 5px; margin: 0;}