html
{
  height: 100%;
}

body 
{
  font-family: Arial, Helvetica;
  font-size: 10pt;

  text-align:center;
  color: black;
  width: 100%;
  margin:45px 0px 0px 0px;
  padding: 0px 0px;
	border-width: 0px 0px 0px 0px;
}

a
{
  color: #20458b;
  text-decoration:none;
}

a:hover
{
  color: #2b5dbb;
}

td
{
  margin:0px;
  padding:0px;
  vertical-align: top;
}

img
{
  border-width: 0px;
}
 
div
{
  border-width:0px;
  border-style:solid;
  text-align:left;
} 

h1
{
  margin-top:0px;
  margin-bottom:5px;
  font-family:Impact, Arial, Helvetica;
  font-size:14pt;
  font-weight:lighter;
}

h2
{
  margin-top:0px;
  margin-bottom:5px;
  font-family:Impact, Arial, Helvetica;
  font-size:12.5pt;
  font-weight:lighter;
}

h3
{
  margin-top:0px;
  margin-bottom:5px;
  font-family:Arial;
  font-size:12pt;
  font-weight:bold;
}

h4
{
  margin-top:0px;
  margin-bottom:0px;
  font-family:Arial;
  font-size:10pt;
  font-weight:bold;
}

textarea
{
  font-family: Arial, Helvetica;
  font-size: 12pt;
}

table
{
  table-layout:fixed
}

.menuepunkt
{
  float:left;
  padding: 0px;
  margin: 0px 10px 0px 10px;
}

.menuepunkt_rechts
{
  float:right;
  padding: 0px;
  margin: 0px 10px 0px 10px;
}

.menueicon
{
  display:inline;
  padding: 0px;
  margin: 0px 5px 0px 0px;
  float:left;
}

.infoicon
{
  display:inline-block;
  padding: 0px 5px 0px 5px;
}

.menuetext
{
  cursor:hand;
  display:inline;
  display:inline-block;
  padding-top:7px;
}

.buttonicon
{
  display:inline;
  padding: 0px;
  margin: 0px 5px 0px 0px;
  float:left;
}

.buttontext
{
  cursor:hand;
  display:inline;
  display:inline-block;
  padding-top:20px;
}

.buttontextstatic
{
  cursor:default;
  display:inline;
  display:inline-block;
  padding-top:20px;
}

#menueleiste
{
  margin-top:0px;
  margin-bottom:0px;
  padding-top: 2px;
  height:39px;
  width:100%;
  
  background-position: bottom center;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/elemente/hlinie.jpg');
}

.hervorgehoben
{
  font-family:Impact, Arial, Helvetica;
  font-size:12.5pt;
  font-weight:lighter;
}

.hpadding
{
  padding-right: 20px;
}

.wenigplatz
{
  margin-top:10px;
  margin-bottom:10px;
}

.wenigplatz_letzter
{
  margin-top:10px;
  margin-bottom:0px;
}

.grossbild
{  
  position: absolute;
  position: fixed;
  text-align: center;
  left:200px;
  top:200px;
  width: 470px;
  height: 260px;
  
  padding: 15px;
  z-index:200;
  background-image:url('/bildvorlagen/elemente/grossbildhintergrund.gif');
}

.untermenuetitel
{
  margin-top: 20px;
  margin-left: 20px;
}

.untermenuepromo
{
  margin-top: 20px;
  margin-left: 20px;
  padding-right: 20px;
}

#untermenue ul
{
  margin-left: 10px;
  padding-left: 10px;
}

#untermenue li
{
  margin-top: 5px;
  list-style-type: none;
  font-size:12pt;
}

.boxinhalt
{
  width: 100%;
  height: 210px;
  padding: 22px 0px 20px 10px;
  overflow: auto;
}

.formularuntertitel
{
  font-size:12pt;
  padding: 10px;
}

.element_beschriftung
{
  width: 200px;
  vertical-align: top;
  text-align: right;
  padding: 3px 20px 3px 3px;
}

.element_feld
{
  vertical-align: top;
  text-align: left;
  padding: 3px 3px 3px 3px;
}

.formlabel
{
}

