/**
* @author  Joachim  Eberhardt
* @copyright Copyright 2005, 2007, 2010  Agentur Lernsite - Joachim  Eberhardt
* @version 1.5 19.06.10
* @package die honigmacher backoffice
*

*/
body {
 font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size: 	93%;
 color:     #000000;
 background-image:url("../layout/background.jpg");
}

a {
color: #ffffff;
text-decoration: none; 
}  
a:active {
color: #404040;
text-decoration: none; 
}   
a:hover {
 /*color: #00009f;*/
 /* color: #2b77a7; */
 color: #ffffe5;
 text-decoration:none;
}



/* allgemeine Klassen */
.fontsmall {
 font-weight: normal;
 font-size: 0.75em;
  }
.gruen {
 color: #00bb00;
}

.hidden  {
 display: none;
 visibility:hidden;
}

.rot {
 color: #ff0000;
}
.versteckt {
 display: none;
 visibility:hidden;
}
.warnhinweis {
 color: #ff0000;
}


#accountdata{
 position:absolute;
 top: 220px;
 left: 680px;
 width:  320px;
 color: #000000;
 font-size: 12pt;
 line-height:1.3em;
 z-index: 20;
}

div#container {
 position: absolute;
/* margin: 50 50 50 50;  */
 margin: auto auto;
 width: 98%;
 height: 100%;
 /*background: #ffffff;*/
 z-index:     10;
 }
div#container div#content {
 position:absolute;
 top:      0px;
 left:     0px;
 width: 980px;
 height:   98%;
}


#contentEditor  {
 position:absolute;
 top: 220px;
 left: 12px;
 width: 380px;
 text-align: left;
 z-index: 20;
}
#contentImageEditor  {
 position:absolute;
 top: 220px;
 left: 10px;
 width: 400px;
 text-align: center;
 z-index: 20;
}
h1 {
 margin-top:  0px;
 font-family: Verdana,Arial,sans-serif;
 font-size: 18pt;
 font-weight: normal;
 z-index: 20;
}
h2 {
 font-family: Verdana,Arial,sans-serif;
  color:#575757;
 font-size: 12pt;
 font-weight: normal;
}
h3 {
 font-family: Verdana,Arial,sans-serif;
 color:#575757;
 font-size: 10pt;
 font-weight: normal;
}

#editorHeadline {
 position:absolute;
 top:      175px;
 left:      30px;
 color:  #202020;
 font-size: 18pt;
 z-index:     20;
}

#titleSpalte {
 position: absolute;
 top:        210px;
 left:        30px;
 width: 	 850px;	
 } 
#welcomebesucher {
 position:absolute;
top:        380px;
 left:        30px;
 width:       43em;
} 
#welcomebesucher p {
 font-size:  0.9em;
}
#welcometext {
position:absolute;
 top:        430px;
 left:        30px;
 width:       29em;
} 
.footer {
position:absolute;
 margin-top:   40em;
 margin-left:        30px;
 width:       43em;
}
.footer p {
 font-size:  0.9em;
}
.footer a {
 color: #d46339;
 /*color: #f6be43;*/
}
.footer a:hover {
 color: #08184c;
}
.footer a.schwarz {
 color: #000000;
} 
#editorMeldung  {
 position:absolute;
 top:        315px;
 left:        30px;
 } 
 
#editorFeedbackTabelle  {
 position:absolute;
 top:        25em;
 left:        30px;
 width:       38em;
 padding: 0px;
 margin: 0px;
 text-align:left;
 } 

/* Formular Gliederung */


/* -------------------------------------------- */
/* Button-Leiste                                */
/* -------------------------------------------- */

.editorButton {
 background-image:url("../layout/gradient.jpg");
 margin-top: 0.5em;
 padding:   2px;
 color: #202020;
 font-size: 12pt;
}

.editorButton12 {
 background-image:url("../layout/gradient.jpg");
 margin-top:   0.5em;
 width:       14.0em;
 padding:      0.2em;
 color:      #202020;
 font-size:    1.0em;
}


