/* ---------  GENERAL --------- */

BODY { 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 100%;
    height: 100%;
	background:url(../images/bg_main.jpg) repeat-x #d7d7d7 left top;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	color:#999;
}

.bodycontent {
	background:url(../images/bg_main_content.jpg) repeat-x #a5a5a5 left top;
	}

.medien_titel {
	color: #27AC80;
	font-size: 14px;
    font-weight:600;
	font-variant:small-caps;
	line-height:16px;
    letter-spacing: 0.1em;
	word-spacing:normal;
	text-indent: 0pt;
	text-align: left;
	margin:1px 0px 6px 0px;
}
	
#container {
	margin-left: -504px;
	position: absolute;
	width:1009px;
	top: 0px;
	left: 50%;
	background:url(../images/bg_content.jpg) repeat-x #d7d7d7 left top;
	border: none;
}

#containercontent {
	margin-left: -504px;
	position: absolute;
	width:1009px;
	top: 0px;
	left: 50%;
	background:url(../images/bg_content_nofooter.jpg) repeat-x #e0e0e0 left top;
	border: none;
}

#videobox {
	background:url(../images/shadow_bg_400x225.png) no-repeat top left; 
	height:238px; 
	width:413px;
}

#videobox2 {
	background:url(../images/shadow_bg_560x315.png) no-repeat top left; 
	height:328px; 
	width:573px;
}

#textbox_spez
	{
	position: absolute;
	top: 0px;
	left: 10px;
	width: 478px;
	height: 400px;
	padding: 0px 0px 0px 0px;
	visibility: visible;
	}

#header {
	width: 1009px;
	height: 147px;
}
	
#sitetools {
	color:#aaa;
	position:absolute;
	right:16px;
	top:96px;
	width: 302px;
	height: 20px;
	text-align:right;
	font-size:12px;
}

#sitetools ul {
	float:right;
	margin:0;
	padding: 0;
	list-style:none;
	width: 302px;
}

#sitetools ul li {
	color:#00A77F;
	float: right;
}

#sitetools a:link, #sitetools a:visited { 
    color:#aaa; text-decoration:none;
}
#sitetools a:active, #sitetools a:hover { 
    color:#00A77F; text-decoration:none;
}	

div #sitetools a.high { 
    color:#00A77F;
}


#content {
	margin:0px;
	padding:0px;
	width:997px;
	height:auto;
	}

#navi {
	margin:0px;
	padding:0px;
	margin-left:0px;
	float:left;
	background-color:inherit;
	width:183px;
	height:auto;
	text-align:left;
	font-size:12px;
}

#contentmiddle {
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height: 18px;
	text-align: left;
	width: 614px;
	border:0px;
	height: auto;
	visibility: visible;
	}
	
#contentright {
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height: 18px;
	margin:0px;
	margin-top:0px;
	margin-left:2px;
	text-align: left;
	width: 198px;
	border:0px solid #00ff00;
	height: 463px;
	visibility: visible;
	}
	
#contentright div.hr {
	width: 205px;
	margin-top: 11px;
	margin-bottom: 11px;
}

#contentright .fliesstext {
	padding-left: 10px;
	padding-right: 10px;
}
	
#contentright .legende {
	padding-left: 0px;
	padding-right: 10px;
}

#contentright .title {
	margin-bottom:5px;
}

#contentright .margint5px {
	margin-top:5px;
}

#contentright .margint3px {
	margin-top:3px;
}

#contentright img {
	border:0px;
}

.margint8 {
	margin-top:8px !important;
}

.margint10 {
	margin-top:10px !important;
}

.margint16 {
	margin-top:16px !important;
}

/* --------- Typographie --------- */	



.bodytext 
	{
	width:560px;
	color:#333;
	font-size:12px;
	text-align: left;
	line-height: 18px;
	padding:0px;
	padding-left:10px;
	padding-right:20px;
	margin:0px;
	}

.fliesstext 
	{
	color:#333;
	font-size:12px;
	text-align: left;
	line-height: 18px;
	padding:0px;
	margin-top:12px;
	}
	
.legende 
	{
	color:#333;
	font-size:10px;
	text-align: left;
	line-height: 1.3em;
	padding:0px;
	}
	
.legende a:link, .legende a:visited { 
    color:#333; text-decoration:none;
    }
.legende a:active, .legende a:hover { 
    color:#00a77f; text-decoration:none;
	}

div .legende a:link, div .legende a:visited { 
    color:#333; text-decoration:none;
    }
