@charset "utf-8";
	/* Footer styles */
	.colmaskfooter{
		margin-bottom: 1em;
	}
	
	#button-service-navi{
		height: 38px;
		background-image: url(../img/allgemein/button_servce_navi.png);
	}

	#button-service-navi ul{
		padding: 12px 0 0 0;
		margin: 0;
		list-style-type: none;
	}

	#button-service-navi ul li{
		float: left;
		color: #fff;
	}

	#button-service-navi ul li a{
		color: #fff;
		padding: 0 1em 0 1em;
	}

	#blog, #shop{
		font-size: 15px;
		color: #36c;
		background-image: url(../img/allgemein/button_small_inactive.png);
		float: left;
		width: 111px;
		height: 38px;
		padding: 0 0 0 0;
		margin-left: .35em;
		text-align: left;
	}
  
  /* now trying these as real links */
  #shop a,
  #blog a{
    display: block;  
    float: left;
    padding-left: 5px;
    padding-top: 10px;
    width: 95px;
    background-repeat: no-repeat;
    background-position: right 6px;
    height: 25px;
  }
  
  #shop a{
    background-image: url(../img/allgemein/icon_shop.png);
  }
  #blog a{
    background-position: right 4px;
    background-image: url(../img/allgemein/icon_blog.png);
  }
  
  #shop a:hover,
  #blog a:hover{
    color:#fff;
  }
	
	#blog #blogfont, #shop #shopfont{
		padding-top: 10px;
		padding-left: 5px;
		width: 30%;
		float: left;
	}
	
	#blog #blogimg, #shop #shopimg{
		background-position: center right;
		background-repeat: no-repeat;
		width: 55%;
		height: 38px;
		float: left;
	}
	
	#blog #blogimg{ background-image: url(../img/allgemein/icon_blog.png); }
	#shop #shopimg{ background-image: url(../img/allgemein/icon_shop.png); }
	
	#blog:hover, #shop:hover{
		font-size: 15px;
		color: #fff;
		background-image: url(../img/allgemein/button_small_active.png);
		float: left;
		width: 111px;
		height: 38px;
		padding: 0 0 0 0;
		margin-left: .35em;
		cursor: pointer;
	}