.formlabelerror
{
  color: red;
  font-weight: bold;
  text-decoration:underline;
}

#dokumentdiv
{
  width: 976px;
  margin: 0px auto 0px auto;
}

#inhalt
{
  width: 976px;
  top:53px;
}

#box_oben
{
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/box_oben.jpg');
}
 
#box_mitte
{
  background-position: top left;
  background-repeat: repeat-y;
  background-image: url('/bildvorlagen/box_mitte.jpg');
}
 
#box_unten
{
  height: 300px;
  padding: 6px 15px;
  background-position: bottom left;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/box_unten.jpg');
}

.filmbox
{
  height: 190px;
}

#kopfbox
{
  position: relative;
  left:0px;
  top:0px;
  height: 259px;
  margin-bottom:10px;

  background-position: top left;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/kopfbox.jpg');
}

#kopfbox_home
{
}

#kopfbox_preise
{
  background-image: url('/bildvorlagen/kopfbilder/laptopmitarchitekt.jpg');
}

#kopfbox_bautafelvorort
{
  background-image: url('/bildvorlagen/kopfbilder/haeusermitbautafel.jpg');
}

#kopfbox_hintergrund
{
  background-image: url('/bildvorlagen/kopfbilder/ueberzeugenauchsie.jpg');
}

#kopfbox_kontakt
{
  background-image: url('/bildvorlagen/kopfbilder/kontaktaufnahme.jpg');
}

#kopfbox_impressum
{
  background-image: url('/bildvorlagen/kopfbilder/laptopmitbautafel.jpg');
}

#kopfbox_bautafelsuche
{
  position: relative;
  left:0px;
  top:0px;
  height: 376px;
  margin-bottom:10px;

  background-position: top left;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/kopfbox_bautafelsuche.jpg');
}

#suchenbutton
{
  position: absolute;
  bottom: 29px;
  left: 90px;
  width: 151px;
  height: 30px;
}

#suchbegriff
{
  position: absolute;
  bottom: 23px;
  left: 263px;
  width: 449px;
  height: 37px;

  background-position: top left;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/elemente/suchbegriffhintergrund.jpg');
}

#suchbegriffinput
{
  border-width:0px;
  position: relative;
  top: 2px;
  left: 3px;
  
  width: 385px;
  height: 23px;
  
  font-size: 12pt;
}

#suchhinweise
{
  position: absolute;
  bottom: 10px;
  left: 265px;
  width: 449px;
  height: 15px;

  font-weight: bold; 
}

#neuebautafelanlegen
{
  position: absolute;
  bottom: 14px;
  left: 770px;
  width: 188px;
  height: 45px;
}

#seiteninhalt
{
  position:relative;
  margin-top:0px;
  margin-bottom:0px;
  height:259px;
  width:100%;
}

#boxlinks
{
  position: absolute;  
  left: 4px;
  top: 0px;
  width:270px;
  height:100%;
  
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/elemente/vlinie.jpg');
}

#boxmitte
{
  position: absolute;
  left: 274px;
  top: 0px;
  width:350px;
  height:100%;
}

#boxrechts
{
  position: absolute;
  left: 624px;
  top: 0px;
  width:316px;
  height:100%;
  
  padding-left:4px;

  background-position: left center;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/elemente/vlinie.jpg');
}

#boxganzseitig
{
  width:98%;
  height:100%;
  overflow:auto;
  margin-left:10px;
  margin-right:10px;
}

#boxbreit
{
  position: absolute;
  left: 274px;
  top: 0px;
  width:666px;
  height:100%;
}

.boxtitel
{
  margin-top: 20px;
  margin-left: 20px;
}

.boxbild
{
  padding-top: 5px;
  padding-left: 70px;
}

.boxbild_aus
{
  display:none;
  padding-top: 10px;
  padding-left: 70px;
}

.boxtext
{
  position: absolute;
  top: 80px;
  text-align: left;
 
  padding-left: 30px;
}

#bautafelvorortbild
{
  position: absolute;
  top: 60px;
  text-align: left;
 
  padding-left: 50px;
}

