/*
// ------------------------------------------------------------------------------
// CSS by Philipp Hornung
// All rights reserved.
// www.philipphornung.de
// ------------------------------------------------------------------------------
*/






body {
	margin:0px;
	background-color:#FFFFFF;
	background-image:url(../gfx/bg.png);
	background-repeat:no-repeat;
	background-position:22px 63px;
}
#divider {
	background-image:url(../gfx/bg_divider.png);
	background-repeat:repeat-x;
	height:1px;
	margin-top:11px;
}
#top {
	width:50px;
	height:12px;
	display:block;
	margin-top:-30px;
	margin-bottom:40px;
	background-image:url(../gfx/nav_top.png);
	background-repeat:no-repeat;
	background-position:19px;
	background-color:#999999;
}
#top:hover {
	background-image:url(../gfx/nav_top_ro.png);
	background-color:#A19525;
}






/* ------------------------------------------------------------ nav ---------- */

/* ---------- nav #1 ---------- */

#nav01 {
	width:100%;
	height:70px;
	margin-top:120px;
}
#nav01 a {
	margin-left:15px;
	margin-bottom:4px;
	height:31px;
	display:block;
	background-repeat:no-repeat;
}
#nav01portfolio {
	width:215px;
	background-image:url(../gfx/nav_portfolio.png);
}
#nav01portfolio:hover {
	background-image:url(../gfx/nav_portfolio_ro.png);
}
#nav01profile {
	width:165px;
	background-image:url(../gfx/nav_profile.png);
}
#nav01profile:hover {
	background-image:url(../gfx/nav_profile_ro.png);
}
.nav01active {
	background-image:url(../gfx/bg_nav.png);
}

/* ---------- nav #2 ---------- */

#nav02 {
	height:70px;
	margin-top:3px;
}
#nav02 a {
	margin-top:3px;
	margin-right:10px;
	height:15px;
	width:100%;
	display:block;
	background-repeat:no-repeat;
	background-position:19px;
	float:left;
}
#nav02selected {
	background-color:#999999;
	background-image:url(../gfx/nav_selected.png);
}
#nav02selected:hover,
#nav02selectedactive {
	background-color:#A19525;
	background-image:url(../gfx/nav_selected_ro.png);
}
#nav02archive {
	background-color:#999999;
	background-image:url(../gfx/nav_archive.png);
}
#nav02archive:hover,
#nav02archiveactive {
	background-color:#A19525;
	background-image:url(../gfx/nav_archive_ro.png);
}
.nav02active {
	display:block;
}
.nav02inactive {
	display:none;
}

/* ---------- nav #3 ---------- */

#nav03 {
	background-color:#999999;
	width:100%;
	height:13px;
}
#nav03 div {
	width:238px;
	position:absolute;
	right:0px;
}
#nav03 a {
	height:13px;
	display:block;
	float:left;
	margin-right:15px;
	background-repeat:no-repeat;
}
#nav03lang {
	width:90px;
	background-image:url(../gfx/nav_lang_tmp.png);
}
#nav03lang:hover {
	cursor:default;
}
#nav03login {
	width:64px;
	background-image:url(../gfx/nav_login_tmp.png);
}
#nav03login:hover {
	cursor:default;
}
#nav03imprint {
	width:39px;
	background-image:url(../gfx/nav_imprint.png);
}
#nav03imprint:hover,
#nav03imprintactive {
	width:39px;
	background-image:url(../gfx/nav_imprint_ro.png);
}







/* ------------------------------------------------------------ teaser / header ---------- */

/* ---------- teaser @ overview ---------- */

.teaser {
	background-image:url(../gfx/teaser_link.png);
	background-repeat:no-repeat;
	background-position:right 114px;
	margin-bottom:30px;
	margin-top:10px;
	height:147px;
}
.teaser:hover{
	background-image:url(../gfx/teaser_link_ro.png);
	cursor:pointer;
}
.teaser td {
	vertical-align:top;
}
.teaser img {
	margin-left:20px;
	margin-top:0px;
	vertical-align:top;
}
.teaser p {
	margin-left:22px;
	padding-top:17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	word-spacing:normal;
	text-align:left;
	letter-spacing:0;
	line-height:14px;
	font-size:10px;
}

/* ---------- header @ details ---------- */

