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

Main-CSS Degussa - Creating Essentials - VESTOSINT

[DEVEL]

Farbdefinitionen: 

Unternehmensfarben:

	Degussa Lichtblau: 			#0099ff
	Degussa Lichtblau (hell):	#99c5e0		<- Background.
	Grau:						#666666


Farbklima: Darkblue

	Blue (dark)					#001244
	Blue 						#003264	(default)
	Blue (light)				#e5eaef
	
///////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////////////
	STANDARD-TAGS
///////////////////////////////////////////////////////////////////////////*/


html 
{
	
}

body
{
	/* background:			url(/im/corp/corp_head_back.gif) repeat-x 0px 0px #99c5e0; */ /* kkl breit *//* mozilla */
	background:			#99c5e0; /* kkl schmal */
	font:				1.0em Arial;
	
	margin:				0px;
	padding:			0px;
	
	text-align:			center;	
}



p
{
	font:				1.0em Arial;
}



div
{
}


	
img 
{
	border:				0px;
	margin: 			0px;
	padding: 			0px;
}
	

a 
{ 
	font: 				1.0em Arial, sans-serif; 
	font-weight:		500;
	text-decoration: 	underline;
	color: 				#1B84C4;
	margin:				0px;
	padding:			0px;

}

a:link {}
a:visited {}
a:hover 
{
	color: 				#1B84C4;	/* für Opera */
}

a:active {}


a.footer
{ 
	font: 				0.8em Arial, sans-serif; 
	font-weight:		500;
	text-decoration: 	underline;
	color: 				#1B84C4;
}


.flr {
	float:	right;
	margin:	0px 0px 10px 10px;
	
}
.grey {
	color: #999;
}
.bold {
	font-weight: 700;
}

.coldegu {
	color:	#0099ff;
}

/*///////////////////////////////////////////////////////////////////////////
	GRÖ?ENEISTELLUNGEN
///////////////////////////////////////////////////////////////////////////*/
.si0 {
	font-size: 0.8em !important;
}
.si1 {
	font-size: 0.9em !important;
}
.si2 {
	font-size: 1.0em !important;
}
.si3 {
	font-size: 1.1em !important;
}
.si4 {
	font-size: 1.2em !important;
}

/*///////////////////////////////////////////////////////////////////////////
	KONZERNKOPFLEISTE
///////////////////////////////////////////////////////////////////////////*/
#kkl
{
	/* kkl schmal */
	height:				74px;
	width:				931px;
	margin:				0px auto 0px auto;
	text-align:			center;
	background:	#fff;
	
	/* kkl breit */
	/*	
	height:				74px;
	width:				100%;
	min-width:			100%;
	margin:				0px 0px 0px 0px;
	text-align:			center;
	background:			url(/im/corp/corp_head_back.gif) repeat-x 0px 0px #fff;
	*/
}

#kkl table.fm {
	margin-top:		1px;
}

#kkl table.pa {	
	margin-bottom:		7px;
}

#kkl table.fm td, #kkl table.pa td {
	font-size:		11px;
	padding-left:	4px;
	padding-top:	0px;
	font-weight:	bold;
	height:			18px;
}
#kkl table.pa td {
	padding-left:	3px;
	height:			10px;
	padding-top:		0px;
	border:			0px solid #900;
}
#kkl table.fm td.space , #kkl table.pa td.space {
	padding-left:	10px;
}

#kkl table.fm td.first, #kkl table.pa td.first {
	padding-left:	10px;
}

#kkl a 
{ 
	font-size: 			9px; 
	text-decoration: 	underline;
	color: 				#1B84C4
}


#kkl a.cn 
{ 
	color: 				#666666; 
}


#kkl .searchbox {  
	font-size: 			11px;
	width: 				88px;	
	border:				1px solid #1B84C4;
	margin:				1px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	height: 			15px;
	voice-family: "\"}\"";		/* Needed HACK for IE 5.x */
	height: 			13px;
}
html>body {}	/* IE 5.X Hack elimination */

#kkllogo {
	text-align:center;
	position:absolute;
	margin:0px;
	padding:0px;
	left:0px;
	top:30px;
	width:100%;
	height:1px;
	border:0px solid #900;
}



/*///////////////////////////////////////////////////////////////////////////
	NAVIGATION, BILDBEREICH
///////////////////////////////////////////////////////////////////////////*/
.nav
{
	background:			#99c5e0;
	
	margin:				0px auto 0px auto;
		
	text-align:			center;
	
	width:				931px;
}

