/* CSS by Andre Brocatus */

body {
	background-color: #FFF;
	background-repeat: repeat-x;
	background-attachment: scroll;
	margin: 0;
	padding: 0;
	border: 0;
}

ul, li, li a {
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

div#logo{
	display: block;
	position: absolute;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 140px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #000;
}

div#logo img {
	display: block;
	position: absolute;
	position: fixed;
	left: 0;
	top: 24px;
	width: 50px;
	height: 90px;
	margin: 0;
	padding: 0;
	border: 1px solid #888;
	border-left: 0;
	z-index: 10;
}

h1#title {
	display: block;
	position: absolute;
	position: fixed;
	left: 60px;
	top: 25px;
	width: 400px;
	height: 9px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image:  url(../i/txt_name.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -2000px;
	color: #000;
	font-size: 1px;
}

h2#client {
	display: block;
	position: absolute;
	position: fixed;
	left: 60px;
	top: 74px;
	width: 400px;
	height: 9px;
	margin: 0;
	padding: 0;
	border: 0;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -2000px;
	color: #000;
	font-size: 1px;
}

h2#project {
	display: block;
	position: absolute;
	position: fixed;
	left: 60px;
	top: 90px;
	width: 400px;
	height: 9px;
	margin: 0;
	padding: 0;
	border: 0;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -2000px;
	color: #000;
	font-size: 1px;
}

h2#category {
	display: block;
	position: absolute;
	position: fixed;
	left: 60px;
	top: 106px;
	width: 400px;
	height: 9px;
	margin: 0;
	padding: 0;
	border: 0;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -2000px;
	color: #000;
	font-size: 1px;
}

a#home:link, a#home:visited {
	display: block;
	position: absolute;
	position: fixed;
	left: 510px;
	top: 25px;
	width: 41px;
	height: 9px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image:  url(../i/lnk_home.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -2000px;
	color: #000;
	font-size: 1px;
	z-index: 1;
	text-decoration: none;
}

a#home:hover, a#home:visited:hover {
	display: block;
	position: absolute;
	position: fixed;
	left: 510px;
	top: 25px;
	width: 41px;
	height: 9px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url(../i/lnk_home_ro.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -2000px;
	color: #000;
	font-size: 1px;
	z-index: 1;
	text-decoration: none;
}

a#profile:link, a#profile:visited {
	display: block;
	position: absolute;
	position: fixed;
	left: 510px;
	top: 41px;
	width: 52px;
	height: 9px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image:  url(../i/lnk_profile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -2000px;
	color: #000;
	font-size: 1px;
	text-decoration: none;
	z-index: 1;
}

a#profile:hover, a#profile:visited:hover {
	display: block;
	position: absolute;
	position: fixed;
	left: 510px;
	top: 41px;
	width: 52px;
	height: 9px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url(../i/lnk_profile_ro.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -2000px;
	color: #000;
	font-size: 1px;
	z-index: 1;
	text-decoration: none;
}

a#contact:link, a#contact:visited {
	display: block;
	position: absolute;
	position: fixed;
	left: 510px;
	top: 57px;
	width: 58px;
	height: 9px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image:  url(../i/lnk_contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -2000px;
	color: #000;
	font-size: 1px;
	z-index: 1;
	text-decoration: none;
}

a#contact:hover, a#contact:visited:hover {
	display: block;
	position: absolute;
	position: fixed;
	left: 510px;
	top: 57px;
	width: 58px;
	height: 9px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url(../i/lnk_contact_ro.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -2000px;
	color: #000;
	font-size: 1px;
	z-index: 1;
	text-decoration: none;
}

a#nextproject:link, a#nextproject:visited {
	display: block;
	position: absolute;
	position: fixed;
	left: 510px;
	top: 106px;
	width: 84px;
	height: 9px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image:  url(../i/lnk_nextproject.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -2000px;
	color: #000;
	font-size: 1px;
	z-index: 1;
	text-decoration: none;
}

a#nextproject:hover, a#nextproject:visited:hover {
	display: block;
	position: absolute;
	position: fixed;
	left: 510px;
	top: 106px;
	width: 84px;
	height: 9px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url(../i/lnk_nextproject_ro.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -2000px;
	color: #000;
	font-size: 1px;
	z-index: 1;
	text-decoration: none;
}

