/* 
// Def. der Abstände: <dl class="abst-s"></dl>
// möglich sind:
// 		"abst-xs" (2px)
// 		"abst-s" (5px)
// 		"abst-m" (13px - normale Zeilenhöhe wie <br><br>)
// 		"abst-l" (17px)
// 		"abst-xl" (20px)
*/


* {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	line-height: 13px;
	}
html {
   	height: 100%;
   }
textarea { 
	behavior: url(maxlength.htc) !important;
	}
input , select , textarea {
	border: 0;
	font: 12px arial, verdana, helvetica, sans-serif;
	color: #000;
	}
ins {
	display: block;
	overflow: hidden;
	}
ins.h0 { height: 0; }
ins.h1 { height: 1px; }
ins.h2 { height: 2px; }
ins.h3 { height: 3px; }
ins.h4 { height: 4px; }
ins.h5 { height: 5px; }
ins.h7 { height: 7px; }
ins.h8 { height: 8px; }
ins.h10 { height: 10px; }
ins.h15 { height: 15px; }
ins.h20 { height: 20px; }
ins.h30 { height: 30px; }
ins.h45 { height: 45px; }
ins.h50 { height: 50px; }
ins.h70 { height: 70px; }
ins.h100 { height: 100px; }
ins.h-2 { height: 0; margin-bottom: -2px; }
ins.h-3 { height: 0; margin-bottom: -3px; }
ins.h-4 { height: 0; margin-bottom: -4px; }
ins.h-5 { height: 0; margin-bottom: -5px; }
ins.h-10 { height: 0; margin-bottom: -10px; }
ins.h-15 { height: 0; margin-bottom: -15px; }
ins.h-20 { height: 0; margin-bottom: -20px; }

img {
	border: 0;
	margin: 0;
	padding: 0;
	}
body {
	font: 11px arial, verdana, helvetica, sans-serif;
	color: #000;
	background: #788d8f url(/phenomenia/media/images/elemente/bg.jpg) repeat-x;
	height: 100%;
   	width: 100%;
	}
.underline {
	text-decoration: underline;
	}
a {
	font: 11px arial, verdana, helvetica, sans-serif;
	color: #000;
	font-weigth: bold;
	text-decoration: none;
	}
a:hover {
	color: #000;
	text-decoration: underline;
	}
.hide {
	display: none;
	}
.clear {
	clear: both;
	}
#main-container {
	position: absolute;
	left: 50%;
   	margin-left: -440px;
	margin-top: 0;
	width: 880px;
	}
.header {
	width: 880px;
	height: 147px;
	display: block;
	overflow: hidden;
	background: url(/phenomenia/media/images/elemente/header.gif) no-repeat;
	border-bottom: 1px solid #000;
	}
.header-hl {
	width: 247px;
	height: 34px;
	display: block;
	overflow: hidden;
	margin: 100px 0 0 0;
	float: left;
	background: url(/phenomenia/media/images/elemente/header-hl.gif) no-repeat;
	}
.separator1 {
	width: 880px;
	height: 20px;
	display: block;
	overflow: hidden;
	margin: 0;
	border-bottom: 1px solid #000;
	}
#menu {
	width: 500px;
	height: 22px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 110px;
	right: 0;
	}
#menu li {
	float: right;
	list-style-type: none;
	}
	
/* MENU START */

a.menu-work {
	width: 56px;
	height: 22px;
	display: block;
	margin: 0 0 0 10px;
	background: url(/phenomenia/media/images/menu/menu_work.gif) 0 0 no-repeat;
	}
a:hover.menu-work , a.menu-work-active {
	width: 56px;
	height: 22px;
	display: block;
	margin: 0 0 0 10px;
	background: url(/phenomenia/media/images/menu/menu_work.gif) 0 -22px no-repeat;
	}
a.menu-bio {
	width: 43px;
	height: 22px;
	display: block;
	margin: 0 0 0 10px;
	background: url(/phenomenia/media/images/menu/menu_bio.gif) 0 0 no-repeat;
	}
a:hover.menu-bio , a.menu-bio-active {
	width: 43px;
	height: 22px;
	display: block;
	margin: 0 0 0 10px;
	background: url(/phenomenia/media/images/menu/menu_bio.gif) 0 -22px no-repeat;
	}
a.menu-lab {
	width: 47px;
	height: 22px;
	display: block;
	margin: 0 0 0 10px;
	background: url(/phenomenia/media/images/menu/menu_lab.gif) 0 0 no-repeat;
	}
a:hover.menu-lab , a.menu-lab-active {
	width: 47px;
	height: 22px;
	display: block;
	margin: 0 0 0 10px;
	background: url(/phenomenia/media/images/menu/menu_lab.gif) 0 -22px no-repeat;
	}
a.menu-photos {
	width: 65px;
	height: 22px;
	display: block;
	margin: 0 0 0 10px;
	background: url(/phenomenia/media/images/menu/menu_photos.gif) 0 0 no-repeat;
	}
a:hover.menu-photos , a.menu-photos-active {
	width: 65px;
	height: 22px;
	display: block;
	margin: 0 0 0 10px;
	background: url(/phenomenia/media/images/menu/menu_photos.gif) 0 -22px no-repeat;
	}
a.menu-contact {
	width: 73px;
	height: 22px;
	display: block;
	margin: 0 0 0 10px;
	background: url(/phenomenia/media/images/menu/menu_contact.gif) 0 0 no-repeat;
	}
