/*@import url(http://fonts.googleapis.com/css?family=Armata);*/
body {
/*  background-image:url(http://www.kbits.at/tl_files/kbits.at/bg.jpg); */
  background-repeat:repeat-x;
 /* font-family:Verdana,Arial,sans-serif;*/
  font-size:12px;
  line-height: 1.25em;
  /*  background-position:center top;
  background-attachment:fixed;
  -o-background-size: 100%, auto;
  -moz-background-size: 100%, auto;
  -webkit-background-size: 100%, auto; */
  background-color:#ffffff;
  font-size: 12pt;
}
a {
   color:#999933;
}

#logo {
  position:relative;
  top:14px;
  margin:0 0 19px 0;
  width:69px;
  height:69px;
  background-image:url(https://www.kbits.at/files/kbits.at/logo_klein.png);
  background-repeat:none;
}

#startseite {

  padding-top: 50px;

}

.slider-control {
  position: absolute;
  top: 40px !important;
  right: 200px;
}
.slider-prev, .slider-next {
  display: none !important;
}

.slider-control .slider-menu {
  font-size: 90px;
}

#kontaktformular {
  display: none;
  position: fixed;
  bottom: 85px;
  background: rgb(255,255,255);
  border: 2px solid rgb(40,40,40);
  padding: 15px;
  right: 28vw;
  width: 85vw;
  max-width: 520px;
  max-height: 70vh;
  border-radius: 25px 25px 0px 25px;
  box-shadow: 5px 5px 15px rgb(120,120,120);
  overflow: auto;
}

#kontaktformular td, #kontaktformular th {
  border-bottom: 0px;
}

.menubutton {
  width: 50px;
  cursor: pointer;
}

#kontaktformularbutton, #readbutton {
  position: fixed;
  right: 25vw;
}

#kontaktformularbutton {
  bottom: 20px;
}

#readbutton {
  bottom: 50px;
}

.button, button, input[type="button"], input[type="reset"], input[type="submit"] {  color:#ffffff;  background-color: #999933;  border: 0.1rem solid #999933;  text-decoration: none;  padding: 2px;
}



#kopfmenu {
  position:absolute;
  right:40px;
  top:65px;
  z-index:99;
  }

#kopfmenu ul{
  padding:0px;
  margin:0px;
 } 
#kopfmenu a {
  display: block;
  font-weight:normal;
  text-decoration:none;
  color:#999933;
  }
#kopfmenu li {
  padding:2px;
  margin:0 0 0 20px;
  background-image: none;
  float:left;
  font-size:14px;
  list-style-type: none;
 }
.more a, .back a { color:#000000;
    background:#999933;
    text-decoration:none;
    padding:2px;
    margin:2px;
    -moz-border-radius:5px; /* Firefox */
    -webkit-border-radius:5px; /* Safari, Chrome */
    -khtml-border-radius:5px; /* Konqueror */
    border-radius:5px; /* CSS3 */
}
/*
h1, h2 {
font-family:'Armata', Georgia, serif;
font-weight:bold;
color:#555555;
line-height: 1.3em;
}
h1 {font-size:1.5em;}
h2 {font-size:1.4em;}
*/
#wrapper {
 /* min-width:310px;
min-width:690px;
 max-width:690px; */
 padding:0px 25vw 20px 25vw;
}
.slideshow {
 padding: 20px 0 20px 0;
}
.slideshow img, .slideshow-images a img {
 border:none;
}

.cookiebar {
  width: 290px;
  right: 35px !important;
  bottom: 25px !important;
  background: #fff;
  color: #000000;
  border: 1px solid #000;
  z-index: 999;
  border-radius: 20px;
  box-shadow: 4px 4px 5px #aaa;
  left: -20px;
  padding: 5px 0px 10px 20px;
}
.cookiebar__link {
  color: initial;
}

.cookiebar__button {
  border-radius: 10px;
  background-color: initial;
  color: #000;
  padding: 0px 8px;
  border: 1px solid #000;
  margin-top: 5px;
}

.imgBand {
 padding: 8px 0 8px 0;
}
.box, .layout_short {
 width:45%;
 min-height:150px;
 margin:0 15px 10px 0px;
 padding:2px;
 float:left;
 border-bottom-style:dotted;
 border-color:#98bf21;
}

.box {
 min-height:400px;

}

.box img{
 width:90%;
 max-width:300px;
}
.info, .layout_simple time, .date {
  font-size:0.8em;
  display:block;
  
}

.layout_short h2 {
  margin:-5px 0 -5px 0;
  line-height: 1.2em;

}

.layout_short h2 a{
  text-decoration:none;
}

#fuss {  
  padding:5px 0 5px 0;
  text-align: center;
}
.toggler {
  padding:10px 0 0 0;
  font-size:12px;
  font-weight:bold;
  text-decoration:underline;
  color:#999933;
}
p.error {
  color:#FF0000;
}
.ueberschrift {
 padding:10px 0 0 0;
 margin:20x;
 border-top-style:dotted;
 border-color:#98bf21;
}
.partner {
 padding:0 0 20px 0 ;
}


.fix {
position: fixed;
top:0px;
}
.flex {
position:relative;
top:0px;
}

.zitat {

 background-color:#dfe54f;
 margin:7px;
 padding:15px;
 -moz-box-shadow: 0px 5px 5px 0px #999;
 -webkit-box-shadow: 0px 5px 5px 0px #999;
 box-shadow: 0px 5px 5px 0px #999;
}

.mod_newslist {
 margin:15px 0 0 0;
 padding:10px 0 0 0;
 border-top-style:dotted;
 border-color:#98bf21;
}

.mod_twitterreader ul{
  margin:0px;
  padding:0px;
}


.mod_twitterreader li, .layout_simple{
  padding:7px;
  list-style-type: none;

}

@media only screen and (max-width:1024px) {
  #wrapper {
    padding:0px 5vw 20px 5vw;
  }
  #kontaktformular {
    right: 8vw;
  }
  #kontaktformularbutton {
    right: 5vw;
  }
}


@media only screen and (max-width:600px) {
  #wrapper {
    padding:0px 2vw 20px 2vw;
  }
  #kopfmenu {
  right:4px;
  }
  .box, .layout_short {
    width:100%;
    margin:0 5px 10px 0px;
    padding:0px;
    }
  .mod_newsreader img {
    width:100%;
    height:auto;
    }
}