<?php
/******
| STANET.CH ADMINISTRATION
+------
| Autor:	Daniel Kellenberger <daniel.kellenberger@netzgestaltung.ch>
| Version:	0.1
| Datum:	22.02.2004
\******/

/******
| BESCHREIBUNG
+******
| Enthält alle Formatierungen für die STANET.CH Administration
\******/


/******
  * Allgemeine Layouts
******/
{}

body {
	font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
	font-size: 14px;
	text-decoration: none;
	line-height: 17px;

	margin-top: 0px;
	margin-left: 0px;
	margin-right: 20px
}

p {
	font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
	font-size: 14px;
	text-decoration: none;
	line-height: 17px;

}

td {
	font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
	font-size: 10pt;
	text-decoration: none;
}

a {
	font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
	text-decoration: none;
}

h1 {
	font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
	color : #003366;
	font-size : 19pt;
	font-weight: normal;
	border : solid;
	border-left-width : 0px;
	border-top-width : 0px;
	border-right-width : 0px;
	border-bottom-width : 2px;
	padding-bottom : 8px;
	width : 100%;
}

h2 {
	font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
	color : #003366;
	font-size : 15pt;
	font-weight: normal;
	border : solid;
	border-left-width : 0px;
	border-top-width : 0px;
	border-right-width : 0px;
	border-bottom-width : 1px;
	padding-bottom : 8px;
	width : 100%;
	padding-top : 10px;
}

h3 {
	font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
	color : #003366;
	font-size : 12pt;
	font-weight: normal;
}

input, textarea {
	background : #E5EAF0;
	border : 1px dotted #99aabb;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left: 2px;
	padding-right: 2px;
}
select {
	background : #E5EAF0;
	border : 1px dotted #99aabb;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 2px;
	padding-left: 2px;
}

caption {
	padding: 3px;
	background-color: #003366;
	color: #FFFFFF;
	font-weight: bold;
}

code {
	padding: 1px;
	background-color: #efefef;
	border: 1px solid #e0e0e0;
	color: #225566;
}

input:focus,textarea:focus {
	background: #ffffff;
	border : 1px solid #aabb99;
	color: #000000;
}
input:hover,textarea:hover {
	border : 1px solid #bb9999;
}
.noBorder, .noBorder:hover, .noBorder:focus {
	border: none;
}

a:visited {
	color : #0077aa;
}
a:hover {
	color : #0099ff;
	text-decoration : underline;
}
a {
	color : #0077aa;
}

pre {
	background-color: #EFEFEF;
}

/* DIVs */
div.DivTitel {
	position: fixed;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 200px;
	top: 0px;
	left: 0px;
	height: 20px;
	background-color: #003366;
	border-right: 1px solid #001122;
	border-bottom: 1px solid #001122;
	color: #FFFFFF;
	font-weight: bold;
	z-index: 2
}
div.DivBar {
	position: fixed;
	min-width: 500px;
	max-width: 740px;
	top: 0px;
	left: 201px;
	height: 20px;
	background-color: #e5eaf0;
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	z-index: 2;
	border-right: 1px solid #c5cad0;
	border-bottom: 1px solid #c5cad0;
}
div.DivMenu {
	position: fixed;
	width: 200px;
	top: 25px;
	left: 0px;
	z-index: 2;
	border-right: 1px solid #c5cad0;
	border-bottom: 1px solid #c5cad0;
}
div.DivContent {
	position: absolute;
	min-width: 500px;
	max-width: 740px;
	top: 21px;
	left: 220px;
	z-index: 1
}

/******
  * Login
******/
.loginfield {
	width: 250px;
}


/******
  * Menü
******/
.Menu {
	background-color: #e5eaf0;
	font-size: 10pt;
}

.MenuNav {
	color: #000000;
	padding-left : 4px;
	font-weight: bold;
}
.MenuLink {
	color: #0099ff;
}
.MenuLinkActive {
	background: #ffffff;
}
.MenuSpace {
	font-size: 3px;
	line-height: 5px;
	border-bottom: 1px solid #c5cad0;
}


