/*Krauland website - Reponsive - 30 October 2012*/
body{
    background-attachment: fixed;
    background-clip: border-box;
    background-color: #FFFFFF;
    background-image: url("../images/bg.jpg");
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 16px;
    padding-top: 95px;
  color:#292f47;
  background-position:center center;
}
@font-face {
  font-family: bebasneue;      
  src: url('bebasneue.ttf') format('opentype');
}

.clr{
  clear:both;
}
/*Main*/
.main{

}
/*Logo*/
.ja-logo img {
    
}
/*Menu*/
#re_main_nav .joomla-nav {
    background: none repeat scroll 0 0 transparent;
    border: 0 solid;
    list-style: none outside none;
    margin: 0 0 0 -10px;
    padding: 0;
}
#re_main_nav li.item101 {
    display: none;
}
#re_main_nav .joomla-nav li {
    background-color: #292F47;
    float: left;
    margin: 0 0 0 1.4%;
    width: 15.2%;
}
#re_main_nav .joomla-nav li a {    
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    font-style: italic;
    height: 100%;
    padding: 0;
    text-align: center;   
}
#re_main_nav .joomla-nav li a:hover ,#re_main_nav.joomla-nav li.selected a{
  border:1px solid #FFF;
  color:#FFF;
  text-decoration:none;
}
#re_main_nav .image-title {
    background-position: center 20px !important;
    background-repeat: no-repeat !important;
    display: block;
    padding-top: 80%;
    width: 100%;
  background-size: auto 60%!important;
}
/*moduletable*/
div.moduletable{
    font-family: Tahoma, Arial, sans-serif;
    font-size: 21px;    
    margin: 10px 0 0;
    padding: 15px;
}
 div.moduletable p{
  margin:0;
  line-height:120%;
}
 div.moduletable h3{
    font-family: bebasneue;
    font-size: 42px;
    font-weight: normal;
    margin: 20px 0 10px !important;
    padding: 0;
}
 div.moduletable .ja-box-ct h3{
    margin: 20px 0 0;
}
 div.moduletable td{
  padding:0;
}
.moduletable.home_balance{
  min-height:470px;
}
.moduletable.home_balance2{
  min-height:115px;
}
/*Red*/
.moduletable.red{
  background-color:#c8242f;
  color:#FFF;
}
/*RedBlue*/
.moduletable.redblue{
  background-color:#c8242f;
  color:#FFF;
}
/*Blue*/
.moduletable.blue{
  background-color:#292f47;
  color:#FFF;
}
/*lightblue*/
.moduletable.lightblue{
  background-color:#347dcf;
  color:#FFF;
}
.moduletable.lightblue a{
 color:#FFF;
}

/*yellow*/
.moduletable.yellow{
  background-color:#ffd259;
  color:#292f47;
}
img.border{
  border:3px solid #FFF;
    margin: 0;
    padding: 0;
}

img.rounded {
    border-radius: 2px 2px 2px 2px;
    height: 237px;
    width: 350px !important;
    width:418px\0/ !important;
    height:241px\0/;
}
/*Right kataloge*/
.kataloge img {
    margin-right: -10px;
    margin-top: -70px;
}
/*Inner*/
.zoo-filter .button {    
    background: none;
    border:0px solid;
    border-radius: 0;    
    box-shadow: 0 0 0 0;
    margin: 20px 0 10px 0;
    padding: 0;
  cursor: pointer;
}
.zoo-filter .button h3{
  margin:0 !important;
  color:#FFF;
}
.zoo-filter .button:hover h3{
  background: none repeat scroll 0 0 transparent;  
    color: #CECECE;
}
.zoo-filter .form-elements {
    border: 3px solid;
    border-radius: 2px 2px 2px 2px;
    padding: 10px 15px 30px;
}
.zoo-filter label, .zoo-filter span.field-label {    
    display: inline-block;
    font-family: bebasneue;
    font-size: 32px;
    height: auto;
    margin-bottom: 0;
    width: 45%;
  line-height:100%;  
}
body  .zoo-calendar {
    background: none repeat scroll 0 0 #FFFFFF;
    cursor: pointer;
    display: inline-block;
    padding: 4px 3px 3px 0;
    visibility: visible;
    z-index: 100;  
    margin-top: 0px; 
}

.zoo-filter div.field { margin-bottom: 20px; }

