/*
	:darkwood: - online-portfolio - style.css
	2007 von Sebastian Schlapkohl
*/

/*---general----------------------------------------------------------------------------------------------------------------------------------------*/

body {
	color:#ffffff;
	
	font-family:'Arial', Arial, sans-serif;
	font-size:8pt;
	
	background-color:#222222;
}

p:first-line {
	color:#ffffff;

	font-style:italic;
}

/*---general purpose------------------------------------------------------------------------------------------------------------------------------*/

/*Seitencontainer*/
.global {
	position:absolute;
	top:50%;
	left:50%;
	
	width:900px;
	height:500px;
	
	overflow:hidden;
	
	margin-left:-450px;
	margin-top:-255px;
	padding:0px;
	
	border-width:1px;
	border-style:solid;
	border-color:#ffffff;

	background-color:#6A6262;
}

/*Standard-Subrahmen*/
.generalLayer {
	position:absolute;
	
	height:350px;
	width:874px;
	
	margin-left:-1px;
	margin-top:-1px;
	padding:6px;
	
	overflow:hidden;
	
	border-width:1px;
	border-style:solid;
	border-color:#ffffff;
}

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

/*Seitenkopf*/
.headLayer {
	position:absolute;
	top:0px;
	left:0px;
	
	height:80px;
	width:100%;
	
	margin-left:-1px;
	margin-top:-1px;
	padding:0px;
	
	border-width:1px;
	border-style:solid;
	border-color:#ffffff;
	
	background-color:#6A6262;
}

/*Menueraum*/
.menuLayer {
	position:absolute;
	top:80px;
	left:0px;
	
	height:20px;
	width:100%;
	
	margin-left:-1px;
	margin-top:-1px;
	
	border-width:1px;
	border-style:solid;
	border-color:#ffffff;
	
	background-color:#6A6262;
}

/*Seitenfuss*/
.footLayer {
	position:absolute;
	bottom:0px;
	left:0px;
	
	height:20px;
	width:100%;
	
	overflow:hidden;
	
	margin-left:-1px;
	margin-bottom:-1px;
	padding:0px;
	
	border-width:1px;
	border-style:solid;
	border-color:#ffffff;
	
	background-color:#6A6262;
}

/*---area layer------------------------------------------------------------------------------------------------------------------------------*/

/*Basisraum fuer home*/
.homeLayer {
	position:absolute;
	top:109px;
	left:7px;

	width:886px;
	height:364px;
	
	overflow:visible;
	
	padding:0px;

	border-width:0px;
	border-style:none;
	
	text-align:left;
	
	background-color:#6A6262;
	background-repeat:no-repeat;
}

/*Basisraum fuer Gallery-Ansicht, Bereich fuer Thumbs*/
.galleryLayer {
	position:absolute;
	top:108px;
	left:6px;

	width:700px;
	height:332px;
	
	overflow:hidden;
	
	padding:15px;

	border-width:1px;
	border-style:solid;
	border-color:#ffffff;
	
	background-color:#6A6262;	
}

/*Sublayer fuer Gallery-Navigation*/
.galleryLayerNav {
	position:absolute;
	top:92%;
	left:15px;
	
	width:700px;
	
	text-align:center;
}

/*Subsublayer fuer Bereichsnamensanzeige*/
.galleryLayerNavArea {
	position:absolute;
	top:-2px;
	left:2px;
	
	font-size:larger;
	font-weight:bold;
	
	color:#bbbbbb;
}

/*Bereich fuer Bereichsbeschreibungen*/
.areaDesc {
	position:absolute;
	left:98px;
	
	width:202px;
	
	margin-top:7px;

	text-align:justify;
}

/*---picture view------------------------------------------------------------------------------------------------------------------------------*/

/*Bildanzeigebereich fuer Bildbetrachter*/
.viewLayer {
	position:absolute;
	top:56px;
	left:11px;

	height:auto;
	width:880px;
	
	overflow:auto;
	
	margin-left:-1px;
	margin-top:-1px;
	padding:10px;
	
	border-width:1px;
	border-style:solid;
	border-color:#ffffff;
	
	text-align:center;
	
	background-color:#333333;
	
	z-index:0;
}

/*Positionierungs-Container fuer die View-Nav*/
.viewNavContainer {
	position:fixed;
	top:0px;
	left:10px;
	
	width:902px;
	height:55px;
	
	border-bottom:1px solid white;
	
	background-color:#222222;
	
	z-index:1;
}

/*Navigationsbereich fuer Bildbetrachter*/
.viewNavLayer {
	position:absolute;
	top:11px;
	left:1px;
	
	height:15px;
	width: 880px;
	
	overflow:hidden;
	
	margin-left:-1px;
	margin-top:-1px;
	padding:10px;
	
	border-width:1px;
	border-style:solid;
	border-color:#ffffff;
	
	background-color:#6A6262;
	
	z-index:1;
}

