html, body {
	height			: 100%;
	width			: 100%;
}

body {
	padding			: 0px;
	margin			: 0px;
}

table, tr, th, td {
	padding			: 0px;
	margin			: 0px;
	border-collapse	: collapse;
}

div.news {
	position		: absolute;
	top				: 0px;
	left			: 0px;
	width			: 33.4%;
	height			: 100%;
	background-color: #7e8302;
	color			: #ffffff;
}

div.news_box {
	position		: relative;
	top				: 42%;
	left			: 9%;
	width			: 81%;
	height			: 35.7%;
	border			: 1px solid black;
	overflow		: auto;
}

div.news_box a {
	color: #fff;
	text-decoration: none;
}

div.news_box a:hover {
	color: #03336e;
	text-decoration: none;
}

* html div.news_box {
	top				: 42.4%;
	height			: 39.4%;
}

table.news_box {
	position		: relative;
	top				: 5%;
	left			: 8%;
	width			: 82%;
	font-size		: 0.7em;
	font-family		: Verdana, Sans, Arial;
	font-weight		: Bold;
	text-align		: left;

}

td.news_date, td.news_line, td.news_content {
	padding-bottom	: 10px;
}

td.news_date {
	width			: 60px;
}

td.news_line {
	width			: 12px;
}


div.workareas {
	position		: absolute;
	top				: 0px;
	left			: 33.4%;
	width			: 33.3%;
	height			: 100%;
	background-color: #ffffff;
	color			: #03336e;
}

div.surroundings {
	position		: relative;
	top				: 42%;
	left			: 9%;
	width			: 35.5%;
	height			: 15.3%;
	float			: left;
	border			: 1px solid black;
}

* html div.surroundings {
	top				: 42.4%;
	height			: 16.7%;
}

div.agriculture {
	position		: relative;
	top				: 47%;
	left			: 9%;
	width			: 35.5%;
	height			: 15.3%;
	float			: left;
	border			: 1px solid black;
}

* html div.agriculture {
	top				: 46%;
	height			: 16.7%;
}


div.industry {
	position		: relative;
	top				: 42%;
	left			: 18%;
	width			: 35.5%;
	height			: 15.3%;
	float			: left;
	border			: 1px solid black;
}

* html div.industry {
	top				: 42.4%;
	height			: 16.7%;
}

div.innovation {
	position		: relative;
	top				: 47%;
	left			: 18%;
	width			: 35.5%;
	height			: 15.3%;
	float			: left;
	border			: 1px solid black;
}

* html div.innovation {
	top				: 46%;
	height			: 16.7%;
}

div.workareas_img {
	position		: relative;
	top				: 2%;
	left			: 2%;
	height			: 80%;
	width			: 96%;
}

div.workareas_text {
	position		: relative;
	bottom			: 1%;
	left			: 2%;
	width			: 96%;
	text-align		: center;
	height			: 20px;
	overflow		: auto;
}

div.software {
	position		: absolute;
	top				: 0px;
	right			: 0px;
	width			: 33.4%;
	height			: 100%;
	background-color: #03336e;
	color			: #7e8302;
}

div.software img {
	border: 0px;
}

table.tools {
	position		: relative;
	top				: 42.5%;
	left			: 9%;
	width			: 81%;
	height			: 35.7%;
	padding-bottom	: 0%;
	text-align		: center;
	border-top		: 1px solid #000000;
	border-left		: 1px solid #000000;
	border-right	: 1px solid #000000;
}

* html table.tools {
	top				: 42.4%;
	height			: 39.4%;
}

tr.tools {
	height			: 6.5%;
}

td.tools {
	border-bottom	: 1px solid #000000;
}

img.tools {
	position		: relative;
	top				: 2.5px;
	width			: 75%;
}

img.workareas  {
	height			: 100%;
	width			: 100%;
}

div.title {
	position		: relative;
	top				: 37.2%;
	width			: 100%;
	text-align		: center;
}

* html div.title {
	top				: 44%;
}

div.ccs_logo {
	position		: absolute;
	top				: 8%;
	width			: 100%;
	text-align		: center;
	font-size		: 0.7em;
	font-family		: Verdana, Sans, Arial;
	font-weight		: Bold;
	text-decoration	: none;
}
.logo_link {
	color: #03336e;
	text-decoration	: none;
	}
.logo_link:hover {
	color: #03336e;
	text-decoration	: underline;
	}
div.css_logo a {
	color: #000;
	text-decoration	: none;
}
div.css_logo a:hover {
	color: #03336e;
	text-decoration	: none;
}

img.ccs_logo {
/*	width			: 15.6%; */
	border			: 0px;
}

div.leftside_styling {
	position		: absolute;
	top				: 12.3%;
	left			: 0px;
	width			: 37.7%;
}

img.leftside_styling {
	width			: 100%;
}

div.rightside_styling {
	position		: absolute;
	top				: 12.3%;
	right			: 0px;
	width			: 37.7%;
}

img.rightside_styling {
	width			: 100%;
}

/* styling of text tags such as h1, a, p etc.. */
h1 {
	font-size		: 2em;
	font-family		: Verdana, Sans, Arial;
}

a.workareas {
	position		: relative;
	top				: -10%;
	font-size		: 0.6em;
	font-family		: Verdana, Sans, Arial;
	font-weight		: Bold;
}

a.tools {
	font-size		: 13pt;
	font-family		: Verdana, Sans, Arial;
	color			: #ffffff;
}

div.british_flag {
	position		: absolute;
	left			: 35%;
	width			: 4%;
	top				: 31%;
}

img.british_flag {
	width			: 100%;
	border			: 1px solid black;
}

div.dutch_flag1 {
	position		: absolute;
	left			: 35%;
	width			: 4%;
	top				: 31%;
}

div.dutch_flag2 {
	position		: absolute;
	right			: 35%;
	width			: 4%;
	top				: 31%;
}

img.dutch_flag {
	width			: 100%;
	border			: 1px solid black;
}

div.german_flag {
	position		: absolute;
	right			: 35%;
	width			: 4%;
	top				: 31%;
}

img.german_flag {
	width			: 100%;
	border			: 1px solid black;
}