@CHARSET "UTF-8";
body { padding: 0; margin: 0; overflow-y: scroll; }
body { background: #fff; }

.centered { width: 1000px; position: relative; margin: 0 auto; }

#root {padding: 0px 0px 0px 0px; background-color: #f6f6f6; width:100%;}

#head-wrap {z-index: 1; width: 100%; height:134px;margin: 0px; padding: 0px; background: #fff; font-family: Unica One; text-transform: uppercase;}
#head-bar {position: absolute; z-index: 1; top:96px; width: 100%; height:37px; margin: 0px; padding: 0px; background: #484848;}
#head-image {position: absolute; z-index: 1; top:135px; width: 100%; height:363px; margin: 0px; padding: 0px; background: #ddd;}
#head-content {z-index: 1; height: 134px; padding: 0px; background: #fff;}
  #logo {position: absolute; top: 2px; left: 9px; z-index: 20; }

  #headnav { position: absolute; right: 0px; top: 0px; list-style: none; padding: 0px; margin: 0px; }
  #headnav ul {padding: 0px; margin: 2px; }
  #headnav li { display: inline-block; padding: 0px 8px 0px 8px; margin: 0px 0px 0px -2px; white-space: nowrap; border-right: 1px solid gray;}

  #headnav .navtxt a:link,
  #headnav .navtxt a:visited { color: #484848; padding: 0px 6px 0px 6px; margin:  0px 0px 0px 0px; font-size: 15px; background-color: transparent; text-decoration: none; font-family: Unica One; text-transform: uppercase; font-weight: normal;}
  #headnav .navtxt a:hover,
  #headnav .navtxt a.active { color: #000; background-color: #fdd700;}
  #headnav .fbicon a:link,
  #headnav .fbicon a:visited { color: #484848; padding: 0px 6px 0px 6px; margin:  0px 0px 0px 0px; font-size: 15px; background-color: transparent; text-decoration: none; font-family: Unica One; text-transform: uppercase; font-weight: normal;}
  #headnav .fbicon a:hover ,
  #headnav .fbicon a.active {}

  #topnav-bar {position: absolute; z-index: 10; top:96px; width: 100%; height:37px; margin: 0px; padding: 0px; background-color: #fdd700;}
  #topnav { position: absolute; z-index: 30; right: 0px; top: 103px; list-style: none; padding: 0px; margin: 0px;}
   #topnav ul {padding: 0px; margin: 0px;}
   #topnav li { display: inline-block; padding: 0px; margin: 0px 0px 0px -2px; white-space: nowrap;}
   #topnav li a:link,
   #topnav li a:visited { color: #484848; padding: 7px 32px 5px 32px; margin:  0px 0px 0px 0px; font-size: 21px; background-color: #fdd700; text-decoration: none; font-family: Unica One; text-transform: uppercase; font-weight: normal;}
   #topnav li a:hover,
   #topnav li a:active,
   #topnav li a.active { background-color: #ffe343; }

  #subnav {position: relative; left: 0px; top: 165px; width: 245px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none; text-align:left; display: block; background-color: #fdd700; overflow: hidden;}
   #subnav li { display: inline-block; margin: 0px 0px 0px 0px; padding: 0px 0px 11px 10px; position: relative; height:23px; width: 100%; border-bottom: 0px solid #ddd;}
   #subnav li:after { display: inline-block; margin: 0px 0px 0px 13px; padding: 0px 0px 0px 10px; position: absolute; top: 32px; left: 0px; height:1px; width: 210px; border-bottom: 1px solid #c9bb0a; z-index: 100; content: "";}
   #subnav li a:link,
   #subnav li a:visited { color: #000; padding: 6px 0px 4px 23px; margin: 0px 0px 0px -10px; font-family: Unica One; text-transform: uppercase; font-size: 20px; font-weight: normal; background-color: transparent; text-decoration: none; display:block; }
   #subnav li a:hover,
   #subnav li a:active,
   #subnav li a.active { color: #000; background-color: #ffe343;}
  #sub_navigation {margin:0px; padding:0px;}
  
#content-area {color: #a4a4a4; padding: 0px 0px 30px 0px; font-size: 12px; font-weight: normal; background-color: #f6f6f6; text-decoration: none; }
#main-content {margin: 20px 0px 0px 0px; font-family: Verdana; font-size: 14px; color: #000; min-height: 300px;}

.umallenews {float: left;}
#home_news_hint { color: #fff; text-align:center; line-height:67px; height:67px; padding: 0px 0px 0px 0px; margin: 27px 0px 0px 0px; font-size: 40px; font-weight: normal; background-color: #fdd700; text-decoration: none; font-family: Unica One; text-transform: uppercase;}
.leftbox-wrapper { padding: 0px; margin: 27px 0px 0px 0px; position:relative; float:left;}
.leftbox { padding: 0px; margin: 0px 24px 0px 0px; width: 314px; overflow: hidden; }
  .leftbox a:link,
  .leftbox a:visited {padding: 0px; margin: 0px;}
  .leftbox a:hover,
  .leftbox a:active {text-decoration: none; }
  .leftbox .title { font-family: Unica One; text-transform: uppercase; font-size: 31px; font-weight: normal; padding: 0px; margin: 0px 0px 0px 0px; opacity: 0.75; width:314px; height:45px; background-color: #fdd700; text-align: center; line-height: 45px;}
  .leftbox .text { font-size: 14px; font-weight: normal; padding: 5px 0px 0px 5px; margin: 0px 0px 0px 0px; width:309px; background-color: #fff; font-family: Verdana; min-height: 195px;}
  .leftbox .title .red {  color: #000; width:314px;; padding: 0px 0px 0px 0px; }
  .leftbox .title .grey { background: #e5e5e5; color: #777; padding: 2px 20px 5px 10px; }
  .leftbox .text .red { color: #000; padding: 0px 0px 0px 0px; }
  .leftbox .text .grey { background: #e5e5e5; color: #777; padding: 2px 20px 3px 10px;}
  .leftbox-content {padding:0px; margin:0px;}
#leftbox-img {width:314px; height: 226px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#leftbox-img {
    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; 
}
#leftbox-img:hover{
    filter: none;
    -webkit-filter: grayscale(0%);
}

#home_gmap {padding: 8px 8px 8px 8px; margin: 27px 0px 0px 0px; width: 640px; height: 350px; background-color: #fff;}
#home_contact {padding: 0px 0px 0px 0px; margin: 27px 0px 0px 30px; width: 314px; height: 368px; background-color: white; line-height:20px;}
#home_contact_title {padding: 12px 0px 12px 5px; margin: 0px 0px 0px 0px; width:309px;; background-color: #fdd700; font-family: Unica One; text-transform: uppercase; font-size: 31px; color:#000;}
#home_contact_addr {padding: 20px 10px 0px 8px; margin: 0px 0px 0px 0px; background-color: transparent; font-family: Verdana; font-size: 14px; color:#000;}
#home_contact_phone {padding: 20px 10px 0px 8px; margin: 0px 0px 0px 0px; background-color: transparent; font-family: Verdana; font-size: 14px; color:#000;}

#contacts_gmap {padding: 0px 0px 0px 0px; margin: 2px 0px 0px 0px; width: 100%; }

#footer_content_wrapper {margin: 0px 0px 0px 0px; padding: 22px 0px 0px 0px; background-color: #484848; border-top: 2px solid #fdd700; font-family: Verdana; font-size: 14px; color:#fff;}
  #footer_content {padding:0px;}
   #footer_content_handyman {margin: 0px 29px 0px 0px;  padding: 0px 0px 0px 8px; display: inline-block; position:relative;}
   #footer_content_handwerk {margin: 0px 27px 0px 0px;  padding: 0px 0px 0px 8px; display: inline-block; position:relative;}
   #footer_content_contact {margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 8px; display: inline-block; position:relative;}
     #footer_content_title {margin:0px; padding: 0px 0px 0px 8px; width: 290px; height: 35px; color:white; font-family: Unica One; text-transform: uppercase; font-size: 30px; border-left: 8px solid #fdd700;}
     #footer_content_text {margin:0px; padding: 10px 0px 0px 0px; width: 306px; height: 205px; }
       #footer_content_text ul {list-style: none; padding:0; margin:0;}
       #footer_content_text li { line-height:15px;}
       #footer_content_text li:before { content: "\002022"; color: #fdd700; font-size:18px; margin-right:3px;}
       #footer_content_text div { margin: 4px 0px 12px 0px;  padding: 6px 0px 6px 16px; background-color: #fdd700; color: #000; font-size:21px; font-family: Unica One; text-transform: uppercase;}
	   
#footer_wrapper {width: 100%; margin: 0px 0px 0px 0px; padding: 12px 0px 12px 0px; background: #fdd700; font-family: Unica One; text-transform: uppercase; font-size: 23px; }
   #footer { }
    #copyright {padding: 0px 10px 0px 8px; }
     #copyright .left { float: left; }
     #copyright .right { float: right; color:#fff;}
     #copyright .right a { color: #000; padding:0px; font-family: Unica One; text-transform: uppercase; font-size: 23px;}