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

/* 
##############################################################################
Programming // Der Hersteller // www.der-hersteller.de
XXX
##############################################################################
*/



/*body
############################################################################*/
html {
	height:101%;
}
body {
	font:62.5%/1.5em 'melbourneregular', Helvetica, Arial, sans-serif;
	color: rgb(22,25,25);
	background-color: rgb(185,220,217);
	background-image: url(../img/bg-figure.png);
	background-position: right 50em;
	background-repeat: no-repeat;
}




/*typosatz
############################################################################*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 {
	font-family: 'melbourneregular';
	font-size: 5em;
	line-height: 0.8em;
	margin: 0 0 1.2em 0;
}
h1 span {
	font-size: 0.47em;
}
h2 {
	font-size: 3em;
	text-transform: uppercase;
	margin: 2.4em 0 1.55em 0;
}
h3 {
	font-family: 'melbournebold';
	font-size: 2.05em;
	line-height: 1.55em;
	margin: 0 0 0 0;
}
p + h3 {
	margin-top: 1.5em;
}
h4 {	
	font-family: 'melbournebold';
	font-size: 2.05em;
	line-height: 1.55em;
	margin: 0.8em 0 0.8em 0;
}
h5 {	
}
b, strong {
	font-family: 'melbournebold';
}


/*class
############################################################################*/
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.white {
	color: rgb(255,255,255);
	font-size: 0.9em;
}



/*layout
############################################################################*/
#wrapper {
	width: 100%;
	min-width: 115.2em;
	background: url(../img/bg-header.png) center top no-repeat;
}
#container {
	margin: 0 auto;
	width: 115.2em;
	height: 288em;
	background: url(../img/bg.png) no-repeat;
}


/*content
############################################################################*/
#main {
	position: relative;
	margin: 20em 0 0 0;
	padding: 0 0 0 8em;
}
#main p {
	font-size: 2.05em;
	line-height: 1.55em;
}
#main ul {
	font-size: 2.05em;
	line-height: 1.55em;
}
#main ul li {
	display: inline-block;
	margin: 0 1.1em 0 0;
}
#main ul li a {
	font-family: 'melbournebold';
	color: rgb(22,25,25);
}
#main ul li a:hover,
#main ul li a:active {
	color: rgb(255,255,255);
	-webkit-transition:0.4s linear;  
   	-moz-transition:0.4s linear;  
   	-o-transition:0.4s linear;  
   	transition:0.4s linear;
}
#main .fon {
	position: absolute;
	top: 57.55em;
	right: 1em;
	width: 16em;
	text-align: center;
	color: rgb(183,222,218);
	font-size: 2.5em;
	line-height: 1.2em;
	letter-spacing: 0.05em;
}
#main .fon span {
	letter-spacing: 0.1em;
}
#main .adress {
	position: absolute;
	top: 57.55em;
	right: 14em;
	width: auto;
	font-size: 2.5em;
	line-height: 1.2em;
	letter-spacing: 0.01em;
}
#main .adress span {
	display: block;
	margin: 0 0 0.5em 0;
}



/*header
############################################################################*/
#header {
	color: rgb(61,123,117);
	padding: 1.7em 0 0 8em;
}
#header p {
	font-size: 1.9em;
	line-height: 1.4em;
}
#header p a {
	color: rgb(61,123,117);
	text-decoration: none;
}
#header p a:hover,
#header p a:active {
	color: rgb(255,255,255);
	-webkit-transition:0.4s linear;  
   	-moz-transition:0.4s linear;  
   	-o-transition:0.4s linear;  
   	transition:0.4s linear;
}


/*nav
############################################################################*/
#nav {
}
#nav ul {
}
#nav ul li {
}
#nav ul li a {
}
#nav ul li a:hover,
#nav ul li a:active,
#nav ul li a.current {
	-webkit-transition:0.4s linear;  
   	-moz-transition:0.4s linear;  
   	-o-transition:0.4s linear;  
   	transition:0.4s linear;
}



/*footer
############################################################################*/
#footer {
}