/*Meta 
--------------------------------------------------------------*/
/*kleuren*/

/*

Rood/roos: hex: #EB008B ; RGB 235/0/139
LichtBlauw: hex: #00ADEE ; RGB 0/173/238
	visited links, background hover bij links
Blauw : hex: #0080EE ;
	links
Groen: hex: #7FC142 ; RGB 127/193/66
CUO-groen: hex: #98CA3C ; RGB 152/202/60 


Groen voorstel hover Jeroen #6EA839


*/

/* Basis 
-------------------------------------------------------------*/
/* global reset 
* see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
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;
}

body {
	font-family: /*Tahoma,*/ Verdana, Arial, sans-serif;
	color: #191919;
	/*background: url('../../images/stripebg.png') repeat 0 0 /*#191919*//*;*/
	font-size: small;
	line-height: 1.6em;
}	

* html body { /* Internet Explorer 6 font size hack*/
	font-size: x-small;
	f\ont-size: small;
}	

h1, h2, h3, h4 {
	font-family: Georgia, Times, serif;
}

li, p {
	font-size: 100%;
}

p {
	margin: 0.5em 0 0.8em 0;
	margin-right: 3em;
	text-align: left;
}

ol {
	
}

small {
	font-size: 80%;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}
.indent {
	margin-left: 20px;
}



abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

img {
	border: 1px solid #ccc;
}

.clearfix {
	clear: both;	
}

.full-width {
	width: 34em;
	float: left;
	clear: both;
}

.hidden {
	position: absolute;
    left: -9999px;
}

.visnone {
	visibility: hidden;
}

/* Hoofdstructuur 
-------------------------------------------------------------*/
#wrapper {
	/*width: 90%;
	max-width: 1280px;
	margin: 0 auto 0 auto;
	height: 100%;
	border-right: 2px solid #666;
	border-left: 2px solid #666;*/
}

#header {
	width: 960px /*80%*/;	
	max-width: 1280px;	
	height: 7.2em /*90px*/;
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0;
	margin-left: auto;	
	clear: both; /*geen stukjes die komen kijken langs links of rechts*/
	/*border-bottom: 3px solid #98CA3C;*/
	background: url('../images/head_banner.png') no-repeat top right #fff;
	
		
}

#nav {	
	float: left;
	clear: both;/*geen stukjes die komen kijken langs links of rechts*/	
	margin: 0;
	margin-top: 2.3em;
	margin-bottom: 0px;
	/*background-color: #191919;*/
	width: 100%;
	height: 3em /*40px*/;
	font-weight: bold;
	background: url('../images/gradient.jpg') repeat-x bottom left  ;
	/*border-bottom: 1px solid #98ca3c *//*#00ADEE = blauw ;*/
	
}

#subnav {
	width: 100%;
	height: 1.4em;
	/*h\eight: 1.2em;*/
	clear: both;
	float: left;
	border-bottom:1px solid #c7c7c7;
	padding-top: 5px;
}

#container {
	/*breedte van de hoofding*/
	width: 960px /*80%*/;	
	max-width: 1280px;
	min-height: 595px;
	height: 100%;
	/*centrering in midden*/
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0;
	margin-left: auto;
	background-color: #fff;	
		
}

#content {
	background: /*url('../../images/bg.png') no-repeat top right*/ #fff;
	float: left;
	height: 100%;	
	margin-top: 0px;
	max-width: 1280px;	
	padding: 0.2em 0 2em 0;
	width: 100%;	
}

#content-left, #content-form, #sidebar-right, #dparts, #short-papers, #sponsors, #varia, .calls, #programme, #location, #hotels {
	width: 34em;
	float: left;
	margin: 0 0 0 1em;
	padding: 0.5em 0 0 1em;
}

.calls {
	width: 50em;
}

#programme {
	width: 72em;
}

#content-form {
	width: 50em;
}

#sidebar-right, #dparts {
	width: 30em;	
	float: left;
}

#short-papers {
	width: 34em;
}

#sponsors {
	width: 40em;
}

#hotels {
	width: 100%;
}

#content-left {
	/*background-color: #f2f2f2;*/
	/*border: 8px solid #E6E8F5 #D7E8F5 #D7D9F5;*/
}
.calls /*overrides previous*/{
	/*width: 70%;*/
}

#varia {
	width: 20em;
	float: left;
}

#map /*Google Map*/{
	margin-top: 25px;
	margin-bottom: 15px;
	width: 350px;
	height:350px; 
	float:left;
}

#footer {
	float: left;
	border-top: 1px dotted #ccc;	
	width: 100%;
	height: 185px;
	padding-top: 2em;
	background: #fff;	
}

*:lang(en) #footer{ /*ie 7 hack */
   height: 14em;
}


#site-info, #contact-info, #quick-links {
	float: left;
	width: 25em;
	padding: 0 1em 0 1.4em;
	
}

#site-info {
	margin: 0 0 0 1em;
	width: 18em;
}

