@charset 'utf-8';
/*-------------------------------------------------------------------------------------
	*
	*	@copyright:_________2009, PS-Planungsstudio
	*	@link:______________http://www.ps-planungsstudio.de
	*	@author:____________Patrick Völcker, herontronic.de
	*	@function:__________site style settings
	*
-------------------------------------------------------------------------------------*/
/*------------------------------------------------
	*	reset browser defaults
--------------------------------------------------*/
* { /* resets all predefined values to 0 */
	margin:0;
	padding:0;
}
body {
	font-size:62.5%;
	background-color:#fff;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img, abbr, acronym {
	border:0;
}
abbr, acronym {
	border-bottom:1px dotted;
}
address, caption, cite, code, dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
q:before, q:after {
	content:'';
}
/*------------------------------------------------
	*	predefined styles
--------------------------------------------------*/
.clear { /* clearing floats within html-code about the <br /> tag */
	clear:both;
	height:0;
	font-size:0;
}
.clearfix:after { /* clearfix-method without additional markup. needs surrounding element. */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:block;
}
hr { /* hr is invisile, but visible in print-view */
	display:none;
}
.divider { /* general dividing line */
	clear:both;
	margin:15px 0;
	height:1px;
	background:none;
	background:url(../images/grDividerContent.gif) no-repeat;
}
.invisible { /* makes elements invisible but readable */
	position:absolute;
	left:-1000em;
}
/*------------------------------------------------
	*	basic font definitions
--------------------------------------------------*/
* { /* basic font family/groundcolor */
	font-family:Arial, sans-serif;
}
a, a:link, a:visited, a:active, a:focus { /* basic link groundcolor */
	color:#000;
	text-decoration:none;
}
a:hover { /* basic link hover color */
	color:#fff;
}
/*------------------------------------------------
	*	Screenzentrierung
--------------------------------------------------*/
html, body {
	margin: 0;
	padding: 0;
}
/*------------------------------------------------
	*	Navigation
--------------------------------------------------*/

ul#navi {
	position:fixed;
	bottom:20px;
	left:0px;
	width:140px;
	padding-right:10px;
	padding-top:20px;
	height:542px;
	z-Index:1;
}
ul#navi li {
	text-align:right;
	margin-top:4px;
}

ul#navi li a {
	color:#00ccff;
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	background-color:#fff;
}
ul#navi li.filterAll {
	margin:24px 0;
}
ul#navi li a.marked {
	color:#000;
	background-color:#FBF65A;
}

/*------------------------------------------------
	*	grosse Files
--------------------------------------------------*/
#regal {
	display:table;
	width:1000000px;
	/*overflow:hidden;*/
	position:absolute;
	left:140px;
	bottom:20px;
	z-Index:0;
	border:1px solid #fff;
}
#regalZeile {
	display:table-row;
	width:1000000px;
}
.ordner {
	margin-left:9px;
	float:left;
	width:96px;
	height:567px;
	overflow:hidden;
	display:table-cell;
	text-align:left;
	background:url(images/bg_ordner_small.gif) 0px 0px no-repeat;
}
.sichtbar {
	display:block;
	border:1px solid #fff;
}
.ordner_gross, .ordner_leer_gross {
	width:128px;
	background:url(images/bg_ordner_big.gif) 0px 0px no-repeat;
}

	.ordnerLabel {
		margin:42px 0 0 7px;
		width:78px;
		height:322px;
		display:block;
		text-align:center;
	}
	.ordner_gross .ordnerLabel {
		margin:42px 0 0 22px;
	}
	.ordnerLabelSchrift {
		margin:0px 45%;
		display:block;
		float:left;
		width:14px;
		height:280px;
	}

.ordnerOeffner {
	width:200px;
	height:100%;
	float:left;
	display:block;
	cursor:pointer;
}
	.ordner_gross .ordnerOeffner {
		width:260px;
	}
	.ordner_leer .ordnerOeffner, .ordner_leer_gross .ordnerOeffner {
		cursor:default;
	}

.ordnerInhalt {
	width:417px;
	height:527px;
	float:right;
	margin-top:22px;
	overflow:hidden;
	display:block;
	position:relative;
}


/*------------------------------------------------
	*	Gallery
--------------------------------------------------*/
	
.gallery	{
	width:395px;
	margin-bottom:12px;
}
.gallery img.igallery	{
	width:395px;
	height:325px;
	display:block;
	background:#000;
	cursor:pointer;
}
.gallery .gallerysub	{
	width:395px;
}
.gallery .gallerysub p	{
	float:left;
}
.gallery .gallerysub p.pagina	{
	float:right;
}

/*------------------------------------------------
	*	Scroller
--------------------------------------------------*/

.ordnerInhalt h2 {
	font-weight:normal;
	font-size:14px;
	font-family:Arial, sans-serif;
	margin-bottom:4px;
}
.scroll-container {
	position:absolute;
	/*background:url(images/scrollbar.gif) right bottom no-repeat;*/
	margin-top:12px;
	padding:0px;
	margin-top:10px;
	width:417px;
	height:148px;
	font-size:11px;
	overflow:hidden;
}
.full {
	height:498px;
}
.sortabledropitem {display:block;width:385px;height:auto;}
.sortabledropitem img {margin-right:5px;width:36px;height:36px;}
.draghandle {text-align:left;height:40px;width:210px;display:block;margin-top:-4px;}
.draghandle strong {text-align:left;margin-left:43px;}

* html .scroll-container {left:10px;}
.scroll-contents {position:absolute;top:0px;left:0px;}
.scroll-handle {
	z-index:990;
	cursor:pointer;
	position:absolute;
	top:2px;
	right:0px;
	height:23px;
	width:22px;
	background:url(images/cursor.gif) 0px 0px no-repeat;
}
#content {margin:60px 20px 20px 20px;}

.sortabledropitem ul {
	float:none;
	clear:both;
	list-style-type:disc;
	padding-left:14px;
}
.sortabledropitem a {
	cursor:pointer;
	text-decoration:underline;
}
.sortabledropitem a:hover {
	color:#aaa;
}