/* CSS Document */
html
{
overflow-x:hidden;
overflow-y:auto;
scrollbar-3dlight-color:#555555;
scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color:#555555;
scrollbar-darkshadow-color:#555555;
scrollbar-face-color:#444444;
scrollbar-highlight-color:#555555;
scrollbar-shadow-color:#555555;
scrollbar-track-color:#555555;

}

body
{
background-image: url('titles/25original.gif');
background-repeat: repeat;
background-color: #555555;
padding:0px;
margin:0px;
}

#banners
{
margin-left:-722px;
margin-top:-3px;
margin-bottom:10px;
}

#copyright
{
font-family: "Trebuchet MS", Verdana, "Century Gothic", Arial;
font-size:12px;
color:#DDDDDD;
margin-top: -27px;
margin-left:660px;
margin-bottom: 5px;
}

a.copyright
{
color:#DDDDDD;
text-decoration:none;
}

#bar_left
{
	float:left;
	margin:0;
	padding:0;
	border:none;
}

object
{
	margin:0;
	padding:0;
	border:0;
}

#kader
{
background-color: #FFFFFF;
background-image: url('titles/fauxcolumns1.jpg');
background-repeat: repeat-y;
border: 2px solid #DDDDDD;
width: 800px;
margin: 10px auto;
margin-top:13px;
padding: 0px;
overflow: hidden;
text-align:left;
}

#pagina
{
	background-color: #FFFFFF;
	float:left;
	margin: 0px;
	padding:0px;
	padding-left:0px;
	width:730px;
	font-family: "Trebuchet MS", Verdana, "Century Gothic", Arial;
}

#title
{
width: 740px;
position: relative;
top:0px;
left:0px;
}

#text
{
margin: 5px;
padding: 5px;
font-size: 12px;
}

#image
{
float:left;
width:auto;
height:auto;
margin:10px;
border: 1px solid #000000;
padding:5px;
}

#site-info
{
color:#666666;
font-size:10px;
float:left;
text-align: inherit;
margin-left:10px;
margin-right:-100px;
margin-top:5px;
margin-bottom: 5px;
width:705px;
}

a
{
color:#666666;
text-decoration:none;
border:none;
}

.grey:hover
{
color:#666666;
}

.grey2:hover
{
color:#CCCCCC;
}

.underline:hover
{
text-decoration:underline;
}

.white:hover
{
text-decoration: underline;
color:#666666;
}

.green:hover
{
color:#5FCA3F;
}

.blue:hover
{
text-decoration:underline;
color:#01AAE2;
}

.orange:hover
{
text-decoration:underline;
color:#FEAC5A;
}

.red:hover
{
text-decoration:underline;
color:#D76868;
}

.yellow:hover
{
text-decoration:underline;
color:#DEDE45;
}

.purple:hover
{
text-decoration:underline;
color:#B998DC;
}

.cyan:hover
{
text-decoration:underline;
color:#33CCCC;
}

#aboutme_picture
{
float:left;
width:150px;
margin-right:10px;
margin-bottom:10px;
margin-top:5px;
}

#aboutme_picture2
{
float:left;
width:250px;
}

#genilogo {
float:right;
margin:5px;
border:none;
}

#aboutme_picture3
{
float:right;
width: 237px;
}

table
{
padding: 0px;
margin:5px;
border-spacing:0px;
}

td
{
vertical-align:top;
}

td.negatief
{
background-color:#999999;
color:#FFFFFF;
text-align:right;
padding-right:5px;
border-bottom:#AAAAAA 1px solid;
}

td.positief
{
background-color:#FFFFFF;
color:#000000;
padding-left: 5px;
}

tr.portfolio
{
text-align:center;
border:0px;
}

ul
{
list-style-type:square;
}

#artworks
{
text-align: center;
}

#art_picture
{
border:1px solid #666666;
margin:2px;
}

#site-info2
{
color:#666666;
font-size:10px;
float:center;
text-align: inherit;
margin-left:10px;
margin-right:10px;
margin-top:5px;
margin-bottom: 5px;
}

#thema
{
color:#AAAAAA;
font-size:18px;
}

#banner
{
float:right;
margin:5px;
}

#update
{
background-color: #FF9B9B;
border:1px solid #D76868;
padding: 3px;
margin-right:10px;
float:right;
}

#rijstkast1 {
	position:absolute;
	left: 370px;
	top: 310px;
}

#logos {
width: 100px;
position:absolute;
top: 70px;
left:635px;
}

img.logo {
margin-bottom:4px;
}

div.picline {
margin-left: 15px;
width: 100%;
}

#nomargin
{
margin-top:0px;
margin-left:0px;
}

td.utd
{
padding: 2px;

}

.style1 {font-size: 12%}

div#geosport
{
	background-color:#DFE5DE;
	margin-left:15px;
	padding:5px;
	font-style:italic;
	margin-bottom:5px;
	margin-top:5px;
}

div#geosport p, div#spaceelevator p
{
	margin-top:2px;
	margin-bottom:3px;
}

div#geosport img
{
	margin-left:80px;
	padding:5px;
	border:1px solid #CCCCCC;
}

table#projects td
{
	padding-bottom:10px;
}

div#spaceelevator
{
	clear:both;
	background-color:#777;
	color:#FFFFFF;
	margin-left:15px;
	padding:5px;
	margin-bottom:5px;
	margin-top:5px;
}

div#spaceelevator div#thema
{
	color:#FFFFFF;
	font-size:15px;
}

div#spaceelevator strong
{
	color:#FFFFFF;
}

img#se_center
{
	margin-left:150px;
}

img#se_right
{
	clear:vertical;
	float:right;
	margin-top:14px;
	margin-left:5px;
}

div#se_cont
{
	width:420px;
}

p#se_auth
{
	float:right;
	color:#444444;
	margin-top:0;
}

div#tabList p, div#tabList div {
	margin-left:1em;
}

div#tabList div#thema {
	color:#AAAAAA;
	font-size:14px;
}
/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0.6em 0 0.5em 0; /* set margins as desired */
font: 12px "Trebuchet MS", Verdana, "Century Gothic", Arial; /* set font as desired */
border-bottom: 1px solid #888888; /* set border COLOR as desired */
list-style-type: none;
padding: 5px 12px 3px 12px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #FFFFFF; /* set border color to page background color */
background-color: #888888; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #888888; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #EEEEEE; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
color:#5FCA3F;
}

/* end css tabs */