div .legende a:active, div .legende a:hover { 
    color:#00a77f; text-decoration:none;
	}



.headline 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#17375d;
	font-weight:normal;
	font-size: 16px;
	line-height: 18px;
	/*font-size: 22px;
	line-height: 26px;*/
	}

.subtitle
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#000;
	font-size:14px;
	font-style:normal;
	font-weight: normal;
	line-height: 15px;
	margin-top:23px;
	margin-bottom:0px;
	}
	
.subtitle2
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#555;
	font-size:12px;
	font-style:normal;
	font-weight: bold;
	line-height: 16px;
	margin-top: 24px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

.subtitlegrey
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#555555;
	font-size:12px;
	font-style:normal;
	font-weight: bold;
	line-height: 18px;
	}
	
.subtitlegreen
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#00A77F;
	font-size:12px;
	font-style:normal;
	font-weight: bold;
	line-height: 18px;
	}

#footer 
	{
	font-size: 10px;
	color:#a8a8a8;
	font-family:Verdana, Geneva, sans-serif;
	text-align: left;
	padding-left:6px;
	position: relative;
	float:left;
	left: 0px;
	width: 1003px;
	height: 88px;
	visibility: visible;
	}
#footer a:link, #footer a:visited { 
    color:#a8a8a8; text-decoration:none;
    }
#footer a:active, #footer a:hover { 
    color:#333; text-decoration:none;
	}	

#footer a.high {
	color:#00A77F;	
}

.high {
	color:#00A77F;	
}

#footercontent
	{
	background:url(../images/bg_footer_content.jpg) top left repeat-x;
	font-size: 10px;
	color:#a8a8a8;
	font-family:Verdana, Geneva, sans-serif;
	text-align: left;
	padding-left:6px;
	position: relative;
	float:left;
	left: 0px;
	width: 1003px;
	height: 88px;
	visibility: visible;
	}
#footercontent a:link, #footercontent a:visited { 
    color:#a8a8a8; text-decoration:none;
    }
#footercontent a:active, #footercontent a:hover { 
    color:#333; text-decoration:none;
	}	

#footercontent a.high {
	color:#00A77F;	
}


/* --------- Navigation -------- */


#navi ul {
	list-style:none;
	margin:0;
	padding:0;
	padding-top:4px;
	
}

#navi li {
	list-style:none;
	margin:0;
	padding:0;
	
}

#navi a:link, #navi a:visited {
	
	display:block;
	margin:12px 0;
	padding:0.4em 0.75em 0.4em 10px;
	background-color:inherit;
	color:#000000;
	text-decoration:none;
	border-bottom: 1px solid #CCCCCC;
	height:1em;  /*diese Angabe ist nur f�r den IE, damit die ganze Linkfl�che klickbar ist */
}

html>body #navi a:link, html>body #navi a:visited  {
	height:auto;  /*hebt f�r nicht-IE Browser die H�henangabe 1em wieder auf */ 
}
	
#navi a:hover {
	background-color:inherit;
	color: #00a77f;
	border-bottom: 1px solid #00a77f;
}

.highlight {
	display:block;
	margin:10px 0;
	padding:0.4em 0.75em 0.4em 10px;
	background-color:inherit;
	color:#00a77f;
	border-bottom: 1px solid #00a77f;
	height:1em;  /*diese Angabe ist nur f�r den IE, damit die ganze Linkfl�che klickbar ist */

}

html>body #navi .highlight  {
	height:auto;  /*hebt f�r nicht-IE Browser die H�henangabe 1em wieder auf */ 
}


/* --------- Links --------- */


a:link, a:visited { 
    color:#00A77F; text-decoration:none;
}
a:active, a:hover { 
    color:#333; text-decoration:none;
}

a { 
	color:#00A77F;
	outline: none;
}

a img {
	border:0px;
}  
div .legende a.highlightgreen {
	color:#00A77F;
}  
div .legende a.highlightgreen:link, div .legende a.highlightgreen:visited { 
    color:#00A77F; text-decoration:none;
}
div .legende a.highlightgreen:active, div .legende a.highlightgreen:hover { 
    color:#333; text-decoration:none;
}
  


/* --------- Lists --------- */

#contentmiddle ul { 
	list-style-image:url(../images/img_bullets2.gif);
	line-height:140%;
	padding: 0px 0px 0px 15px;
	margin:0px;
	display:block;
}


#contentmiddle li {
	color:#000;
	margin:0px;
	padding:0px;
}

