/* @override 
	http://83.170.108.185/css/main.css */

/* _________________________________ RESET __________________________________ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 11px;
	line-height: 13px;
	font-family: "Courier New", Courier, Monaco, monospace;
	font-weight: normal;
}

form,fieldset,input,textarea,select {
	font-family: "Courier New", Courier, Monaco, monospace;
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
}

input, textarea {
	background: #ffffff;
	border: 1px solid #888888;
	padding: 2px 3px 2px 3px;
	margin-right: 3px;
}

select {
	background: #ffffff;
	border: 1px solid #888888;
	padding: 1px 2px 1px 2px;
	margin-right: 3px;
}


img {
	border: 0;
	margin: 0px;
	padding: 0px;
	float: left;
}

td {
	vertical-align: top;
}

div {
	display: inline;
	position: relative;
	float: left;
}

a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #e78e19;
	text-decoration: underline;
}
a:active {
	color: #000000;
	text-decoration: underline;
}




/* _______________________________ DIV STRUCTURE _______________________________ */

body {
	background-repeat: no-repeat;
	background-size: 100%;
}

#site {
	width: 960px;
	height: 740px;
}

#insite {
	margin: 18px 0px 0px 18px;
	width: 699px;
}

#logo {
	width: 699px;
}

#naviandcontent {
	width: 699px;
}

#content {
	margin: 0px 0px 2px 0px;
	width: 699px;
	background: #ffffff;
}


/* _______________________________ NEWS _______________________________ */

div.newsrow {
	margin: 0px 0px 9px 0px;
	width: 531px;
	padding: 0px 0px 9px 0px;
}

div.newsrow h2 {
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}
div.newsrow h3 {
	margin: 0px 0px 9px 0px;
}

div.newsdate {
	width: 87px;
	margin: 0px 36px 0px 0px;
	font-weight: bold;
}

div.newstext {
	width: 523px;
}


/* _______________________________ ABOUT _______________________________ */

#leftcolumn {
	margin: 18px 9px 0px 9px;
	width: 132px;
	padding: 0px 0px 18px 0px;
}

#rightcolumn {
	width: 531px;
	margin: 18px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.rightdesc {
	padding: 0px 0px 18px 0px;
}


/* _______________________________ PROJECTS _______________________________ */


div.thumbrow {
	width: 540px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px
}

div.thumbcap {
	width: 126px;
	margin: 0px 9px 0px 0px;
}

div.thumb {
	width: 126px;
	height: 126px;
	overflow: hidden;
	margin: 0px 0px 7px 0px;
	background: #dddddd;	
}
div.cap {
	width: 126px;
	margin: 0px 0px 0px 0px;
}

div.cap a:link, div.cap a:visited, div.cap a:active {
	text-decoration: none;
}

div.cap a:hover {
	text-decoration: none;
	color: #e78e19;
}

#rightcolumn h2 {
	font-weight: bold;
}

#mainimg {
	width: 523px;
	margin: 9px 0px 9px 0px;	
}

#desc {
	width: 523px;
	margin: 9px 0px 9px 0px;	
}

#imgnav {
	width: 523px;
	padding: 0px 0px 18px 0px;	
}

a.imgnavi {
	text-decoration: none;
}

a:hover.imgnavi {
	text-decoration: none;
	color: #e78e19;
}

a.imgnavi_ul {
	text-decoration: underline;
}

a:hover.imgnavi_ul {
	text-decoration: underline;
	color: #e78e19;
}

span.imgselected {
	color: #e78e19;
}

/* _______________________________ SUB NAVI _______________________________ */

#subnavi {
	width: 105px;
}


#subnavlist {
	position: relative;
	top: 0;
	left: 0px;
	width: 105px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	display: inline;
	list-style: none;
}

#subnavlist li {
	margin-bottom: 1px;
	padding: 0;
	display: block;
	float: left;
	display: inline; /* duplicated for IE 5/Win */
	list-style-type: none; /* duplicated for IE 5/Win */
}

#subnavlist a {
	float: left;
	height: 0px !important;
	height /**/:14px; /* IE 5/Win hack */ 
	padding: 14px 0 0 0;
	overflow: hidden;
}

#subnavlist a:hover {
	background-position: 0 -14px;
}



/* _______________________________ SUB SUB NAVI _______________________________ */

#subsubnavi {
	display: inline;
	width: 114px;
	margin: 9px 0px 0px 9px;
	padding-top: 0px;
	padding-bottom: 4px;
}

#subsubnavi img {
	margin: 0px 0px 9px 9px;

}

#subsubnavlist {
	position: relative;
	top: 0;
	left: 0px;
	width: 96px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	display: inline;
	list-style: none;
	list-style-position: outside;
}

#subsubnavlist li {
	font-size: 11px;
	position: relative;
	margin-left: 0px;
	margin-bottom: 1px;
	padding: 0px 0px 0px 9px;

}

#subsubnavlist a {
	text-decoration: none;
	text-transform: lowercase;
}
#subsubnavlist a.newssub:hover {
	color: #b21c91;
}
#subsubnavlist a.about:hover {
	color: #00359f;
}
#subsubnavlist a.projectssub:hover {
	color: #e78e19;
}
#subsubnavlist a.publicationssub:hover {
	color: #ff0000;
}
#subsubnavlist a.contactsub:hover {
	color: #7bbc7d;
}
#subsubnavlist a.vacanciessub:hover {
	color: #ec008c;
}


/* _______________________________ MAIN NAVI _______________________________ */


div.navi,div.naviselected {
	width: 691px;
	height: 16px;
	margin: 0px 0px 2px 0px;
}

div.navi a, div.naviselected a {
	float: left;
	height: 0px !important;
	height /**/:16px; /* IE 5/Win hack */ 
	padding: 16px 0 0 0;
	overflow: hidden;
	width: 114px;
}

div.navi a:hover {
	background-position: 0 -16px;
}

div.naviselected a {
	background-position: 0 -32px;
}

a.news {
	background: url(/img/navi/main/news.gif) top left no-repeat;
}
a.aboutus {
	background: url(/img/navi/main/aboutus.gif) top left no-repeat;
}
a.projects {
	background: url(/img/navi/main/projects.gif) top left no-repeat;
}
a.publications {
	background: url(/img/navi/main/publications.gif) top left no-repeat;
}
a.contact {
	background: url(/img/navi/main/contact.gif) top left no-repeat;
}
a.vacancies {
	background: url(/img/navi/main/vacancies.gif) top left no-repeat;
}
