/*
Datei styleguide.css
Neue Klassen hinzugefuegt von Bernd Kamm
fuer Layout gemaess Richtlinie 2002 (zumindest versuchsweise ;-)
Version 0.1 06.09.2002

patched colour #B10101 as base colour for Altenburg
*/

/*******************neue Klassen:************************************/
/*body einrueckung nur fuer darstellung mitpixelbackgriound lineal*/
body {
background-color: #ffffff
; MARGIN-TOP: 10px
; MARGIN-LEFT: 10px
; font-family: Arial, Verdana, Helvetica, sans-serif
;
}
p {
  color: #000000
; line-height:20px
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; margin-top: 5px
; margin-bottom: 10px
;
}

ul,li {
  color: #000000
; line-height:20px
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
;
}

h1 {
  font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 20px
; font-weight: 600
; color: #003366
; margin-top: 15px
; margin-bottom: 5px
;
}
h2 {
  font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 16px
; font-weight: 600
; color: #003366
; margin-top: 15px
; margin-bottom: 5px
;
}
h3 {
  font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; font-weight: 600
; color: #003366
; margin-top: 12px
; margin-bottom: 4px
;
}

.fehler {
  font-family: Arial, Verdana, Helvetica, sans-serif
; color: #FF3333
; font-size: 12px
; font-weight: 600
; margin-top: 7px
; margin-bottom: 8px
;
}

.mainfehler {
  font-family: Arial, Verdana, Helvetica, sans-serif
; width:100%
; color: #FF3333
; background: #eeeeee
; font-size: 14px
; font-weight: 600
; margin-top: 7px
; margin-bottom: 8px
;
}

/* alte layout class*/
.tabtxt {
  color:#000000
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
;
}
.valid {
  color:#000000
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; vertical-align: bottom
; text-align: center
; padding-left:5px
;
}
/***********Linkformate******************/
 a:link{
  font-size:12px
; font-weight:normal
; color:#0000CC
; text-decoration: underline
;
}

 a:visited{
  font-size:12px
; font-weight:normal
; color:#0000CC
; text-decoration: underline
;
}
 a:active{
  font-size:12px
; font-weight:normal
; color: #0000CC
; text-decoration: underline
;
}
 a:hover {
  font-size:12px
; font-weight:normal
; color:#0000CC
; text-decoration: underline
;
}
/* Linkformat fuer images ohne Unterstreichung*/
 .imglink {
  font-size:12px
; font-weight:normal
; text-decoration: none
;
}
 .imglink:link {
  font-size:12px
; font-weight:normal
; color:#0000CC
; text-decoration: none
;
}
 .imglink:visited{
  font-size:12px
; font-weight:normal
; color:#0000CC
; text-decoration: none
;
}
 .imglink:active{
  font-size:12px
; font-weight:normal
; color: #0000CC
; text-decoration: none
;
}
 .imglink:hover {
  font-size:12px
; font-weight:normal
; color:#0000CC
; text-decoration: none
;
}

/*********** Tabellen Formate ******************************/
/*Klassen fuer Templates: Haupttabelle*/
/*Aeusserste Tabelle*/

.frametable{
  border-style:solid
; border-color:#B10101
; border-left-width:1px
; border-top-width:0px
; border-right-width:1px
; border-bottom-width:1px
; width:770px
;
}

th.frametable{
  border-style:solid
; border-color:#B10101
; border-left-width: 0px
; border-top-width: 0px
; border-right-width: 0px
; border-bottom-width: 0px
; vertical-align: top
; text-align: left
; font-family: ARIAL,VERDANA,HELVETICA,sans-serif
; font-size: 12px
; font-weight: normal
;
}
/* Logoplazierung im Tabellenkopf*/
.stadtlogo{
  width: 165px
; vertical-align: middle
; padding-top:1px
; padding-left:1px
; padding-right:1px
; padding-bottom:1px
;
}