.viewNavText {
	position:absolute;
	left:10px;
	top:11px;
	
	width:890px;
	
	text-align:center;
	
	z-index:2;
}

/*Bildtitelbereich fuer Gallery-View*/
.viewTitleArea {
	position:absolute;
	
	height:100%;

	padding:10px;
	margin-top:-10px;
	margin-left:-10px;
	
	border-right:1px solid white;
	
	font-size:larger;
	
	background-color:#6A6262;
	
	z-index:3;
}

/*---tool-styles------------------------------------------------------------------------------------------------------------------------------*/

/*Gallery-Vorschau-Layer*/
.container {
	position:absolute;
	top:108px;
	left:744px;
	
	height:363px;
	width:150px;
	
	padding:0px;
	margin:0px;
	
	visibility:hidden;
	display:none;
}

/*Gallery-Vorschau-Layer mit Beschreibungstext*/
.containerText {
	position:absolute;
	top:108px;
	left:744px;

	height:363px;
	max-height:400px;
	width:150px;
	
	overflow:hidden;
	
	padding:0px;
	margin:0;
	
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#ffffff;
	
	visibility:hidden;
	display:none;
}

/*Sublayer fuer Anzeige des Vorschaubildes*/
.previewLayer {
	position:relative;
	top:0px;

	width:144px;
	height:auto;
	max-height:306px;
	
	overflow:hidden;
	
	padding:2px;
	margin:0px;
	
	border-width:1px;
	border-style:solid;
	border-color:#ffffff;

	text-align:left;
	
	background-color:#6A6262;
}

/*Sublayer fuer Anzeige des Bildbeschreibungstextes*/
.descriptionLayer {
	position:relative;
	top:8px;
	
	width:136px;
	height:100%;
	min-height:8px;
	
	overflow:hidden;
	
	padding:6px;
	
	border-width:1px;
	border-style:solid;
	border-color:#ffffff;

	background-color:#6A6262;
}

/*---tooltips------------------------------------------------------------------------------------------------------------------------------*/

/*Tooltip-Container*/
#tooltip{
	width:auto;
	
	padding:6px;
	
	border:1px solid #ffffff;
	
	font-family:'Arial', Arial, sans-serif;
	font-size:8pt;
	
	color:#ffffff;
	background-color:#6A6262;
}

/*Tooltip-Ueberschrift und Textkoerper*/
#tooltip h3, #tooltip p {
	margin: 0px;
	
	font-weight: normal;
	font-family:'Arial', Arial, sans-serif;
	font-size:11px;
	
	color:#ffffff;
}

/*---scrollbars------------------------------------------------------------------------------------------------------------------------------*/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	
	/*background:#ffffff;*/
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0px;
	height: 100%;
	background: #555555;
	
	border-left: 1px solid white;
}

.jScrollPaneDrag {
	position: absolute;
	background: #6A6262;
	cursor: pointer;
	overflow: hidden;
	
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.jScrollPaneDragTop {
	position: absolute;
	top: -1px;
	left: 0px;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: -1px;
	left: 0px;
	overflow: hidden;
}

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 12px;
	
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	
	background: url(./nav/home/arrow_up.gif) no-repeat;
}

a.jScrollArrowUp:hover {
	background-color: #777777;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 12px;
	
	border-left: 1px solid white;
	border-top: 1px solid white;
	
	background: url(./nav/home/arrow_down.gif) no-repeat;
}

a.jScrollArrowDown:hover {
	background-color: #777777;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #bbbbbb;
}

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

/*Link-Ueberschriften*/
.linkDesc {
	font-weight:bold;
	font-size:1.5em;
	
	color:#bbbbbb;
}

/*Titel*/
.titleText {
	font-family:'Arial', Arial, sans-serif;
	font-weight:bold;
	font-size:10pt;
	
	color:#ffffff;
}

/*Warnungen*/
.warning {
	font-weight: bold;
	
	color: #ff0000;
}

/*---link formats------------------------------------------------------------------------------------------------------------------------------*/

a:link {
	font-weight:bold;
	text-decoration:none;
	
	color:#ffffff;
}

a:link.sub {
	font-weight:bold;
	text-decoration:none;
	
	color:#bbbbbb;
}

a:link.subsub {
	font-weight:bold;
	text-decoration:none;
	
	color:#392D2D;
}

a:visited {
	font-weight:bold;
	text-decoration:none;
	
	color:#ffffff;
}

a:visited.sub {
	font-weight:bold;
	text-decoration:none;
	
	color:#bbbbbb;
}

a:visited.subsub {
	font-weight:bold;
	text-decoration:none;
	
	color:#392D2D;
}

a:hover {
	font-weight:bold;
	text-decoration:none;
	
	color:#222222;
}

a:hover.sub {
	font-weight:bold;
	text-decoration:none;
	
	color:#222222;
}

a:hover.subsub {
	font-weight:bold;
	text-decoration:none;
	
	color:#dddddd;
}