/******
  * Übersicht
******/
.UebersichtTable {
	width: 400px;
	background-color: #e5eaf0;
	border: 1px solid #c0c5d0;
}
.UebersichtGalerie {
	width: 600px;
	background-color: #e5eaf0;
	border: 1px solid #c0c5d0;
}
.Quota {
	font-size: 10px;
}

/******
  * Edit
******/
.edittable {
	background-color: #e5eaf0;
	border: 1px solid #c0c5d0;
}
.editfield {
	width: 300px;
}
.editfield_readonly {
	width: 300px;
	border: 1px dotted #bbbbbb;
	background-color: #efefef;
	color: #bbbbbb;
}
.editfield_num {
	width: 50px;
	text-align: right;
}
.editfield_std {
	width: 100px;
}
.editname {
	color: #003366;
	font-weight: bold;
	width: 180px;
	padding: 2px;
}
.editvalueright {
	text-align: right;
	padding-right: 2px;
}
.edithelp {
	color: #777777;
	width: 250px;
	font-size: 9pt;
}

/******
  * Allgemeines
******/
.button {
	font-size: 13px;
	width: 100px;
	color : #E5EAF0;
	background-color : #003366;
	border : 1px solid #000000;
}
.button_oc {
	font-size: 13px;
	width: 200px;
	color : #E5EAF0;
	background-color : #003366;
	border : 1px solid #000000;
}
.button:focus,.button:hover,.button_oc:focus,.button_oc:hover {
	background-color : #336699;
	font-weight: bold;
	border: 1px solid #333399;
}
.chbox {
	padding: 0px;
	font-size: 9pt;
	height: 14px;
	width: 14px;
}
.PreCode {
	font-size: 8pt;
	background: #EFEFEF;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
.HelpFunktion {
	font-family: Courier New, Courier, sans-serif;
	font-size: 8pt;
	background: #EFEFEF;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

/******
  * Galerie & Gästebuchliste
******/
.GalDirBarT {
	font-size: 9pt;
	text-align: left;
	padding: 3px;
	background-color: #003366;
	color: #FFFFFF;
	width: 20px;
}
.GalDirBarName, .GaestBarInhalt {
	font-size: 9pt;
	text-align: left;
	padding: 3px;
	background-color: #003366;
	color: #FFFFFF;
	width: 300px;
}
.GalDirBarSize {
	font-size: 9pt;
	text-align: left;
	padding: 3px;
	background-color: #003366;
	color: #FFFFFF;
	width: 20px;
}
.GalDirBarTmb {
	font-size: 9pt;
	text-align: left;
	padding: 3px;
	background-color: #003366;
	color: #FFFFFF;
	width: 20px;
}
.GalDirBarAction, .GaestBarAction {
	font-size: 9pt;
	text-align: left;
	padding: 3px;
	background-color: #003366;
	color: #FFFFFF;
	width: 60px;
}
.GalDirBarEmpty {
	background-color: #003366;
}
.GaestBarName {
	font-size: 9pt;
	text-align: left;
	padding: 3px;
	background-color: #003366;
	color: #FFFFFF;
	width: 200px;
}
.GaestBarZeit {
	font-size: 9pt;
	text-align: left;
	padding: 3px;
	background-color: #003366;
	color: #FFFFFF;
	width: 120px;
}

/* writable */
.GalDirEl0, .GaestListName0, .GaestListInhalt0 {
	font-size: 8pt;
	text-align: left;
	background-color: #e5eaf0;
	padding: 2px;
}
.GalDirEl1, .GaestListName1, .GaestListInhalt1 {
	padding: 2px;
	font-size: 8pt;
	text-align: left;
	background-color: #eff3fa;
}
.GalDirIco0, .GaestListAction0 {
	text-align: center;
	background-color: #e5eaf0;
}
.GalDirIco1, .GaestListAction1 {
	text-align: center;
	background-color: #eff3fa;
}
.GaestListID0, .GaestListZeit0 {
	text-align: right;
	font-size: 7pt;
	background-color: #e5eaf0;
	padding: 4px;
}
.GaestListID1, .GaestListZeit1 {
	text-align: right;
	font-size: 7pt;
	background-color: #eff3fa;
	padding: 4px;
}

/* unwritable */
.GalDirEl2 {
	font-size: 8pt;
	text-align: left;
	background-color: #f0e5e5;
	padding: 2px;
}
.GalDirEl3 {
	padding: 2px;
	font-size: 8pt;
	text-align: left;
	background-color: #faeff1;
}
.GalDirIco2 {
	text-align: center;
	background-color: #f0e5e5;
}
.GalDirIco3 {
	text-align: center;
	background-color: #faeff1;
}

.GalDirBottom {
	font-size: 8pt;
}
.ShowImg {
	border: 1px solid #000000;
}
.EditFileContent {
	width: 760px;
}
.GaestPageBar {
	border: 1px solid #e0e0e0;
	background-color: #f0f0f0;
	font-size: 8pt;
	padding-left: 3px;
	padding-right: 3px;
}

/* Options */
.GalConfBar, .GaestEditBar {
	font-size: 9pt;
	text-align: left;
	padding: 3px;
	background-color: #003366;
	color: #FFFFFF;
	width: 250px;
}
.GalConf0, .GaestEdit0 {
	font-size: 9pt;
	text-align: left;
	background-color: #e5eaf0;
	font-weight: bold;
	padding-left: 3px;
	padding-top: 4px;
	vertical-align: top
}
.GalConf1, .GaestEdit1 {
	font-size: 9pt;
	text-align: left;
	background-color: #eff3fa;
	font-weight: bold;
	padding-left: 3px;
	padding-top: 4px;
	vertical-align: top
}
.GalConfC0, .GaestEditC0 {
	font-size: 8pt;
	text-align: left;
	background-color: #e5eaf0;
	padding: 2px;
	vertical-align: top
}
.GalConfC1, .GaestEditC1 {
	padding: 2px;
	font-size: 8pt;
	text-align: left;
	background-color: #eff3fa;
	vertical-align: top
}
.GalConfIco0, .GaestEditIco0 {
	text-align: center;
	background-color: #e5eaf0;
	width: 22px;
	vertical-align: top
}
.GalConfIco1, .GaestEditIco1 {
	text-align: center;
	background-color: #eff3fa;
	width: 22px;
	vertical-align: top
}
.GalConfFieldS {
	font-size: 10px;
	width: 240px;
	font-weight: normal;
	vertical-align: top
}
.GalConfField {
	font-size: 10px;
	color: #BBBBBB;
	border: solid 1px #BBBBBB;
	background-color: #EFEFEF;
	width: 240px;
	font-weight: normal;
	vertical-align: top
}
.GaestDesc {
	font-size: 10px;
	color: #9999aa;
	font-weight: normal;
	vertical-align: top
}

/******
  * Fehleranzeige
******/
#ErrorBox {
	position:absolute;
	top:50px;
	left:50px;
	width:600px;
	z-index:1;
}
.ErrorDiv {
	border-style: solid;
	border-color: #990000;
	border-width: 1px;
	background-color: #fb9388;
	padding: 10px;
}
.ErrorTitle {
	font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
	font-size : 14px;
	font-weight: bold;
	text-decoration : none;
	line-height: 17px;
	color: #990000;
}
.ErrorDesc {
	font-family: Verdana, Geneva, Arial, Helvetica,sans-serif;
	font-size : 13px;
	font-weight: normal;
	text-decoration: none;
	line-height: 17px;
	color: #330000;
}
a.ErrorDesc {
	color: #990000;
}

.helpindextitle {
	font-weight: bold;
	border-bottom: 1px dotted #0077aa;
	margin-left: 15px;
}
.helpindexelement {
	margin-left: 30px;
}
.helpimg {
	border: 1px solid #000000;
	margin-top: 10px;
	margin-left: 50px;
	float: center;
}
.helptable {
	border: 1px dotted #8888aa;
	width: 95%;
}
.helpcell {
	text-align: justify;
	padding-right: 6px;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #bbbbdd;
}