.textfelddekoration
{
  width: 146px;
  height: 38px;
  
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/elemente/textfeldhintergrund.jpg');
}

.textfelddekoration300
{
  width: 300px;
  height: 38px;
  
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/elemente/textfeldhintergrund300.jpg');
}

.textfeld
{
  border-width:0px;
  margin: 4px;
  
  width: 134px;
  height: 20px;
  
  font-size: 12pt;
}

.textfeld300
{
  border-width:0px;
  margin: 4px;
  
  width: 290px;
  height: 20px;
  
  font-size: 12pt;
}

.eingabezeile
{
  border-style:solid;
  border-width:1px;
  border-color:#cccccc;

  width: 50%;  
  font-size: 10pt;
}

.eingabezeile_panelmitte
{
  border-style:solid;
  border-width:1px;
  border-color:#cccccc;

  width: 97%;  
  font-size: 10pt;
}

.textareadekoration
{
  width: 180px;
  height: 119px;
  
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/elemente/textareahintergrund.jpg');
}

.textarea
{
  border-width:0px;
  margin:4px;
  top: 2px;
  left: 6px;
  
  width: 168px;
  height: 106px;
  
  font-family: Arial, Helvetica;
}

.schmalesformular
{
  width: 300px;
}

.vollebreite
{
  width: 100%;
}

#loginemail
{
  position:absolute;
  left: 100px;
  top: 80px;
}

#loginemaillabel
{
  position:absolute;
  left: 30px;
  top: 90px;
}


#loginpasswort
{
  position:absolute;
  left: 100px;
  top: 130px;
}

#loginpasswortlabel
{
  position:absolute;
  left: 30px;
  top: 140px;
}


#loginbutton
{
  position:absolute;
  left: 173px;
  top: 180px;
}

#vergessenbutton
{
  position:absolute;
  left: 88px;
  top: 180px;
}

#logoutbutton
{
  position:absolute;
  left: 173px;
  top: 180px;
}

#ergebnisseiten
{
  width: 845px;
  vertical-align:middle;
}

#kartenlegende
{
  position: absolute;
  top: 6px;
  left: 2px;
  width: 952px;
  height: 30px;
  text-align:right;
  
  font-family: Arial, Helvetica;
  font-size:10pt;
  font-weight:bold;
}

#kartenanzeige
{
  position: relative;
  top: 40px;
  left: 2px;
  width: 972px;
  height: 265px;
}

#suchergebnistd1
{
  width:550px;

  background-position: right center;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/elemente/vliniehoch.jpg');  
}

#suchergebnisliste
{
  height:255px;
  width:530px;
  overflow: auto;
}

.suchergebnisspalte1
{
  width:80px;
}

.suchergebnisspalte3
{
  width:auto;
}

.suchergebnisspalte2
{
  text-align:center;
  width:30px;
}

#bautafelvorschau
{
  position:relative;
  left:10px;
  top:3px;
  height:250px;
  width:370px;
}

.projektbildvorschau
{
  padding-right: 10px;
  padding-bottom: 10px;
  float:left;
}

.bautafelpanels
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #ffffff;
}

#bautafelkopf
{
  position:relative;
  left:0px;
  top:0px;
  height:342px;
  width:100%;

  background-position: right center;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/elemente/bautafel_kopf.jpg');
}

.bautafelfirma_mitte
{
  position:relative;
  left:0px;
  top:0px;
  height:304px;
  width:100%;

  background-position: right center;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/elemente/bautafel_tafelmitte.jpg');  
}

.bautafelfirma_unten
{
  position:relative;
  left:0px;
  top:0px;
  height:304px;
  width:100%;

  background-position: right center;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/elemente/bautafel_tafelunten.jpg');  
}

.bautafelfirma_mitte_tabellarisch
{
  display:none;
  position:relative;
  left:0px;
  top:0px;
  height:73px;
  width:100%;

  background-position: right top;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/elemente/bautafel_tafelmitte_tabellarisch.jpg');  
}

.bautafelfirma_unten_tabellarisch
{
  display:none;
  position:relative;
  left:0px;
  top:0px;
  height:93px;
  width:100%;

  background-position: right center;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/elemente/bautafel_tafelunten_tabellarisch.jpg');  
}

