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

/* 
##############################################################################
Programming // Der Hersteller // www.der-hersteller.de
Layout // siegel konzeption | gestaltung // www.jochen-siegel.de
##############################################################################
*/



/*body
############################################################################*/
html, body {
	height: 100%;
}
html {
	font-size: 100%;
}
body {
	font: 62.5%/1.5em 'open_sanssemibold', Helvetica, Arial, sans-serif;
	background-position: 50% 50%;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	background-image: url(../img/bg.jpg);
}
.impressum {
	background-image: none;
	background-color: rgb(172,183,182);
	color: rgb(255,255,255);
}




/*typosatz
############################################################################*/
h1, h2, h3, h4, h5, h6 {
}

h1 {
	text-transform: uppercase;
	font-size: 1.7em;
	font-family: 'open_sansextrabold';
	margin: 0 0 80px 0;
}
h2, h3, h4 {
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: 1.7em;
	font-family: 'open_sansextrabold';
	margin-bottom: 1.2em;
}
p + h2 {
	margin-top: 2.4em;
}
h3 {
}
h4 {	
}
h5 {	
}
p {
}
ul {
}
b, strong {
	font-family: 'open_sansbold';
}


/*class
############################################################################*/
.left {
	float:left;
	display:block;
}
.right {
	float:right;
	display:block;
}
.clear {
	clear:both;
}



/*layout
############################################################################*/
#wrapper {
	width: 100%;
	min-height: 100%;
  	height: auto !important;
  	height: 100%;
    margin-bottom: -330px;
}
.impressum #container {
	padding: 100px 0 50px 0;
	margin-left: 6%;
}
.impressum #container section {
	margin-left: 5%;
	padding: 0 10px 10px 0;
}
.impressum #container section p {
	font-size: 1.5em;
	line-height: 1.7em;
	margin: 0 0 1.2em 0;
}
.impressum #container section p a {
	color: rgb(255,255,255);
	text-decoration: underline;
}
.impressum #container section p a:hover {
	text-decoration: none;
}
.impressum #container section ul {
	list-style:disc;
	font-size: 1.5em;
	line-height: 1.7em;
	margin: 0 0 1.2em 0;
	padding: 0 0 0 1em;
}



/*content
############################################################################*/
#content {
	height: 250px;
}
a.right {
	text-transform: uppercase;
	font-size: 1.4em;
	letter-spacing: 0.08em;
	font-family: 'open_sansbold';
	color: rgb(255,255,255);
	text-decoration: none;
	margin-left: 2em;
	opacity: 1;
}
a.right:hover,
a.right:active {
	opacity: 0.5;
	-webkit-transition:0.4s linear;  
   	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;    
   	-o-transition:0.4s linear;  
   	transition:0.4s linear;
}



/*header
############################################################################*/
#header {
	margin: 0 auto;
	width: 876px;
	text-align: center;
	padding: 116px 10px 115px 10px;
}



/*nav
############################################################################*/
#nav {
}



/*footer
############################################################################*/
#footer {
	height: 330px;
	min-width: 876px;
	background: rgb(172,183,182);
	border-top: 1px solid rgb(150,162,161);
	padding: 35px 0 0 0;
}
#footer img {
	display: block;
}
#footer .section {
	padding: 0 10px;
}
#footer #kontakt {
	clear:both;
	margin: 0 auto;
	width: 856px;
	padding: 40px 0 150px 0;
}