.navtable
{
	background:			transparent;
	width: 				931px;
	margin:				0px;
	padding:			0px;
}

.navtable tr
{
	margin:				0px;
	padding:			0px;
}

.navtable td
{
	background:			#003264;
	
	font: 				11px Arial, sans-serif; 
	width: 				auto;
	text-align: 		center;
	
	margin:				2px 0px 2px 0px;
	padding:			1px 0px 1px 0px;
	
	border-left:		1px solid #fff;		/*fff*/
	border-bottom:		0px solid #99c5e0;
}

.navtable .navmarg
{
	font: 				11px Arial, sans-serif; 
	font-weight:		700;
	color: 				#fff;
	width: 				210px;
	margin:				0px;
	padding:			0px;
	border-width:		0px 0px 0px 0px;
}

.nav a 
{ 
	font-weight:		700;
	text-decoration: 	none;	
	color: 				#fff;
	margin:				0px 0px 0px 0px;
	padding:			0px 10px 0px 10px;
	display:			block;
}

.nav a:link 	{ }
.nav a:visited 	{ }
.nav a:hover 	{ color: 	#fff;}
.nav a:active 	{ }


div.mItemTable {
	font-family: 		Arial, Helvetica, sans-serif; 
	font-size:			10px;
	letter-spacing:		0px;
	display:			block;
	padding:			0px 0px 0px 2px;
	margin:				0px;
	color:				#333;
	text-decoration: 	none;
	border-top: 		0px solid #2994d6;
	border-bottom: 		0px solid #0b74b4;
	border-left: 		1px solid #2994d6;
	border-right: 		1px solid #2994d6;
	text-align:			left;

}

div.mItemTable a, div.mItemTable a:visited {
	font-family: 		Arial; 
	font-size: 			10px;
	letter-spacing:		0px;
	display: 			block;
	padding: 			0px 0px 0px 2px;
	margin: 			0px;
	color: 				#333;
	text-decoration:	none;
	width: 				100%;
}

div.mItemTable a:hover {
	color:	#333;
}


/*///////////////////////////////////////////////////////////////////////////
	ORIENTIERUNGSFELD, KEYVISUAL
///////////////////////////////////////////////////////////////////////////*/
#orivis
{
	width: 				931px;	
	background:			#fff;
	margin:				0px;
	padding:			0px;
	line-height:		0.1em;	/*wichtig, sonst setzt mozilla im strict-mode einen abstand unter die bilder*/
	border-top:		2px solid #99c5e0;
	border-bottom:		2px solid #99c5e0;
}

#orivis .orie
{
	/*background:			#fff url(/im/dots_left_0.gif) repeat-y right;*/
	width: 				210px;
	height:				90px;
	text-align: 		center;
	border:				0px solid #1B84C4;	
}
#orivis .orie a {
	line-height:	0.1em;	/* dom-correct-agents in strict mode */
	font-size:		1px;	/* netscape 6 */
}

#orivis .keyvis
{	
	border-left:		1px solid #99c5e0;
}

#orivis .keyvis img {
	width:	718px;
	height:	88px;
	border:	1px solid #1B84C4;
}


#main
{
	background:			#fff;
	margin:				0px auto 0px auto;
	text-align:			center;
	width:				931px;
}



/*///////////////////////////////////////////////////////////////////////////
	MARGINAL
///////////////////////////////////////////////////////////////////////////*/

#marcon	/* umgebender Table */
{
	width:				931px;
	margin:				0px;
	padding-right:		0px;
	
}

#marg
{
	/*background:			#fff url(/im/dots_left_0.gif) repeat-y right;*/
		
	font: 				0.7em Arial, sans-serif; 
	font-weight:		500;

	margin:				0px 0px 0px 0px;
	padding:			0px;
	text-align:			left;
	
	width: 				210px;
}

#marg a
{ 
	color: 				#1B84C4;
	/*color:				#000;*/
		
	font: 				1.0em Arial, sans-serif; 
	font-weight:		500;
	
	text-decoration: 	none;
}
#marg a:hover {
	text-decoration: 	underline;
	/*color:				#1B84C4;*/
}


#marg a.full
{ 
	background:			#fff;
	color: 				#1B84C4;
	
	display:			block; 
	
	font: 				1.0em Arial, sans-serif; 
	font-weight:		600;
	
	text-decoration: 	underline;

	margin:				0px;
	padding:			0px 0px 0px 0px;
}

#marg h1
{
	
	background:			#ddd;
	color:				#666;
	
	font-size:			1.0em;
	font-weight:		700;
	
	text-align: 		center;
	margin:				0px;
	padding:			2px 0px 1px 0px;
}

