/****
Reset
*/ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
    height: 100%;  
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/****
Einde CSS reset
*/
* {
    background-repeat:no-repeat;
}
html {
    height:100%;
}

body {
    position: relative;
    min-height:100%;
    top:0px;
    
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding: 0;
    margin: -1px 0;
    text-align:center;
}
body.cke_show_borders {
    text-align:left !important;
    width: 430px !important;
}
a {
    text-decoration:none;
    color:#000;
}
a:hover {
    color:#E5322C;
}
a:visited {
    color:#000;
}
textarea {
    text-align:left;
}
hr {
    height:1px;
    border:none;
    border-color:#E5322C;
    color:#E5322C;
    background-color:#E5322C;
}
hr.upper {
    height:2px;
    width:430px;
}
.double {
    height:2px;
}
em {
    font-style:oblique;
}
strong {
    font-weight:bold;
}
#layout_wrapper {
    padding-left:30px;
    width: 890px;
}

/* page header */
.home-mission {
    line-height:150%;
    font-size:25px;
    color:#E5322C;
    text-align:left;
}
#header {
    height: 166px ;
    min-height: 166px;
    width: 890px;
    margin-bottom: 60px;
    margin-right: 10px;
}
#header_photo {
    height: 200px;
    width: 184px;
    float: left;
    z-index:0;
}
#header_logo {
    margin-top:-52px;
    margin-left: -150px;
    height: 340px;
    width: 420px; 
    background-image:url('/media/images/aighd_logo_small.png');
    float: left;
}
#logo_spheres {
    margin-top:-52px;
    margin-left: -420px;
    height: 340px;
    width: 420px; /*184px;*/
    float:left;
}
#header_extras {
    margin-top:12px;
    float: right;
    height: 204px;
    width:400px;
}
#searchbar {
    height: 20px;
    width: 200px;
    float: right;
    color: #777777;
}
#nav_wrapper {
    float: right;
    width: 200px;
}

#navigation {
    font-family: Georgia, serif;
    font-size: 16px;
    text-align: left;
    line-height: 120%;
    float: left;
    font-style: oblique;
    height:170px;
}
#navigation a {
    text-decoration:none;
    color:#000;
}
#navigation li {
    margin-bottom: 3px;
}
.mark {
    text-decoration: underline;
}
#vision {
    clear:both;
    float: left;
    color:#E5322C;
    height: 20px;
    width: 225px;
	margin-top:184px;
    margin-left:-50px;
}
/* end page header */

/* page sub header */
#sub-headers {
    clear:both;
    float:left;
    width:890px;
    margin-top:-70px;
}
.sub-header {
    float:left;
    min-height:30px;
    text-align:left;
}
.sub-header > h1 {
    padding-top:5px;
}
.sub-header-borders {
    border-top: #E5322C 2px solid;
    border-bottom: #E5322C 1px solid;
}
#sub-header-left {
    width:200px;
}
#sub-header-middle {
    width:430px;
    margin-left:30px;
    margin-right:30px;
}
#sub-header-right{
    width:200px;
}
/* end page sub header */

/* page */
.min-height-page {
    min-height:440px;
}
#content-wrapper {
    text-align:left;
}
#cmscontent {
    margin: 0 230px 0 0px;
    margin-top:-25px;
    float:left;
}
#image-content {
    float:left;
    clear:left;
    width:200px;
    
    min-height:150px;
    overflow:hidden;
    margin-top:-25px;
}
.max-height {
    height:150px;
}
#text-content {
    float:left; 
    width:430px;
    margin:-25px 30px 10px 30px;
}
#sidebar-content {
    width:200px;
    float:left;
    margin-top:-25px;
}
.pagination {
    float:left; 
    width:420px;
    margin-left:30px;
    margin-bottom:10px;    
}
.header {
    margin: 0 0 30px 230px;
}
/* end page */

/* page footer */
#footer{
    width:100%;
    height:100%;
    clear:both;
    padding-top:30px;
    text-align:center;
}
#footer > hr {
    margin-bottom:10px;
    width:430px;
}
/* end page footer */

.image-text-wrapper {
    float:left;
    width:690px;
    /*margin-top:-25px;*/
}
/* news list and details */
.news-wrapper {
    float:left;
    width:690px;
    margin-top:-25px;
}
.news-nav {
    float:left; 
    width:200px;
    margin-top:-25px;
}
.news-image-content {
    float:left;
    width:200px;
    min-width:200px;
    overflow:hidden;
}
.news-text-content {
    float:left; 
    width:430px;
    margin:0px 30px 10px 30px;
}
.news-item-headline {
    color:#E5322C;
    font-family: Georgia, serif;
    font-size:1.3em;
    font-style:oblique;
}
.news-item-full-text {
    padding-top:6px;
}
.news-item-teaser {
    padding-top:6px;
}   
.news-item-padding {
    padding-bottom:30px;
}
/* end news list and details */

