@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);


html, body 
	{
	color:#161618;
	font-family: 'Open Sans', 'Myriad Pro', GillSans, Futura, Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	}
	
body
	{
	padding-top: 50px;
	}
	
hr.dots
	{
	border-top:1px dotted #043787;
	margin-bottom:50px;
	}

#header
	{
	background-color:#2c3b58;
	height:53px;
	}
	

.default-sm
	{
	background-color:#efefef;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	}
	
.default-sm h3
	{
	display:block;
	min-height:30px;
	font-weight:100;
	text-align:center;
	}

.default-sm img
	{
	display:block;
	margin-bottom:20px;
	}
	
	
	

ul.navigation
	{
	margin:0px;
	margin-top:10px;
	padding:0px;
	}
	
ul.navigation li
	{
	display:inline;
	padding-right:40px;
	}
	
ul.navigation li a
	{
	color:#ccc;
	font-size:1.3em;
	font-weight:500;
	}
	
.imgproducts
	{
	float:left;
	border:1px solid #f2f2f2;
	border-radius:5px;
	margin-right:1px;
	margin-bottom: 1px;
	width:62px;
	}
	
/*------------------------------- Bootstrap Änderungen -----------------------------*/

.catalogue
	{
	height:200px;
	border:1px solid #ccc;
	padding:20px;
	margin-bottom:20px;
	}
	
.catalogue img
	{
	float:left;
	margin-right:20px;
	max-height:160px;
	}

.back-to-top 
	{
	background: none;
	margin: 0;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 70px;
	height: 80px;
	z-index: 100;
	display: none;
	text-decoration: none;
	color: #ccc;
	}

.back-to-top i 
	{
	font-size: 60px;
	}


#sidebar
	{
    position: fixed;
    top:70px;
    width:228px;
	z-index:100;
	}
	
#sidebar i
	{
	font-size:40px;
	margin-bottom:5px;
	margin-left:5px;
	padding:10px;
	border:1px solid #ccc;
	border-radius:5px;
	}
	
#sidebar a
	{
	text-decoration:none;	
	}
	
/*------------------------------- Bootstrap Änderungen -----------------------------*/

.navbar-default
	{
	margin:0px;
	padding:0px;
	}


.container
	{
	padding-right: 5px;
	padding-left: 5px;
	}	



.carousel-indicators li 
	{
	background-color: #161618 \9;
	border: 1px solid #161618;
	}
	
.carousel-indicators .active 
	{
	background-color: #161618;
	}
	
.carousel-control:hover,
.carousel-control:focus 
	{
	color: #2c3b58;
	}

/*------------------------------- Footer -----------------------------*/


html,
body 
{
  height: 100%;
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -100px;
}

#footer 
	{
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 100px;
	background-color: #f5f5f5;
	}

.footer a
	{
	color:#2c3b58;
	}

#footer .container p
	{
	padding-top:20px;
	}


/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
#footer {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
}





    @media only screen and (min-width:960px){
        /* styles for browsers larger than 960px; */
    }
    @media only screen and (min-width:1440px){
        /* styles for browsers larger than 1440px; */
    }
    @media only screen and (min-width:2000px){
        /* for sumo sized (mac) screens */
    }
    @media only screen and (max-device-width:480px){
       /* styles for mobile browsers smaller than 480px; (iPhone) */

    }
    @media only screen and (device-width:768px){
       /* default iPad screens */
    }
    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
    }