#marg h1 a
{
	display:block;
	background:			#ddd;
	color:				#666;
	text-decoration:	none;
	font-size:			1.0em;
	font-weight:		700;
}

#marg h2 {
	color:			#001244;
	font:			11px Arial;
	font-weight:	700;
	margin:			15px 0px 0px 14px;
	
}

#marg .note
{
	background:			#fff url(/im/date_dot.gif) 0px 1px no-repeat !important;
	color:				#999;
	
	display:			block; 
	
	font-size:			0.9em;
	font-weight:		500;

	margin:				10px 0px 0px 5px;
	padding:			0px 0px 0px 8px;
}

#marg .note2
{
	background:			#fff url(/im/date_dot.gif) 0px 1px no-repeat !important;
	color:				#999;
	
	font-size:			1.0em;
	font-weight:		500;

	margin:				0px 0px 0px 14px;
	padding:			0px 0px 0px 8px;
}


#marg p
{ 
	color: 				#000;
	background:			#fff;
	
	display:			block; 
	
	font: 				1.0em Arial, sans-serif; 
	font-weight:		500;
	
	margin:				0px 0px 2px 0px;
	padding:			0px 0px 0px 14px;

	border:				0px solid #007da4;	
}

#marg p a {
	text-decoration:	none;
}

/* MenuLink, könnte evtl auch direkt auf a Tag bezogen werden. */
#marg .ml
{ 
	color: 				#000;
	background:			#fff;
	
	display:			block; 
	
	font: 				1.0em Arial, sans-serif; 
	font-weight:		500;
	
	border-bottom:		1px solid #ddd;	
	
	margin:				0px 5px 2px 12px;
	padding:			0px 0px 0px 14px;
}

/* MenuLink */
#marg .ml a
{ 
	color: 				#666;
	background:			#fff;
	display:			block; 
	
	text-decoration:	none;
	
}
#marg .ml a:link 	{ }
#marg .ml a:visited { }
#marg .ml a:hover 	{ color: #1B84C4;text-decoration:none;}
#marg .ml a:active 	{ }

/* MenuLink Selected, setzt Arrow als bg */
#marg .mlsel
{ 
	color: 				#000;
	background:			#fff url(../im/menu/arrowblue2.gif) no-repeat;
	
	display:			block; 
	
	font: 				1.0em Arial, sans-serif; 
	font-weight:		500;
	
	border-bottom:		1px solid #ddd;	
	
	margin:				0px 5px 2px 12px;
	padding:			0px 0px 0px 14px;
	
}

/* MenuLink Selected */
#marg .mlsel a
{ 
	color: 				#666;
	background:			#fff;
	display:			block; 
	
	text-decoration:	none;
	
}
#marg .ml a:link 	{ }
#marg .ml a:visited { }
#marg .ml a:hover 	{ color: #1B84C4;}
#marg .ml a:active 	{ }





/*///////////////////////////////////////////////////////////////////////////
	CONTENT
///////////////////////////////////////////////////////////////////////////*/

#osl
{
	height:			300px;		/* creates min-height for content - even in ie.60 */
	background:		#fff url(/im/dots_left_0.gif) repeat-y right;
	vertical-align:	top;
	width:			1px;
}

#ct
{		
	/*float:				right;*/
	background:			#fff;
	
	font-family:		Arial, sans-serif;
	font-size:			0.80em;
	font-weight:		500;
	color:				#000;
	
	padding:			14px 10px 0px 10px;		/* top:1px edited: 2005-07-26 */
	margin:				0px 0px 0px 0px;
	text-align:			left;	
	width: 				700px;
	
	border-top:			17px solid #eee;
	display:			table-cell;
	
}



#ct h1
{		
	font: 				1.3em Arial, sans-serif; 
	font-weight:		700;
	color: 				#999;

	padding:			0px 0px 0px 0px;
	margin:				0px 0px 10px 0px;
	text-align:			left;
	
	border:				0px solid #000;
}

#ct h2
{		
	
	font: 				1.0em Arial, sans-serif; 
	font-weight:		600;
	color: 				#001244;
	margin:				20px 0px 10px 0px;
	
	border:				0px solid #000;
}

#ct h1+h2, #ct img+h2, #ct div+h2 {		/* nicht ie<=6  */
	margin-top:	20px; /* TODO */
}

#ct a {
	text-decoration:	none;
}
#ct a:hover {
	color: #003264;
}