a:hover.menu-contact , a.menu-contact-active {
	width: 73px;
	height: 22px;
	display: block;
	margin: 0 0 0 10px;
	background: url(/phenomenia/media/images/menu/menu_contact.gif) 0 -22px no-repeat;
	}
a.menu-blog {
	width: 51px;
	height: 22px;
	display: block;
	margin: 0 0 0 10px;
	background: url(/phenomenia/media/images/menu/menu_blog.gif) 0 0 no-repeat;
	}
a:hover.menu-blog , a.menu-blog-active {
	width: 51px;
	height: 22px;
	display: block;
	margin: 0 0 0 10px;
	background: url(/phenomenia/media/images/menu/menu_blog.gif) 0 -22px no-repeat;
	}
a.menu-links {
	width: 55px;
	height: 22px;
	display: block;
	margin: 0 0 0 10px;
	background: url(/phenomenia/media/images/menu/menu_links.gif) 0 0 no-repeat;
	}
a:hover.menu-links , a.menu-links-active {
	width: 55px;
	height: 22px;
	display: block;
	margin: 0 0 0 10px;
	background: url(/phenomenia/media/images/menu/menu_links.gif) 0 -22px no-repeat;
	}


/* MENU END */


.subhl {
	width: 370px;
	margin: 0 0 20px 0;
	}
.subhl-work {
	width: 370px;
	height: 111px;
	display: block;
	overflow: hidden;
	margin: 0 0 20px 0;
	background: url(/phenomenia/media/images/elemente/subhl_the-works.gif) 0 0 no-repeat;
	}
.subhl-photography {
	width: 430px;
	height: 131px;
	display: block;
	overflow: hidden;
	margin: 0 0 20px 0;
	background: url(/phenomenia/media/images/elemente/subhl_photography.gif) 0 0 no-repeat;
	}
.subhl-contact {
	width: 466px;
	height: 116px;
	display: block;
	overflow: hidden;
	margin: 0 0 20px 0;
	background: url(/phenomenia/media/images/elemente/subhl_contact.gif) 0 0 no-repeat;
	}
.subhl-links {
	width: 430px;
	height: 131px;
	display: block;
	overflow: hidden;
	margin: 0 0 20px 0;
	background: url(/phenomenia/media/images/elemente/subhl_links.gif) 0 0 no-repeat;
	}
.subhl-lab {
	width: 360px;
	height: 114px;
	display: block;
	overflow: hidden;
	margin: 0 0 20px 0;
	background: url(/phenomenia/media/images/elemente/subhl_lab.gif) 0 0 no-repeat;
	}
.subhl-bio {
	width: 561px;
	height: 114px;
	display: block;
	overflow: hidden;
	margin: 0 0 20px 0;
	background: url(/phenomenia/media/images/elemente/subhl_bio.gif) 0 0 no-repeat;
	}
#content {
	width: 880px;
	}
#content .entry {
	margin: 20px 0 0 0;
	display: block;
	}
#content .entry .skills {
	width: 200px;
	display: block;
	float: left;
	}
#content .left {
	width: 300px;
	float: left;
	}
#content .left a {
	display: inline;
	}
#content .center {
	width: 30px;
	float: left;
	}
#content .right {
	width: 535px;
	float: right !important;
	text-align: right;
	}
#content .contact .right {
	width: 430px;
	float: right;
	text-align: left;
	}
#content .links {
	width: 210px;
	height: 180px;
	float: left;
	display: block;
	margin: 0 10px 0 0;
	}
	
#content h2 {
	font-size: 13px;
	margin: 0 0 20px 0;
	font-weight: bold;
	}
#content .list-header {
	margin: 10px 0 5px 0;
	}
#content ul {
	list-style-type: none;
	}
#content li {
	padding: 0 0 0 15px;
	background: url(/phenomenia/media/images/icons/bulletpoint-arrow.gif) 0 0 no-repeat;
	}
#content a {
	color: #000;
	margin: 10px 0 0 0;
	display: block;
	}
#content a.inline {
	color: #000;
	margin: 0;
	display: inline;
	text-decoration: underline;
	}
#content .photography a {
	width: 100px;
	height: 75px;
	display: block;
	overflow: hidden;
	padding: 3px;
	float: left;
	margin: 0 4px 4px 0;
	background: url(/phenomenia/media/images/elemente/photo_bg.png) 0 0 no-repeat;
	}
#content .photography a:hover {
	padding: 3px;
	background: url(/phenomenia/media/images/elemente/photo_bg.png) 0 -81px no-repeat;
	}

#content .contact .left .contact-profiles {
	width: 287px;
	float: left;
	margin: 85px 0 0 0;
	}
#content .contact .left .contact-profiles a {
	float: left;
	}
	
/* contact form START */

#content .contact .right fieldset { 
	border: 0;
	margin: 0;
	padding:0; 
	}
#content .contact .right label { 
	display: block; 
	}
#content .contact .right input.text,textarea { 
	width: 300px;
	font: 12px/12px 'courier new',courier,monospace;
	color: #333;
	padding: 3px;
	margin: 1px 0;
	border: 1px solid #ccc; 
	}
#content .contact .right input.submit { 
	padding: 2px 5px;
	font: bold 12px/12px verdana,arial,sans-serif; 
	}
	
/* contact form END */

	
	
#footer {
	margin: 20px 0;
	padding: 0 0 0 160px;
	color: #000;
	}