#curl {
/*	width: 80%;	
	max-width: 1280px;	*/
	height: 20em;
	width: 100%;
	margin: 0 auto 0 auto;
	clear: both;
	background: url('../images/footer.png') no-repeat bottom center transparent;
	/*border-top: 6px solid #666;*/
}
/* Heading
-------------------------------------------------------------*/
#header img {
	border: none;
}

#header h1 {
	margin-left: 0.7em /*10px*/;
	margin-top: 0;
}
/*#header h1 a:link, #header h1 a:visited {
	text-decoration: none;
	color: #98CA3C;
	padding: 10px;	
}

#header h1 a:hover {
	color: #f1f1f1;
	background-color: #98CA3C;	
}*/

a#logo, a:link#logo, a:visited#logo {
	border: none;
	text-decoration: none;
}

/* nav
-------------------------------------------------------------*/
#nav ul {
	/*float: right;*/
	height: 2em;
	margin-top: 0px;
	margin-left: 2em;
	/*margin-right: 45%;*/
	padding: 0;
	
}

#nav ul li {
	padding: 5px 8px 5px 0px;
	float: left;
	list-style-type: none;	
}

#nav ul li a {
	font-size: 100%;
	padding: 5px 8px 5px 8px;
}

#nav ul li a:link, #nav ul li a:visited  {
	color: #191919;
	text-decoration: none;
	/*border-bottom: 2px solid #00ADEE ;*/
}

#nav ul li a:hover {
	color: #fff;
	background-color: #6EA839 /*#00ADEE *//* #98CA3C #191919*/;
}

#nav a.actief, #nav a:visited.actief {
	color: #fff;
	background-color:  #7FC142 /*#00ADEE *//*#98CA3C #000*/;
	border-bottom: 2px solid #7FC142 /*#98CA3C */;
	
}

#subnav ul {
	margin: 0 0 0 1.4em;
	padding: 0;
	
}

#subnav ul li {
	list-style-type: none;
	float: left;
	border-right: 1px solid #c7c7c7;
	
}

#subnav a {
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	color: #666 /*7FC142*/ /*#00ADEE*/;
	/*border-right: 1px solid #c7c7c7;*/
		
}

#subnav a:link, #subnav a:visited {
	padding: 5px 10px 5px 10px;
}

#subnav a:hover {
	background-color: #00ADEE /*#6EA839*/ ;
	color: #fff;
}

.first_element {
	border-left: 1px solid #c7c7c7;
}

#actief_subnav {
	/*color: #00ADEE;*/

}

#actief_subnav a, #actief_subnav a:link {
	/*padding-bottom: 10px;
	padding-left: 15px;*/
	background-color: #fff;
	border-bottom: none;
}

#actief_subnav li {
	padding-bottom: 15px;
	padding-left: 15px;
	/*p\adding-bottom: 35px;*/
}

#actief_subnav a:hover {
	background: #fff;
	color: #666;

}


#breadcrumbs {
	width: 100%;
	float: right;
}

#breadcrumbs p {
	float: right;
	margin-right: 0;	
}

/* content
-------------------------------------------------------------*/
abbr, acronymn {
	cursor: help;
}

#content li {
	margin: 5px;
}

#content-left img {
	/*outline: 1px dotted #ccc;*/
	float: left;
	margin: 0.5em 10px 10px 0px;
}

#content a, #footer a {
	padding: 4px 0px 2px 0px; /* moet O links & rechts zijn zodat bij ../images geen lijntje komt piepen  - wel nog oplossen !!!*/
}

/*#content img a {
	padding-right: 0px;
	padding-left: 0px;
}*/

#content a:link, #footer a:link {
	text-decoration: none;
	color: #0080EE	/*#98CA3C*/;	
	border-bottom: 1px dotted #0080EE /*#98CA3C*/;
}

#content a:visited, #footer a:visited {
	color: #00ADEE /*#98CA3C*/;
	text-decoration: none;
	border-bottom: 1px dotted #00ADEE /*#98CA3C*/;
	
}

#content a:hover, #footer a:hover {
	color: #fff;
	background-color: #00ADEE /*#0080EE *//*#98CA3C*/;	
	
}

#content a.external, #footer a.external {
	/*padding-right: 12px;*/
	
}

#content a:link.external, #content a:visited.external, #footer a:link.external, #footer a:visited.external {
	/*background: url('../../images/external-link.png') no-repeat center right;*/
	
}

#content a:hover.external, #footer a:hover.external {
	/*background: url('../../images/external-link-white.png') no-repeat center right;*/
	color: #fff;
	background-color: #00ADEE /*#0080EE *//*#98CA3C*/;	
}

#content h1, #content h2 , #content h3 {
	/*background-color: #8A9399;*/
	border-bottom: 1px dotted #ccc /*#00ADEE*/;
	padding: 2px 0 2px 5px;
}

#content h4 {
	margin: 0.7em 0 0 0;
}

.not-available {
	color: #f00;
}

