@charset "utf-8";
@font-face { font-family: 'Rock Salt';
             src: url('../fonts/RockSalt-Regular.ttf') format('truetype');
			 font-weight: 400;}
@font-face { font-family: 'Source Sans Pro';
             src: url('../fonts/SourceSansPro-Light.ttf') format('truetype');
			 font-weight: 300;}
@font-face { font-family: 'Source Sans Pro';
             src: url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
			 font-weight: 400;}
@font-face { font-family: 'Source Sans Pro';
             src: url('../fonts/SourceSansPro-SemiBold.ttf') format('truetype');
			 font-weight: 600;}

html, body {
    color: #333;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}
#bg {
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: -10;
	/* Preserve aspet ratio */
	min-width: 100%;
	min-height: 100%;
	opacity: 0.6;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}
h1, h2, h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}
h1, h2, h3 {
    margin-top: 40px;
    margin-bottom: 20px;
}
.container-header {
    border-bottom: 1px solid #05599F;
    box-shadow: 0px 0px 7px 3px rgba(50,50,50,0.7);
    z-index: 10;
    position: relative;
    background: #FFF;
}
.container-slideshow {
    margin: 0px;
    padding: 0px;
}
.container-bluebar {
    background: #05599F;
}
.container-bluebar a {
	color: #FFF;
}
.blue_cols {
    text-align: center;
    color: #FFF;
    padding: 10px;
    font-size: 15px;
    letter-spacing: 1px;
}
.blue_cols strong {
    font-size: 20px;
    letter-spacing: 1px;
}
.angebot_col {
    font-family: 'Rock Salt', cursive;
    font-size: 22px;
}
.angebot_col p {
    margin-top: 5px;
}
.maincontent {
    text-align: center;
    font-size: 18px;
    margin-top: 50px;
}
.img-symbol {
    margin: auto;
    max-width: 100px;
    width: 100%;
    padding: 5px;
}
.img-thumb {
	padding: 10px;
}
.thumbnail .caption {
	min-height: 330px;
} 
footer {
    background-color: #CCC;
    margin-top: 50px;
}
.footer-first {
    text-align: center;
    margin-top: 20px;
}
.googlemaps {
    width: 100%;
    min-height: 300px;
}
.itsoftLogo {
	width: 100%;
	max-width: 300px;
}
@media (max-width:767px){
    .container-header-content {
        margin: 0px;
        padding: 0px;
    }
    .container-header {
        padding: 0px;
        margin: 0px;
    }
    .img-brand {
        width: 100%;
        max-width: 200px;
        margin: auto;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .navbar {
        padding: 0px;
        margin: 0px;
    }
    .blue_cols_mid {
        border-top: dashed 1px #FFF;
        border-bottom: dashed 1px #FFF;
    }    
}
@media (min-width:768px){
    .navbar {
        border-radius: 0px;
        border: 0px;
        background-color: #FFF;
        margin-top: 40px;
    }
    .navbar .container-fluid, .navbar-collapse {
        padding-left:0;
    }
    .navbar-collapse.in {
        padding-left:30px;
    }   
    .img-brand {
        margin-top: 10px;
        margin-bottom: 10px;
    }  
    .img-angebot {
        max-width: 110px;
        margin: auto;
    }
    .glyph-angebot {
        font-size: 20px;
        padding-top: 15px;
    }
    .blue_cols_mid {
        border-left: dashed 1px #FFF;
        border-right: dashed 1px #FFF;
    }
    .col-symbol {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .navbar-nav a {
        color: #05599F!important;
        font-size: 18px;
        cursor: pointer;
    }
    .navbar-nav .active, .navbar-nav li:hover {
        border-bottom: 3px solid #05599F;
    }
    .margintop {
        margin-top: 40px;
    }
}