@CHARSET "UTF-8";
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

body {
	background: url(img/bg.jpg);
	font-family: Times New Roman, Times, Serif;
	font-size: 19px;
	color: #121212;
	cursor: default;
}

div.frame {
	position: absolute;
	left: 40%;
	top: 50%;
	width: 800px;
	height: 600px;
	margin: -300px 0 0 -400px;
}

div.frame div.left, div.frame div.middle, div.frame div.right {
	height: 600px;
	float: left;
}
	
div.frame div.left {
	background: url(img/images.png) 0px 0px;
	width: 33px;
}

div.frame div.middle {
	background: url(img/middle.png);
	width: 734px;
	overflow: hidden;
}

div.frame div.right {
	background: url(img/images.png) -33px 0px;
	width: 33px;
}

div.frame div.canvas {
	width: 732px;
	height: 511px;
	margin: 20px 0 0 0;
}

li.content {
	height: 100%;
	width: 100%;
	border: red solid 0px;
}

p {
	margin-bottom: 19px;
}

h2 {
	margin-bottom: 10px;
}

a {
	color: #121212;
	background: #e0e0e0;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px solid #121212;
}

a.verbose {
	background: none;
}

a.verbose:hover {
	border-bottom: none;
}

.indented {
	margin-left: 40px;
}

ul.bulleted {
	list-style: disc;
}

li.scrollable {
	overflow: scroll;
}

span.highlight {
	color: #D28900;
	font-weight: bold;
}

img.loading {
	vertical-align: top;
}

input {
	padding: 1px;
}

input, textarea {
	background: #fff9dd;
	color: inherit;
	font-size: 1em;
	font-family: Times New Roman, Serif; 
}

input, textarea {
	border: 1px dashed #121212;
}

input:hover, textarea:hover {
	border-style: solid;
}

input:focus, textarea:focus {
	background: #ffe879;
	border: 1px solid #121212;
}

button {
	border: 1px solid #121212;
	background: #f4f4f4;
	color: #121212;
	padding: 2px 4px;
	cursor: pointer;
}

label {
	cursor: pointer;
	display: block;
}




img.welcome {
	width: 249px;
	height: 59px;
	margin: 50px 0 0 430px;
	background: url(img/images.png) -82px -632px;
}

img.portrait{
	width: 80px;
	height: 102px;
	margin: 5px 20px 300px 20px;
	background: url(img/images.png) 0px -632px;
}

img.photo_album_cover {
	width: 50px;
	height: 50px;
	border: #281400 solid 1px;
	margin: 0 10px 0 0;
}

img.ijin_logo {
	width: 305px;
	height: 106px;
	background: url(img/images.png) 0px -738px;
}

img.tudarmstadt_logo {
	width: 75px;
	height: 28px;
	background: url(img/images.png) -90px 0px;
}

img.xing_logo {
	width: 88px;
	height: 29px;
	background: url(img/images.png) -90px -40px;
}

img.picidae_logo {
	width: 80px;
	height: 15px;
	background: url(img/images.png) -90px -80px;
}

img.eureka_logo {
	width: 63px;
	height: 19px;
	background: url(img/images.png) -90px -130px;
}

img.dijual_logo {
	width: 86px;
	height: 19px;
	background: url(img/images.png) -90px -155px;
}

img.werkplaner_logo {
	width: 53px;
	height: 19px;
	background: url(img/images.png) -90px -180px;
}

img.soc_logo {
	width: 20px;
	height: 19px;
	background: url(img/images.png) -90px -235px;
}

img.mp3genrer_logo {
	width: 19px;
	height: 19px;
	background: url(img/images.png) -90px -310px;
}

img.ejector_logo {
	width: 20px;
	height: 19px;
	background: url(img/images.png) -90px -335px;
}

img.wandler_logo {
	width: 20px;
	height: 19px;
	background: url(img/images.png) -90px -210px;
}

img.fontview_logo {
	width: 17px;
	height: 19px;
	background: url(img/images.png) -90px -385px;
}

img.ipk_logo {
	width: 19px;
	height: 19px;
	background: url(img/images.png) -90px -285px;
}

img.arrow_down {
	width: 17px;
	height: 13px;
	background: url(img/images.png) -90px -113px;
}

img.arrow_up {
	width: 17px;
	height: 13px;
	background: url(img/images.png) -90px -100px;
}









/* ------------------ navigation menu ------------------ */
div.menu {
	margin-top: 20px;
}

div.menu a {
	background: none;
	margin-right: 16px;
}

div.menu a:hover, div.menu a.active {
	border-bottom: 1px solid #e0e0e0;
}

div.menu img {
	height: 23px;
}
	
div.menu img.personal {
	width: 70px;
	background: url(img/images.png) 0px -604px;
}

div.menu img.freelancer {
	width: 82px;
	background: url(img/images.png) -72px -604px;
}

div.menu img.projects {
	width: 66px;
	background: url(img/images.png) -154px -604px;
}

div.menu img.contact {
	width: 63px;
	background: url(img/images.png) -220px -604px;
}