/*  Typo
----------------------------------------------- */

a:link, a:visited
{
    text-decoration: underline;
    color:#EC4413;
}
a:active { 	text-decoration: underline; }
a:hover { text-decoration:none; }


h1 { font:bold 2.5em/140% "Trebuchet MS", Verdana, sans-serif !important; }
h2 { font:bold 1.5em/140% "Trebuchet MS", Verdana, sans-serif !important; }
h3 { font:bold 1.17em/140% "Trebuchet MS", Verdana, sans-serif !important; }
p  { font-size: 1em !important;}
.bildunterschrift{font-size: 90%; line-height: 130%; font-family: 'Times New Roman', serif;  }

p {	font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}

/*  Layout
----------------------------------------------- #333333 #FAB219 url(bg.gif) background: no-repeat top left; */

body {
    overflow-y: scroll;
}

body { 
    background: #4A5543 !important;
    padding:0 0 0 0;
    margin:0;
    /*font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    height:100%;
}

.garmusueb
{
    background:#326304;
    color:#FBF2D3;
    padding-left:3px;
    padding-right:3px;

}

#container
{
    margin:0 auto;
    width:864px;  
    height:1500px;
    background: #FBF2D3;
}
#dbg
{
   position:absolute;
   top:400px;
}
#header
{
    float:right;
    /*position:fixed;
    left:327px;*/
    width:666px;
    padding-top:17px;
    padding-left:17px;
    padding-right:17px;
    padding-bottom:0;
    background: #FBF2D3;
    z-index:90;
}

#header h1,
#header a
{
    padding:0;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:30px;
    font-weight:normal;
    text-decoration:none;
    line-height:1.3em;
    color:#666666;
    text-align:right;
}

#header img { width:666px;
              padding-left: 0px;
              }
#headerimg{ height:87px;
           }

#header a:hover { text-decoration:none;  }

#menue
{
    background: #FBF2D3;
    position:fixed;
    width:164px;
    padding:0;
    z-index:100;
}

#menue img {  
              width:70px;
              padding-left: 17px;
              position:fixed; /* ein Trick, um zitterfrei Anzeige 50px oberhalb des unteren Rands zu ermöglichen */
              bottom:50px;
              z-index:110;
              }
#navigation
{
    /*background: #FBF2D3;*/
    float:left;
    width:150px;
    padding-left:14px;
    padding-top:17px;
    padding-bottom:17px;
    padding-right:0;
    overflow:hidden;
    position:absolute;
    z-index:120;
}

#navigation .mainNav3 
{
    padding-left:20px ;
}


#sidebar
{
    padding-top:10px;
}

#content
{
    float:right;
    width:666px;
    padding:17px;
}

.mehroderweniger
{ 
     display: none; 
}

.mehrowebutton
{ 
     color: red;
     text-decoration: underline;
}


#platzhalterstart
{
    width:550px;
    padding-bottom:4000px;
    padding-left:20px;
}

.vereinspalte
{ 
    height:400px;
    overflow:hidden;
    padding:5px;
    padding-left: 20px;
}

.vereinspalte img
{ 
    width:270px;
}

.vereinrahmenl
{ 
   width:275px;
   padding-left:50px;
}
.vereinrahmenr
{ 
   width:275px;
   padding-right:50px;
}

/*******************************/
.naschuKGspalteL
{ 
   float:left;width:380
}

.naschuKGspalteL > div 
{ 
   width:370px;
   padding-top:5px;
   padding-right:10px;
}

.naschuKGspalteL > div img:first-of-type 
{ 
   padding-top:0px;
}

.naschuKGspalteL img
{ 
   width:100%;
}

.naschuKGspalteLbu
{ 
  width:370px;
  padding-right:10px;
  padding-bottom:5px
}

.naschuKGspalteR
{ 
   float:right;width:380
}

.naschuKGspalteR > div 
{ 
   width:370px;
   padding-top:5px;
   padding-left:10px;
}

.naschuKGspalteR > div img:first-of-type 
{ 
   padding-top:10px;
}

.naschuKGspalteR img
{ 
   width:100%;
}

.naschuKGspalteRbu
{ 
  width:370px;
  padding-right:10px;
  padding-bottom:5px
}

.inspflanzentabcell
{ 
  display:table-cell;vertical-align:top; padding-left:20px;border:thin solid black
}

.inspflanzentabhead
{ 
  display:table-header-group;width:666px;border:thick solid black;background-color: #D8D8D8;
  font:bold 16px/140% "Trebuchet MS", Verdana, sans-serif;
}


.inspflanzentabrow
{ 
  display:table-row;width:666px
}
.deutschername
{ 
 width:200px
}
.lateinischername
{ 
 width:200px
}
.bluetemonat
{ 
 width:133px
}
.ausdauer
{ 
 width:133px
}

.inspflanzentabrow:nth-of-type(odd) {
       background-color: #e4ebf2 
}



/*******************************/

#lageplan,#lagetext
{
    margin-left:30px;
    width:600px;
}

#lageplan
{
    height:500px;
    border:none;
    padding-bottom: 15px;
}


#footer
{
    clear:both;
    margin-top:10px;
    background:url(https://u.jimcdn.com/cms/o/sf6f60660d098bd26/userlayout/img/footer-bg.gif?t=1455564704) repeat-x top;
    height:65px;
}


#footer .gutter 
{
    background: #FBF2D3;
    height:30px;
    padding:35px 15px 0 90px;
}

#dummy
{
    height:800px;
    background: ##FBF2D3;
}

/*  Navigation
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2,
ul.mainNav3

{
    margin:0;
    padding: 0;
}


ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li

{
    display: inline;
    margin: 0;	
    padding: 0;
}


ul.mainNav1 li a,
ul.mainNav2 li a,
ul.mainNav3 li a

{
    font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#333;
    border-bottom:1px solid #CCC;
    white-space:nowrap;
}


ul.mainNav1 li a { padding:4px 4px 4px 4px; }
ul.mainNav2 li a { padding:4px 4px 4px 24px; font-style: italic; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; font-style: italic; }


ul.mainNav1 a:hover
{
    background:#4A5543;
    color:white;
    white-space:normal;
}

ul.mainNav1 a.current { font-weight:bold;
                        white-space:normal; 
                        background:#4A5543;
                        color:white;
 }