.project_header {
	background-image:url(../gfx/header_link.png);
	background-repeat:no-repeat;
	background-position:right 114px;
	margin-bottom:30px;
	margin-top:10px;
	height:147px;
}
.project_header:hover{
	background-image:url(../gfx/header_link_ro.png);
	cursor:pointer;
}
.project_header td {
	vertical-align:top;
}
.project_header img {
	margin-left:20px;
	margin-top:0px;
	vertical-align:top;
}
.project_header p {
	margin-left:22px;
	padding-top:17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	word-spacing:normal;
	text-align:left;
	letter-spacing:0;
	line-height:14px;
	font-size:10px;
}
.marker_details {
	background-color:#FFFFFF;
	margin-top:4px;
	margin-left:0px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
}

/* ---------- header @ information site ---------- */

.content_header {
	margin-bottom:40px;
	margin-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	word-spacing:normal;
	text-align:left;
	letter-spacing:0;
	line-height:14px;
	font-size:10px;
}
.content_header td {
	vertical-align:top;
}
.marker_text {
	background-color:#FFFFFF;
	margin-top:4px;
	padding-left:22px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
}







/* ------------------------------------------------------------ detail elements ---------- */

.project_text td {
	vertical-align:top;
}
.project_facts td {
	vertical-align:top;
}
.project_images {
	margin-left:22px;
	margin-bottom:40px;
}
.project_images td {
	vertical-align:top;
}
.project_images img {
	margin-bottom:20px;
}
.project_images_id {
	padding-left:22px;
	margin-bottom:0px;
}
.facts_text {
	background-image:url(../gfx/bg_facts.png);
	width:552px;
}
.facts {
	background-image:url(../gfx/bg_facts.png);
	width:530px;
}
.teasermarker {
	position:absolute;
	top:100px;
	left:0px;
	z-index:2;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	word-spacing:normal;
	text-align:left;
	letter-spacing:0;
	line-height:14px;
	font-size:10px;
}
.subcontent {
	padding:10px 0px 10px 0px;
}






/* ------------------------------------------------------------ text ---------- */


.project_text {
	margin-bottom:40px;
	margin-left:22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	word-spacing:normal;
	text-align:left;
	letter-spacing:0;
	line-height:14px;
	font-size:10px;
	width:530px;
}
.information_text {
	margin-top:-30px;
	margin-bottom:100px;
	margin-left:22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	word-spacing:normal;
	text-align:left;
	letter-spacing:0;
	line-height:14px;
	font-size:10px;
	width:530px;
	text-transform:uppercase;
}






/* ------------------------------------------------------------ links ---------- */


a:link {
	color:#666666;
	text-decoration:none;
	outline:none;
} 
a:visited {
	color:#666666;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#000000;
	text-decoration:none;
	outline:none;
} 
a:active {
	color:#000000;
	text-decoration:none;
	outline:none;
}
a:focus {
	outline:none;
}

/* ---------- link in text ---------- */

.link {
	background-image:url(../gfx/bg_link.png);
	background-repeat:no-repeat;
	padding-left:28px;
}
.link a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	cursor:pointer;
}
.link a {
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
}






/* ------------------------------------------------------------ archiv ---------- */

#myTable {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	word-spacing:normal;
	text-align:left;
	letter-spacing:0;
	line-height:14px;
	font-size:10px;
}
#myTable a {
	display:block;
	height:25px;
}
#myTable a:hover {
	display:block;
	height:25px;
	color:#FFFFFF;
	text-decoration:none;
	outline:none;
}
#myTable td {
	border-bottom:1px #999999 dotted;
}
#myTable thead tr {
	height:25px;
	background-color:#999999;
	color: #FFFFFF;
	cursor:pointer;
}
#myTable tbody tr {
	height:25px;
}
.selected {
	/*
	background-color:#f5e9e9;
	*/
}
.marked {
	/*
	background-color:#dce6ea;
	background-color:#f5e9e9;
	*/
	background-color:#e8e8e8;
}
th.header { 
	background-image: url(../gfx/table_sort.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
}

/* ---------- columnhover ---------- */

td.hover,
#myTable tbody tr:hover {
	cursor:pointer;
}
td.betterhover,
#myTable tbody tr:hover {
	background:#A19525;
	color:#FFFFFF;
}