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

/* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */


body
{
 padding-bottom: 40px;
 color: #5a5a5a;
 font-family: Open Sans;
 background: url("../../images/body-bgrd4x150.jpg") repeat-x top;
}

#nach-oben	{
position: fixed; 
right: 1.5rem;
bottom: 15px;
bottom: 1.5rem;
filter:alpha(opacity=70); /* IE */
opacity:0.7; /* allgemein */
-moz-opacity:0.7; /* Mozilla */
-khtml-opacity:0.7; /* KTHML */
-opera-opacity:0.7; /* Opera */
display:none;
}


.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: right;
    margin: 25px 10px 0 0;
    z-index:1000;
}

.navbar-inner {
min-height: 40px;
padding-right: 0px;
padding-left: 0px;
}

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
 color: #ffffff;
 background-color: #515151;
 font-size: 14px;
}

.navbar .nav > li > a {
    float: none;
    /*padding: 5px 5px 5px;*/
    color: #777777;
    text-decoration: none;
    padding: 3px 6px;
    /*text-shadow: 0 1px 0 #ffffff;*/
}

.navbar .nav > li {
    float: left;
    font-size: 14px;
}

.navbar .nav > li {
    float: left;
    font-size: 14px;
}


.navbar .nav > li  > a:hover{
 color:#000000;
}

.nav-tabs > li > a {
line-height: 20px;
color: #555;
font-weight: 500;
}


.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
color: 
#555;
cursor: default;
background-color:
#ffffff;
border: 1px solid
#ddd;
    border-bottom-color: rgb(221, 221, 221);
border-bottom-color:
    transparent;
font-weight: 700;
}