body .zoo-filter input {
    border: 0 solid !important;
    border-radius: 0 0 0 0;
    font-size: 20px;
    height: 31px;
    margin: 0;
    padding: 3px;
  width:218px !important;
}
body .zoo-filter .calendar-element{
    width: 42% !important;
    width: 42%\0/ !important;
}
.zoo-filter select {
    background: url("../images/select_icon1.png") no-repeat scroll 72% 10px #FFFFFF;
    border: 0 none;
    border-radius: 0 0 0 0;
    font-size: 18px;
    font-weight: normal;
    height: 37px;
    margin-right: -30%;
    padding: 3px;
    position: relative;
    width: 70%;
    background-size: auto 40%;
}
.zoo-filter .form-element-row {
    margin-bottom: 0;
    overflow: hidden;
    padding: 10px 0 0px 0;    
}
.zoo-filter .select  {
    font-size: 18px;
    padding: 5px 0;
}
.zoo-filter .select input {
    border: 0 none;
    float: left;
    height: 20px;
    margin: 0 30px 0 0;
    padding: 0;
    width: 20px !important;
}
.checkbox-row > label {
    font-family: arial;
    font-size: 18px;
    width: auto;
  display:none;
}
div.hidden{
  display:none;
}
/*Footer menu*/
#re_footer {
    text-align: center;
}
#re_footer .joomla-nav {
    background: none repeat scroll 0 0 #347DCF; 
    border: 0 solid;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    list-style: none outside none;
    margin: 0;
    padding: 0px 0px;
}



#re_footer .joomla-nav  li{
    float:left;
    padding: 5px 10px;
}
#re_footer .joomla-nav li a {
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
}
#re_footer .joomla-nav li a:hover, #re_footer .joomla-nav li.selected a{
    color: #CECECE;
}
table{
  margin:10px 0;
}
table h3 {
    margin: 0 !important;
}
div.moduletable h3.title {
    margin: 0 0 10px;
}
/*Red blue*/
.moduletable.redblue .form-elements{
  background-color:#292f47;
}
.moduletable.redblue .button{
    color: #FFFFFF;
    display: inline-block;
    width: 100%;
}
.main .moduletable.redblue .button h3{
    background: none repeat scroll 0 0 #292F47;
    display: inline-block;
    margin: 0;
    padding: 7px 50px;
}
.main .left .moduletable.blue .button{
  background: none repeat scroll 0 0 #C8242F;
  width:100%;
}

#mod-zoofilter-92.zoo-filter .form-inner button.button { background: #C8242F; width: 100%; }
.main .left .moduletable.blue .button h3, #mod-zoofilter-92.zoo-filter .form-inner button.button h3 {    
    display: inline-block;
    margin: 0;
    padding: 7px 0;
  color:#FFF;
}
.main .left .moduletable.blue .button:hover, #mod-zoofilter-92.zoo-filter .form-inner button.button:hover{
  background: #FFD259;
}
.main .moduletable.redblue  h3{
  margin:15px 0 15px 0;
}
/*Contain*/
#re_content {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-left: 0;
    margin-top: 10px;
    padding: 20px;
  
}
#yoo-zoo .item div.pos-top .element,#yoo-zoo .details h1.title ,.zoo-filter-result h1,#yoo-zoo .item h1.pos-title{
    background: none repeat scroll 0 0 #FFD259;
    color: #C8242F;
    font-family: bebasneue;
    font-size: 47px;
    letter-spacing: normal;
    line-height: normal;
    margin: 0 0 20px !important;
    padding-left: 30px;
}
#yoo-zoo .item h3,#yoo-zoo .item h2, #yoo-zoo .item .element-text.first span {
    /* display: inline-block; */ display: block;
    font-family: bebasneue;
    font-size: 36px;
    line-height: 100%;
    margin: 20px 0 10px !important;
}
#yoo-zoo .details div.heading {
    border: 0 solid;
    padding: 0;
}
.element.element-image.first {
    float: left;
    margin-right: 30px;
}
.element.element-image.first img {
    border: 5px solid #292f47;
}
.element.element-itemname,h2.pos-title {
    color: #292F47;
    font-family: bebasneue;
    font-size: 47px;
    line-height: 100%;
    margin: 0 !important;
}
.element.element-textarea  p{
  margin: 0;
}
.element.element-textarea h4{
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0 0;
    text-transform: none;
}
#yoo-zoo .details {
    margin: 0;
    overflow: hidden;
}
.element.element-itemlink.last {
    text-align: right;
}
.element.element-itemlink  a {
    background: none repeat scroll 0 0 #C8242F;
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    padding: 5px 15px;
}
.element.element-itemlink a:hover{
  text-decoration: none;
  background:#292F47;
}
#yoo-zoo .items div.teaser-item-bg {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 3px solid #292F47;
    overflow: hidden;
    padding: 10px 0 20px;
}
#yoo-zoo .items div.teaser-item:last-child div.teaser-item-bg{
  border:0px solid;
}
.yoo-zoo img {
    height: auto;
   
}
/*shadow*/
.main div.moduletable, .ja-logo img,#re_main_nav .joomla-nav li a {
    box-shadow: 2px 2px 5px 1px #292F47;
}
/*Footer*/
#re_footer{
  margin-top:0px;
}
/*Included*/
#yoo-zoo .row {
    border-bottom: 1px solid #292F47;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
#yoo-zoo  li {
    margin-left: 20px;
}

/* dmso */
#mod-zoofilter-92.zoo-filter .form-inner button.button { /*margin: -95px 0px 0px 3%;*/  margin: -13px 0px 0px 0;
margin-top:-12px\0/;
 }

