@CHARSET "UTF-8";
@import url('http://fonts.googleapis.com/css?family=Unica+One');

body { font-family: Verdana; font-size: 14px; }
p { font-family: Verdana; font-size: 14px; }

a img { border: 0; vertical-align: middle; }
a:link, a:visited { text-decoration: none; color: #fff;}
a:hover, a:active { text-decoration: underline; }

/** Error / Success message */
#flashMessage {  }

body.mceContentBody {
	background: #fff;
	color: #000;
	font-family: Verdana;
	font-size: 18px;
}

h1 { color: #000; padding: 0px 0px 5px 0px; margin: 0px; font-size: 40px; font-weight:normal; font-family: Unica One; text-transform: uppercase;}
h2 { color: #686868; padding: 5px 0px 10px 0px; margin: 0px; font-size: 20px; font-weight:normal; font-family: Unica One; text-transform: uppercase;}
h3 { color: #686868; padding: 3px 0px 5px 0px; margin: 0px; font-size: 14px; font-weight:normal; font-family: Unica One; text-transform: uppercase;}
h2 div {display:block; background-color:#e9e9eb; width:100%;}

  #dl_tab{width: 730px; }
  #dl_tab td {font-size: 14px;}
  #dl_tab div {position: relative; height: 309px; font-family: Unica One; text-transform: uppercase; font-size: 31px; color:#000;}
  #dl_tab  a:link,
  #dl_tab  a:visited {font-size: 31px; margin: 0px; padding: 0px;}
  #dl_tab  a:hover,
  #dl_tab  a:active,
  #dl_tab  a.active {}
  #dl_tab img {position: relative; margin: 0px 0px 0px 0px; width: 332px; height: 276px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); 
    -webkit-transition: all .6s ease; 
    -webkit-backface-visibility: hidden; 
  }
  #dl_tab00 img:hover{		/* deactivated here, this is done by a js in default.ctp (see onpageload...) */
    filter: none;
    -webkit-filter: grayscale(0%);
}
  #dl_tab .title {position: relative; top: -110px; height: 40px; padding: 2px 8px 0px 8px; margin: 0px 0px 0px 0px; background-color: #fdd700; display: inline-block; color: #fff;}
  #dl_tab .text {position: relative; top: -114px; height: 29px; padding: 2px 8px 0px 8px; margin: 0px 0px 0px 0px; background-color: #484848; display: inline-block; color: #fff; font-size: 24px;}
  #dl_sub_boden {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
  #dl_sub_boden div {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px; text-align: center; font-family: Unica One; text-transform: uppercase; font-size: 18px; color:#fff; background-color: #484848;}
  #dl_sub_boden img {padding: 0px; margin: 0px; width: 141px;}

  #prod_parkett {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
  #prod_parkett div {padding: 0px 0px 2px 0px; margin: 0px 0px 30px 0px; text-align: center; font-family: Unica One; text-transform: uppercase; font-size: 20px; color:#000; white-space: nowrap; overflow:hidden;}
  #prod_parkett img {padding: 0px; margin: 0px 0px 0px 0px; width: 125px; height: 125px;}

  #partner {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
  #partner div {padding: 5px 0px 35px 0px; margin: 0px 0px 30px 0px; font-size: 14px; font-family: Verdana;}
  #partner img {padding: 0px; margin: 0px 0px 0px 0px; border: 1px solid #ccc}

  #handyman {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
  #handyman img {padding: 0px; margin: 30px 0px 0px 0px; width: 65px; height: 65px;}
  #handyman div {padding: 45px 40px 40px 40px; margin: -35px 0px 30px 0px; background-color: #fff; width: 234px;}
  #handyman h1 {font-size: 30px; margin: 0px 0px 8px 0px; }
  #handyman ul {margin: 5px 0px 6px 0px; padding: 0px 0px 0px 0px;}
  #handyman li {font-family: Unica One; text-transform: uppercase; font-size: 20px; display: block; margin: 0px 0px 0px 0px; padding: 8px 0px 8px 0px; width: 100%; border-bottom: 1px solid #ccc;}

a:link, a:visited, a {
    text-decoration: none;
    color: #000;
}