.nav-tabs > .active	{
 color: #333333;
 /*border: 1px solid #ccc;border-radius: 4px 4px 0 0;
 border-bottom-color: rgb(221, 221, 221);
 border-bottom-color: transparent;
 -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;*/
    
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    border-color: #eeeeee #eeeeee #dddddd;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}
.nav-tabs > li > a {
    line-height: 20px;
    color: #333333;
    font-weight: 500;
}
.nav-tabs > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    border: 1px solid transparent ;/*#666666*/
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:active, a:hover, a:focus {
 line-height: 20px;
 color: #555;
 font-weight: 900;
 font-family: "Open Sans";
}
/*.nav-tabs > li > a, .nav-pills > li > a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px;
}
.nav > li > a {
    display: block;
}
.nav-tabs > li > a:active, a:hover, a:focus {
    line-height: 20px;
    color: #000000;
    font-weight: 900;
}*/



/*.breadcrumb {
    padding: 8px 15px;
    margin: 0 0 20px;
    list-style: none;
    background-color: 
    #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size:14px;
}*/

.headleft	{
 position:absolute;
 float:left;
 margin:75px 0 0 10px;
 font-size:small;

}


.bezahl {
     float: left;
     width: 400px;
     padding: 0 0 0 20px ;
     /*background: orange;*/
     color: #000;
}
 
ul1 {
     margin: 0;
     padding: 0;
}
 
li1 {
     float: left;
     list-style: none;
     margin-right: 10px;
     padding: 5px 10px;
     background: #fff;
}

/*<a href="#" class="teasButton">dark grey</a>*/

.myButton {
 box-shadow: inset 0px 1px 0px 0px #ffffff;
 background: linear-gradient(to bottom, #dedede 5%, #d6d6d6 100%);
 background-color: #dedede;
 border-radius: 6px;
 border: 1px solid #c9c9c9;
 display: inline-block;
 cursor: pointer;
 color: #3E3E3E;
 font-family: Arial;
 font-size: 15px;
 font-weight: bold;
 padding: 6px 18px;
 text-decoration: none;
 text-shadow: 0px 1px 0px #ffffff;
}
.myButton:hover {
 background: linear-gradient(to bottom, #d6d6d6 5%, #dedede 100%);
 background-color: #d6d6d6;
 text-decoration: none;
 color: #0099FF;
}
.myButton:active {
 position: relative;
 top: 1px;
 font-family: Arial;
}

/*<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-star"></span> Default text here</a>*/


.teasButton {
	box-shadow:inset 0px 1px 3px 0px #696b6b;
	background:linear-gradient(to bottom, #868a89 5%, #737373 100%);
	background-color:#868a89;
	border-radius:6px;
	border:1px solid #7d7d7d;
	display:inline-table;
	cursor:pointer;
	color:#ffffff;
	font-family:Open Sans;
	font-size:15px;
	font-weight:600;
	padding:11px 23px;
	text-decoration:none;
 width:170px;
 line-height:40px;
	/*text-shadow:0px -1px 0px #565757;*/
}
.teasButton:hover {
	background:linear-gradient(to bottom, #737373 5%, #868a89 100%);
	background-color:#737373;
 text-decoration:none;
 color:#FFCC00;
}
.teasButton:active {
	position:relative;
	top:1px;
}

        



.teaser	{
 font-size: 16px;
 /*line-height: 18px;*/
 padding-top: 10px;
 /*background-image: url(images/head-kat-170x40.jpg);
 background-repeat: no-repeat;*/
 background-color: #FDECE1;
 display: inline-table;
 height: 30px;
 vertical-align: middle;
 top: 9px;
 text-align: center;
 font-weight: 600;
 width: 100%;
 color: #333333;
 border-bottom: 1px solid #666666;
 border-top: 1px solid #666666;
}

#teaser2	{
 height: 250px;
 width: 176px;
 font-family: "Open Sans";
/*border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;}*/
}

.teashead	{
 vertical-align: top;
 height: 40px;
 margin: 0 0;
 padding: inherit;
 font-family: "Open Sans";

}

.teastext	{
text-align:justify;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
top:0;
text-height:auto;
vertical-align:text-top;
height:128px;


/*min-width:170px;*/
}

#teaser	{
    min-width:180px;}

#teasdiv	{
float:left; 
position:relative;
margin-left:8px;
margin-right:8px;
}



/* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

    /* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper
{
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 z-index: 10;
 /*margin-top: 20px;
 margin-bottom: -90px;  Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
}
.navbar-wrapper .navbar
{
}
/* Remove border and change up box shadow for more contrast */
.navbar .navbar-inner
{
 border: 0;
 /*-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
 -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
 box-shadow: 0 2px 10px rgba(0,0,0,.25);*/
}
/* Downsize the brand/project name a bit */
.navbar .brand
{
/*  padding: 14px 20px 16px -15px; Increase vertical padding to match navbar links */
 font-size: 16px;
 font-weight: bold;
 text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
/* Navbar links: increase padding for taller navbar 
.navbar .nav > li > a
{
 padding: 15px 20px;
}*/
/* Offset the responsive button for proper vertical alignment */
.navbar .btn-navbar
{
 margin-top: 10px;
}
/* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    /* Carousel base class */
.carousel
{
 margin-bottom: 30px;
}
.carousel .container
{
 position: relative;
 z-index: 9;
}
.carousel-control
{
 height: 80px;
 margin-top: 0;
 font-size: 120px;
 text-shadow: 0 1px 1px rgba(0,0,0,.4);
 background-color: transparent;
 border: 0;
 z-index: 10;
}
.carousel .item
{
 height: 200px;
}
.carousel img
{
 position: absolute;
 top: 85px;
 left: 0;
 min-width: 100%;
 height: 300px;
}
.carousel-caption
{
 background-color: transparent;
 position: static;
 max-width: 550px;
 padding: 0 20px;
 margin-top: 100px;
}
.carousel-caption h1,  .carousel-caption .lead
{
 margin: 0;
 line-height: 1.25;
 color: #fff;
 text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.carousel-caption .btn
{
 margin-top: 10px;
}
/* MARKETING CONTENT
    -------------------------------------------------- */

    /* Center align the text within the three columns below the carousel */
.marketing .span4
{
 text-align: center;
}
/*.marketing h2
{
 font-weight: normal;
}
.marketing .span4 p
{
 margin-left: 10px;
 margin-right: 10px;
}*/


    /* Featurettes
    ------------------------- */

    .featurette-divider {
      margin: 30px 0; /* Space out the Bootstrap <hr> more */
    }
    .featurette {
      padding-top: 30px; /* Vertically center images part 1: add padding above and below text. */
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
    }
    .featurette-image {
      margin-top: -30px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
    }

    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
    .featurette-image.pull-left {
      margin-right: 40px;
    }
    .featurette-image.pull-right {
      margin-left: 40px;
    }

    /* Thin out the marketing headings */
    .featurette-heading {
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 1;
      letter-spacing: -1px;
    }



    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {

.teaser	{ font-size:20px; line-height:22px; padding-top:5px; background-image:url(images/head-kat-170x601.jpg); background-repeat:no-repeat; display:inline-block; height:55px; vertical-align:middle; top:5px; text-align:center; text-wrap:suppress; font-weight:500; min-width:170px;
 
}

.teaser2	{width:170px;}
.teastext {
 width: 170px;
 font-family: "Open Sans";
}

.container.navbar-wrapper
{
 margin-bottom: 0;
 width: auto;
}
.navbar-inner
{
 border-radius: 0;
 margin: 0px 0;  /* -20px 0;*/
}
.carousel .item
{
 height: 500px;
}
.carousel img
{
 width: auto;
 height: 500px;
}
.featurette
{
 height: auto;
 padding: 0;
}
.featurette-image.pull-left,  .featurette-image.pull-right
{
 display: block;
 float: none;
 max-width: 40%;
 margin: 0 auto 20px;
}
}
 @media (max-width: 767px) {
.teaser2	{width:170px;}
.teastext {width:170px;}

.navbar-inner
{
 margin: 0; /* -20px;*/
}
.carousel
{
 margin-left: -20px;
 margin-right: -20px;
}
.carousel .container
{
}
.carousel .item
{
 height: 300px;
}
.carousel img
{
 height: 300px;
}
.carousel-caption
{
 width: 65%;
 padding: 0 70px;
 margin-top: 100px;
}
.carousel-caption h1
{
 font-size: 30px;
}
.carousel-caption .lead,  .carousel-caption .btn
{
 font-size: 18px;
}
.marketing .span4 + .span4
{
 margin-top: 40px;
}
.featurette-heading
{
 font-size: 28px;
}
.featurette .lead
{
 font-size: 18px;
 line-height: 1.5;
}
}