.editorButton14 {
 background-image:url("../layout/gradient.jpg");
 margin-top:   0.5em;
 width:       14.0em;
 padding:      0.2em;
 color:      #202020;
 font-size:    1.1em;
}
 .editorButtonLong {
 background-image:url("../layout/gradient.jpg");
 width: 278px;
 margin-top: 0.2em;
 padding:   2px;
 color: #202020;
 font-size: 12pt;
 }    
.editortogglebutton {
 background-image:url("../layout/gradient.jpg");
 margin-top: 0.5em;
 padding:   2px;
 width: 65px;
 color: #202020;
 font-size: 12pt;
}
.imagebutton {
 position:  absolute;
 top:       -35px;
 left:      -3px;
}

#itemListButton {
 position:  absolute;
 top:       385px;
 left:       10px;
 width:     200px;
 z-index: 10;
}
#itemListButton.editorButton {
 width:     180px;
 }
#itemResetButton {
 position:  absolute;
 top:       335px;
 left:      310px;
 z-index: 10;
}
#itemResetButton.editorButton {
 width:     150px;
 }
#itemSubmitButton  {
 position:  absolute;
 top:       335px;
 left:       10px;
 width:     200px;
 z-index: 10;
}
#itemSubmitButton.editorButton {
 width:     180px;
 }

div#container div#content div#buttonSpalteObenLinks {
 position:absolute;
 top:       20em;
 left:       30px;
 display: block;
 z-index: 30;
 } 
 
div#container div#content div#buttonSpalteObenLinks .editorButton {
 background-image:url("../layout/gradient.jpg");
 background-color: #eee;
 margin:    5px;
 padding:   5px;
 color: #202020;
 font-size: 1em;
}

div#container div#content div#buttonSpalteObenLinks .buttonOben1 {
 position:absolute;
 left:       0em;
 white-space:nowrap;
 } 

div#container div#content div#buttonSpalteObenLinks .buttonOben2 {
 position:absolute;
 left:       15em;
 white-space:nowrap;
 } 
div#container div#content div#buttonSpalteObenLinks fieldset {
 border: none;
 }
 
 div#container div#content div#buttonSpalteObenRechts {
 position:absolute;
 top:       20em;
 left:       30px;
 display: block;
 z-index: 30;
 } 
 
div#container div#content div#buttonSpalteObenRechts .editorButton {
 background-image:url("../layout/gradient.jpg");
 background-color: #eee;
 margin:    5px;
 padding:   5px;
 color: #202020;
 font-size: 1em;
}

 
 
 div#container div#content div#buttonSpalteObenRechts .buttonOben3 {
 position:absolute;
 left:       30em;
 white-space:nowrap;
 } 

 div#container div#content div#buttonSpalteObenRechts .buttonOben4 {
 position:absolute;
 left:       45em;
 white-space:nowrap;
 } 
 
 div#container div#content div#buttonSpalteObenRechts .buttonOben5 {
 position:absolute;
 left:       52em;
 white-space:nowrap;
 }
 
 div#container div#content div#buttonSpalteRechts fieldset {
 border: none;
 } 
 
 
 .buttonUnten1 {
 position:absolute;
 left:       0em;
 width: 15em;
  } 


 .buttonUnten2 {
 position:absolute;
 left:       18em;
 width: 15em;
 } 
 
 
 #seitenEditorDeleteButton {
 position:absolute;
 left:  640px;
 vertical-align:middle;
 padding:4px;
 z-index: 2;
}
 #seitenEditorResetButton {
 position:absolute;
 left:  290px;
 vertical-align:middle;
 padding:4px;
 z-index: 12;
}
 #seitenEditorSpeichernButton {
 position:absolute;
 left:   0px;
 vertical-align:middle;
 padding:4px;
 z-index: 12;
}


 
 div#container div#content div#titleSpalte option {
 width:        14em;
 text-align:   left;
 }



/* -------------------------------------------- */
/*  Spalten-Formatierung                        */   
/* -------------------------------------------- */

/* linke Spalte */

div#container div#content div#linkeFormularSpalte {
 position:absolute;
 top:         25em;
 left:        1.3em;
 width:       28em;
 padding:        0;
 margin:         0;
 text-align:  left;
 }

div#container div#content div#linkeFormularSpalte h3 {
margin-top: 0;
margin-bottom: 0.5em;
font-size: 1.0em;
} 
 
