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


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

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

}

#kopfbereichindex {
	float: left;
	width: 100%;
	height: 50px;
	background-color: #fbf7f7;
    padding: 0px 0em 0em 0em;
	border: solid 0px;
    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: solid 0px;
    font: 100% Arial;
    font-size: large;
    position: fixed;
    top:    0px;

}



#kopfbereichindexstore {
	float: left;
	width: 100%;
	height: 60px;
	background-color: #f7f7f7;
    padding: 0px 0em 0em 0em;
	border: solid 0px;
    font: 100% Arial;
    font-size: large;
    position: fixed;
    top:    0px;

}

#schatten {
	float: left;
	width: 100%;
	height: 115px;
	border: solid 0px;

}

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

#schattenikopfv3 {
	float: left;
	width: 100%;
	height: 53px;
	border: solid 0px;
	border-color: #cecece;
    background-image: url(bilder/schattenrubrik.png);
    position: absolute;
    top:      65px;
}

#schattenadbutton {
	float: left;
	width: 100%;
	height: 40px;
	border: solid 0px;
    background-image: url(bilder/schattenadbutton.png);
    background-repeat: repeat;
    position: fixed;
    top:      70px;	
}

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


#inhalt {
  width: 100%;
  height: auto;
  float: left;
  margin: 0;
  padding: 6em 0em 0em 0em;
  border: solid 0px;

  font: Times;
  font-size: 14px;
} 


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

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


#inhaltindex {
  width: 100%;
  height: 100%;
  float: left;
  margin: 0;
  padding: 6em 0em 0em 0em;
  border: solid 0px;
  font: Canada;
  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;  
}


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

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


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

#buttonkaufenbestell:hover
{
    background-image: url(bilder/kaufenv2.png);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 0em 0em 3em 12em;
    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/sofortloslegen.png);
    background-repeat: no-repeat;
    text-decoration: none;
    width: 140px;
    height: 45px;
    border: 0px;
}

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




#buttonprobierkarte
{
    background-image: url(bilder/probierkarte_v1.png);
    background-repeat: no-repeat;
    text-decoration: none;
    width: 140px;
    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;
}


#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: 8em 0em 0 0;
    background-image: url(bilder/button.png);
}

#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;
}


#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;
}


#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;
}



#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;
}


#buttonweb
{
    background-image: url(bilder/catogery.png);
    background-repeat: no-repeat;
    padding: 0em 1em 0em 0em;
    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 5.5em;
}

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

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

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

#footer {
	float: left;
	width: 100%;
	height: auto;
    background-color: #fbf7f7;
    padding: 0 0 0 0;
    text-decoration: none;
	border: solid 0px;
    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;
}