.no-justify {
	text-align:left;
}
.text-normal {
	font-style:normal;
	font-family: Helvetica, Arial, sans-serif;
}

.red {
	color:#E5322C;
}

/* headings */
h1 {
    font-family: Georgia, serif;
    font-size: 18px;
    line-height:120%;
}

h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-bottom:5px;
}
h2.cursief {
    color:#E5322C;
    font-family: Georgia, serif;
    font-size:16px;
    font-style:oblique;
}
h2.news-link {
	color:#E5322C;
	font-family: Georgia, serif;
    font-size:14px;
    font-style:oblique;
}

h3.cursief {
    color:#E5322C;
    font-family: Georgia, serif;
    font-size:12px;
    font-style:oblique;
}
h3.nav-link {
    color:#000;
    font-family: Georgia, serif;
    font-size:14px;
    font-style:oblique;
}
.kopje {
    font-family: Georgia, serif;
    font-size:16px;
}
h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    /*line-height:120%;*/
    margin-bottom:5px;
}
/* end headings */

/* highlight item (front) page */
#highlight  {
    /*min-height:100px;*/
    border:solid 1px #E5322C;
    margin-bottom:15px;
    width:100%;
	text-align:left;
	float:left;
	width:198px;"
}
.highlight-header {
    background-color:#E5322C;
    text-align:left;
    min-height:1.5em;
    margin-bottom:3px;
    padding-top:3px ;
    padding-bottom:1px;
}
.highlight-header h2 {
    color:#FFF;
	font-size:14px;
    font-family: Georgia, serif;
    font-style:oblique;
    padding-left:4px;
}
#highlight-content {
    padding:5px;
}
#highlight-content > p {
	text-align:left;
}
/* end highlight item */

/* sidebar items */
.googlemap-sidebar {
    width: 200px; 
    height: 300px;
}
/* end sitebar items */
/* where we work google map */
#map {
    width: 890px; 
    height: 445px;
    clear:both;
}
#legend {
    clear:both; 
    margin-top:20px;
}
/* end where we work google map */
/*
#sidebar-left {
    width:200px;
    min-width:200px;
    float:left;
    margin-left:-890px;
}
*/
/*.sidebar-content ul> li {
    font-family: Georgia, serif;
    font-style:oblique;
    line-height:120%;
    color:#E5322C;
    font-size: 14px;
}*/
/*#cmscontent > ul {
	list-style:disc;
}*/

img.image-content-photo {
    width:200px;
}
div.logo-content {
    float:left;
    clear:left;
    width:200px;
}
.keyword {
    font-weight:bold;
    font-size:12px;
}
p,li {
    line-height:140%;
    margin-bottom: 3px;
    text-align: justify;
}
ul.indent {
  margin-left:15px;
  line-height:1.2em;
}
/* a:after {
    color:#E5322C;
    content:"  >";
}
*/
.after {
    color:#E5322C;
}
#institute-items a {
    color:#000;
}
#content-wrapper a:hover {
    color:#E5322C;
}
#content-wrapper-news a:hover {
    color:#E5322C;
}
#content-header {
    margin: 0 0 10px 230px;
    float:left;
    clear:both;
}
.other-institute-header {
    margin-top: 0px;
}
.institute-wrapper {
    padding-bottom:30px;
}
li.institute {
    margin-bottom:20px;
    clear:both;
}
.institute-logo {
    float:left;
    width:80px;
    margin-right:15px;
    min-height:20px;
}
.partner-header {
    color:#E5322C;
    font-family: Georgia, serif;
    font-size:1.2em;
    font-style:oblique;
}
.float-left {
    float:left;
}
.pic-wrapped {
    float:left; 
    margin-right:3px;
}
.staff-list {
    margin-top:30px;
}
.project-list {
	margin-top:-10px;
}
#projects h2 {
    color:#E5322C;
    font-family: Georgia, serif;
    font-size:1.2em;
    font-style:oblique;
    margin-top:10px;
}
#projects h1 {
    color:#E5322C;
    font-family: Georgia, serif;
    font-size:1.4em;
    font-style:oblique;
    margin-top:8px;
}

.pagination {
	margin:20px 0px 0px 0px;
	color:#E5322C;
    font-family: Georgia, serif;
	font-size:14px;
	font-style:oblique;
	width:auto;
}
.disabled {
	display:none;
}
/*
.prev {}    
.next {}
.current {}
.page {}
*/     
/* Video Gallery */
.subscript {
	width:140px;
	text-align:left;
	overflow:hidden;
}
/* Search results */
.highlighted {
    color:#444;
    font-style:oblique;
}