/* BOF Local */
@font-face {
    font-family: 'open_sansregular';
    src: url('web-fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
    src: url('web-fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('web-fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('web-fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
         url('web-fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('web-fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot');
    src: url('web-fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('web-fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.woff2') format('woff2'),
         url('web-fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.woff') format('woff'),
         url('web-fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* EOF Local */
html, body {
	margin: 0;
	font-size: 0.85em;
	line-height: 1.6em;
	font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
	font-weight: 400;
	letter-spacing: 0.1em;
	color: #666;
	background: #cdcdcd;
	padding: 0;
	height: 100%;
}
h1, h2, h3, h4 {
	font-family: 'open_sanssemibold', Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #666;
	margin: 0 !important;
	display: block;
}
h1 {
	padding: 50px 0 5px 260px;
	font-size: 1.5em;
	line-height: 20px;
	/*line-height: 1.5em;*/
	letter-spacing: 0.2em;
}
h1 a, h1 a:visited {
	text-decoration: none;
	color: #666;
}
h1 a:hover {
	color: #fff;
}
h2 {
	padding: 50px 0 5px 475px;
	line-height: 22px;
	/*line-height: 1.8em;*/
	font-size: 1.3em;
}
h3 {
	padding: 25px 0 0 0;
	margin: 0;
	line-height: 1.5em;
	font-size: 1.1em;
}
h4 {
	padding: 5px 0 5px 0px;
	line-height: 22px;
	/*line-height: 1.8em;*/
	font-size: 1.1em;
}

h5 {
	padding: 50px 0 5px 0px;
	line-height: 22px;
	/*line-height: 1.8em;*/
	font-size: 1.3em;
}

p {
	font-size: 1.0em;
	line-height: 1.6em;
}
a, a:visited {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #fff;
}
/* HEADER  */
.header {
	background: none;
	margin: 0;
	padding:0;
	width: 490px;
	position: fixed;
	z-index: 333;
}
/* Container Navigation*/

#navcontainer {
	background: none;
	margin: 0;
	padding:0;
	width: 280px;
	min-height: 100%; /* moderne Browser */
	height:auto !important; /* moderne Browser */
	height:100%; /* für IE */
	overflow: hidden !important; /* FF Scroll-Leiste */
	position: fixed;
	z-index: 222;
}
#navigation {
	background-color: #cdcdcd;
	width: 200px;
	height: 100%;
	position: absolute;
	padding: 78px 5px 20px 32px;
	-moz-box-shadow: 0px 0px 8px #222;
	-webkit-box-shadow: 0px 0px 8px #222;
	box-shadow: 0px 0px 8px #222;
}
#navigation p.nav {
	font-size: 1.3em;
	line-height: 1.4em;
}
#navigation p.nav a {
	display: block;
	font-family: 'open_sanssemibold', Helvetica, Arial, sans-serif;
	/*font-weight: 600;*/
}
#navigation p {
	text-transform: normal;
	font-size: 1.0em;
}
/* Container */

#wrap {
	margin-top: 0px;
	float:none;
	z-index: 1;
}
/* Galerien */
.galerie {
	line-height: 0px;
}
.galerie img {
	padding: 0;
	margin: 0 !important;
}
/* Bildloader */
.image_frame {
	margin: 0;
	display: inline;
}
.image_frame img {
	padding: 0;
}
.image_frame a:hover img {
	padding: 0;
}
img.loader {
	padding: 10px 0 0 475px;
	width: 16px;
	height: 16px;
	border: 0;
}
/* Bilderblöcke */
ul#imageblock {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul#galerie li {
	padding: 0;
	border: none;
	margin: 0 !important;
}
/* Clients and Imprint Content */

.vita, .imprint {
	padding: 0 140px 0 475px;
}