html, body {
  font: 100% Arial;
  width: 100%;
  height: 100%;
  border: solid 0px;
  float: left;
  margin: auto;
  padding: 0;
}


#kopfbereich {
	float: left;
	width: 100%;
	height: 85px;
	background-color: #fbf7f7;
    padding: 6px 0em 0em 0em;
	border: none;
    font: 100% Arial;
    font-size: large;
    position: fixed;
    top:      0px;
}

#kopfbereichLOGIN {
	float: left;
	width: 100%;
	height: 65px;
	background-color: #fbf7f7;
    padding: 6px 0em 0em 0em;
	border: none;
    font: 100% Arial;
    font-size: large;
    position: fixed;
    top:      0px;
}

#kopfbereichprofil {
	float: left;
	width: 100%;
	height: 50px;
	background-color: #ffffff;
    padding: 6px 0em 0em 0em;
	border: none;
    font: 100% Arial;
    font-size: large;
    position: fixed;
    top:      0px;
}


#kopfbereichadbutton {
	float: left;
	width: 100%;
	height: 65px;
	background-color: #f7f7f7;
    padding: 10px 0em 0em 0em;
	border: none;
    font: 100% Arial;
    font-size: large;
    position: relative;
    top:      0px;

}

#kopfbereichindex {
	float: left;
	width: 100%;
	height: 85px;
	background-color: #ffffff;
    padding: 0px 0em 0em 0em;
	border: none;
    font: 100% Arial;
    font-size: large;
    position: fixed;
    top:    0px;

}

#kopfbereichindeximg {
	float: left;
	width: 100%;
	height: 50px;
	background-color: #f7f7f7;
    padding: 0px 0em 0em 0em;
	border: none;
    font: 100% Arial;
    font-size: large;
    position: left;
    top:    0px;

}



#kopfbereichindexstore {
	float: left;
	width: 100%;
	height: 55px;
	background-color: #fbf7f7;
    padding: 11px 0em 0em 0em;
	border: none;
    font: 100% Arial;
    font-size: large;
    position: fixed;
    top:    0px;

}

#schatten {
	float: left;
	width: 100%;
	height: 100%;
	border: none;

}


#schattenv3 {
	float: left;
    padding: 0em 0em 0em 0em;
	width: 100%;
	height: 10%;
	border: none;


}


#schattenv4-store {
	float: left;
	width: 100%;
	height: 4px;
	border: none;
	background-color: #f7f7f7;


}

#schattenikopfv2 {
	float: left;
	width: 100%;
	height: 65px;
	border: none;
	border-color: #cecece;
	background-color: #444444;
    position: absolute;
    top:      65px;
}

#schattenikopfv3 {
	float: left;
	width: 100%;
	height: 50px;
	border: none;
	border-color: #cecece;
    background-image: url(bilder/schattenrubrik.png);
    position: fixed;
    top:     65px;

}


#schattenprofil {
	float: left;
	width: 100%;
	height: 50px;
	border: none;
	border-color: transparent;
    position: fixed;
    top:      52px;
}



#schattenadbutton {
	float: left;
	width: 100%;
	height: 50px;
	border: none;
   background-repeat: no-repeat;
    position: fixed;
    top:      75px;
}

#schattenhelp {
	float: left;
	width: 100%;
	height: 50px;
	border: none;
	background-color: #525252;
}


#inhaltprofil {
  width: 100%;
  height: auto;
  float: left;
  margin: 0;
  padding: 3.5em 0em 0em 0em;
  border: solid 0px;
  background-color: #f0f0f0;
  font: Times;
  font-size: medium;
}


#inhaltLOGIN {
  width: 100%;
  height: 83%;
  float: left;
  margin: 0;
  padding: 0em 0em 0em 0em;
  border: solid 0px;
  background-color: #f0f0f0;
  font: Times;
  font-size: medium;
}

