/*Allgemein: Alle Formatierungen werden auf 0 gesetzt*/
body {margin:0px; padding:0px;}

/*Einstellungen Body und Scrollbar (diese für IE)*/
body {

	scrollbar-face-color: #FFFFF0; 
	scrollbar-highlight-color: #FFFFF0; 
	scrollbar-shadow-color: #959595; 
	scrollbar-3dlight-color: #CCCCCC; 
	scrollbar-arrow-color: #993F98; 
	scrollbar-track-color: #F5F5F5; 
	scrollbar-darkshadow-color: #CCCCCC; 
	scrollbar-base-color: #FFFFF0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	background: #FFF url(img/body_bg.gif) repeat;
}

/*Überschriften der Kategorien 1 bis 6, hier nur die Farbe und oberer Abstand Überschrift 3 */
h1 {color: #006CD2;}
h2 {color: #006CD2;}
h3 {color: #006CD2; margin-top: 4px;}
h4 {color: #006CD2;}
h5 {color: #006CD2;}
h6 {color: #006CD2;}

/*Allgemeine Schriftformatierung in Tabellenzellen*/
td { font-family: Helvetica, Arial, sans-serif; font-size: 8pt; color: #666666; }

/*Klasse für Header-Bild ohne Angaben*/
.headimg {}

/*Jeder Listenpunkt einer unsortierten Liste wird als Pfeil dargestellt*/
ul {
	padding-left: 30px;
	margin: 10px 0 0 0;
	list-style: url(img/pfeil.gif);
	list-style-position: outside;
	}
	
/*Höhe der Zeilen der Listenpunkte*/	
li { 
	line-height: 1.8em; 
	margin: 0; 
	padding: 0;
	}
	
/*Klasse im Text: marked*/	
.marked {color: #006CD2;}

/*Klasse im Text: apsolute*/	
.apsolute {color: #006CD2; font-style: italic; letter-spacing: 0.1em; font-weight: bold;}	

/*Klasse im Text: stc11*/	
.stc11 {color: #006CD2; font-style: italic; letter-spacing: 0.1em; font-weight: bold;}

/*Klasse im Text: logaps*/	
.logaps {padding: 0px; margin: 0px;}

/*Formatierung für STC11-Grafik in Überschrift*/
.content_table img.stchead{
	margin: 0 0 0 10px;
}

/*Formatierung für apsolute-Grafik in Überschrift*/
.content_table img.apshead{
	margin: 0 10px 0 10px;
}


/*Möglichkeit, bestimmten Listen andere Listenpunkte als den Pfeil zuzuweisen durch Zuordnung zu einer Klasse*/	
ul.neu {
	padding-left: 30px;
	list-style: url(img/pfeil.gif);
} 	

/*Formatierung der Listenpunkte in der Liste mit der Klasse*/
ul.neu li {padding-left: 4px;}


/*allgemeine Formatierung der Linkverweise im Inhalt*/
a:link { color: #006CD2; text-decoration: none; }
a:visited {color: #006CD2; text-decoration: none;}
a:active {color: #006CD2; }
a:hover {color: #006CD2; }


/*Formatierung der Linkverweise in Seiten mit nur einer Spalte*/
.content_einz a { color: #006CD2; text-decoration: none; }
.content_einz a:link { color: #006CD2; text-decoration: none; }
.content_einz a:visited {color: #006CD2; text-decoration: none; }
.content_einz a:active {color: #006CD2; text-decoration: none;}
.content_einz a:hover {color: #006CD2; text-decoration: none;}


/*Formatierung der Linkverweise im Content*/
.content a { color: #006CD2; text-decoration: none; }
.content a:link { color: #006CD2; text-decoration: none;}
.content a:visited {color: #006CD2; text-decoration: none;}
.content a:active {color: #006CD2; text-decoration: none;}
.content a:hover {color: #006CD2; text-decoration: none;}


/*Formatierung der Linkverweise in der rechten Spalte*/
.box li a {color: #006CD2; text-decoration: none;}	
.box ul li a {color: #006CD2; text-decoration: none;}
.box ul li a:link {color: #006CD2; text-decoration: none;}
.box ul li a:visited {color: #006CD2; text-decoration: none;}
.box ul li a:active {color: #006CD2; text-decoration: none;}
.box ul li a:hover {color: #006CD2; text-decoration: none;}
.box a {color: #006CD2; text-decoration: none;}


/*Angaben zur Positionierung des Logos*/
.logo {padding-left: 14px;}


/*Formatierung der Tabellenzellen*/
.ptab_head { background: #006CD2; border: 1px solid; font-weight: bold; font-size: 9pt; color: #FFFFFF; }
.ptab_col1_head { background: #D8DEF2; border: 1px solid #FFFFFF; font-weight: bold; }
.ptab_col2_head { background: #D8DEF2; border: 1px solid #FFFFFF; font-weight: bold; }
.ptab_col3_head { background: #D8DEF2; border: 1px solid #FFFFFF; font-weight: bold; }
.ptab_col4_head { background: #D8DEF2; border: 1px solid #FFFFFF; font-weight: bold; }
.ptab_col5_head { background: #D8DEF2; border: 1px solid #FFFFFF; font-weight: bold; }
.ptab_col6_head { background: #D8DEF2; border: 1px solid #FFFFFF; font-weight: bold; }
.ptab_col1 { background: #D8DEF2; border: 1px solid #FFFFFF; }
.ptab_col2 { background: #D8DEF2; border: 1px solid #FFFFFF; }
.ptab_col3 { background: #D8DEF2; border: 1px solid #FFFFFF; }
.ptab_col4 { background: #D8DEF2; border: 1px solid #FFFFFF; }
.ptab_col5 { background: #D8DEF2; border: 1px solid #FFFFFF; }
.ptab_col6 { background: #D8DEF2; border: 1px solid #FFFFFF; }


/*Rechte Spalte*/
.box {
	border-top: 10px solid #E0DFDF;
}


/*Formatierung Texte rechte Spalte*/
.box p {
	padding-left: 10pt;
	padding-right: 10pt;
	padding-top: 0pt;
	padding-bottom: 4pt;
	vertical-align:top;
}

/*Formatierung oberste Überschrift rechte Spalte - zur Darstellung der Kästen*/
.box h1 {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 14px;
	padding: 4px 0px 4px 10px;
	background: #006CD2 url(produkte/apsolute_anwendungen.php-Dateien/img/box_hg.gif) top left;}
	
/*Obere Überschrift rechte Spalte Kasten Linkverweis*/	
.box h1 a {color: #ffffff; text-decoration: none;}
.box h1 a:hover, .box h1 a:active, .box h1 a:visited {color: #FFFFFF; text-decoration: none;}

/*Formatierung weitere Überschrift(en) rechte Spalte Kasten*/
.box h2 {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 14px;
	padding: 4px 0px 4px 10px;
	background: #006CD2 url(produkte/apsolute_anwendungen.php-Dateien/img/box_hg.gif) top left;
	border-top: 10px solid #E0DFDF;
}

/*Weitere Überschrift rechte Spalte Kasten Linkverweis*/
.box h2 a {color: #FFFFFF; text-decoration: none;}
.box h2 a:hover, .box h2 a:active, .box h2 a:visited {color: #FFFFFF; text-decoration: none;}

/*Formatierung Unterüberschrift rechte Spalte*/
.box h3 {padding: 4px 0px 4px 10px;}

/*Positionierung Bild in der rechten Spalte*/
.box img {padding: 0px; margin: 0px;}

.box ul li {padding-right: 6px;}


/*vorher: CACACA*/

/*Neue Klasse für Bilderbereich der Strartseite zur Darstellung des images ohne eigene Abstände*/
.content_start {
	border-top: 10px solid #E0DFDF;
	border-bottom: 10px solid #E0DFDF;
	border-left: 10px solid #E0DFDF;
	border-right: 10px solid #E0DFDF;
	padding: 0px;
	background: #FFFFF0;
}

/*Layout: Seitenaufbau umschließende Klasse*/
.content_table {
	border-top: 10px solid #E0DFDF;
	border-bottom: 10px solid #E0DFDF;
	border-left: 10px solid #E0DFDF;
	border-right: 10px solid #E0DFDF;
	padding: 0px;
	background: #FFFFF0;
}

/*Bilder im Headerbereich*/
.content_table img {margin: 10px 10px 10px 10px;}

/*Bilder im Bereich der rechten Spalte*/
.box img {margin: 0 4px 10px 0;}

/*Layout: Inhaltsbereich*/
.content {	
	border-top: 10px solid #E0DFDF;
	border-bottom: 0px solid #E0DFDF;
	border-left: 0px solid #E0DFDF;
	border-right: 10px solid #E0DFDF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #FFFFF0;
}

/*Layout bei Seiten mit nur einer Spalte*/
.content_einz {	
	border-top: 10px solid #E0DFDF;
	border-bottom: 0px solid #E0DFDF;
	border-left: 0px solid #E0DFDF;
	border-right: 0px solid #E0DFDF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #FFFFF0;
}

/*Layout: Landkarte umschließende Klasse*/
.content_tablemap {
	border-top: 10px solid #E0DFDF;
	border-bottom: 10px solid #E0DFDF;
	border-left: 10px solid #E0DFDF;
	border-right: 10px solid #E0DFDF;
	padding: 0px;
	background: #FFFFF0;
}

/*Layout für den Inhaltsbereich der Landkarte*/
.content_map {	
	border-top: 10px solid #E0DFDF;
	border-bottom: 0px solid #E0DFDF;
	border-left: 0px solid #E0DFDF;
	border-right: 0px solid #E0DFDF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	background: #FFFFF0;
}

.content_map h2 {margin-top: 10px;}

/*Layout für den Inhaltsbereich der Presseseiten*/
.content_press {	
	border-top: 10px solid #E0DFDF;
	border-bottom: 0px solid #E0DFDF;
	border-left: 0px solid #E0DFDF;
	border-right: 10px solid #E0DFDF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #FFFFF0;
}

/*Positionierung der Bilder im Inhaltsbereich der Presseseiten*/
.content_press img {
	margin-right: 10px;
	margin-top: 0px;
	}

/*Nachfolgend: Formatierungen der Top-Navigation im oberen Seitenbereich*/	
.header {
	text-align: right;
	color: #666666;
	font-size: 11px;
	padding-bottom: 10px;
}

.header:link { color: #666666; text-decoration: none; }
.header:visited {color: #006CD2; text-decoration: none; }
.header:active {color: #666666; }
.header:hover {color: #006CD2; }

.langde {
	text-align: right;
	color: #006CD2;
	font-size: 11px;
}

.langde:link { color: #006CD2; text-decoration: none; }
.langde:visited {color: #006CD2; text-decoration: none; }
.langde:active {color: #006CD2; }
.langde:hover {color: #006CD2; }

.langen {
	text-align: right;
	color: #006CD2;
	font-size: 11px;
}

.langen:link { color: #006CD2; text-decoration: none; }
.langen:visited {color: #006CD2; text-decoration: none; }
.langen:active {color: #006CD2; }
.langen:hover {color: #006CD2; }

.langfr {
	text-align: right;
	color: #006CD2;
	font-size: 11px;
}

.langfr:link { color: #006CD2; text-decoration: none; }
.langfr:visited {color: #006CD2; text-decoration: none; }
.langfr:active {color: #006CD2; }
.langfr:hover {color: #006CD2; }


/*Nachfolgend: Formatierungen für die Hauptnavigation*/
.nav_table {
	background: #transparent;
	width: 240px;
	border-top: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	vertical-align:top;
}
/*
.nav_main {
	background: #transparent;
	padding-left: 4pt;
}

.nav_main a {width: 200px;}

.nav_main:a { width: 240px; color: #006CD2; text-decoration: none; }
.nav_main:visited {color: #006CD2; text-decoration: none; }
.nav_main:active {color: #006CD2; text-decoration: none; }
.nav_main:hover {color: #006CD2; text-decoration: none; }
*/

table.nav_main td{ font-family: Helvetica,Arial,sans-serif; font-size: 12px; padding-top: 0.3em; padding-bottom: 0.3em; }

td.nav_pfeil01{ color: #ffffff; background-color: #006CD2; padding-left: 1.5em; }
td.nav_pfeil01:hover{ color: #ffffff; background-color: #006CD2; padding-left: 1.5em; }
td.nav_pfeil01:visited{ color: #ffffff; background-color: #006CD2; padding-left: 1.5em; }
td.nav_pfeil01 a{ color: #ffffff; background-color: #006CD2; }
td.nav_pfeil01 a:hover{ color: #ffffff; background-color: #006CD2; }
td.nav_pfeil01 a:visited{ color: #ffffff; background-color: #006CD2; }

td.nav_pfeil02{ background-image: url(images/nav_pfeil_unten.gif); background-repeat: no-repeat; background-position: 0.8em 0.6em; }
td.nav_pfeil02 a{ color: #524D4D; }
td.nav_pfeil02 a:hover{ color: #524D4D; }
td.nav_pfeil02 a:visited{ color: #524D4D; }

td.nav_pfeil03{ background-image: url(images/nav_pfeil_unten.gif); background-repeat: no-repeat; background-position: 1.6em 0.6em; }
td.nav_pfeil03 a{ color: #7B7676; }
td.nav_pfeil03 a:hover{ color: #7B7676; }
td.nav_pfeil03 a:visited{ color: #7B7676; }

td.nav_pfeil04{ background-image: url(images/nav_pfeil_unten.gif); background-repeat: no-repeat; background-position: 2.4em 0.5em; }
td.nav_pfeil04 a{ color: #9A9494; }
td.nav_pfeil04 a:hover{ color: #9A9494; }
td.nav_pfeil04 a:visited{ color: #9A9494; }

td.nav_pfeil05{ background-image: url(images/nav_pfeil_unten.gif); background-repeat: no-repeat; background-position: 2.4em 0.4em; }
td.nav_pfeil05 a{ color: #006CD2; }
td.nav_pfeil05 a:hover{ color: #006CD2; }
td.nav_pfeil05 a:visited{ color: #006CD2; }

td.nav01 { letter-spacing: 0.1em; font-size: 1.2em; font-weight: bold; text-transform: uppercase; padding-left: 1.5em; }
td.nav01 a {color: #006CD2; font-weight: bold; }

	
td.nav02 { font-size: 0.95em; padding-left: 2.4em; }
td.nav02 a {color: #524D4D; font-weight: bold; }
td.nav02 a:hover {color: #524D4D; font-weight: bold; }
td.nav02 a:visited {color: #524D4D; font-weight: bold; }

/*td.nav02 img{ margin-left:-5px;}*/
td.nav03 { font-size: 0.9em; font-weight: bold; padding-left: 3em; }
td.nav03 a {color: #7B7676; font-weight: bold; }
td.nav03 a:hover {color: #7B7676; font-weight: bold; }
td.nav03 a:visited {color: #7B7676; font-weight: bold; }

/*td.nav03 img{ margin-left:-5px;}	*/	
td.nav04 { font-size: 0.85em; font-weight: bold; padding-left: 4em; }
td.nav04 a {color: #9A9494; font-weight: bold; }
td.nav04 a:hover {color: #9A9494; font-weight: bold; }
td.nav04 a:visited {color: #9A9494; font-weight: bold; }

/*td.nav04 img{ margin-left:-5px;}	*/
td.nav05 { font-size: 0.8em; font-weight: bold; padding-left: 4em; }
td.nav05 a {color: #AAAAAF; font-weight: bold; }
td.nav05 a:hover {color: #AAAAAF; font-weight: bold; }
td.nav05 a:visited {color: #AAAAAF; font-weight: bold; }

/*td.nav05 img{ margin-left:-5px;}	*/

td.nav01_act { color: #ffffff; font-weight: bold; text-transform: uppercase; background-repeat: no-repeat; background-position: 0em 0.5em; letter-spacing: 0.1em; font-size: 1.2em; background-color: #006CD2; padding-left: 1.5em; }
/*td.nav01_act img{ margin-left:-5px;}*/
td.nav01_act a:active { color: #006CD2; }
td.nav01_act a:hover, td.nav01_act a:visited { color: #ffffff; }

td.nav02_act { color: #006CD2; font-weight: bold; background-image: url(images/nav_pfeil.gif); background-repeat: no-repeat; background-position: 0.8em 0.6em; font-size: 0.95em;  background-color: transparent; padding-left: 2.4em;}
/*td.nav02_act img{ margin-left:-5px;}*/

td.nav03_act { color: #006CD2; font-weight: bold; background-image: url(images/nav_pfeil.gif); background-repeat: no-repeat; background-position: 1.6em 0.6em; font-size: 0.9em;  background-color: transparent; padding-left: 3em;}
/*td.nav03_act img{ margin-left:-5px;}*/

td.nav04_act { color: #006CD2; font-weight: bold; background-image: url(images/nav_pfeil.gif); background-repeat: no-repeat; background-position: 2.4em 0.5em; font-size: 0.85em;  background-color: transparent; padding-left: 4em;}
/*td.nav04_act img{ margin-left:-5px;}*/

td.nav05_act { color: #006CD2; font-weight: bold; background-image: url(images/nav_pfeil.gif); background-repeat: no-repeat; background-position: 2.4em 0.4em; font-size: 0.8em; background-color: transparent; padding-left: 4em;}
/*td.nav05_act img{ margin-left:-5px;}*/


.nav_level1 { 
	background: #transparent; 
	padding-left: 10pt; 
	background-repeat: no-repeat; 
	}

	
.nav_level1 active { 
	background: #transparent; 
	padding-left: 10pt; 
	background-image: url(produkte/apsolute_anwendungen.php-Dateien/img/box_hg.gif); 
	background-repeat: no-repeat; 
	}	

	
.nav_level2 { 
	color: #006CD2;
	background: #transparent; 
	padding-left: 10pt; 
	background-image: url(produkte/apsolute_anwendungen.php-Dateien/images/nav_pfeil_rechts.gif); 
	background-repeat: no-repeat; 
	}
	
	
.nav_level3 { 
	color: #7B7676;
	background: #transparent; 
	padding-left: 10pt; 
	background-image: url(produkte/apsolute_anwendungen.php-Dateien/images/nav_pfeil_rechts.gif); 
	background-repeat: no-repeat; 
	}
	
	
.nav_level4 { 
	color: #9A9494;
	background: #transparent; 
	padding-left: 10pt; 
	background-image: url(produkte/apsolute_anwendungen.php-Dateien/images/nav_pfeil_rechts.gif); 
	background-repeat: no-repeat; 
	}	

	
.nav_level5 { 
	color: #AAAAAF;
	background: #transparent; 
	padding-left: 10pt; 
	background-image: url(produkte/apsolute_anwendungen.php-Dateien/images/nav_pfeil_rechts.gif); 
	background-repeat: no-repeat; 
	}	

	
.nav_level1_noarrow { 
	background: #transparent; 
	padding-left: 10pt; 
	}

	
.nav_level2_noarrow { 
	background: #transparent; 
	padding-left: 10pt; 
	}

	
.nav_level3_noarrow { 
	background: #transparent; 
	padding-left: 10pt; 
	}

	
.news_table {
	color: #FFFFFF;
	background: #006CD2;
	background-repeat: no-repeat; 
 	border-top: 1px solid #006CD2;
	border-bottom: 1px solid #006CD2;
	border-left: 1px solid #006CD2;
	border-right: 1px solid #006CD2;
	vertical-align: middle;
	padding-left: 10pt;
}


.news_subtable {
	background: #DCE3F2;
	background-repeat: no-repeat; 
	vertical-align: middle;
}


.select_language {
	border: 1px solid #CCCCCC;
	vertical-align:top;
	height:15px;
	font-size:8pt;
	width:75px;
	background: #EEEEEE;
	color: #666666;
	vertical-align: -2pt;
}

/*Formatierungen für die Lightbox-Bildergalerie*/
#lightthumb {margin: 0px 0 0 10px; padding-top: 0px;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; margin: 0 auto; overflow: hidden;}
#imageContainer{ padding: 10px; overflow:hidden;}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: hidden; width: 100%; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; overflow:hidden;}