/*Style fuer Zellen in der Linken Navigation*/
td.nav165 {
  color: #000000
; background-color:#eeeeee
; width: 165px
; vertical-align: top
;
}
td.navbottom165 {
  color: #000000
; background-color:#eeeeee
; width: 165px
; vertical-align: bottom
;
}
/* Style fuer Text in der Navigationsspalte(Innenabstand!)*/
.navtext165 {
  color:#000000
; height: 20px
; vertical-align: top
; margin-top:2px
; margin-left: 0px
; margin-right: 0px
; margin-bottom:8px
; padding-left:5px
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
;
}

/* Klasse fuer letzte Tabellenzeile mit Copyright Angaben*/
.fusszeile{
width:770px
; height: 20px
; text-align: right
; vertical-align: middle
; background-color:#B10101
; color:#ffffff
; font-family: ARIAL,VERDANA,HELVETICA,sans-serif
; font-size: 8pt
; font-weight: normal
;
}

/* Klasse fuer letzte Tabellenzeile mit Copyright Angaben*/
.fusszeilelink { font-family: ARIAL,VERDANA,HELVETICA,sans-serif;
	  width:770px;
          font-size: 8pt; height: 20px; font-weight: normal; color: #ffffff;}
          .fusszeilelink a          { color:#ffffff; text-decoration: underline; }
          .fusszeilelink a:link     { color:#ffffff; text-decoration: underline; }
          .fusszeilelink a:visited  { color:#ffffff; text-decoration: underline; }
          .fusszeilelink a:hover    { color:#666666; text-decoration: underline; }

/*********** Tabellen Zellenabstaende -Spacer- ***********************/
.spacer15 {
 color:#000000;
; background-color:#ffffff
; width: 15px
; line-height:20px
;
}
.spacer15gr {
  padding:0px
; color:#000000;
; background-color:#eeeeee
; width: 15px
; line-height:20px
;
}
.spacer15w {
  padding:0px
; color:#000000;
; background-color:#ffffff
; width: 15px
; line-height:20px
;
}
.spacer10 {
  padding:0px
; color:#000000;
; background-color:#ffffff
; line-height:20px
; width: 10px
;
}
.contentzelle {

  color:#000000
; width: 560px
; vertical-align: top
;
}
/************Formate innerhalb Contentzelle **************/
/* Positionierung (padding) von Beschriftungstext und Formularelement in .beschriftung und .formularzeile durch padding und border style wird ein Abstand von 15 px zwischen den zeilen hergestellt*/

.beschriftung {
  color:#000000;
; height:20px
; margin-right:10px
; width: 160px
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
;
}
/*fuer Pflichtfelder*/
.boldtext {
  color:#000000
; height:20px
; margin-right:10px
; width: 160px
; font-weight:900
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
;
}

.hintergrund-beschriftung {
/*; background-color:#eeeeee*/
; width: 160px
; height: 100%
; vertical-align: top
; border-top:2px
; border-top-color: #ffffff
; border-left: 0px
; border-right: 0px
; border-bottom:8px
; border-bottom-color: #eeeeee
; border-style: solid
; padding-left:5px
; padding-top:5px
;
}
.formularzeile{
; width: 390px
; height: 20px
; vertical-align: top
/*; background-color:#eeeeee*/
; border-top:2px
; border-top-color: #ffffff
; border-left: 0px
; border-right: 0px
; border-bottom:8px
; border-bottom-color: #eeeeee
; border-style: solid
; padding-left:5px
; padding-top:5px
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
;
}
/*selbes layout wie formularzeile aber fuer Zusammenfassung mit textformaten*/
.formularzusammenfass {
; width: 390px
; height:20px
; vertical-align: top
/*; background-color:#eeeeee*/
; border-top:2px
; border-top-color: #ffffff
; border-left: 0px
; border-right: 0px
; border-bottom:8px
; border-bottom-color: #eeeeee
; border-style: solid
; padding-left:5px;
; padding-top:5px;
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
;
}
.field195 {
; width: 195px
; height:20px
; vertical-align: top
/*; background-color:#eeeeee*/
; border-top:2px
; border-top-color: #ffffff
; border-left: 0px
; border-right: 0px
; border-bottom:8px
; border-bottom-color: #eeeeee
; border-style: solid
; padding-left:5px;
; padding-top:5px;
;
}

.inputfelder{
  margin-top:15px
; height:20px
; vertical-align: top
; background-color:#eeeeee
;
}
.zeile125 {
; height:140px
; margin-top: 15px
; vertical-align: top
; background-color:#eeeeee
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}

/*********Formate fuer Schaltflaechen ********/
.buttonzeile{
  margin-top:20px
; margin-bottom: 20px
; height:20px
; vertical-align: middle
; background-color:#ffffff
;
}

.button {
        width: 100px;
        height: 20px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 11px;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 5px;
        margin-right: 5px;
}

.button210 {
        width: 210px;
        height: 20px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 11px;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 5px;
        margin-right: 5px;
}

/************** Formularelemente ***********************************/
/*input type="text"*/
/* text50 fuer z.B. Hausnummer und PLZ*/
.text50L {
  width: 50px
; height:20px
; margin-left:0px
; margin-right: 10px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}

.text50R {
  width: 50px
; height:20px
; margin-left:0px
; margin-right: 0px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}

.text190L {
  width: 190px
; height:20px
; margin-right: 10px
; padding-left:1px
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}
.text190R {
  width: 190px
; height:20px
; margin-left:0px
; margin-right: 0px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}
.text150L {
  width: 150px
; height:20px
; margin-right: 10px
; padding-left:1px
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}

.text90L {
  width: 90px
; height:20px
; margin-right: 10px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}
.text90R {
  width: 90px
; height:20px
; margin-left:0px
; margin-right: 0px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}
.text390 {
  width: 390px
; height:20px
; margin-right: 10px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}

/***************** Textarea      ********************************/
.textar390125 {
  width: 390px
; height:125px
; margin-right: 0px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}

/***************** Radiobuttons ********************************/

.radio {
  line-height:15px
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
; vertical-align: middle
;
}

.radioform {
        WIDTH: 190px;
        vertical-align: middle;
}
/* umgebungs span o. div fuer radio buttons*/
.field190 {
         width: 190px;
         text-align: left;
         vertical-align: middle;
         font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size: 10px;
}
.field390 {
         width: 390px;
         text-align: left;
         vertical-align: middle;
         font-family: Arial, Verdana, Helvetica, sans-serif;
         font-size: 10px;
}




/***************** Auswahlfelder ********************************/
.selectsimple390 {
  width: 390px
; height:20px
; margin-right: 10px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}
.selectsimple190L {
  width: 190px
; height:20px
; margin-right: 10px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}
.selectsimple190R {
  width: 190px
; height:20px
; margin-right: 0px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}
.selectsimple90L {
  width: 90px
; height:20px
; margin-right: 10px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}
.selectsimple90R {
  width: 90px
; height:20px
; margin-right: 0px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}
.selectmulti39090 {
  width: 390px
; height:90px
; margin-right: 10px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}

.selectmulti390125 {
  width: 390px
; height:125px
; margin-right: 10px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}

.selectmulti390160 {
  width: 390px
; height:160px
; margin-right: 10px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}

.selectmulti19090L {
  width: 190px
; height:90px
; margin-right: 10px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}
.selectmulti19090R {
  width: 190px
; height:90px
; margin-right: 0px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}
.selectmulti190125L {
  width: 190px
; height:125px
; margin-right: 10px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}
.selectmulti190125R {
  width: 190px
; height:125px
; margin-right: 0px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}
.selectmulti190160L {
  width: 190px
; height:160px
; margin-right: 10px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}
.selectmulti190160R {
  width: 190px
; height:160px
; margin-right: 0px
; padding-left:1px
; vertical-align: top
; font-family: Arial, Verdana, Helvetica, sans-serif
; font-size: 12px
; text-align: left
;
}