#inhalt {
  width: 100%;
  height: auto;
  float: left;

  margin: 0;
  padding: 5em 0em 0em 0em;
  border: solid 0px;
  background-color: #f0f0f0;
  font: Times;
  font-size: medium;
}


#inhalt h1, h2, h3, p, ul {
  padding-bottom:.7em;
}

#inhalt ul {
  padding-left:2em;
}


#inhaltindex {
  width: 100%;
  height: 83%;
  float: left;
  margin: 0;
  padding: 0em 0em 0em 0em;
  border: solid 0px;
  font: Canada;
  font-size: 14px;



}

#inhaltindexlogin {
  width: 100%;
  height: 100%;
  float: left;
  margin: 0;
  padding: 4em 0em 0em 0em;
  border: solid 0px;
  font: Canada;
  font-size: 14px;

}



#inhalt-post {
  width: 100%;
  height: auto;
  float: left;
  margin: 0;
  padding: 6em 0em 0em 0em;
  border: solid 0px;
  background-color: #fbf7f7;
  font: Times;
  font-size: medium;

}


#inhaltstore {
  width: 100%;
  height: auto;
  float: left;
  margin: 0;
  padding: 0em 0em 0em 0em;
  border: solid 0px;
  background-color: #ffffff;
  font: Arial;
  font-size: 14px;

}


