@font-face {
  font-family: "Papyrus";
  src:
    local("Papyrus"),
  	url('/files/cms.1f536a83-ccc1-419f-813e-a6ed6208c05a/papyrus.ttf')
}


body {
 	background-color:white; 
    background-image: url("/img/cms.1f536a83-ccc1-419f-813e-a6ed6208c05a/logoklein.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-position-x: right;
    background-position-y: top;
    background-size: 250px;
    background-position-y: 40px;
    font-family: Copperplate, Papyrus, fantasy;
    padding: 10pt;
}

div#contentfetch {

color:black;
text-align:center;
margin-left: 11vw;
margin-right: 11vw;

}

div.contentbilder {
 	margin-left:7vw;
  	margin-right:11vw;
}

div.menuhead {
 	color: #8f8e8e;
    padding-top:8px;
    padding-left:8px;
    font-size:16pt;
}

div.menuhead img {
  float:left; 
  margin-right:5px;
}


a.menu {
		color: #e45e9d;
		font-size: 14px;
		text-align: center;
		font-variant: small-caps;
		padding: 5px;
		font-weight: bold;
		background-color: #8f8e8e;
		color: white;
		width: 170px;
		display: block;
  		float:left;
  		margin-right:10px;
	}
	a.menu1,a.menu1anmeldung,a.menu1warenkorb,a.menu1bestellung,a.menu1login,a.menu1sel
		{
		background-color: #8f8e8e;
		display: block;
		padding: 3px 0 3px 0;
		width: 172px;
		display: block;
		padding-left: 0.5em;
		font-variant: small-caps;
		font-family: verdana, arial, helvetica, sans-serif;
		font-weight: bold;
		text-decoration: none;
		color: #ffffff;
        float:left;
        margin-right:10px;
	}

	a.menu1sel {
     	color:#e45e9d; 
    }
	
	a.menu1 span
	{
		border:0px;
		margin:0px;
	}
	
	a.menu1anmeldung,a.menu1login,a.menu1bestellung,a.menu1warenkorb {
		background-color: #8f8e8e;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	a.menu1anmeldung,a.menu1login {
		background: #8f8e8e url('/img/user.png') no-repeat right center;
	}
	a.menu1warenkorb {
		background: #8f8e8e url('/img/shop.png') no-repeat right center;
	}
	a.menu2 {
		display: block;
		background-color: #8f8e8e;
		padding: 3px 0 5px 22px;
		width: 158px;
		display: block;
		text-indent: : 1em;
		font-size: 12px;
		font-variant: small-caps;
		font-family: verdana, arial, helvetica, sans-serif;
		font-weight: bold;
		text-decoration: none;
		color: #ffffff;
        float:left;
      	margin-left:5pt;
	}
	a.menu1:hover {
		border: 3px solid lightgray;
	}
	div.menu      .* {
		border: 0px;
		margin: 0px;
	}
	div.mainobenMobile {
		display: none;

	}
	a.area,a.areawarenkorb,a.areahilfe, a.areasmall {
		color: white;
		background-color:rgb(30,155,240);;
		font-size: 24px;
		font-variant: small-caps;
		font-family: verdana, arial, helvetica, sans-serif;
		font-weight: bold;
		text-decoration: none;
		height: 85px;
		min-height:85px;
		width:180px;
		padding:10px;
		border:2px solid white; 
		margin:2px;		
		margin-right:20px;
		display:block;
		float:left;

	}
	a.areasmall { width:90px;}

	a.areawarenkorb { 
	#		display: none;
	}
	a.area:hover {
		text-decoration: underline;
		color: white;
	}

	td.mainunten {
     	background-color: #e45e9d;
      
    }

    h1, h2, h3 {
 		color:#e45e9d ;
	}

	h2 a {
     	color: #e45e9d; 
    }


	div.beitrag {
      max-width: 100%;
      width: 100vw;
      color: #8f8e8e;
      margin-bottom: 3vh;
      text-align: center;
      
    }

	div.beitrag a {
      color: #8f8e8e;
    }
	
	div.bilder img {
    	max-width: 280px;
    	max-height: 280px;
  	}

	h2 a {
     	color: #e45e9d; 
    }

	#fpiccontainer {

       width:100%;
       position: relative;
    }
    #fpictag {
       float: left;
       position: absolute;
       left: 0px;
       top: 0px;
       z-index: 1000;
       padding: 5px;
       font-weight: bold;
       font-size:9vh,
       color:rgb(228, 94, 157),
       text-shadow: -1px 1px 0 #8a8a8a,
                         1px 1px 0 #8a8a8a,
                         1px -1px 0 #8a8a8a,
                         -1px -1px 0 #8a8a8a;
    }

    div.bilder img   {
    	max-height: 230px;
  		max-width: 230px;
	}

	div.bilder {
		float: left;
  		max-width: 233px;
  		width: 233px;
  		height:233px;
  		margin: 2px;
  		text-align: center;
  		border-bottom: 1px solid #e45e9d;
        background-image: url("/img/cms.1f536a83-ccc1-419f-813e-a6ed6208c05a/logoklein.png");
  		background-repeat: no-repeat;
  		background-position: bottom left;
        background-size:70px;
    	
    }

