html, body { height: 100%; margin-bottom:1px; }

body {
  background: url(../img_design/blumegelb.jpg) no-repeat fixed right bottom #262837;
  font-family:Verdana, Arial, Helvetica, sans-serif; color:#DEDEDE;
  font-size: 100.01%;
  padding: 0;
  margin: 0px auto 5px;
  text-align: center;
}

* { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; border: 0; }
p, ul, ol { margin: 1em 0; padding: 0; }

input, select, textarea { font-size: 100%; }
form label, #reset, #submit, #eintrag, #admin, #login, input.check, input.bearbeiten, input.zumAdmin { cursor:pointer; }

.blind {
   position: absolute !important;
   left: -6000px !important;
   top: -6000px !important;
   width: 0px !important;
   height: 0px !important;
}

.stopFloat {
	display: block;
	float: none;
	clear: both;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
.clr { clear: both; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ENDE GRUNDLAGEN */


/* +++++ STARTSEITE +++++ */

#farbiflora { position:relative;
    background: url(../img_design/blumerot.jpg) no-repeat fixed left top;
	text-align: center;
    }
#kopfindex {
    margin: 0; padding-top: 40px;
	}
#kopfindex h1 { 
    font-size: 1.3em; line-height:2em; color: #CCC; 
	letter-spacing: 0.15em; font-weight:normal;
	font-family:"Trebuchet MS"; }

#kopfindex img.flagge { margin: 11px 5px 15px; border: 0; }
#kopfindex a:link img, #kopfindex a:visited img { border: 1px solid #FAC76E; } 
#kopfindex a:focus img, #kopfindex a:hover img, #kopfindex a:active img { border: 1px solid #CCC; }

#navindex { font-size:0.8em; line-height:1.6em; color: #FAC76E; }
#navindex a:link, #navindex a:visited { color:#FAC76E; text-decoration:none; border-bottom: 1px solid #FAC76E; font-weight:bold; }
#navindex a:focus, #navindex a:hover, #navindex a:active { color:#CCC; text-decoration:none; border-bottom: 1px dotted #CCC; font-weight:bold; }

#text01 { position:absolute; top:21em; left:0; font-size:0.8em; line-height:2em; width:100%; text-align:center; margin:auto; }

#bildcontainer {  text-align: left; margin: 55px 0 0 140px; padding:0; }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#gallerycontainer {
position: relative; height: 310px; font-size:1px; line-height:1px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

#gallerycontainer a:link, #gallerycontainer a:visited { border: 0;}
#gallerycontainer a:focus, #gallerycontainer a:hover, #gallerycontainer a:active { border: 0; }

#gallerycontainer img.fake { border:0; margin: 0 7px 7px 0; padding: 0; }

.thumbnail img{
border: 1px solid #FAC76E;
margin: 0 7px 7px 0; padding: 0;
}

.thumbnail:focus, .thumbnail:hover, .thumbnail:active {
background-color: transparent;
}

.thumbnail:focus img, .thumbnail:hover img, .thumbnail:active img {
border: 1px solid #CCC;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFF;
padding: 0;
left: -6000px; top: -6000px;
border: 1px solid #FAC76E;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border: 1px solid #FAC76E;
padding: 2px; margin:0;
}

.thumbnail:focus span, .thumbnail:hover span, .thumbnail:active span { /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 396px; /*position where enlarged image should offset horizontally */
z-index: 50;
}