#buttonprodukt
{
    background-image: url(bilder/produktbutton.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 1.2em 7.3em 1.2em 7em;
    border: 0px;
}

#buttonprodukt:hover
{
    background-image: url(bilder/produktbuttonv2.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 1.2em 7.3em 1.2em 7em;
    border: 0px;
}

#buttonversand
{
    background-image: url(bilder/versandbutton.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 1.2em 7.3em 1.2em 7em;
    border: 0px;
}

#buttonversand:hover
{
    background-image: url(bilder/versandbuttonv2.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 1.2em 7.3em 1.2em 7em;
    border: 0px;
}

#buttonmaterial
{
    background-image: url(bilder/materialbutton.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 1.2em 7.3em 1.2em 7em;
    border: 0px;
}

#buttonmaterial:hover
{
    background-image: url(bilder/materialbuttonv2.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 1.2em 7.3em 1.2em 7em;
    border: 0px;
}

#buttongrosse
{
    background-image: url(bilder/grossebutton.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 1.2em 7.3em 1.2em 7em;
    border: 0px;
}

#buttongrosse:hover
{
    background-image: url(bilder/grossebuttonv2.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 1.2em 7.3em 1.2em 7em;
    border: 0px;
}


#buttonbestellen
{
    background-image: url(bilder/bestellen.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 0em 9em 5em 10em;
    border: 0px;
}

#buttonbestellen:hover
{
    background-image: url(bilder/bestellenv2.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 0em 9em 5em 10em;
    border: 0px;
}


#buttonkaufenbestell
{
    background-image: url(bilder/kaufen.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 0em 9em 5em 10em;
    border: 0px;
}

#buttonkaufenbestell:hover
{
    background-image: url(bilder/kaufenv2.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 0em 9em 5em 10em;
    border: 0px;
}


#buttonnow
{
    background-image: url(bilder/now.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 1em 0em 0em 0em;
    border: 0px;
}

#buttonnow:hover
{
    background-image: url(bilder/nowv2.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 1em 0em 0em 0em;
    border: 0px;
}

#buttonstarten
{
    background-image: url(bilder/jetztstartenv1.png);
    background-repeat: no-repeat;
    text-decoration: none;
    width: 100%;
    height: 45px;
    border: 0px;
}

#buttonstarten:hover
{
    background-image: url(bilder/jetztstartenv2.png);
    background-repeat: no-repeat;
    text-decoration: none;
    width: 140px;
    height: 45px;
    border: 0px;
}



#buttonkategorien
{
    background-image: url(bilder/kategorienv1.png);
    background-repeat: no-repeat;
    padding: 0.7em 8em 1em 5em;
}

#buttonkategorien:hover
{
    background-image: url(bilder/kategorienv2.png);
    background-repeat: no-repeat;
    padding: 0.7em 8em 1em 5em;
}


#buttontopstaedte
{
    background-image: url(bilder/topstaedtev1.png);
    background-repeat: no-repeat;
    padding: 0.7em 8em 1em 5em;
}

#buttontopstaedte:hover
{
    background-image: url(bilder/topstaedtev2.png);
    background-repeat: no-repeat;
    padding: 0.7em 8em 1em 5em;
}



#buttonprobierkarte
{
    background-image: url(bilder/probierkarte_v1.png);
    background-repeat: no-repeat;
    text-decoration: none;
    width: 100%;
    height: 45px;
    border: 0px;
}

#buttonprobierkarte:hover
{
    background-image: url(bilder/probierkarte_v2.png);
    background-repeat: no-repeat;
    text-decoration: none;
    width: 140px;
    height: 45px;
    border: 0px;
}


#buttonwerbung
{
    background-image: url(bilder/onlinewerbungschaltenv1.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 1.2em 5.5em 2em 0em;
    border: 1px;
}

#buttonwerbung:hover
{
    background-image: url(bilder/onlinewerbungschaltenv2.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 1.2em 5.5em 2em 0em;
}

#buttonadbutton
{
    background-image: url(bilder/dreischritte.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 15em 34em 5em 0em;
}

#buttonadbutton:hover
{
    background-image: url(bilder/werbungschaltenbuttonv2.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 15em 34em 5em 0em;
}




#buttonvorschlag
{
    background-repeat: no-repeat;
    text-decoration: none;
}

#buttonvorschlag:hover
{
    text-decoration: none;
    padding: 5em 0em 0em 0em;
    background-image: url(bilder/vorschlagkleinbutton.png);
}



#buttonvorschlagindex
{
    background-repeat: no-repeat;
    text-decoration: none;
}

#buttonvorschlagindex:hover
{
    text-decoration: none;
    padding: 15em 0em 0em 0em;
    background-image: url(bilder/vorschlagbildbutton.png);
}



#buttonadsite
{
    background-image: url(bilder/werbungschaltenbuttonv3.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 15em 34em 5em 0em;
}

#buttonadsite:hover
{
    background-image: url(bilder/werbungschaltenbuttonv4.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 15em 34em 5em 0em;
}


#suchebutton
{
    background-image: url(bilder/suchebuttonv1.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 0.41em 5em 1em 1em;
}

#suchebutton:hover
{
    background-image: url(bilder/suchebuttonv2.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 0.41em 5em 1em 1em;
}


#buttonanmelden
{
    background-image: url(bilder/anmelden.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 1.2em 5.5em 2em 4em;
    border: hidden;
}

#buttonanmelden:hover
{
    background-image: url(bilder/anmelden.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 1.2em 5.5em 2em 4em;
}

#buttonabmelden
{
    background-image: url(bilder/abmelden.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 1.2em 5.5em 2em 4em;
    border: hidden;
}

#buttonabmelden:hover
{
    background-image: url(bilder/abmelden.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 1.2em 5.5em 2em 4em;
}

#button
{
    text-decoration: none;
    border: hidden;
}

#button:hover
{
    text-decoration: none;
    padding: 8.8em 0em 0em 0em;
    width: 100%;
    height: 100%;
    background-color: #d2d2d2;
}


#bildermenue2
{
    background-image: url(bilder/bildtextmenue.png);
    background-repeat: no-repeat;
    text-decoration: none;
    width: 100%;
    height: 30px;
    padding: 5px 0 0 0;
    color: white;

}


#bildermenue
{
    background-repeat: no-repeat;
    text-decoration: none;
    text-align: left;
    width: 100%;
    height: 30px;
    font-size: 16px;
    padding: 5px 0 0 0;
    color: #555555;

}

#bildermenue:hover
{
    background-image: url(bilder/bildtextmenue.png);
    background-repeat: no-repeat;
    text-decoration: none;
    text-align: left;
    color: white;
    width: 100%;
    height: 30px;
    font-size: 16px;
    padding: 5px 0 0 0;
}


#bildermenue3
{
    background-repeat: no-repeat;
    text-decoration: none;
    text-align: left;
    width: 100%;
    height: 35px;

}

#bildermenue3:hover
{
    background-image: url(bilder/bildtextmenue.png);
    background-repeat: no-repeat;
    text-decoration: none;
    text-align: left;
    color: white;
    width: 100%;
    height: 50px;
}


#strichtext
{
    background-repeat: no-repeat;
    text-decoration: none;
    width: 100%;
    height: 43px;

}

#strichtext:hover
{
    background-image: url(bilder/textuntstrich.png);
    background-repeat: no-repeat;
    text-decoration: none;
    color: #555555;
    width: 100%;
    height: 43px;
}



#strichtext2
{
    background-image: url(bilder/textuntstrich.png);
    background-repeat: no-repeat;
    text-decoration: none;
    width: 100%;
    height: 43px;

}



#hiergewesen
{
    background-image: url(bilder/hiergewesen.png);
    width: 129px;
    height: 23px;
    background-repeat: no-repeat;
    text-decoration: none;
    font-size: 7px;
    padding: 0.0em 0em 0em 0em;
}

#hiergewesen:hover
{
    background-image: url(bilder/hiergewesenv2.png);
    width: 129px;
    height: 23px;
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 0.0em 0em 0em 0em;
}




#buttonprint
{
    background-image: url(bilder/print.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 1.2em 1em 2em 1em;
    border: hidden;
}




#nonFooter
{
position: relative;
min-height: 10%;
}

* html #nonFooter
{
height: 40%;
}

#content
{
padding-bottom: 0em;
}

#pfeil
{
position: relative;
margin-top: 1em;
}

.screen-ausblenden {
display: none;
}




#buttonindex
{
    text-decoration: none;
    border: hidden;
}

#buttonindex:hover
{
    text-decoration: none;
    padding: 4.8em 0em 0em 0em;
    background-image: url(bilder/buttonindex.png);
    background-repeat: no-repeat;
}

#buttonindex2
{
    text-decoration: none;
    border: hidden;
    padding: 4.8em 0em 0em 0em;
    background-image: url(bilder/buttonindex.png);
    background-repeat: no-repeat;
}


#button5
{
    text-decoration: none;
    color: #555555;
    font-size: 14px;
}

#button5:hover
{
    text-decoration: underline;
    color: #555555;
    font-size: 14px;
}

#button2
{
    text-decoration: none;
    color: white;
    font-size: 14px;
}

#button2:hover
{
    color: #dedede;
}


#button3
{
    text-decoration: none;
    color: #808080;
    font-size: 14px;
}

#button3:hover
{
    color: black;
    text-decoration: underline;
}


#button4
{
    text-decoration: none;
    color: #808080;
    font-size: 14px;
}

#button4:hover
{
    color: black;
    background-image: url(bilder/under.png);
    padding: 0 0 1.5em 0;
}


#button5
{
    text-decoration: none;
    color: #000000;
    font-size: 14px;
}

#button5:hover
{
    color: #000000;
    text-decoration: underline;
}

#buttonflags
{
    text-decoration: none;
    color: #555555;
    font-size: 12px;
}

#buttonflags:hover
{
    color: #0165C5;
    
}


#buttonspeak
{
    background-image: url(bilder/teilen.png);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 0em 0em 0em 0em;


}

#buttonspeak:hover
{

    background-repeat: no-repeat;
    text-decoration: none;
    padding: 0em 0em 0em 0em;
    font: normal;
    font-size: medium;
}





#wetter:hover
{
    background-image: url(bilder/infojob.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 4em 2em 0em 0em;
}



#buttonface
{
    background-image: url(bilder/socialmedia/facev1.png);
    padding: 2.6em 0em 0 3em;
    text-decoration: none;
}

#buttonface:hover
{
    background-image: url(bilder/socialmedia/facev2.png);
    padding: 2.6em 0em 0 3em;
    text-decoration: none;
}


#buttontwitter
{
    background-image: url(bilder/socialmedia/twitterv1.png);
    padding: 2.8em 0em 0 4em;
    text-decoration: none;
}

#buttontwitter:hover
{
    background-image: url(bilder/socialmedia/twitterv2.png);
    padding: 2.8em 0em 0 4em;
    text-decoration: none;
}


#buttongoogleplus
{
    background-image: url(bilder/socialmedia/googleplusv1.png);
    padding: 2.8em 0em 0  3em;
    text-decoration: none;
}

#buttongoogleplus:hover
{
    background-image: url(bilder/socialmedia/googleplusv2.png);
    padding: 2.8em 0em 0  3em;
    text-decoration: none;
}

#buttonyoutube
{
    background-image: url(bilder/socialmedia/youtubev1.png);
    padding: 2.8em 0em 0  3em;
    text-decoration: none;
}

#buttonyoutube:hover
{
    background-image: url(bilder/socialmedia/youtubev2.png);
    padding: 2.8em 0em 0  3em;
    text-decoration: none;
}


#buttoninsta
{
    background-image: url(bilder/socialmedia/instagamv1.png);
    padding: 2.7em 0em 0 3em;
    text-decoration: none;
}

#buttoninsta:hover
{
    background-image: url(bilder/socialmedia/instagamv2.png);
    padding: 2.7em 0em 0 3em;
    text-decoration: none;
}



#buttonde
{
    background-image: url(bilder/dev1.png);
    padding: 0em 0em 0  0.9em;
    text-decoration: none;
}

#buttonde:hover
{
    background-image: url(bilder/dev2.png);
    padding: 0em 0em 0  0.9em;
    text-decoration: none;
}



#buttoneng
{
    background-image: url(bilder/engv1.png);
    padding: 0em 0em 0  0.9em;
    text-decoration: none;
}

#buttoneng:hover
{
    background-image: url(bilder/engv2.png);
    padding: 0em 0em 0  0.9em;
    text-decoration: none;
}



#buttontr
{
    background-image: url(bilder/trv1.png);
    padding: 0em 0em 0  0.9em;
    text-decoration: none;
}

#buttontr:hover
{
    background-image: url(bilder/trv2.png);
    padding: 0em 0em 0  0.9em;
    text-decoration: none;
}


#buttonchange
{
    background-image: url(bilder/change1.png);
    padding: 0.3em 1.5em 0  0em;
    text-decoration: none;
}

#buttonchange:hover
{
    background-image: url(bilder/change2.png);
    padding: 0.3em 1.5em 0  0em;
    text-decoration: none;
}




#buttondienstestart
{
    background-image: url(bilder/dienstleistungen_big.png);
    background-repeat: no-repeat;
    padding: 0.7em 8em 1em 4.8em;
}

#buttondienstestart:hover
{
    background-image: url(bilder/dienstleistungen_bigv2.png);
    background-repeat: no-repeat;
    padding: 0.7em 8em 1em 4.8em;
}




#buttonproduktestart
{
    background-image: url(bilder/produkte_big.png);
    background-repeat: no-repeat;
    padding: 0.7em 8em 1em 5em;
}

#buttonproduktestart:hover
{
    background-image: url(bilder/produkte_bigv2.png);
    background-repeat: no-repeat;
    padding: 0.7em 8em 1em 5em;
}


#buttonweb
{
    background-image: url(bilder/catogery.png);
    background-repeat: no-repeat;
    padding: 0px 1em 0em 0em;
    float: none;
    text-decoration: none;
}

#buttonweb:hover
{
    background-image: url(bilder/catogery2.png);
    background-repeat: no-repeat;
    padding: 0em 1em 0em 0em;
    text-decoration: none;
}

#buttonsearch
{
    text-decoration: none;
    color: #008000;
}


#buttonsos
{
    background-image: url(bilder/sos.gif);
    background-repeat: no-repeat;
    padding: 0.43em 0em 0em 4em;
}


#buttonweiter
{
    background-image: url(bilder/adsiteweiter.png);
    background-repeat: no-repeat;
    padding: 5em 0em 0em 4em;
}

#buttonweiter:hover
{
    background-image: url(bilder/adsiteweiterv2.png);
    background-repeat: no-repeat;
    padding: 5em 0em 0em 4em;
}


#buttonprodukte
{
    background-image: url(bilder/produkte.png);
    background-repeat: no-repeat;
    padding: 0.5em 3em 1em 3.5em;
}

#buttonprodukte:hover
{
    background-image: url(bilder/produktev2.png);
    background-repeat: no-repeat;
    padding: 0.5em 3em 1.5em 3.5em;
}


#buttonprodukteauswahl
{
    background-image: url(bilder/produktev2.png);
    background-repeat: no-repeat;
    padding: 0.5em 3em 1em 3.5em;
}



#buttondienste
{
    background-image: url(bilder/dienstleistungen.png);
    background-repeat: no-repeat;
    padding: 0.5em 3em 1em 3.5em;
}

#buttondienste:hover
{
    background-image: url(bilder/dienstleistungenv2.png);
    background-repeat: no-repeat;
    padding: 0.5em 3em 1.5em 3.5em;
}


#buttondiensteauswahl
{
    background-image: url(bilder/dienstleistungenv2.png);
    background-repeat: no-repeat;
    padding: 0.5em 3em 1em 4em;
}



#footer {
	float: left;
	width: 100%;
	height: auto;
    background-color: #fbf7f7;
    padding: 0 0 0 0;
    text-decoration: none;
	border: none;
    font: normal;
    font-size: small;
   
   
    
}




input {
	display:block;
	font-size: x-large;
}

form {
	padding:5px;
	margin-bottom: auto;

}



.pass {
    background: #c9ffce;
	border: 1px solid #00a00f;
	width: 60%;
	padding: 10px 10px 10px 10px;
}

.fail {
    background: white;
    border: 1px solid #a00000;
    width: 60%;
    padding: 10px 10px 10px 10px;
}

p.info {
    background: #fffeaf;
    border: 1px solid #ffcc00;
    width: 60%;
	padding: 10px 10px 10px 10px;
}

.input {
padding-left:5px;
padding-right:5px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius: 4px;
background-color:#FFFFFF;
border: 1px solid #CFCFCF;
height:30px;
font-size: 12px;
color:#5F5F5F;
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}

.button {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0000DF), color-stop(1, #0070C0) );
background: -moz-linear-gradient( center top, #0000DF 5%, #0070C0 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000DF', endColorstr='#0070C0');
background-color: #0060FF;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
height:30px;
border: 1px solid #0000FF;
display: inline-block;
color: #EFEFEF;
font-size: 14px;
font-weight: bold;
font-face: arial;
padding: 6px 24px;
text-decoration: none;
cursor: pointer;
}



a{
color:#808080;
text-decoration: none;
}

a:hover{
color:#000000;
text-decoration: none;
}

a:active{
color:#000000;
text-decoration: none;
}



ul#galerie {
    width: 100%;
    float: left;
    padding:0;
    margin:0;
    list-style-type:none;
    font-family:Arial, Helvetica, sans-serif;
}
ul#galerie li{
    padding: 3px;
    background-color:#ebebeb;
    border:1px solid #CCC;
    float:left;
    margin:0 5px 5px 0;
}
ul#galerie li:hover{
    border:1px solid #333;
}
ul#galerie li span{
    display:block;
    text-align:center;
    font-size:10px;
}
ul#galerie li a img{
        border:none;
}