* { border: 0;	margin: 0;	padding: 0;	font-family: "Trebuchet MS", Arial, Trebuchet; }

html, body {	width: 100%; font-size: 11px; }
#page {	border: 25px solid white; }

a { color: #aaa; text-decoration: none }
a:hover { color: black; text-decoration: underline }

/* header */
#header {	background-color: #465972;	display: block;	padding: 15px;	height: 150px;	color: #fff;	position: relative;}
#header h1 {	float: left;	font-size: 14px; }
#header div {	float: right;	line-height: 15px;	width: 130px;}

/* login */
input.button, input.feld { padding: 3px; border: 1px solid #707060; width: 30%; text-align: left; font-size: 12px;}
input.button { background-color: transparent; margin-left: 10px; cursor: pointer; width: 140px; }
input.button:hover { background-color: #bcc9db; }

/* content */
#content { border: 0px solid red; position: absolute; left: 25px; top: 220px; right: 25px; bottom: 40px; margin-bottom: 20px; }

/* topmenu */
#topmenu {	height: 25px; }
#topmenu p { white-space: nowrap; }
#topmenu p.left { float: left; width: 60%; }
#topmenu p.right { float: right; width: 30%; text-align: right; }

#logout { }
#login {	background-color: #D3E1F4;	padding: 10px; }

/* liste verzeichnis*/

#verzeichnis { height: 100%; background-color: #d3e1f4; }

#menu {	padding: 5px 0px;	width: 20%; height: 100%;	position: absolute; overflow-x: auto; }
#menu p { font-weight: bold; padding: 1px 0px 6px 10px; }
#menu a { padding: 5px 0px 0px 35px; text-decoration:none; background: no-repeat url(../icons/folder.gif) 10px 5px; display:block; height: 20px; color: #000; border-bottom: 1px dashed #fff; }
#menu a:hover{ background-color: #bcc9db; color: #000; }
#menu a i { font-style: normal; color: gray; visibility: hidden; padding-right: 10px; float: right; }
#menu a:hover i { visibility: visible; }

/* liste dateien*/

#dateien { height: 100%;	width: 80%; background-color: #f8f8f8; right: 0;	position: absolute;	}
#dateien ul {	width: 100%; list-style-type: none;	position: relative; height: 25px;	display: block; }
#dateien ul.header { background-color: #cad9ee; position: absolute; top: 0; }
#dateien ul.list { cursor: pointer; border-bottom: 1px dashed silver; height: 25px; white-space: nowrap; overflow: hidden; position: relative; }
#dateien ul li { padding: 5px; float: left; white-space: nowrap; overflow: hidden; }

#dateien li.check { width: 12px; }
#dateien ul.header li.name { }
#dateien li.name { width: 195px; overflow: hidden; font-weight: bold; }
#list    li.name { background: no-repeat url(../icons/default.gif) 30px center; }
#list    li.name span { background: url(../img/nav_black_15.png) no-repeat -30px 0; width: 15px; height: 15px; display: block; float: left; margin-right: 40px; }
#list    li.name:hover span { background-position: -30px -15px; }
#list    div.on li.name span { background-position: -45px 0px; }
#list    div.on li.name:hover span { background-position: -45px -15px; }
#list    ul.folder li.name span { background: url(../img/nav_black_15.png) no-repeat -15px 0; }
#list    ul.folder:hover li.name span { background-position: -15px -15px; }
#dateien li.over { width: 15px; }
#dateien li.size { text-align: right; width: 55px; }
#dateien li.time { text-align: left; width: 110px; padding-left: 20px;}
#dateien li.info {color: #c6000a; font-weight: bold; max-width: 250px;}
#dateien li.funktion { padding-right: 10px; position: absolute; right: 0; }
#dateien li.funktion a { padding: 7px 5px; color:black;}
#dateien li.funktion a:hover { /*background-color: #bcc9db;*/}
#dateien li.funktion a.b_load { font-weight: bold; }

#list { width: 100%; position: absolute; top: 25px; bottom: 0; overflow: auto; }
#list div.piori1 { background: #f7fde3; }

/* infoblock */
#list div.info { display: none; height: 200px; background-color: #ebf3ff; line-height: 150%; overflow: auto;  }
#list table.info { width: 100%; }
#list table.info td { vertical-align: top; padding-top: 10px; overflow: hidden; }
/* spalte 1*/
#list table.info td.img { padding-left: 25px; width: 205px; }
/* spalte 2*/
#list table.info td.daten { width: auto; }
#list table.info td.daten li { padding: 0; white-space: nowrap; clear: both; }
#list table.info td.daten label { width: 100px; color: gray; display: block; float: left; margin-right: 5px; overflow: hidden; }
#list table.info td.daten span { width: 100px; display: block; float: right; }
/* spalte 3*/
#list table.info td.meta { width: auto; }
#list table.info td.meta li { padding: 0; clear: both; white-space: nowrap; }
#list table.info td.meta li.li_1 { margin-bottom: 2em; }
#list table.info td.meta li.li_2 { padding-left: 10px; }
#list table.info td.meta label { width: 120px; color: gray; display: block; float: left; margin-right: 5px; overflow: hidden; white-space: normal; }
#list table.info td.meta li.spec_instr span { color:red; font-weight: bold; }
#list table.info td.meta span { width: 300px; display: block; float: right; white-space:normal; }

#list ul.hover, #list ul.select { background-color: #D3E1F4;}

/* tooltip */
.tooltip { display:none; background:url(../img/transfont.png); width: 180px; font-size:11px; line-height: 1.5em; text-align: left; padding:7px; color:#fff; -moz-box-shadow: 2px 2px 11px #000; -webkit-box-shadow: 2px 2px 11px #000; -moz-border-radius:4px; -webkit-border-radius:4px; }

/* scroller */
div.pn_navi { height: 22px; width: 90px; position: absolute; top: -10px; right: 17px; text-align: right; }
div.pn_navi a { background: url(../img/nav_black.png); width: 20px; height: 20px; display: inline-block; margin-left: 2px; cursor: pointer; }
div.pn_navi a.disabled { display:none !important; }
div.pn_navi a.close { background-position: -80px 0; }
div.pn_navi a.close:hover { background-position: -80px -20px; }
div.pn_navi a.prev { background-position: 0 0; }
div.pn_navi a.prev:hover { background-position: 0 -20px; }
div.pn_navi a.next { background-position: -20px 0; }
div.pn_navi a.next:hover { background-position: -20px -20px; }

#mask {  }
#overbox { background:url(../img/font_1024_700.png) no-repeat center center; padding:20px; width:1024px; height:700px; position:absolute; display:none; }

#scroll { position:absolute; overflow:hidden; margin:24px; }
#scroll, #scroll .items p, #scroll .items .info,#scroll .items p { width:976px; height:652px; }
#scroll .items { width:40000em; position:absolute; clear:both; }
#scroll .items div { float:left; margin-right:10px; text-align: center; vertical-align: middle; background: #eee url(../img/loading.gif) no-repeat center center; }
#scroll .items div.jpg { background-color: transparent; }
#scroll .items p { background: no-repeat center center; }
#scroll .items .info { float:none; background: #000; color:#fff; font-size:12px; padding:5px 25px; height:75px; display:none; white-space: normal; }
#scroll .items .info h3 { width: 30%; float: left; margin-left: 10px; text-align: left; }
#scroll .items .info div { width: 65%; float: right; text-align: left; overflow: hidden; }

a.plus { background: url(../img/nav_black_15.png) no-repeat -75px 0; width: 15px; height: 15px; display: block; cursor: pointer; }
a.plus:hover { background-position: -75px -15px; }
.pointer { cursor: pointer; }
img.pointer:hover { -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); }

/* allegemeien */
.out { visibility: hidden; }
.clear { clear: both; }
#footer { color: gray; text-align: left; bottom: 15px; position: absolute; }