#ct p {		
	font: 		1.0em Arial, sans-serif; 
	padding:	0px 0px 0px 0px;
	margin: 	0px 0px 10px 0px;
}


	
#ct ul {
	list-style:	disc url(/im/ul_dot.gif) outside;
	margin:		0px 0px 20px 4px;
	padding: 	0px 0px 0px 1em;
	/*line-height:1.0em;*/			/* 2005-07-26 */
}

#ct li {
	font-size:	1.0em;
	margin:		0px;	
	padding: 	0px 0px 4px 0px;	
}


#footer
{
	font: 				0.8em Arial, sans-serif; 
	background:			#fff;
	margin:				20px auto 0px auto !important;
	text-align:			center;
	
	width:				931px;	
}

#footer a
{
	color: 				#666;
	
}


/*///////////////////////////////////////////////////////////////////////////
	PRODUKTTABELLE
///////////////////////////////////////////////////////////////////////////*/


table.produkte {	
	margin:				0px 0px 10px 0px;
	table-layout:		auto;
	border-collapse:	separate;
	empty-cells:		show;
	width:				700px;
}

table.produkte th, table.produkte td {
	
	font-weight:	700;
	line-height:	1.05em;
	color:			#fff;
	text-align:		center;
	padding:		2px 5px 2px 5px;
	font-size:		11px;	
	
	background:		#003264;
	
	border:			1px solid #fff;
	border-width:	0px 1px 1px 0px;
	
}

table.produkte td {
	height:			22px;
	color:			#000;
	font-weight:	500;	
	background:		transparent;
	
	padding:		0px 5px 0px 5px;
	
	border-top:    1px solid #fff;
	border-right:  0px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left:   1px solid #ddd;
}

table.produkte tr.head td {
	height: auto;
	padding:		2px 5px 2px 5px;
	border:			1px solid #fff;
	background:		#003264;
	color:			#fff;
	border-width:	0px 1px 1px 0px !important;
}

table.produkte .al {
	text-align:left;	
}

/* Einsatzgebiete */
table.produkte th.esg {
	width:		300px;
	
}
table.produkte tr.rowa td {
	background:		#f9f9f9;
}
table.produkte tr.rowb td {
	background:		#f0f0f0;
}
/* Einsatzgebiete */
table.produkte tr.esg td {
	width:			auto;
	font-size:		10px;
	font-weight:	500;
}

table.produkte td.yes {
}

/*///////////////////////////////////////////////////////////////////////////
	ALLGEMEINE TABELLE / LISTE
///////////////////////////////////////////////////////////////////////////*/

table.liste {
	width:		100%;
	font-size:	11px;
	empty-cells:	show;
}
table.liste a {
	text-decoration:	none;
}

table.liste th {
	text-align:		left;
	border-bottom:	1px solid #003264;
	font-weight:	700;
	color:			#666;
	padding:		0px 0px 2px 0px;
}

table.liste td {
	padding:		2px 0px 2px 0px;
	border-bottom:	1px solid #999;
	vertical-align:top;
}
table.liste .last {
	text-align:	right;
}

/*///////////////////////////////////////////////////////////////////////////
	ANSPRECHPARTNER
///////////////////////////////////////////////////////////////////////////*/

table.ansp {
	float:		left;
	font-size:	1.0em;	/* IE5.x */
	width:		300px;
	margin:		10px 40px 30px 0px;
	
}
table.ansp td {
	vertical-align:	bottom;
}
table.ansp td img {
	border:	2px groove #99c5e0;
	width:	100px;
	height:	120px;
}

/*///////////////////////////////////////////////////////////////////////////
	SITEMAP
///////////////////////////////////////////////////////////////////////////*/

#sitemap ul {
	margin: 0px;
	margin-top: 10px;
	padding-left:0em;
}

#sitemap li ul {
	margin-top: 0px;
	padding-left:1.5em !important;
}
#sitemap li {
	list-style: none inside;
	margin: 10px 0px 0px 0px;
	padding:0px;
	margin-top: 10px;
}

#sitemap li ul li{
list-style:	disc url(/im/ul_dot.gif) outside;
	margin-top: 0px;
}

/*///////////////////////////////////////////////////////////////////////////
	PRINT EXCLUSIVES
///////////////////////////////////////////////////////////////////////////*/

.printonly {
	display: none;
}

.printnot {
}

#prHeader {
	display:none;
}
#prCorpLogo {
	display:	none;	
}







/*
	Blue (dark)					#001244
	Blue 						#003264
	Blue (light)				#e5eaef
*/