/*
	CSS Stylesheet
	written by Hendrik Meyer
	MEDIA DSIGN | websolutions
	www.media-dsign.de
*/

body, html {height: 100%;}
body {
	margin: 0px 0px;
	background-color: #FFFFFF;
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	color: #777777;
	behavior:url("csshover.htc");
}

/* IE PNG Hack */
div, img, li, a { behavior: url('./iepngfix.htc') }

a:link,a:hover,a:active,a:visited {
	color: #666666;
	text-decoration: underline;
}

h1 {
	font-size: 13px;
	font-weight: bold;
	color: #666666;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

div {
	margin:0px;
	padding:0px;
}

div.msg {
	padding: 5px;
	font-family: Verdana;
	font-size: 9pt;
	color: #000000;
	background-color: #CCCCCC;
	border: #FF0000 1px solid;
}

/* global layout */
#page{
	display: table;
	height: 100%;
	width:100%;
	#position: relative;
	overflow: hidden;
}

#middle {
	#position: absolute;
	#top: 50%;
	width:100%;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
}

#inner {
	#position: relative;
	#top: -50%;
	margin:auto;
	width:852px;
	height:521px;
	border: #a6a8a9 1px solid;
}

div#bg {
	margin:0px;
	padding:0px;
	background: transparent url('/img/background.gif') repeat-y top center;
	height:442px;
	border-bottom:#a6a8a9 1px solid;
	text-align:left;
}
div#footer {
	height:77px;
	text-align:center;
}
div#footer #logo {
	padding-top:20px;
}

/* welcome */
div#welcome {
	position: absolute;
	margin-left:260px;
	margin-top:61px;
}
div#choose {
	position:absolute;
	margin-top:485px;
	margin-left:32px;
}
#choose a:link,
#choose a:active,
#choose a:visited {
	text-decoration: none;
	color: #a6a8a9;
	font-weight:bold;
}
#choose a:hover {
	color: #666666;
}

/* Content */
div#content {
	margin:0px;
	padding:0px;
	background: transparent url('/img/content_bg.gif') repeat-y top center;
	height:442px;
	border-bottom:#a6a8a9 1px solid;
	text-align:left;
}
div#navi {
	height:97px;
	background: transparent url('/img/navi.gif') repeat-x top center;
}
div#navi ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
div#navi ul li {
	margin:0px;
	padding:0px;
	float:left;
	display:block;
	width:213px;
	height:97px;
	text-align:left;
}
div#navi ul li a:link,
div#navi ul li a:visited,
div#navi ul li a:active {
	font-size:12px;
	color: #a6a8a9;
	font-weight:bold;
	text-decoration:none;
	padding-top:31px;
	display:block;
}
div#navi ul li a:hover {
	color: #666666;
}
a.bio {
	padding-left:110px;
}
a#work {
	padding-left:5px;
}
a#dl {
	padding-left:20px;
}
a#contact {
	padding-left:50px;
}
div#impressum {
	font-size:10px;
	float:right;
	margin-right: 5px;
}

div#navi ul li#bio {
	width:113px;
}
div#navi ul li#work {
	width:313px;
}

li#work p {
	margin:0px;
	padding-top:31px;
	padding-right:170px;
	font-size:12px;
	color: #a6a8a9;
	font-weight:bold;
	text-align:right;
	line-height:150%;
}

div#navi li#work a:link,
div#navi li#work a:visited,
div#navi li#work a:active,
div#navi li#work a:hover {
	padding-top:0px;
}

div#impressum a:link,
div#impressum a:active,
div#impressum a:visited,
div#impressum a:hover {
	color: #a6a8a9;
	text-decoration:none;
}

img#welcome_bieber {
    margin-left:184px;
    margin-top:182px;
}

div.inner_content {
	padding-top:10px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:10px;
	overflow:auto;
	height:310px;
}

/* Bio */
div#bio_images {
	float:right;
	padding:20px;
}
div#pdf_download {
	margin-top:30px;
	float: right;
	background: transparent url('/img/download_background.jpg') no-repeat 50% 50%;
	width:500px;
	text-align:center;
}
div#pdf_download img {
	padding-right:4px;
	padding-bottom:4px;
}

/* Galerie */
div.gallery {
	float:left;
	display:block;
	width:170px;
	height:170px;
	text-align:center;
}
div.work {
	width:680px;
	margin-left:38px;
}
/* Projektmanagement */
#portait {
	float: right;
	margin: 0 30px 0 50px;
	font:normal 9px Verdana;
	color:#AAA;
}
#free { margin:-5px 0 0; }
#project { margin:-5px 0 0; }