/* *************************************************************
 #	Global Reset, Body, Wrapper                                  */
 
 * {
	margin:0px;
	padding:0px;
	border:0px;
 }
 
 body {
	font:13px "Trebuchet MS","Segoe UI",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color:#ddd;
	background:#222;
	text-align:center;
 }
 
 a:focus, a:active { outline:none; }
 *.hidden { display:none; visibility:hidden; }
 
 div#wrapper {
	clear:both;
	text-align:left;
	width:800px;
	height:auto;
	margin:0px auto;
 }
 
 div#wrapper > div {
	float:left;
	width:800px;
	padding:10px 0px;
 }
 
 
 /* *************************************************************
 #	Header & Navigation Bar & Navigation                         */ 

 div#wrapper div#header { 
	float:left; 
	text-align:left; 
	width:800px; 
	background:transparent; 
	padding:100px 0px 5px 0px; 
 }
 div#wrapper div#header a#baselink { float:left; width:370px; height:80px; }
 
 
 div#wrapper div#header ul#navigation {
	float:right;
	text-align:right;
	list-style:none;
	width:420px;
	padding:5px;
	vertical-align:bottom;
 }
 
 div#wrapper div#header ul#navigation li { list-style:none; }
 div#wrapper div#header ul#navigation li a, div#wrapper div#header ul#navigation li a:visited {
	width:auto;
	font:25px/0.5em 'Trebuchet MS','Arial',Arial,sans-serif;
	text-transform:lowercase;
	letter-spacing:-0.5px;
	color:#fff;
	text-decoration:none;
	padding-right:30px;
	background:transparent url(../images/background_email.png) right center no-repeat;
 }
 div#wrapper div#header ul#navigation li a:hover { color:#5c5; }
 
 
 /* *************************************************************
 #	Content                                                      */
 
 div#wrapper div.content {
	float:left;
	width:700px;
	padding:25px 50px;
	background:#444;
	font:normal 12px/1.7em "Trebuchet MS","Segoe UI",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	border:1px solid #444;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;
	margin-bottom:50px;
 }
 
 div#wrapper div.content p { margin-bottom:10px; }
 div#wrapper div.content b { color:#fff; font:bold 12px/1.7em "Trebuchet MS","Segoe UI",Verdana,Tahoma,Arial,Helvetica,sans-serif; }
 
 div#wrapper div.content a, div#wrapper div.content a:visited {
	color:#5c5;
	font:normal 12px/1.7em "Trebuchet MS","Segoe UI",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	text-decoration:none;
	padding:1px 15px 1px 1px;
	background:transparent url(../images/background_link.png) right center no-repeat;
 }
 div#wrapper div.content a > span, div#wrapper div.content a:visited > span { border-bottom:1px dotted #fff; }
 div#wrapper div.content a:hover > span { background:#555; border-bottom:1px solid #fff; color:#5d5; }
 div#wrapper div.content a:active > span, div#wrapper div.content a:focus > span { border-bottom:1px dotted #fff; }
 
 div#wrapper div.content h1 {
	float:left;
	width:650px;
	padding:2px 45px 2px 5px;
	font:italic 27px/1.5em Georgia,"Times New Roman",Times,serif;
	border-bottom:1px dotted #fff;
	margin:15px 0px; margin-top:5px;
	color:#fff;
 }
 
 div#wrapper div.content a#link_email.link_email {
	border:0px;
	text-align:right;
	float:right;
	padding-right:30px;
	background:transparent url(../images/background_email.png) right center no-repeat;
 }
 
 div#wrapper div.content a#link_email.link_email > span {
	font:italic normal 17px/1.5em Georgia,"Times New Roman",Times,serif;
	border-bottom:1px dotted #fff;
 }
 div#wrapper div.content a#link_email.link_email:hover > span { border-bottom:1px solid #fff; background:#555; color:#5d5; }
 div#wrapper div.content a#link_email.link_email:focus > span { border-bottom:1px dotted #fff; }
 
 /* Referenzen */
 div#wrapper div#work.content div.reference {
	float:left;
	width:200px;
	height:133px;
	margin:17px 17px 3px 3px;
 }
 
 div#wrapper div#work.content div.reference a.image, div#wrapper div#work.content div.reference a.image:visited {
	float:left;
	width:200px;
	height:133px;
	border:1px solid #5c5;
	padding:2px;
	margin-right:8px;
	position:relative;
 }
 div#wrapper div#work.content div.reference a.image:hover { border:1px solid #7e7; background:transparent; }
 
 div#wrapper div#work.content div.reference a.image > img {
	float:left;
	width:200px;
	height:133px;
	border:0px;
 }
 
 div#wrapper div#work.content div.reference a.image > span {
	position:absolute;
	bottom:2px; left:2px;
	float:left;
	width:auto;
	padding:1px 5px;
	background:transparent url(../images/transparent,45) left top repeat;
	font:12px/1.7em "Trebuchet MS","Segoe UI",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color:#ccc;
	border:0px none; 
 }
 div#wrapper div#work.content div.reference a.image:hover > span { color:#fff; }
 
 
 /* *************************************************************
 #	Footer                                                       */
 
 div#wrapper div#footer {
	float:left;
	width:800px;
	padding:5px 0px;
	font:normal 10px/1.7em "Trebuchet MS","Segoe UI",Verdana,Tahoma,Arial,Helvetica,sans-serif;
	text-transform:lowercase;
	color:#bbb;
 }