@charset "utf-8";
/* CSS Document */




body {font-size: 13px; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;!important;}
a:link { color: #0000ff;}
a:visited { color: #0000ff;}
a:hover  {text-decoration: underline; color: #0000ff;}
li {list-style:none!important;}
.reset {margin:0px!important; padding:0px;}

.brandlogo {max-width: 180px; height: auto!important; margin-top: -8px!important;}
h1, .h1 .small, .h1 small{ margin: 0; padding: 0;margin-top:15px!important;}
.smallp { text-align: left; margin-top: -10px;margin-bottom: 10px;}
font[size="1"] { property: value!important; font-size: 13px; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important;}
.itemmainadd tr td font[size="1"] { font-size: 12px;}
font[size="2"] { property: value!important;  font-size: 13px;  font-weight: bold!important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important;}
.moreimages font[size="2"] { property: value!important; color:#fff!important;}
font[size="3"] { property: value!important;  font-size: 15px;  font-weight: bold!important; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important;}


.navbar-brand {    position: absolute;    left: 0;    top: 0;}
.panel-heading h3 {
    min-height: 20px;
}
.panel-footer ul {   margin: 0!important; padding: 0!important;}

#toTop-right {	display:none;	text-decoration:none;	position:fixed;	bottom:20px;	right:20px;	outline:none;}
#toTop-left {	display:none;	text-decoration:none;	position:fixed;	bottom:20px;	left:20px;	outline:none;}
#toTop-center {	display:none;	text-decoration:none;	position:fixed;	bottom:10px;	left:50%;	margin-left:-20px; /*Feintuning je nach Inhalt */	outline:none;}
#nav.affix {    position: fixed;    top: 0;    width: 100%}

#nav > .navbar-inner {    border-left: 0;    border-right: 0;    border-radius: 0;    -webkit-border-radius: 0;    -moz-border-radius: 0;    -o-border-radius: 0;}
#nav { z-index: 999!important;}

.navbar-inner, .navbar {    margin: 0!important;    padding: 0!important;}
#nav-wrapper {    margin-bottom: 10px!important;} .affix {   box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);}
.navbar-form {
    border: none!important;
}

.itemmore {   text-align: center!important;}
.itemmore .pills {    display: block !important;    margin-bottom: 0px !important;    margin-top: 2px!important;}
.itemmore .price {    float: left;    font-size: 15px;    margin-bottom: 10px;}

.itemlink h3 a {    font-size: 18px!important;}

.itemmainimage, .itemmaindesc{margin-bottom:20px!important;	}
.itemmainadd .panel-body {    margin: 0!important;    padding: 0!important;}
.itemmainadd tr td {    border-top: solid 1px #fff;    padding: 2px;    margin: 2px;	padding-left:10px;}
.itemmainadd td {    background: #efefef;    padding: 2px;}
.itemmainadd table {    width: 100%!important;}

.slogan {    color: #013888;    font-size: 30px;    text-align: center;    font-weight: bold;}
.panel-info h3 {    margin: 0px!important;    font-size: 15px;    font-weight: bold;}
.border { border-bottom: solid 1px #eee;    margin-top: 10px;    margin-bottom: 10px;}
.noborder{border:none!important;}
.maleft15 {margin-left: 15px;}.maright15 {margin-right: 15px;} .maright35 {margin-right: 35px;}
.maleft00 {margin-left: 0px;}.marightm15 {margin-right: -15px;}

.hotline { right: 40px; top: 20px;  position: absolute;}
.btn-info{color:#fff!important;	}
.leftinfos {  min-height: 50px!important;max-height: 50px!important;}
.navbar {   margin-top: 15px;  background: #f2f2f2; border: none!important;}
/*.pills:before { font-family: fontawesome; content: "\f0da"; margin-right: 3px; font-weight: normal;}*/
.pills, .pills:hover { background: #004c99!important; margin-right: 4px;  border-radius: 7px;  padding: 5px 7px 5px 7px!important; margin-top: 10px; color: #fff!important; font-weight: bold; font-style: normal;text-transform: none;
}

.orange {	background: #ffa84c!important; /* Old browsers */	background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%)!important; /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d))!important; /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%)!important; /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%)!important; /* Opera 11.10+ */	background: -ms-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%)!important; /* IE10+ */	background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%)!important; /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 )!important; /* IE6-9 */    font-size: 14px!important;    display: block!important;    max-width: 250px;}

.orange:hover {	background: #ffa84c!important; /* Old browsers */	background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%)!important; /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d))!important; /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%)!important; /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%)!important; /* Opera 11.10+ */	background: -ms-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%)!important; /* IE10+ */	background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%)!important; /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 )!important; /* IE6-9 */    font-size: 14px!important;
    display: block!important;    max-width: 250px;	box-shadow: 0 2px 2px #aaa;}

.dot:before {content: "\f0da";font-family: FontAwesome; color: #3a3a3a; margin-right:5px;}
.arrow:before {content: "\f0da";font-family: FontAwesome; color: #cc0000; margin-right:5px;}
.panel-info a:link { color: #0000ff;  font-size: 12px; } .panel_neu a:link { color: #0000ff;  font-size: 14px; }

.panel-heading{color:#000!important;background:#f2f2f2!important;text-transform:uppercase;/*border-bottom-color: #408080!important;*/}
.panel {border-radius: 0px!important;}

.kategorien a{display:block}
.kattext {	margin-left: 40px;font-size: 12px;}
.normalheight {   height: auto!important;   min-height: auto!important;	max-height: auto!important;}

.navbar-right {   float: right !important;    margin-right: 45px;}
.panel-footer {    text-align: center; border-top: 1px solid #f2f2f2;}
.panel-footer a {    font-weight: bold;    font-size: 15px!important;    text-align: center!important;}
.panel-info { border-color: #f2f2f2; }
.panel-info > .panel-heading { border-color: #f2f2f2; }
.infos ul li a {    text-align: center!important;    font-size: 11px;    margin: 0 auto!important;}

.textdescr {   font-size: 14px;    color: #333;   margin-bottom: 20px;    margin-top: 20px;}

.katinfo {   font-size: 14px;    color: #333;    margin-bottom: 20px;    margin-top: 20px;}
.footerinfo {   font-size: 14px;    color: #333;    margin-bottom: 20px;    margin-top: 20px;}
.form-control { width: auto;	display: inline;}
.form-group {  float: left;    margin-right: 10px;}
.navbar-toggle {    background: #004c99 none repeat scroll 0 0;    border: medium none;    color: #fff !important;    font-weight: bold;    text-transform: uppercase;}

.page-header { margin-top: 0px!important; padding-top: 0!important;}

.breadcrumb {    background: #fff!important;    font-weight: bold; line-height: 2.0;}

.suchbutton{	background: #ffa84c; /* Old browsers */ background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* IE10+ */ background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */ font-weight: bold;  color: #fff;     border-color: #fff;	position: absolute;	color: #fff!important;	}


.navbar-nav {
    float: left;
    margin: 0 0 10px;
}

  .form-control {
    margin-bottom: 10px;
}


/* Change Navbar Breakpoint */
@media (max-width: 991px){
  .navbar-header {        float: none;    }    .navbar-left,.navbar-right {        float: none !important;    }    .navbar-toggle {        display: block;    }    .navbar-collapse {        border-top: 1px solid transparent;        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);    }    .navbar-fixed-top {    top: 0;   border-width: 0 0 1px;  }    .navbar-collapse.collapse {        display: none!important;    }    .navbar-nav {        float: none!important;    margin-top: 7.5px;  } .navbar-nav>li {        float: none;    }    .navbar-nav>li>a {        padding-top: 10px;        padding-bottom: 10px;    }    .collapse.in{
      display:block !important; }
}


@media (max-width: 480px){
  .col-xs-12 {    margin: 0px!important;    padding: 0px!important;}
     .slogan {    color: #013888;    font-size: 18px!important;    text-align: center;    font-weight: bold;} 
     .itemmore {    margin-top: 20px!important;}
     #dashboard .thumbnail {margin-left: -15px;}
    .panel-info a:link { color: #0000ff;  font-size: 13px; }
    .katlist li{ margin-left: -35px; margin-bottom: 5px;font-size:15px;} 
    .kattext { line-height: 2.0; margin-bottom: 5px;margin-left: 13px; margin-right: -20px; font-size: 13px;} 
    .imgthumb .thumbnail {max-height: 200px;}
	.textdescr {line-height: 2.0;}

}

@media (max-width: 480px){
  .breadcrumb{margin-top:-20px!important;}
    .form-control {
    margin-bottom: 10px!important;
}
  #nav.affix {position: relative!important;}
}

@media screen and (min-width: 480px){
      .panel-content 
      .panel-body.size1 {
          min-height: 100px;
      }

      .panel-content 
      .panel-body.size2,
      .panel-content 
      .panel-body.size2-4 {
          min-height: 100px;
      }

      .panel-content
      .panel-body.size3,
      .panel-content
      .panel-body.size3-1,
      .panel-content
      .panel-body.size3-2,
      .panel-content
      .panel-body.size3-5 {
          min-height: 100px;
      }

      .panel-content 
      .panel-body.size4,
      .panel-content 
      .panel-body.size4-1 {
          min-height: 100px;
 }

@media screen and (min-width: 961px){
      .panel-content 
      .panel-body.size1 {
          min-height: 100px;
      }
      .panel-content 
      .panel-body.size2 {
          min-height: 150px;
      }
      .panel-content 
      .panel-body.size2-4 {
          min-height: 190px;
      }
      .panel-content 
      .panel-body.size3 {
          min-height: 250px;
	  }
      .panel-content 
      .panel-body.size3-1 {
          min-height: 260px;
      }
      .panel-content 
      .panel-body.size3-2 {
          min-height: 270px;
      }
      .panel-content 
      .panel-body.size3-5 {
          min-height: 300px;
      }
      .panel-content
      .panel-body.size4 {
          min-height: 500px;
      }
      .panel-content
      .panel-body.size4-1 {
          min-height: 510px;
      }
}

@media (max-width: 768px){
  .maincontentwrapper {   padding: 20px!important;}
  .imgthumb .thumbnail {max-height: 200px;}
}
@media (max-width: 768px){
  .itemmore {    margin-left: -15px; margin-top: 20px!important;}
  .form-control {
    margin-bottom: 10px!important;
}
}

@media (min-width: 768px){
#dashboard .panel-content .panel-body.fixheight{ min-height: 380px!important;}
}
@media (min-width: 768px){
  #dashboardsecond .panel-content .panel-body.fixheight {    min-height: 370px;}
}

@media (min-width: 960px) and (max-width: 1200px){
  #dashboard .panel-content .panel-body.fixheight{  min-height: 350px!important;} 
      .form-control {
    margin-bottom: 10px!important;
}
}
@media (min-width: 490px) and (max-width: 991px){
      .navbar .container {
          padding-left: 50px;
          padding-right: 50px;
		       }
	  .katlist li{ margin-left: -62px;} 
}

@media (min-width: 992px) and (max-width: 1199px){
      .navbar .container {
          padding-right: 100px!important;
      }
}


@media (min-width: 990px) and (max-width: 1200px){
  #dashboard .panel-content .panel-body.fixheight{  min-height: 380px!important;} 
}

@media (min-width: 990px) and (max-width: 1200px){
  #dashboard .panel-content .panel-body.fixheight{  min-height: 380px!important;} 
}



@media (min-width: 1200px){
      #dashboard .panel-content .panel-body.fixheight{    min-height: 230px!important;} 
          .form-control {
          margin-bottom: 0px!important;
      }
      .paright0{
        padding-right:0px!important;
}
}

@media (min-width: 1200px){
  #dashboardsecond .panel-content .panel-body.fixheight {    min-height: 370px;}
}
@media (max-width: 1200px){
  #nav.affix {    position: relative!important;}
}

	
.panel_neu{
	margin-bottom:20px;
	background-color:#fff;
	border:1px solid transparent;
	border-radius:4px;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
	box-shadow:0 0px 0px rgba(0,0,0,.05)}