a.nextimage:link, a.nextimage:visited {
	display: block;
	position: relative;
	overflow: visible;
	left: 60px;
	width: 400px;
	border: 0;
	margin: 0;
	padding: 19px 0 10px 0;
	background-image:  url(../i/lnk_nextimage.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #000;
	font-size: 1px;
	text-decoration: none;
}

a.nextimage:hover, a.nextimage:visited:hover {
	display: block;
	position: relative;
	overflow: visible;
	left: 60px;
	width: 400px;
	border: 0;
	margin: 0;
	padding: 19px 0 10px 0;
	background-image: url(../i/lnk_nextimage_ro.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #000;
	font-size: 1px;
	text-decoration: none;
}

a.nextimage img {
	display: block;
	position: relative;
	margin: 0;
	padding: 165px 0 0 0px;
	border: 0;
}

img#img1 {
	display: block;
	position: relative;
	margin: 0;
	padding: 165px 0 10px 60px;
	border: 0;
}

p#projectinfo {
	display: block;
	position: fixed;
	margin: 0;
	padding: 0;
	border: 0;
	left: 510px;
	top: 165px;
	width: 230px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 13px;
	color: #000;
}

#footer {
	display: block;
	position: relative;
	height: 140px;
	left: 0;
	width: 100%;
	border: 0;
	margin: 19px 0 0 0;
	padding: 0;
	background-image:  url(../i/txt_footer.gif);
	background-repeat: no-repeat;
	background-position: 60px 25px;
	background-color: #000;
	color: #000;
	font-size: 1px;
	text-indent: -2000px;
	z-index: 1;
	text-decoration: none;
}

#footer a#xhtml {
	display: block;
	position: absolute;
	height: 9px;
	left: 172px;
	width: 52px;
	top: 58px;
	border: 0;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 1px;
	text-indent: -2000px;
	z-index: 1;
	border: 0;
	text-decoration: none;
}

#footer a#css {
	display: block;
	position: absolute;
	height: 9px;
	left: 251px;
	width: 21px;
	top: 58px;
	border: 0;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 1px;
	text-indent: -2000px;
	z-index: 1;
	border: 0;
	text-decoration: none;
}

a#nextproject2:link, a#nextproject2:visited {
	display: block;
	position: absolute;
	left: 510px;
	top: 25px;
	width: 84px;
	height: 9px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image:  url(../i/lnk_nextproject.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -2000px;
	color: #000;
	font-size: 1px;
	text-decoration: none;
}

a#nextproject2:hover, a#nextproject2:visited:hover {
	display: block;
	position: absolute;
	left: 510px;
	top: 25px;
	width: 84px;
	height: 9px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url(../i/lnk_nextproject_ro.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -2000px;
	color: #000;
	font-size: 1px;
	text-decoration: none;
}

/* IE Hacks from here on */

/* Because it is now a long scroll page i need less whitespace between images */

* html a.nextimage, 
* html a.nextimage:active, 
* html a.nextimage:visited {
	display: block;
	position: relative;
	overflow: visible;
	left: 60px;
	width: 400px;
	border: 0;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
	font-size: 1px;
	border: 0;
}
* html a.nextimage:hover, 
* html a.nextimage:visited:active, 
* html a.nextimage:visited:hover {
	display: block;
	position: relative;
	overflow: visible;
	left: 60px;
	width: 400px;
	border: 0;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
	font-size: 1px;
	border: 0;
}
* html a.nextimage img {
	margin: 0 0 25px 0;
	padding: 0;
	border: 0;
}
* html img#img1 {
	margin: 165px 0 25px 60px;
	padding: 0;
	border: 0;
}

/* The footer can also become more compact */

* html #footer {
	position: absolute;
	border: 0;
	margin: 0;
	padding: 0;
	height: 140px;
}

/* The 'empty' li tags (through absolute positioning of their contents) gave problems in IE, so I put them away */

* html li.nav {
	display: block;
	position: absolute;
	width: 1px;
	height: 1px;
	left: 0;
	top: 0;
	background-color: red;
	overflow: visible;
}
/* IE does not support position:fixed, so I have to set all IE position:absolute explicitly */

* html div#logo,
* html div#logo img,
* html h1#title,
* html h2#client,
* html h2#project,
* html h2#category,
* html a#home:link,
* html a#home:visited,
* html a#home:hover,
* html a#home:visited:hover,
* html a#profile:link,
* html a#profile:visited,
* html a#profile:hover,
* html a#profile:visited:hover,
* html a#contact:link,
* html a#contact:visited,
* html a#contact:hover,
* html a#contact:visited:hover,
* html a#nextproject:link,
* html a#nextproject:visited,
* html a#nextproject:hover,
* html a#nextproject:visited:hover,
* html p#projectinfo {
	position: absolute;
}