@charset "utf-8";
body {
	background-color: rgba(0,0,0,1);
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: rgba(153,153,153,1);
}



.thumb {
	border: 20px solid rgba(102,102,102,1);
	position: relative;
	padding: 1px;
	margin: 0px;
}
#bgimg {
	/* [disabled]max-height: 100%; */
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 1;
	max-width: 100%;
}

#jochen {
	position: absolute;
	left: 22px;
	top: 10px;
	width: 135px;
	height: 34px;
	z-index: 700;
	font-size: 33px;
	color: rgba(204,204,204,0.2);
	font-family: "Times New Roman", Times, serif;
	text-align: left;
}
#sacha {
	position: absolute;
	left: 148px;
	top: 10px;
	width: 119px;
	height: 32px;
	z-index: 10;
	font-size: 33px;
	color: rgba(153,153,153,1);
	font-family: "Times New Roman", Times, serif;
	text-align: left;
}
#frey {
	position: absolute;
	left: 261px;
	top: 10px;
	width: 119px;
	height: 32px;
	z-index: 10;
	font-size: 33px;
	color: rgba(255,255,255,1);
	font-family: "Times New Roman", Times, serif;
	text-align: left;
}

#photography {
	position: absolute;
	left: 346px;
	top: 10px;
	width: 250px;
	height: 34px;
	z-index: 10;
	font-family: "Times New Roman", Times, serif;
	font-size: 33px;
	color: rgba(153,153,153,0.5);
	text-align: left;
}
#portfolio1 {
	position: absolute;
	left: 18px;
	top: 98px;
	width: 150px;
	height: 150px;
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: rgba(204,204,204,1);
	text-align: center;
	background-image: url(images/thumbs/tnw.jpg);
	background-position: 0px 0px;
	border: 20px solid rgba(255,255,255,0.9);
	letter-spacing: 0.2em;
	padding-top: 0px;
}
#portfolio2 {
	position: absolute;
	left: 211px;
	top: 98px;
	width: 150px;
	height: 150px;
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: rgba(204,204,204,1);
	text-align: center;
	background-position: 0px 0px;
	border: 20px solid rgba(255,255,255,0.9);
	letter-spacing: 0.2em;
	padding-top: 0px;
	white-space: normal;
}
#portfolio3 {
	position: absolute;
	left: 404px;
	top: 98px;
	width: 150px;
	height: 150px;
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: rgba(204,204,204,1);
	text-align: center;
	background-position: 0px 0px;
	border: 20px solid rgba(255,255,255,0.9);
	letter-spacing: 0.2em;
	padding-top: 0px;
}
#portfolio4 {
	position: absolute;
	left: 18px;
	top: 290px;
	width: 150px;
	height: 150px;
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: rgba(204,204,204,1);
	text-align: center;
	background-position: 0px 0px;
	border: 20px solid rgba(255,255,255,0.9);
	letter-spacing: 0.2em;
}
#portfolio5 {
	position: absolute;
	left: 211px;
	top: 290px;
	width: 150px;
	height: 150px;
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: rgba(204,204,204,1);
	text-align: center;
	background-position: 0px 0px;
	border: 20px solid rgba(255,255,255,0.9);
	letter-spacing: 0.2em;
	padding-top: 0px;
}
#portfolio6 {
	position: absolute;
	left: 404px;
	top: 290px;
	width: 150px;
	height: 150px;
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: rgba(204,204,204,1);
	text-align: center;
	background-position: 0px 0px;
	border: 20px solid rgba(255,255,255,0.9);
	letter-spacing: 0.2em;
	padding-top: 0px;
}


.whiteFont {
	color: rgba(255,255,255,1);
}

#navbar {
	position: absolute;
	left: 21px;
	top: 45px;
	width: 570px;
	height: 34px;
	z-index: 600;
	text-align: left;
	border-bottom: 1px none rgba(240,240,240,0.3);
	border-top: 1px solid rgba(255,255,255,0.1);
	padding: 5px 0px 0px;
	overflow-y: 300;
	overflow-style: marquee-block;
	scrollbar-face-color: rgba(204,0,51,1);
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: rgba(204,204,204,1);
}
#contact {
	position: absolute;
	left: 126px;
	top: 6px;
	width: 104px;
	height: 24px;
	z-index: 701;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 0.1em;
	text-align: left;
	padding: 6px 0px 0px 6px;
	background-color: rgba(204,204,204,0.1);
}
#portfolio {
	position: absolute;
	left: 324px;
	top: 6px;
	width: 240px;
	height: 24px;
	z-index: 701;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: rgba(204,204,204,0.1);
	letter-spacing: 0.1em;
	text-align: left;
	padding-top: 6px;
	padding-left: 6px;
	list-style: circle;
}
#portfolioSelected {
	position: absolute;
	left: 324px;
	top: 6px;
	width: 240px;
	height: 24px;
	z-index: 701;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: rgba(0,0,0,0.2);
	letter-spacing: 0.1em;
	text-align: left;
	padding-top: 6px;
	padding-left: 6px;
	list-style: circle;
}

#portfoliosub {
	position: absolute;
	left: 191px;
	top: 37px;
	width: 132px;
	height: 170px;
	z-index: 701;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: rgba(204,204,204,0.1);
	letter-spacing: 0.1em;
	text-align: left;
	padding-top: 6px;
	padding-left: 12px;
	list-style: circle;
}
#underConstr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(255,102,0);
}



#info {
	position: absolute;
	left: 238px;
	top: 6px;
	width: 78px;
	height: 24px;
	z-index: 701;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: rgba(204,204,204,0.1);
	letter-spacing: 0.1em;
	text-align: left;
	padding-top: 6px;
	padding-left: 6px;
}

#home {
	position: absolute;
	left: -2px;
	top: 6px;
	width: 120px;
	height: 24px;
	z-index: 701;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: rgba(204,204,204,0.1);
	text-align: left;
	padding: 6px 0px 0px 6px;
	margin: 0px;
	letter-spacing: 0.1em;
}

.pictureWide {
	border: 50px solid rgba(255,255,255,1);
	z-index: 999;
}
.pictureWideVert-444 {
	z-index: 999;
	border-top: 50px solid rgba(255,255,255,1);
	border-right: 153px solid rgba(255,255,255,1);
	border-bottom: 50px solid rgba(255,255,255,1);
	border-left: 153px solid rgba(255,255,255,1);
}

.pictureWideVert {
	z-index: 999;
	border-top: 50px solid rgba(255,255,255,1);
	border-right: 114px solid rgba(255,255,255,1);
	border-bottom: 50px solid rgba(255,255,255,1);
	border-left: 114px solid rgba(255,255,255,1);
}


a:link {
	color: rgba(204,204,204,1);
	text-decoration:none
}
a:visited {
	color: rgba(255,255,255,1);
	text-decoration: none;
}
a:hover {
	color: rgba(255,255,255,1);
	text-decoration: none;
}