#contentright ul { 
	list-style-image:url(../images/img_bullets2.gif);
	line-height:140%;
	padding: 0px 0px 0px 15px;
	margin:0px;
	display:block;
}

#contentright li {
	color:#000;
	margin:0px;
	padding:0px;
}

ul .listyle2 {
	list-style-image:none;
	list-style:none;
	margin-top:0px;
	padding:0;
}

hr {
    clear: both;
    width: 98%;
    height: 1px;
    border: none;
    color: #00a77f;
	background: url(../images/dotted_line.gif) repeat-x #f6f6f6 top left;
}


/* --------- TABLES -------- */

.tablespez {
	width: 100%;
    border: 0px;
    padding: 0px 10px 0px 0px;
	margin: 0px;
	border: 1px solid #b8cce4;
	border-collapse:collapse;

}

.tablespez td,th { 
	padding: 3px 4px 4px 4px;
	vertical-align:top;
	border: 1px solid #b8cce4;
	border-collapse:collapse;
}

.tablespez tr {
	vertical-align: top;
}

.tabletitledblue {
	font-size:14px;
	background-color: #17375d;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 2px;
	height: 16px;
	vertical-align: top;
	color: #FFFFFF;
	font-weight: bold;
}

.row_odd {
	font-size:14px;
	/*background-color: #b8cce4;*/
	background-color: #ffffff;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 2px;
	height: 16px;
	vertical-align: top;
	color: #17375d;
}
.row_even {
	font-size:14px;
	background-color: #dbe5f1;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 2px;
	height: 16px;
	vertical-align: top;
	color: #17375d;
}



/* --------- Landing Page --------- */


/* Logos*/
#logo      
	{
	text-align: left;
	position: absolute;
	top: 42px;
	left: 16px;
	width: 149px;
	height: 23px;
	visibility: visible;
	border:0px;
	}

#logo_holcim      
	{
	text-align: left;
	position: absolute;
	top: 14px;
	left: 456px;
	width: 123px;
	height: 53px;
	visibility: visible;
	border:0px;
	}

#logo_nufa_tron      
	{
	text-align: left;
	position: absolute;
	top: 19px;
	right: 15px;
	width: 157px;
	height: 48px;
	visibility: visible;
	border:0px;
	}
 

#logo img {
	border:0px;
	}
	
#logo_holcim img {
	border:0px;
	}	
	
#logo_nufa_tron img {
	border:0px;
	}

/* Flash Animation welcome page*/
#flashintro      
	{
	background-color:#FFFFFF;
	/*background-image:url(../images/img_flash.jpg);
	background-repeat:no-repeat;*/
	text-align: left;
	position: absolute;
	top: 91px;
	left: 0px;
	width: 782px;
	height: 186px;
	visibility: visible;
	z-index: 100;
	}

/* landing page infotext*/
#infobox 
	{
	float:left;
	background-color:#FFFFFF;
	text-align: left;
	width: 284px;
	height: 106px;
	visibility: visible;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:1px;
	}

#infobox a:link, #infobox a:visited { 
    color:#e2001a; text-decoration:none;
    }
#infobox a:active, #infobox a:hover { 
    color:#333; text-decoration:none;
	}	

#infobox2
	{
	float:left;
	background-color:#f2f2f2;
	text-align: left;
	width: 284px;
	height: 106px;
	visibility: visible;
	padding: 0px;
	}

	
	
/* adress-footer */
#adress-footer     
	{
	background-color:#FFFFFF;
	color:#666666;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-family:"Footlight MT Light", Georgia, "Times New Roman", Times, serif;*/
	font-size: 12px;
	font-weight:normal;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 782px;
	height: 60px;
	vertical-align:top;
	visibility: visible;
	}
	
/* --------- Tooltip --------- */	
.TipCls1 {
	background-color:#FFF;
	}

.tiptitle
	{
font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#00A77F;
	font-size:11px;
	font-style:normal;
	font-weight: bold;
	line-height: 18px;
	}
	
.tiptitleoracle
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#e2001a;
	font-size:11px;
	font-style:normal;
	font-weight: bold;
	line-height: 18px;
	}
	


/* --------- PRINT --------- */
.printonly {
display:none;
}

/* --------- DEBUG --------- */

div {
	border:  0px solid red;
	margin:0; padding:0;     
}

.todo {
	color: white;
	font-weight:normal;
    line-height:24px;
	font-size: 14px;
}