@charset "utf-8";
/* CSS Document */


body { 
	 margin: 0 auto;
	 background-color:#ffffff; 
	 font-family: 'Open sans', Helvetica, sans-serif;
	 font-size:14px;
	 line-height: 24px;
	 color:#4b4a4d;
	 text-align:left;
	 }

.row-fluid {
	max-width:1172px;
	margin: 3px auto;
	}

/* Header */
header {
	max-width:1172px;
	margin: 3px auto;
	padding: 0;
	
	}

/* Logo nach unten */
.logo {
	position:relative;
	top:45px;
	}

/* Navigation */
nav {
	padding-top:2em;
	}
	
/* Component-Inhalt */
.inhalt {
	padding:3.5em 0;
	}

h1 { 
	 font-family: 'Open sans', Helvetica, sans-serif;
	  font-size:32px;
	 line-height: 46px;
	 font-weight:normal;
		 }

a {
	color:#EB6A0B;
	}
	
a:hover, a:active {
	color:#EB6A0B;
	text-decoration:underline;
	}
	
/* HG auf ganze Breite */
.ganzebreite {
	width:100%;
	background-color:#F0F0F0;
	}

.ganzebreite2 {
	width:100%;
	background-color:#003A62;
	}

/* Nivo-Gallery */
.default .ws-nivo .thumbnail {
    padding: 1px;
    float: left;
}

.default .ws-nivo .thumbnail-bg {
    padding: 0px;
    border: 0px solid #C8C8C8 !important;
    background: none repeat scroll 0% 0% #FFF;
    float: left;
}
	
/* Portfoliobereich */
.portfolio {
	background-color:#edf2f5;
	padding-top:3em;	
	}

#wspm .wspm-image .wspm-overlay-wrapper .wspm-overlay {
    background: none repeat scroll 0% 0% #003A63;
}

#wspm .wspm-item .wspm-headline h1, #wspm .wspm-item .wspm-headline h2, #wspm .wspm-item .wspm-headline h3, #wspm .wspm-item .wspm-headline , #wspm .wspm-item .wspm-headline h5, #wspm .wspm-item .wspm-headline h6 {
   background-color:#003A63 !important;
	color:#fff !important;
	font-family: 'Open sans', sans-serif;
	font-size:16px;
	font-weight:normal;
	height:4.5em;
}

#wspm .wspm-item .wspm-inner {
    margin-top:0px;
}

/* Footer */
footer {
	background-color:#003A62; 
	padding:1.5em 0;
	}

.footer1 {
	color:#fff;
	}
	
.footer2 {
	color:#fff;
	text-align:right;
	}
	
/* MOBIL */

.mobilebarmenuck {
	top:60px;	
	}



@media only screen and (max-width: 640px) {
	/* styles screens and larger */
.footer1, .footer2 { 
	text-align:center;
	}
}