html, body {

	height: 100%;
	margin: 0px;
	padding: 0px;

}

body,td,th, * {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/* std font color */
	color: #6f6f6f;

}

h1 {
		font-weight: bold;
		font-size: 24px;
		text-transform: uppercase;
		color: #e1dfbf;
		margin-top: 0px;
}

a 			{ color: #034299; text-decoration: none; /*color: #e4ac40;*/ }
a:hover { color: #956939; text-decoration: underline;}

h2 {
		font-weight: bold;
		text-transform: uppercase;
}

body {
	/*
	background-color:#e3ce1b;
	*/
	background-color: #03439a;
	background-image: url(/cu/sustainex/images2/bg-pic-sustainex4.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

img {
	border: none;
}

div#center-wrapper {
	width: 914px;
	/* border:2px dotted red; */
	margin: auto;
	position:relative;
}


/* {{{ header */


	div#header {
		height: 133px;
		width: 100%;
		/*
		background-color: #dfd;
		*/
		background-image:url(/cu/sustainex/images2/bg-shadow-header.png);
		background-position: center bottom;
		background-repeat:no-repeat;
		position: relative;

		/*
		border:1px solid red;
		*/

	}

	div#header div#navi-top { position: relative; left: 10px;}

	div#header img#logo {
		position:absolute;
		left: 575px;
		bottom: 0px;
	}
	div#header img.flag {
		 border: 1px solid #4e4e4e;
		 width: 14px;
		 height: 9px;
	}
	div#header img#flag-bg { position: absolute; right: 21px; top: 7px;}
	div#header img#flag-en { position: absolute; right: 21px; top: 22px;}
	div#header img#flag-de { position: absolute; right: 21px; top: 37px;}

/* header }}} */

/* {{{ content */

	div#content {
		/*
		background-image:url(/cu/sustainex/images2/bg-shadow2.png);
		background-position: center top;
		background-repeat:repeat-y;
		width: 914px;
		*/
		margin-left:12px;
		width:889px;
		background-color:white;
		padding-top: 60px;
	}
	div#content div#col-left {
		margin-left: 100px;
		width: 386px;
		float:left;
	}
	div#content div#col-right {
		float:left;
		width: 280px;
		margin-left: 112px;
	}

/* content }}}  /

/* {{{ navi */

	ul#menu { list-style-type: none; position:absolute; top: 80px; left: 0px;margin:0px; padding: 0px;}
	ul#menu li { float:left; width: 88px;  height: 28px;margin-right:3px;
		padding: 4px 4px 0px 4px;
		line-height: 1.1em;
		vertical-align: middle;
		text-align: center;
	}
	ul#menu li a {
		font-weight: bold; text-decoration: none;
		width: 89px;
		height: 25px;
		display: block;
	}
	ul#menu li:hover  	{ background-image:url(/cu/sustainex/images2/navi/navi-hover.png); background-repeat:no-repeat; background-position: 0px 1px; }
	ul#menu li:hover * 	{ color: white; }


/* navi }}} */

/* infobits {{{ */

div#infobits div.box {
	width: 158px;
	padding: 0px;
	margin: 0px;
	padding-top: 20px;
	overflow:hidden;
}
div#infobits div.head {
	/*
	background-image:url(/cu/ecomind/images/bg_infobit.gif);
	background-repeat: repeat-x;
	background-position: top left;
	background-image:url(/cu/ecomind/images/bg_infobit.gif);
	background-position: top left;
	background-repeat: repeat-x;
	*/
	background-color: #EEE;
	height: 18px;
	height: 36px;
}

div#infobits div.head h2 {
	text-align: right;
	text-align: left;
	padding: 0px;
	padding-left: 5px;
	margin: 0px;
	padding-top: 3px;
	padding-right: 2px;
}

div#infobits div.body {
	margin: 0px;
	padding-top: 3px;
	position: relative;
	background-image: none; /*url(/cu/ecomind/images/infobit_bottom.gif);*/
	background-repeat: no-repeat; 
	background-position: bottom left;
	border:0px solid #dfdfdf;

	border-width: 0px 1px 1px 1px;
}
div#infobits div.box div.body div.txt {
	padding: 5px 0px 2px 5px;
	width: 130px;
}
div#infobits div.box div.body a.more {
	position:absolute;
	top: 5px;
	right: 2px;
}

div#infobits div.box div.body a {
	text-decoration:none;
}
div#infobits div.box div.body a:hover {
	color: #e4ac40;
}

/* }}} infobits */

/* {{{ report */
	div#category-image{ float:left; width: 140px; }
	/*
	div#report-txt 		{ float:right; width: 340px; }
	*/
	div#news-txt 			{ width: 480px; }
	div#index-image 	{ position:absolute; left: 0px; top: 45px; width: 190px; }
	div#index-txt 		{ position:absolute; left: 220px; top: 45px; width: 190px; padding: 0px; line-height: 1.5em;}
/* }}} report */

/* {{{ news */

	div.news div.news-item {
		width: 340px;
		float: right; 

	}
	div.news div.news-item h2 {
		margin-top: 0px;
		padding-top: 0px;
	}

	div.index { margin-left: 100px; }
	div.content-index {
		background-image:url(/cu/sustainex/images2/windwheel-index.gif);
		background-repeat:no-repeat;
		background-position: bottom right;
		/*
		border:1px solid red;
		*/
	}
	div.index-shadow {
		background-image:url(/cu/sustainex/images2/index-shadow-news.png);
		background-repeat:repeat-x;
		height: 20px;
	}
	div#news-index {
		padding-top: 20px;
	}
	div.news-index  {
		position: relative;
		width: 330px;
		margin-right: 10px;
	}
	div.news-index img.news-pic {
		width: 100px;
		margin-right: 10px;
		margin-bottom: 10px;
		overflow:hidden;
		float:left;
	}
	div.news-index td  { vertical-align: top;}
	
	div#news-index h2 { font-size: 10px; font-weight: bold; margin: 0px; padding: 0px;}
	div#news-index div.news-index { margin-bottom: 40px; margin-right: 35px;}
	div.news-index div.news-body div.txt { height: 6em; line-height: 1.2em; overflow:hidden; }
	div.news-index div.news-body div.lnk a { text-decoration: none; }
	div#news-index div.news-index a.news-more { }


/* news }}} */

/* {{{ index */
	div#index-image img.index-image { position:absolute; left:0px; top: 0px; }
	div#index-image img.index-points { position:absolute; left:10px; top: 67px; }
	div#index-image div#index-slogan {
		position:absolute; 
		top: 180px;
	}
	div#index-image div#index-slogan h2 {
		color: #E0E0BE;
		font-size: 24px;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
		padding-top: 10px;
	}
	div#index-txt h1 {
		color: #956938;
		font-size: 18px;
		text-transform: none;
	}
	
/* index }}} */

/* forms {{{ */
	table.form-tbl {
		width: 100%;
	}
	table.form-tbl td {
		padding: 3px 0px;
	}
	table.form-tbl input, table.form-tbl textarea {
		border:1px solid #E6E6E6;
	}
	table.form-tbl input.inputBox, 
	table.form-tbl textarea {
		width: 90%;
		padding: 3px;
	}
	table.form-tbl textarea {
		height: 200px;
	}
	table.form-tbl .mandatory,
	table.form-tbl .error {
		color: #e4ac40;
	}
/* }}} forms */