/* FRONTEND CSS
*********************************************/

html {
  /* scrollbar fix (prevent ugly left pull for lower content sites) */
  overflow-y: scroll;
}

body {

}



/* MEDIA QUERIES
*********************************************/

/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
 
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
 
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
 

}

/* for higher resolutions (android and retina)   */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {

}
 a, a:hover, a:active, a:visited{
 color:#0e72b5; 
}

#webcontainer{
  margin: 40px auto auto;
  width:1075px;
  padding: 0 100px;
  font-family: 'sansumiregular', Arial, sans-serif;
}
#top{
  height:125px;
  position:relative;
}
#top .logo{
  height:175px;
  width:600px;
  position: absolute;
  left:-55px;
  top:0;
  z-index: 100;
}
#top .logo img{
  height: 145px;
}
#top .metanavi{
  position: absolute;
  height:40px;
  width:100px;
  right:0;
  top:0;
}

#top .metanavi li{
  float: left;
  list-style:none;
  margin: 0 0 0 10px;
}


#top .metanavi a {
    display: block;
    height: 22px;
    width: 36px;
}

#top .metanavi li a:hover img {
    display: none;
}

#top .metanavi li.item-101 a:hover {
  background:url('/templates/musah-hamiti.ch/images/icon-home-aktiv.png');
}

#top .metanavi li.item-106 a:hover{
  background:url('/templates/musah-hamiti.ch/images/icon-kontakt-aktiv.png');
}

#top .mainnavi{
  text-transform: uppercase; 
  position: absolute;
  right:0;
  bottom:0;
}
#top .mainnavi ul li, #footer .footernavi ul li, #footer .tel {
    float: left;
    list-style: none outside none;
    margin: 5px 0 5px 5px;
    padding: 10px;
}

#top .mainnavi ul li:hover, #footer .footernavi ul li:hover {
  background-color:#0E72B5;
  
  background-repeat: no-repeat;
}

#top .mainnavi ul li:hover a, #footer .footernavi ul li:hover a{
  color:#ffffff; 
}

#top .mainnavi ul li a, #footer .footernavi ul li a, #footer .tel {
   text-decoration:none;
   color: #000000; 
   font-size: 14px;
}
#main{
  background-color:blue;
  position:relative;
  height:700px;
}
#main .content{
  position: absolute;
  height:530px;
  width:420px;
  right:70px;
  bottom:0;
  z-index:100;
  padding:25px;
  
}
#main .contentbox{
  background-color:#ffffff;
  position: absolute;
  height:580px;
  width:480px;
  right:70px;
  bottom:0;
  opacity: 0.8;
}
#footer{
  position:relative;
  height:50px;
}
#footer .copyright{
  position: absolute;
  height:50px;
  left:0;
  top:0;
  width: 600px;
}

#footer .copyright p, 
#footer .footernavi li {
    font-size: 14px;
    text-transform: uppercase;
    float:left;
    list-style:none;
    margin: 15px 0;
}

#footer .footernavi li{
  margin-left:30px;
}

#footer .footernavi{
  position: absolute;
  height:50px;
  right:150px;
  top:0;
}

#footer .tel{
  position: absolute;
  height:50px;
  right:0;
  top:0;
}


#main{
 background:url(/images/backgrounds/1.png);
}
body.bodenbelaege #main{
 background:url(/images/backgrounds/2.png);
}
body.malerarbeiten #main{
 background:url(/images/backgrounds/3.png);
}
body.reparaturen #main{
 background:url(/images/backgrounds/4.png);
}
body.firma #main{
 background:url(/images/backgrounds/5.png);
}

body.home #main .content, body.home #main .contentbox{
  display:none;
}

#footer a {
    color: #000000;
    text-decoration: none;
}

h2, h2 span{
    color: #0e72b5;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
  text-transform: uppercase;
}

#main .content p{
 font-size:14px; 
 line-height: 18px;
}

#main .content > div > p{
 font-family:Arial, Helvetica, sans-serif;
}

body.kontakt h3,
body.kontakt legend,
body.kontakt span.star,
body.kontakt .jicons-icons{
 display:none;
} 

body.kontakt fieldset{
  border:0;
}

body.kontakt .controls {
    left: 120px;
    position: relative;
    top: -21px;
}

body.kontakt #main .content{
 width: 450px; 
}

body.kontakt #main .contentbox {
  width:500px;
}

body.kontakt input, 
body.kontakt textarea{
    width: 275px;
    border: 1px solid #cccccc;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 20px;
}

body.kontakt button {
    background-color: #0e72b5;
    border: 0 none;
    color: white;
    font-size: 14px;
    height: 35px;
    margin: 18px 0;
    text-align: left;
    width: 281px;
    position: relative;
    left: 13px;
}

body.kontakt #main .kontaktbox{
  background-color:#ffffff;
  position: absolute;
  height:200px;
  width:300px;
  left:70px;
  top:120px;
  opacity: 0.7;
}

body.kontakt .contact-position{
 position:absolute; 
}

body.kontakt .contact-misc {
      left: -415px;
  	  position: absolute;
      top: 25px;
}

div.tooltip,
.ui-tooltip
{
display:none !important;
}


body.kontakt label {
    font-size: 14px;
}

body.kontakt .control-group.field-spacer {
    display: none;
}

body.kontakt .popover.right {
    display: none!important;
}

strong{
 color: #666666; 
}

span.form-control-feedback {
    display: none;
}