div#container div#content div#linkeFormularSpalte fieldset {
 border:      none;
 width:       28em;
 }

 div#container div#content div#linkeFormularSpalte div {
 margin-bottom:          0.5em;
 padding:  	             0.5em;
 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
 
  }


 
 
div#container div#content div#linkeFormularSpalte fieldset.withborder {
 padding:  	             0.5em;
 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
 }


 
div#container div#content div#linkeFormularSpalte label {
 font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size: 1.0em;
 font-weight: bold;
 }

div#container div#content div#linkeFormularSpalte input {
margin-top:  0.5em;
width:       100%;
/*width:       23.5em;*/
}



div#container div#content div#linkeFormularSpalte div.habitus input {
 margin-left: 0;
 width:       5%;
 float: left;
}

div#container div#content div#linkeFormularSpalte div.habitus input#id_heightMin {
 width:       100%;
 float: none;
 }

 div#container div#content div#linkeFormularSpalte div.habitus input#id_heightMax {
 width:       100%;
 float: none;
 }

 
div#container div#content div#linkeFormularSpalte div.habitus label.habitus {
 padding-left: 0.8em;
 font-size: 0.7em;
}


div#container div#content div#linkeFormularSpalte div.flower input {
 margin-left: 0;
 width:       5%;
 float: left;
}

 
div#container div#content div#linkeFormularSpalte div.flower label.flower {
 padding-left: 0.8em;
 font-size: 0.7em;

}


div#container div#content div#linkeFormularSpalte textarea {
margin-top:  0.3em;
}
 div#container div#content div#linkeFormularSpalte select {
 margin-top: 0.3em;
 width:      100%;
  /*width:       28em;*/
 }

div#container div#content div#linkeFormularSpalte div#pathEditorAuswahlIndex select {
 width: 19em;
  }
 
 
div#container div#content div#linkeFormularSpalte div#pathEditorAuswahlIndex label .fontsmall {
 float: left;
 padding-top: 0.5em;
 width: 11em;
}
 
div#container div#content div#linkeFormularSpalte br {
 padding-bottom: 0.2em;
 clear: both;
}
 
div#container div#content div#linkeFormularSpalte option {
 width:       18em;
}
 
div#container div#content div#linkeFormularSpalte textarea {
 width:       27em;
 font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size: 1.0em;
}

div#container div#content div#linkeFormularSpalte div.interne select option {
 width:       28em;
}

div#container div#content div#linkeFormularSpalte div.interne ul#reference {
 font-size: 0.8em;
}

div#container div#content div#linkeFormularSpalte div.interne ul#reference li {
 padding-bottom: 0.3em;
}
 
/* ************************************************************************************ */
/* rechte Spalte                                                                        */ 
/* ************************************************************************************ */
div#container div#content div#rechteFormularSpalte {
 position:absolute;
 top:          25em;
 left:       32.3em;
 width:        28em;
 padding:        0;
 margin:         0;
 text-align:  left;
 z-index:     12;
}

div#container div#content div#rechteFormularSpalte fieldset {
  border: none; 
   width:       28em;
 }
 
div#container div#content div#rechteFormularSpalte h3 {
margin-top: 0;
margin-bottom: 0.5em;
font-size: 1.0em;
} 
 
 
 
div#container div#content div#rechteFormularSpalte div {
 margin-bottom:     0.5em;
 padding:  	             0.5em;
 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
  }

div#container div#content div#rechteFormularSpalte div p {
padding:        0;
 margin:         0;
 font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size: 1.0em;
 font-weight: bold;
 }
  
div#container div#content div#rechteFormularSpalte fieldset.withborder {
 padding:  	             0.5em;
 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
 }
 div#container div#content div#rechteFormularSpalte label {
 font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size: 1.0em;
 font-weight: bold;
 }
 
 /*
 div#container div#content div#rechteFormularSpalte label.templates {
 font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size: 1.0em;
 font-weight: normal;
 }

 #rechteFormularSpalte label.right {
 float: right;
 margin-top :  1.0em;
 text-align:    left;
 }
 */
div#container div#content div#rechteFormularSpalte div input {
margin-top:  0.3em;
width:       100%;
}