.bautafelfirma_mitte_einklappbar
{
  display:block;
  position:relative;
  left:0px;
  top:0px;
  height:304px;
  width:100%;
  overflow:visible;

  background-position: right top;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/elemente/bautafel_tafelmitte_einklappbar.jpg');  
}

.bautafelfirma_unten_einklappbar
{
  display:block;
  position:relative;
  left:0px;
  top:0px;
  height:304px;
  width:100%;
  overflow:visible;

  background-position: right center;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/elemente/bautafel_tafelunten_einklappbar.jpg');  
}

#bautafelnummer
{
  position: absolute;
  left: 85px;
  top: 20px;
  width: 200px;
  height: 25px;
}

#bautafelmenue
{
  display: block;
  position: absolute;
  left: 286px;
  top: 10px;
  width: 600px;
  height: 45px;
  
  text-align: right;
}

#bautafelfirmenmenue
{
  position: absolute;
  left: 536px;
  top: 10px;
  width: 350px;
  height: 45px;
  
  text-align: right;
}

#bautafelplusminus
{
  position: absolute;
  left: 36px;
  top: 20px;
  width: 20px;
  height: 20px;
  cursor: hand;
}

#bautafelgewerk
{
  position: absolute;
  left: 85px;
  top: 5px;
  width: 800px;
  height: 50px;
}

#bautafelgewerkicon
{
  float:left;
}

#bautafelgewerkbezeichnung
{
  display:inline-block;

  margin-top: 20px;
  padding-left: 15px;  
}

#bautafelgewerkbezeichnung_tabellarisch
{
  float:left;
  display:inline;

  margin-top: 20px;
  margin-left: 15px;  
}

#bautafelfirmenangabe
{
  float:left;
  display:inline;

  margin-top: 20px;
  margin-left: 15px;  
}

#bautafelfirmenangabe_logo
{
  float:right;
  display:inline;

  margin-left: 15px;  
}

#bautafelnummerinfo
{
  display:none;
  z-index: 100;

  position: absolute;
  left: 205px;
  top: 34px;
  width: 432px;
  height: 256px;
  text-align:center;

  border-style:solid;
  border-width:1px;
  border-color:#2b5dbb;
  
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url('/bildvorlagen/elemente/bautafelnummer.jpg');  
}

#bautafelphoto
{
  position: absolute;
  left: 85px;
  top: 84px;
  width: 255px;
  height: 170px;
  text-align:center;
}

#bautafelbeispieleinblenden
{
  position: absolute;
  left: 75px;
  top: 200px;
  width: 255px;
  height: 40px;
  text-align:center;
}

#bautafelfirmenlogo
{
  position: absolute;
  left: 85px;
  top: 84px;
  width: 190px;
  height: 170px;
  text-align:center;
}

#bautafelbeschreibung
{
  position: absolute;
  left: 375px;
  top: 70px;
  width: 280px;
  height: 180px;
  overflow: auto;
  z-index: 10;
}

#bautafelbauherr
{
  width: 278px;
}

#firmenbeschreibung
{
  position: absolute;
  left: 305px;
  top: 80px;
  width: 350px;
  height: 210px;
  overflow: auto;
}

#bautafelbuttons
{
  position: absolute;
  left: 700px;
  top: 100px;
  width: 190px;
  height: 150px;
}

.bauherrnlogo
{
  float: left;
  padding-right: 10px;
}

#bautafelmenueleiste
{
  display:none;
  position: absolute;
  left: 75px;
  top: 275px;
  width: 800px;
  height: 41px;

  margin-top:0px;
  margin-bottom:0px;
}

#bautafelarbeiten
{
  position: absolute;
  left: 685px;
  top: 80px;
  width: 210px;
  height: 190px;
  overflow: visible;
  padding-right:2px;
}

#bautafelarbeiten_photo1
{
  float:left;
  width:94px;
  height: 94px;
}

#bautafelarbeiten_photo2
{
  float:right;
  width:94px;
  height: 94px;
}

#bautafelarbeiten_photobreit
{
  width:208px;
  height: 94px;
}

