/* CSS Document */
body {background:	url(images/bg.gif); margin:0px;}
img {behavior:	url("pngbehavior.htc");}
td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#606060;}
div#top {background:	url(images/bg1.gif); height:86px; width:100%}
div#shadow { position:absolute; top:86px; left:0px; width:100%; height:3px; z-index:1; }
div#content { position:absolute; top:0px; left:0px; width:100%; z-index:2;}
td.main {background:#fff url(images/flash_bg.gif) top left repeat-x; border:1px solid white;}

div#menu { position:absolute; top:0px; left:24px; background: url(images/menu_bg.jpg) top left ; width:163px; height:332px;}
div.button { background: url(images/btn_bg.gif) top left no-repeat ; width:157px; height:29px; margin:0px 0px 1px 3px}
div.button a img {margin:12px 0px 0px 11px;}
div.button a:hover img {margin:12px 0px 0px 13px;}

div.button1 {margin:0px 0px 1px 3px}

div.header {color:#1da4db; font-size:12px; font-weight:bold;}
div#logo {margin:0px 0px 9px 12px}
div#table-content {position:relative; width:765px; }
#slogan { position:absolute; top:22px; left:196px;width:390px;height:25px;}
#flash {position:absolute; top:73px; left:187px; width:578px; height:214px;}
#industries { position:absolute; top:300px; left:14px; width:252px; height:408px; background:#dbdedf url(images/industries_bg.jpg) top left no-repeat; }
#product-list{ width:252px; height:195px; background:#dbdedf url(images/industries_bg.jpg) top left no-repeat; }
#title { position:absolute; top:308px; left:291px; width:416px; height:28px;}
#line { position:absolute; top:350px; left:291px; width:416px; height:1px; background-color:#d8dfe0;}
.line { width:100%; height:1px; background-color:#d8dfe0; margin:9px 0px 3px 0px;}
#title2 { position:absolute; top:365px; left:291px; width:385px; height:385px;}
#products {position:absolute; top:420px; left:291px; width:416px;}
#products ul { font-size:12px; list-style-image:url(images/arrow.gif); margin:0px 0px 0px 20px; padding:0 0 0 0; }
#products ul li{ margin:9px 0px 9px 0px;}
#products ul li a {color:#72767f; text-decoration:none; border:1px solid #fff; padding:3px;}
/* #products ul li a:hover {color:#495465; text-decoration: underline;} */
#products ul li a:hover {  border:1px solid #d8dadc; padding:3px;}

#products1 ul { font-size:11px; list-style-image:url(images/arrow.gif); margin:0px 0px 0px 0px; padding:0 0 0 0; }
#products1 ul li { margin:6px 0px 6px 0px; }
/* .products ul li a {color:#72767f; text-decoration:none; border:1px solid #fff; padding:3px;} */
/* .products ul li a:hover {  border:1px solid #d8dadc; padding:3px;} */

#products1 ul li a {color:#72767f; text-decoration:none;} 
#products1 ul li a:hover {  color:#1da4db;}

ul.arr  {list-style-image:url(images/arrow2.gif); margin-top:6px; }
ul.arr li {margin:2px 0px 2px 0px;}
ul.arr1 {list-style-image:url(images/arrow.gif); margin-top:6px; }

#products1 ul li.current { font-weight:bold; color:#1da4db;padding-left:3px;}
ul.arrow { list-style-image:url(images/arrow.gif); margin:0px 0px 0px 20px; padding:5px 0 0 20px; }
ul.arrow li { margin:5px 0px 5px 0px;}

.industry {background:url(images/industry_box.gif) top left no-repeat; width:238px; height:74px; margin:5px 0px 0px 7px; position:relative;}
.industry-header { position:absolute; top:7px; left:9px; font-weight:bold; z-index:2}
.sub-industries {position:absolute;top:26px; left:9px;}
.photo {position:absolute; top:7px; left:135px; z-index:1 }
td.footer {background:#fff url(images/footer_bg.gif) top left repeat-y; border-right:1px solid white;border-left:1px solid white;}
td.copyright {font-size:10px; color:#8a8a8a; padding:15px 0 0 15px;}
td.calsaga { background:url(images/calsaga_logo.gif) top left no-repeat; padding:5px 0px 0px 20px;font-size:9px; color:#8a8a8a; }
.footer table {margin:0px 0px 0px 20px;}
#main-content {position:absolute; top:320px; left:25px; width:710px; text-align:justify;}
a {color:#1d86b8; text-decoration:none;}
a:hover {color:#0e5d82; }
#diagramm {position:relative; width:457px; height:534px; background:url(images/product_diagramm_bg1.gif) top left no-repeat; margin:20px 0px 20px 0px; }
#diagramm-arrows {position: absolute; top:0px; left:0px;}
.box {width:106px; height:64px; font-size:11px; font-weight:bold; text-align:center; padding:34px 24px 0px 0px;}
.box a {color:#42474b; text-decoration:none;}
.box a:hover {color:#2a2b2d; }

#box11 {position:absolute; top:0px; left:62px; z-index:2; padding-top:36px;}
#box11:hover {background:url(images/box_green.gif) top left no-repeat; cursor:pointer; z-index:1; }
#box12 {position:absolute; top:0px; left:196px; z-index:2;}
#box12:hover {background:url(images/box_violet.gif) top left no-repeat; cursor:pointer;z-index:1; }
#box13 {position:absolute; top:0px; left:330px; z-index:2;padding-top:36px;}
#box13:hover {background:url(images/box_green.gif) top left no-repeat; cursor:pointer;z-index:1; }

#box21 {position:absolute; top:107px; left:62px; z-index:2; }
#box21:hover {background:url(images/box_violet.gif) top left no-repeat; cursor:pointer; z-index:1; }
#box22 {position:absolute; top:107px; left:196px; z-index:2;padding-top:46px;}
#box22:hover {background:url(images/box_orange.gif) top left no-repeat; cursor:pointer;z-index:1; }
#box23 {position:absolute; top:107px; left:330px; z-index:2;padding-top:36px;}
#box23:hover {background:url(images/box_orange.gif) top left no-repeat; cursor:pointer;z-index:1; }

#box31 {position:absolute; top:214px; left:62px; z-index:2; }
#box31:hover {background:url(images/box_blue.gif) top left no-repeat; cursor:pointer; z-index:1; }
#box32 {position:absolute; top:214px; left:196px; z-index:2;}
#box32:hover {background:url(images/box_blue.gif) top left no-repeat; cursor:pointer;z-index:1; }
#box33 {position:absolute; top:214px; left:330px; z-index:2;padding-top:30px;}
#box33:hover {background:url(images/box_blue.gif) top left no-repeat; cursor:pointer;z-index:1; }

#box41 {position:absolute; top:321px; left:62px; z-index:2; padding-top:30px;}
#box41:hover {background:url(images/box_pink.gif) top left no-repeat; cursor:pointer; z-index:1; }
#box42 {position:absolute; top:321px; left:196px; z-index:2;padding-top:30px;}
#box42:hover {background:url(images/box_pink.gif) top left no-repeat; cursor:pointer;z-index:1; }
#box43 {position:absolute; top:321px; left:330px; z-index:2;}
#box43:hover {background:url(images/box_violet.gif) top left no-repeat; cursor:pointer;z-index:1; }

div.hint {
	position:absolute;
	visibility:hidden; 
	width:200px;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7;  
	background:transparent url(images/shadow1.png); 
	/*background-color: #ccc;*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px; 
	color:#454545;
	z-index:3;
}

.hint-shadow, .hint-content{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.hint-shadow{
	background: transparent url(images/shadow2.png);
	/*background-color: #ccc;*/
	color: inherit;
}
.hint-content{
	background-color: #fff; 
	color: #1e2830; 
	border: 1px solid #454545; 
	font-size:11px;
	padding: 5px;
	text-align: left;
}

.hint-content a {color:#0033cc;}
.hint-content a:hover {color:#0a3b9f;}

div#hint11 {top:62px; left:90px;z-index:3;}
div#hint12 {top:76px; left:225px;z-index:3;}
div#hint13 {top:62px; left:355px;z-index:3;}

div#hint21 {top:182px; left:80px;z-index:3;}
div#hint22 {top:168px; left:215px;z-index:3;}
div#hint23 {top:172px; left:340px;z-index:3;}

div#hint31 {top:289px; left:102px;z-index:3;}
div#hint32 {top:289px; left:210px;z-index:3;}
div#hint33 {top:298px; left:357px;z-index:3;}

div#hint41 {top:405px; left:90px;z-index:3;}
div#hint42 {top:405px; left:222px;z-index:3;}
div#hint43 {top:396px; left:358px;z-index:3;}

.legend {position:absolute; text-align:center; padding-right:19px; width:73px; }

div#legend1 { top:493px; left:0px;}
div#legend2 { top:493px; left:92px;}
div#legend3 { top:493px; left:184px;}
div#legend4 { top:493px; left:276px;}
div#legend5 { top:493px; left:368px;}

input, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#606060;}

#diagram-icon {position:absolute; top:410px; left:650px; z-index:3; font-size:9px; color:#72767f; text-align:center;}
.error {color:#FF3300; }