@media (min-width:992px)
    {
        .container{width:970px}
    }
@media (min-width:1200px)
    {
        .container{width:1200px !important;}
    }

.verlauf {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,1f488c+33,2361ac+82,2361ac+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #1f488c 33%, #2361ac 82%, #2361ac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(33%,#1f488c), color-stop(82%,#2361ac), color-stop(100%,#2361ac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#1f488c 33%,#2361ac 82%,#2361ac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#1f488c 33%,#2361ac 82%,#2361ac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#1f488c 33%,#2361ac 82%,#2361ac 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#1f488c 33%,#2361ac 82%,#2361ac 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2361ac',GradientType=0 ); /* IE6-9 */
}

.drop-shadow {
        -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
    }
.container.drop-shadow {
	    padding-top:0px;
        padding-left:0px;
        padding-right:0px;
		    background-color: #ffffff !important;
    }

.shadow {float:left;}
.frame {position:relative; background:#fff; padding:10px; display:block;
-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

a
{
    color: #f39612 !important;
}



.navbar-custom {
    color: #FFFFFF !important;
    background-color: #204f94 !important;
}

.navbar-custom .navbar-brand {
  color: #ffffff;
}

.navbar-custom .navbar-brand:hover, 
.navbar-custom .navbar-brand:focus {
  color: #ffffff;
}

.navbar-custom .navbar-text {
  color: #ffffff;
}

.navbar-custom .navbar-nav > li > a {
    color: #FFFFFF !important;
    background-color: #204f94 !important;
}

.navbar-custom .navbar-nav > li > a:hover, 
.navbar-custom .navbar-nav > li > a:focus {
  color: #ffffff;
    background-color: #000000 !important;
}

.navbar-custom .navbar-nav > li > .dropdown-menu {
  background-color: #ffffff;
}

.navbar-custom .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff;
  background-color: #ffffff !important;
}

.navbar-custom .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-custom .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;

}
.navbar-custom .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #ffffff;
}
.navbar-custom .navbar-nav > .active > a, 
.navbar-custom .navbar-nav > .active > a:hover, 
.navbar-custom .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #000000 !important;
}

.navbar-custom .navbar-nav > .open > a, 
.navbar-custom .navbar-nav > .open > a:hover, 
.navbar-custom .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #000000 !important;
}

/* icon für Dropdown mobile */
.navbar-custom .navbar-toggle {
  border-color: #000000;
  background-color: #000000;
}

/* icon für Dropdown mobile hover und activ */
.navbar-custom .navbar-toggle:hover, 
.navbar-custom .navbar-toggle:focus {
  background-color: #d5d5d5;
}

/* icon für Dropdown Farbe der 3 Striche */
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

/* Striche unter menu bei mobile */
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #204f94;
}

/* keine ahnung */
.navbar-custom .navbar-link {
  color: red;
}

/* keine ahnung */
.navbar-custom .navbar-link:hover {
  color: #ffffff;
      background-color: red;
}

@media (max-width: 767px) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
  color: #ffffff;
  background-color: #ffffff !important;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover, 
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
	  background-color: #d5d5d5;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a, 
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover, 
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #000000;
  }
}



.streifen-orange {
  background-color: #f49712;
  height: 5px;
}

.footer-custom {
	color: #ffffff !important;

	width: 100%;
	/* Set the fixed height of the footer here */
	min-height: 60px;
	background-color: #000000;

	padding-top: 15px;
	padding-bottom: 1px;
}


html, body {

	background-color:#f5f5f5;
}

tr {
   max-height: 20px !important;
   height: 20px !important;
}

.artikel_downloads {
font-size: 10px;
}

.artikel_row {
    padding-left: 0px;
}

.wow_breite {
    margin-right: -15px;
    margin-left: -15px;
}

	
.box-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.box-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}
.box-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}
.box-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
}
.box-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}
.box-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}