.zoo-filter > form > h3 { margin-top: 0px; }
#yoo-zoo .item div.pos-specification ul strong { width: 150px; margin-top: 20px; }
body .checkbox-row > input {
    width: 80px !important;
}
/*Edit 14 November 2012*/
.left .form-element-row.checkbox input[type="checkbox"] {
    width: 50px !important;
}
.left .form-element-row.checkbox  > label[for="4_5ed1f746-d926-4f46-9720-816ee7bec9f6"] {
    font-size: 14px;
    margin-top: 10px;
    width: auto;
}
#yoo-zoo .categories h2.title{
  line-height:normal;
}

.element-itemprint .modal { position: static; top:auto; left: auto; margin: 0px; float: right; }
#yoo-zoo .item .element-itemprint h3 { display: none; }


.element.element-download  a {
    background: none repeat scroll 0 0 #C8242F;
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    padding: 5px 15px;
}
.element.element-download a:hover{
  text-decoration: none;
  background:#292F47;
}


.element.element-email  a {
    background: none repeat scroll 0 0 #347DCF;
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    padding: 5px 15px;
}
.element.element-email a:hover{
  text-decoration: none;
  background:#292F47;
}

.zoo-filter .form-elements div:last-child label { font-family: bebasneue, Arial, sans-serif; }

.search .button {     
  background: none repeat scroll 0 0 #C8242F;
    border: 0 none;
    color: #FFFFFF;
    display: inline-block;
    font-family: bebasneue;
    font-size: 20px;
    font-weight: normal;
    line-height: 36px;
    margin: -5px 0 0 10px;
    padding: 6px 0;
    width: 195px; }
.search .button:hover{ background: #FFD259; }
.moduletable .search label { display: none; }
.phrases-box input, .phrases-box label { float: left; }
.phrases-box label { width: 100px; margin: 0px; padding: 0px; }
.phrases-box { float: left; }
.ordering-box { float: right; }
.span4 .moduletable.blue form { margin: 0px; }
.span4 .moduletable form#zoo-filter-form-101 .button{ margin:-6px 0 10px !important;}
/*19 November 2012- Eidited by Nguyen.HO*/
#mod-search-searchword{
    padding: 4px 1% !important;
    width: 49%!important;
}
.search .button {    
    height: 30px;
    line-height: 23px;
    margin: -10px 0 0 2%;
    width: 45% !important; 
}
#yoo-zoo {
    width: 100%;
}

.moduletable.home_balance .form-elements { height: 197px; height:200px\0/; }

fieldset.phrases { display: none; }

.yoo-zoo .element-checkbox p, .yoo-zoo .element-select p { margin: 0px; padding: 0px; }

.element-download { display: inline;   }
.yoo-zoo .element-textarea { margin-bottom: 10px; }
.span8 #re_content{margin-bottom:10px;}
.wk-content a{color:#FFD259;}
.wk-content a:hover{color:white;}

.moduletable.home_balance  .moduletable { box-shadow: none; }

#re_content .moduletable { box-shadow: none; font-size: 14px; margin: 0px; padding: 0px; }


@font-face {
    font-family: 'bebasneue';
    src: url('bebasneue.eot');
    src: url('bebasneued41d.eot?#iefix') format('embedded-opentype'),
         url('../../../index.html') format('woff'),
         url('bebasneue.ttf') format('truetype'),
         url('../../../index.html#bebasneue') format('svg');
    font-weight: normal;
    font-style: normal;

}
#re_main_nav .joomla-nav li.active a, #re_main_nav .joomla-nav li a:hover { background-color: #c8242f; }


.myPrint { padding: 0 0 0 22px; cursor: pointer; background: url(../images/printer_icon.png) no-repeat 0 50%; line-height:24px; }

/* Webwerk 2015-03-12 */
#yoo-zoo .element-requestform, #yoo-zoo .element-requestformtermine { background: #ffd259; padding: 15px; }
#yoo-zoo .element-requestform h3, #yoo-zoo .element-requestformtermine h3 { margin-top: 5px !important; color: #C8242F; }
#requestform input.submit {
    background: url(../images/button.jpg) no-repeat right center;
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    padding: 10px 50px 10px 33px;
    border: none;
    text-transform: uppercase;
    font-size: 16px;
}

#requestform input.submit:hover {
    opacity: 0.8;
}
#requestform .required { color: #C8242F; margin-left: 4px;}
#requestform #form-msg { color: #C8242F; margin-top: 10px ; }

#requestform textarea { width: auto; max-width: 100%; }
#requestform-title {
    display: block;
    font-family: bebasneue;
    font-size: 18px;
    line-height: 100%;
    margin: 20px 0 10px !important;
}

/* Anfragebutton Termine - 21.02.2024 */

.anfragebutton {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 22px;
   font-weight: 400;
   padding: 14px;
   background-color: #C8242F;
   -webkit-box-shadow: 0 0 0 0 #000000;
   -moz-box-shadow: 0 0 0 0 #000000;
   box-shadow: 0 0 0 0 #000000;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}

.anfragebutton:hover {
   background: #E0434D;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   text-decoration: none;
   color:#fff;
   text-decoration:none !important;
}

.anfragebuttoncontainer{  
text-align: center;  
}