/* 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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles!
:focus {
	outline: 0;
}*/

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* LAYOUT */

body
{
font-family: Helvetica,Arial,sans-serif;
font-size:12px;
line-height:140%;
}

p{margin-bottom:1em;}

#navigation a
{
color:grey;
text-decoration:none;
}

#navigation a.active
{
color:#000000;
text-decoration:none;
}

div {border:0px solid grey;}

#header
{
position:absolute;
top:26px;
left:0px;
width:950px
}

#navigation
{
position:absolute;
top:120px;
left:20px;
width:320px
}

#content
{
position:absolute;
top:120px;
left:170px;
width:248px;
font-size:12px;
z-index:15;
background-color:#ffffff;
}

#pictures
{
position:absolute;
top:120px;
left:424px;
width:600px;
}

#startpictures
{
position:absolute;
top:120px;
left:0px;
width:1024px;
width:1036px;
}

body#projects #content
{
/* width:375px !important;*/
}

#projects #content,
#links #content,
#about #content,
#aboutpdf #content,
#contact #content
{
position:absolute;
top:130px;
left:190px;
width:auto;
z-index:15;

 border:1px solid #000000;
 background-color:#ffffff;
 font-size:12px;
 color:#000000;
 padding:15px;
 font-family:Helvetica,Arial,sans-serif;

}

#projects #content,
#links #content{
  left:155px;
}

#about #content,
#aboutpdf #content{
  left:320px;
}

#contact #content{
  left:495px;
}

.startpicture{
height:125px;
}
.tooltip
{
 border:1px solid #000000;
 background-color:#ffffff;
 font-size:12px;
 color:#000000;
 padding:10px;
 font-family:Helvetica,Arial,sans-serif;
}

#footer
{
position:absolute;
bottom:10px;
right:10px;
width:480px;
font-size:10px;
text-align:right;
}

.gap, #about{margin-top:1em;}

.pictures {height:100px;}

/* FORMAT */

.close{
  display:block;
  text-align:right;
}


a,
a:link { color:#000; text-decoration:none; font-style: italic }
a:visited { color:#222222; text-decoration:none }
a:hover { color:#222222; text-decoration:none }
a:active { color:#000000; text-decoration:underline }
a:focus { color:#000000; text-decoration:underline }

a.active {font-weight:bold;}

#header h1{
	font-size: 20px;
	line-height: 17px;
	margin-top: -0px;
	margin-left: 13px;
	margin-bottom: 1em;
	width:157px;
	float:left;
}



h1 a,
h1 a:link,
h1 a:visited,
h1 a:hover{
	color:#000;
	text-decoration: none !important;
  font-style: normal
}

#header ul
{
float:left;
}
#header ul#topnav{
width:510px;
}
#header ul#languageswitch{
width:170px;
}

#header ul li
{
width:170px;
float:left;
}

#header a,
#header a:link,
#header a:visited,
#header a:hover{
	color:#000;
	text-decoration: none !important;
  font-style: normal
}