/* Standard-HTML elements */
body {
  font-size:8.5pt;
  font-family: verdana,arial;
  color: #666666;
  margin: 0px
}

form {
  margin: 0px;
}

table {
  border-collapse:collapse;
}

td {
  color:#666666;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:7.5pt;
  font-weight:normal;
  line-height:16.5px;
  text-align:justify;
}

th {
  font-size:7.5pt;
  font-family: verdana,arial;
  color: #666666
}


h1 {
  color:#004B85;
  font-size:120%;
  font-weight:bold;
  padding:0;
  text-transform:uppercase;
}

h2 {
  color:#004B85;
  font-size:8pt;
  font-weight:thin;
  padding:0;
  text-transform:uppercase;
  display: inline;
}

img {
  border: 0px solid black
}
a {
  color: #af8058;
  font-size: 7.5pt;
  text-decoration: none;
}

a:hover {
  color: #004b85;
}


/* Own classes */

.scGoldCell {
  background-color: #af8058;
}

.scBlueCell {
  background-color: #004b85;
}

.scContentCell {
  border-left: 1px solid #d1d3d4;
  padding: 8px;
}

.scDecoSquare {
  width: 120px;
  height: 120px;
  margin-right: 5px;
  margin-top: 5px;
}

/* IE */
.scOutlinedDecoSquare {
  border: 1px solid #d1d3d4;
  width: 120px;
  height: 120px;
  margin-right: 5px;
  margin-top: 5px;
}

/* other browsers */
html>body .scOutlinedDecoSquare {
  border: 1px solid #d1d3d4;
  width: 118px;
  height: 118px;
  margin-right: 5px;
  margin-top: 5px;
}


.scDecoSquareRight {
  width: 120px;
  height: 120px;
}

.scDecoContainer {
  width: 245px;
  padding: 0px;
}

.scClear {
  clear: both;
}

.scTopMenu {
  background-color: #004b85;
  text-align: right;
  padding: 10px;
  height: 136px;
  line-height: 190%;
  width: 225px;
  min-width: 225px;
  max-width: 225px;
}

.scTopMenuLink {
  color: #ffffff;
  font-size: 8pt;
  text-decoration: none;
  display: block;
}

.scTopMenuLink:hover {
  color: #af8058;
}


#liniegrau {
  background-color:#D1D3D4;
  height:1px;
  margin:0 0 -1px;
  width:100%;
}



.scNullCell {
  padding: 0px;
}

.scSubmenuLink {
  color: #004b85;
  font-size: 8pt;
  text-decoration: none;
  display: block;
  padding-left: 20px;
  white-space: nowrap;
}

.scSubmenuLink:hover {
  color: #ffffff;
  background-color: #af8058;

}

.scSubmenu {
  text-align: left;
  line-height: 190%;
  position: absolute;
  top: 0px;
  left: 245px;
  visibility: hidden;
}



/* Tabellenkopfzelle */
.scTableHeadCell {
  padding: 2px;
  background-color: #004b85;
  color: #DDDDDD;
  font-size:8pt;
  border-bottom: 1px solid white;
}

/* Tabellenzelle für tabellarische Formulare
   wird vorwiegend in den Suchkriterien eingesetzt */
.scTableFormCell {
  padding-left: 2px;
  padding-right: 2px;
  background-color: #CCCCCC;
  color: #000000;
  border-bottom: 1px solid white;
}

/* Standard-Tabellenzelle
   wird im Hauptteil der Tabelle eingesetzt */
.scTableBodyCell {
  padding-left: 2px;
  padding-right: 2px;
  background-color: #EEEEEE;
  color: #01185C;
  border-bottom: 1px solid white;
  text-align: left;
}
.scTableBodyCell2 {
  padding-left: 2px;
  padding-right: 2px;
  background-color: #DDDDDD;
  color: #01185C;
  border-bottom: 1px solid white;
}

.scTableFontOnly {
  color: #01185C;
}

/* Tabellenzelle während man mit der Maus darüberfährt,
   wenn ein Hilfetext für diese Zelle hinterlegt ist. */
.scTableHilightedCell {
  padding-left: 2px;
  padding-right: 2px;
  background-color: #b4cbdd;
  border-bottom: 1px solid white;
}

/* Tabellenfußzelle oder auch Summenzelle */
.scTableFootCell {
  padding-left: 2px;
  padding-right: 2px;
  background-color: #af8058;
  color: #DDDDDD;
  border-bottom: 1px solid white;
}

/* Tabellenzelle mit deaktiviertem
   "ausgegrautem" Aussehen. Wird beispielsweise für bereits belegte
   Flächen benutzt, die der Benutzer nicht selektieren kann. */
.scTableGrayedCell {
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
  padding-left: 2px;
  padding-right: 2px;
  background-color: #FFFFFF;
  font-size:8pt;
  color: #A0A0A0;
}

/* Tabellenzelle für die Darstellung der Terminschaltungen pro Standort
   Jeweils mit Head für den entsprechenden Termin und mit Body als Schaltfläche, wo
   entweder "belegt", "kein motiv vorhanden", "frei" oder das gewählte Motiv für die Belegung zu sehen sind.*/
.scInnerTableHeadCell {
  width: 50px;
  background-color: #A2BBD3;
  font-size:8pt;
  color: #000000;
}

.scInnerTableBodyCell {
  font-size:6pt;
  width: 50px;
  max-width: 50px;
  height: 34px;
  max-height: 34px;
  overflow: hidden;
  color: #000000;
  border: 1px solid #505050;
  text-align: center;
}

/* Textfeld für Formulare
   tritt vorwiegend in den Suchkriterien auf */
.scFormEdit {
  border: 1px solid #01084C;
  background-color: #FFFFFF;
  font-size:7.5pt; font-family: verdana;
  color: #666666;
}

/* Standard-Button für Formular
   erhält verschiedene Texte */
.scFormButton {
  border-top: 1px solid #ffe0c0;
  border-left: 1px solid #ffe0c0;
	border-bottom: 1px solid #907060;
	border-right: 1px solid #907060;
  background-color: #da9f6d;
  font-size:7.5pt; font-family: verdana; color: #000000; font-weight:bold;
}

.scPageLink {
  text-align: center;
  min-width: 20px;
  width: 20px;
  height: 12px;
  border-top: 1px solid #ffe0c0;
  border-left: 1px solid #ffe0c0;
	border-bottom: 1px solid #907060;
	border-right: 1px solid #907060;
  background-color: #da9f6d;
  font-size:7.5pt; font-family: verdana; color: #000000; font-weight:bold;
}

.scPageLink:hover {
  text-align: center;
  min-width: 20px;
  width: 20px;
  height: 12px;
  border-top: 1px solid #ffe0c0;
  border-left: 1px solid #ffe0c0;
	border-bottom: 1px solid #907060;
	border-right: 1px solid #907060;
  background-color: #FFFFFF;
  font-size:7.5pt; font-family: verdana; color: #000000; font-weight:bold;
}

.scActivePageLink {
  text-align: center;
  min-width: 20px;
  width: 20px;
  height: 12px;
  background-color: #004b85;
  color: #DDDDDD;
  border: 1px solid white;
  display: inline;
}

.scHintLayer {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	border: 1px solid #000000;
  background-color: #d7ab88;
  font-size:7.5pt; font-family: verdana; color: #000000; 
	padding-left: 3px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
}