div#container div#content div#rechteFormularSpalte div textarea {
font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size: 1.0em;
margin-top:  0.3em;
width:       100%;
}
 div#container div#content div#rechteFormularSpalte div select {
 margin-top: 0.3em;
 width:      100%;
  /*width:       28em;*/
 }

 div#container div#content div#rechteFormularSpalte div.habitat input {
 margin-left: 0;
 width:       5%;
 float: left;
}
 
div#container div#content div#rechteFormularSpalte div.habitat label.garden {
 padding-left: 0.8em;
 font-size: 0.7em;
 
}

 div#container div#content div#rechteFormularSpalte option {
 width:      100%;
 /*width:       28em;*/
 }
 
div#container div#content div#rechteFormularSpalte div.templates {

}

div#container div#content div#rechteFormularSpalte div.templates label {
 /*float: right;*/
 /*margin-top :  1.0em;*/
  font-weight: normal;
}


div#container div#content div#rechteFormularSpalte div.templates input {
width:       1.5em;
}
 
/* rechte Spalte zum Datei Upload*/
#dateiUploadForm {
 position:absolute;
  top:          25em;
 left:       33.5em;
 /*width:        28em;*/
 width:        auto;
 padding: 10px;
 color: #000000;
 font-size: 1.0em;
 z-index: 20;
}

#dateiUploadForm .formular {
 background:#d0d0d0;
 }

 #dateiUploadForm fieldset {
 background:#d0d0d0;
 }
 
#dateiUploadForm input {
 color: #202020;
 font-size: 1.0em;
}
 
/* ************************************************************************************ */ 
/* eine Spalte ueber ganze Breite - Uebersichtstabellen                                 */
/* Image-Editor - Image-Tabelle                                                         */
/* ************************************************************************************ */
div#container div#content div#editorIndex {
 position:absolute;
 top:   21.5em;
 left:  1.6em;
 color: #202020;
 z-index: 20;
} 
 
div#container div#content div#tableListe {
 margin-top:         2.0em;
 width:             100%;
 /*width:             950px;*/
 }
 div#container div#content div#tableListe table {
 width:              920px;
 background-color: #65829d;
 font-size: 1.0em;
 }
 /*
table.editor {
 margin-top: 60px;
 background-image:url("../layout/background.jpg");
}
*/
div#container div#content div#tableListe td {
font-size: 1.0em;
padding: 0.5em;
}

/*
table.editor td {
padding-top: 25px;
}
*/
div#container div#content div#tableListe td.center {
 text-align: center;
 vertical-align:middle;
}

div#container div#content div#tableListe td.editorbuttonfeld {
 padding:   0.5em;
 text-align: center;
 vertical-align:middle;
}
/*
td.right {
 padding-right: 25px;
 text-align: right;
}
*/
/*
td.editorstatusfeld {
 padding:   5px;
 text-align: left;
 vertical-align:middle;
 font-size: 0.8em;
 white-space:nowrap;
}

td.editortextfeld {
 padding:   5px;
 text-align: left;
 vertical-align:middle;
}
td.thumbnails {
 width:  60px;
 height: 76px;
 vertical-align: middle;
 text-align: center;
}
*/
div#container div#content div#tableListe th {
 color: #202020;
 font-size: 1.0em;
}
/*
#editorIndex a {
color: #000000;
text-decoration: none; 
}  
#editorIndex a:active {
color: #000000;
text-decoration: none; 
}   
#editorIndex a:hover {
 
 color: #990000;
 text-decoration:none;
}
*/
/* eine Spalte ueber ganze Breite - Preview */
#zentraleFormularSpalte  {
 position:absolute;
 top:          25em;
 left:        100px;
 width:       38em;
 
 } 

/* ----------------------------------------------------------- */
/* Aufgaben spezifische Angaben im Backoffice / Editor-Bereich */
/* ----------------------------------------------------------- */

 
div#container div#content div#specificData  {
 position: absolute;
 top:         96em;
 margin:         0;
 left:        2.0em;
 padding:        0.5em;
 text-align:  left;
 width:       59.0em;
 /*width:       100%;*/
 border-left:   1px solid #ddd; 
 border-top:    1px solid #ddd;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
   } 
   