.labeltd
{
  width:80px;
  text-align:center;
  vertical-align:top;

  border-style:solid;
  border-width:1px;
  border-color:#cccccc;
  background-color: #f1f2f3;
}

#bautafelfirmen_logoeingabe
{
  position: relative;
  border-style:solid;
  border-width:1px;
  border-color:#2b5dbb;
  background-color: #f1f2f3;
  left:-85px;
  top:5px;
  width: 260px;
  padding: 10px;
}

#bautafelarbeiten_photoeingabe
{
  position: relative;
  left:677px;
  top:220px;

  border-style:solid;
  border-width:1px;
  border-color:#2b5dbb;
  background-color: #f1f2f3;
  width: 260px;
  padding: 10px;
}

#bautafelphoto_eingabe
{
  position: relative;
  border-style:solid;
  border-width:1px;
  border-color:#2b5dbb;
  background-color: #f1f2f3;
  left:-15px;
  top:-5px;
  width: 260px;
  padding: 10px;
}

#bautafelbeschreibung_eingabe
{
  border-style:solid;
  border-width:1px;
  border-color:#2b5dbb;
  background-color: #f1f2f3;

  position: absolute;
  left: 375px;
  top: 70px;
  width: 290px;
  overflow: show;
}

#bautafelbauherr_tabelle
{
  width: 290px;
}

#bautafelarbeiten_bauherrnlogoeingabe
{
  position: relative;
  left:600px;
  top:250px;

  border-style:solid;
  border-width:1px;
  border-color:#2b5dbb;
  background-color: #f1f2f3;
  width: 260px;
  padding: 10px;
}


#bautafelempfehlen
{
  border-style:solid;
  border-width:1px;
  border-color:#2b5dbb;
  background-color: #f1f2f3;

  position: absolute;
  left: 80px;
  top: 70px;
  width: 800px;
  height: 240px;
  padding: 2px;
  overflow: show;
  z-index: 20;
}

#bautafelempfehlenschliessen
{
  cursor: hand;
  
  border-style:solid;
  border-width:1px;
  border-color:#2b5dbb;
  background-color: #f1f2f3;
  font-weight:bold;
  text-align:center;

  position: absolute;
  right: 3px;
  top: 3px;
  width: 15px;
  height: 15px;
  z-index: 21;
}

.schliessenbutton
{
  cursor: hand;
  
  border-style:solid;
  border-width:1px;
  border-color:#cccccc;
  background-color: #f1f2f3;
  font-weight:bold;
  text-align:center;

  position: absolute;
  right: 10px;
  top: 10px;
  width: 15px;
  height: 15px;
  z-index: 21;
}
#passwortvergessen
{
  position:absolute;
  left: 30px;
  top: 230px;
}

.listentabelle
{
  border-collapse: collapse;
  width: 100%;
}

.listenzelle
{
  border-style:solid;
  border-width:2px 1px 2px 1px;
  border-color:#cccccc;
  background-color: #f1f2f3;

  padding: 3px;
}

#bautafelkopfbeispiel_aus
{
  display: block;
}

#bautafelkopfbeispiel
{
  display: none;
}

#neuebautafeln
{
  height:176px;
}

#neuefirmen
{
  height:176px;
}


.formularhinweis
{
  font-size: 13px;
}

.formularfehler
{
  color: red;
  font-size: 13px;
}

.formulartabelle
{
  border-style: solid;
  border-color: lightgrey;
  border-width: 0px;
  
  width: 95%;
  border-collapse: collapse;
  empty-cells: hide;
  table-layout:auto;
}

.listenformulartitel
{
  font-weight: bold;
  text-decoration: underline;
  padding: 25px 5px 5px 5px;
}

.listenformularzelle
{
  border-style: solid;
  border-color: lightgrey;
  border-width: 0px 0px 1px 0px;
  padding: 5px 5px 5px 5px;
}

.tabelle
{
  text-align: left;
  vertical-align: top;
  padding: 2px;

  border-style:solid;
  border-width:1px;
  border-color:#cccccc;
  background-color: #f1f2f3;
}