.available {
	color: #98CA3C;
	font-weight: bold;
}

.calls table, #content table {
	border-collapse: collapse;
	margin: 15px 0 15px 0;
	border: none;
}

.calls th, .calls td, #content td, #content th {
	padding: 0.5em 1em 0.5em 1em;
	margin: 0;
}

#programme td {
	font-size: 85%;
}

#programme th  {
	min-width: 50px; /*gespecifieerd om op programme-03-june.html te zorgen dat uur- mooi uitkomt zoals op programme-04-june.html */
}

.calls td , #content td{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;

}

.calls th , #content th{
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;	
}

.calls td.nobg, #content  td.nobg {
	border-top: none;
	border-left: none;
	border-right: 1px solid #ccc;
}

.calls th.nobg, #content th.nobg {
	border-top: none;
	border-left: none;
	border-right: 1px solid #C1DAD7;
	background: none;
}

.tuts, .fpapers, .posters, .icstudies {
}

.wshops, .shpapers, .demos {
}

th.rowheaders {
	background: #FFFFFF /*#98CA3C*/;
	color: #000;
	text-align: left;
	font-weight: bold;
}

th.colheaders {
	background: #E3EFFF /*#98CA3C*/;
	color: #000;
	font-weight: bold;
}

.calls caption {
	padding: 0 0 5px 0;
	text-align: left;
	letter-spacing: 1px;
	font-family: Georgia, Times, serif;
}

#hotels p {
	width: 50em;
}

.hotels {
	border-collapse: collapse;
}

.hotels th, .hotels td {
	padding: 0.5em;
	border: 1px solid #ccc;
}

/* Sidebar right
-------------------------------------------------------------*/

#sidebar-right h3 {
	width: 100%;
	clear: both;
	height: 1.8em;
}

#sidebar-right ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sidebar-right ul li {
	float: left;
}

#dparts {
	margin: 0 0 0 1em;
	padding: 3em 0 0 1em;
}

.sponsors {
	width: 10em;
	float: left;
	margin: 0 0 0 1em;
	padding: 0.5em 0 0 1em;
}

.sponsors h3 {
	clear: both;
}

.sponsors ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}

ul.sponsor-../images {
	width: 100px;
	text-align: center;
}

.sponsor-../images li  img{
	margin: 0 auto;
}

.sponsors ul li {
	float: left;	
}

.sponsors ul li a {
	padding: 0;
	margin: 0;
}

.sponsors img {
	/*outline: 1px solid #ccc;*/
	border: none;
	float: left;
	padding: 0 5px 0 0;
	margin: 0;
	outline: none;
}

.sponsors a:link, .sponsors a:visited{
	padding: 0;
	margin: 0;
	border: 0;
	
}

.sponsors-subpages {
	width: 10em;
	float: left;
	margin: 0 0 0 1em;
	padding: 0.5em 0 0 1em;
}

.sponsors-subpages h3 {
	clear: both;
}

.sponsors-subpages ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}

ul.sponsor-../images {
	width: 100px;
	text-align: center;
}

.sponsor-../images li  img{
	margin: 0 auto;
}

.sponsors-subpages ul li {
		
}

.sponsors-subpages ul li a {
	padding: 0;
	margin: 0;
}

.sponsors-subpages img {
	/*outline: 1px solid #ccc;*/
	border: none;
	float: left;
	text-align: center;
	padding: 10px 5px 5px 0;
	margin: 0 auto 0 auto;
	outline: none;
}

.sponsors-subpages a:link, .sponsors-subpages a:visited{
	padding: 0;
	margin: 0;
	border: 0;
	
}

#uitv {
	padding: 10px 0 0 30px;
	clear: both;
}

.sp-links {
	padding: 5px 0 10px 30px;
	clear: both;
}

#steering-c  td{
	vertical-align: top;
	border: none;
	
}

.steering-name {
padding-top: 5px;
}

/*Twitter */
#tweetfeed li {
border-bottom:1px dashed #D2DADA !important;
font-size: 97%;
line-height: 1.4em;
padding:0.6em 0 0.6em;
}

#food-icon {
	float:left; 
	margin-right:10px;
	padding-top: 3px;
	border: none;
}


/* Footer
-------------------------------------------------------------*/
#footer {
	font-size: 85%;
}

#footer a.mailto {
	/*background: url('../../images/mailto.png') no-repeat center right;
	padding-right: 20px;*/
}
#footer a:hover.mailto {
	/*background: url('../../images/mailto.png') no-repeat center right;*/
	color: #fff;
	background-color: #00ADEE /*#98CA3C*/;	
}

#footer p {
	margin-right: 0;
}

#site-info ul, #contact-info  ul {
	list-style-type: none;
}

#quick-links a {
	padding-right: 5px;
	padding-left: 5px;
	margin: 0;
	display: block;
	width: 7em;
}

#quick-links ul {
	list-style-type: none;
}

#quick-links ul li {

}

#curl img {
	border: none;
}