div#container div#content div#specificData fieldset {
  border: none; 
 }
 
div#container div#content div#specificData legend {
  font-weight: bold;
 }
 
div#container div#content div#specificData table {
 margin: 0;
 padding: 0;
 width:       50.5em;
 font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size:   1.0em;
 background-image:url("../layout/background.jpg");
} 


div#container div#content div#specificData table tr td textarea {
 width:       26em;
 font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size:   1.0em;
 }

 
/* ------------------------------------------------- */
/* Navigations-Balken im Backoffice / Editor-Bereich */
/* ------------------------------------------------- */
#navigationMitte {
 position:  absolute;
 top:      117px;
 left:       0px;
 width:     1120px;
 height:	22px;
 font-size: 1em;
 color:  #000000;
 text-align: center;
 z-index:     10;
} 
#navigationMitte ul {
 display: block;
 list-style: none;
 padding: 0;
 margin: 0;
 white-space:nowrap;
  /*background-color: #c0355b; */
  background: transparent;
 width: 100%;
}

#navigationMitte li {
 display: block; 
 padding: 0;
 margin: 0;
 width: 8.5em;
 height: 2.65em;
 color: #202020;
    /*background-color: #c0355b; */
 background: transparent; 
 font-size: 93%;
 border-left: 1px solid #020202;
 text-align: center;
 letter-spacing: 1px;
 font-weight:bold;
 float: left;
 top: 1px;
}

#navigationMitte a {
color: #000000;
 text-align: center;
text-decoration: none; 
}  
#navigationMitte a:active {
color: #65829d;
text-decoration: none; 
}   
#navigationMitte a:hover {
 /*color: #00009f;*/
 color: #65829d;
 text-decoration:none;
}

#navigationMitte span.standort {
 visibility: hidden;
 display: none;
}


.dark {
 /* background: #b0b0b0; */
 background: #c0c0c0; 
}




#editorlimits {
 position:absolute;
 top:  210px;
 left: 425px;
 color: #202020;
 font-size: 18pt;
 z-index: 20;
}
#editornewitem {
 position:absolute;
 top:  210px;
 left: 250px;
 color: #202020;
 font-size: 18pt;
 z-index: 20;
}
#editorupload {
 position:absolute;
 top: 170px;
 left: 570px;
 color: #202020;
 font-size: 18pt;
 z-index: 20;
}

#pagenavigation{
 position:relative;
 top: 40px;
 left: 20px;
 width: 880px;
 color: #606060;
 text-align: center;
 z-index: 20;
}

.formular {
 background:#d0d0d0;
 }
 
#formular {
 position:absolute;
 top: -30px;
 left: 50px;
 z-index: 20;
}



#imagesEditorDataShow {
 position:absolute;
 top: 220px;
 left: 420px;
 width: 560px;
 padding: 10px;
 color: #000000;
 font-size: 12pt;
 z-index: 20;
}
input {
 color: #202020;
 font-size: 12pt;
}



.light {
 background: #d0d0d0;
}

/* -------------------------------------------- */
/* Layout                                       */
/* -------------------------------------------- */
div#container div#layoutElemente  {
 position:  absolute;
 top:      	 0px;
 left:       0px;
 width:     100%;
 color:    #202020;
 z-index:      5;
} 

div#container div#layoutElemente div#linieMitte  {
 position:absolute;
 top:   115px;
 left:    0px;
 height: 40px;
 width:   98%;
 min-width: 950px;
 color:    #202020;
background-color: #f6be43;
 z-index: 2;
 }
 
div#container div#layoutElemente div#title {
 position:absolute;
 top:         1.2em; 
 left:         14.7em;
 font-size:   2.4em;
 z-index:       20;
} 

div#container div#layoutElemente div#title a {
 color:    #202020;
 text-decoration: none; 
} 

div#container div#layoutElemente div#titelbild {
 position:absolute;
 left:     20px;
 top:      20px;
 width:  474px;
 height:  75px;
 z-index: 10;
}

div#container div#layoutElemente div#titelbild a img {
 border: 0;
 text-decoration: none; 
} 

/* debugging */
#debugging {
 position:  absolute;
 top:       30px;
 left:      1060px;
 width:     220px;
}