* {
	margin : 0;
	padding : 0;
	}

html {
	margin : 0;
	padding : 0;
	height : 100%;
	width : 100%;
	}
	
/* first for Internet Explorer < 9 */
@font-face {
	font-family : DIN;
	src : url("webfonts/DIN.eot");
	}
	
@font-face {
	font-family : DIN;
	src : url("webfonts/DIN_Light.eot");
	font-weight : 100;
	}
	
@font-face {
	font-family : DIN;
	src : url("webfonts/DIN_Bold.eot");
	font-weight : bold;
	}

/* then for WOFF-capable browsers */
@font-face {
	font-family : DIN;
	src : url("webfonts/DIN.woff") format("woff");
	}
	
@font-face {
	font-family : DIN;
	src : url("webfonts/DIN_Light.woff") format("woff");
	font-weight : 100;
	}
	
@font-face {
	font-family : DIN;
	src : url("webfonts/DIN_Bold.woff") format("woff");
	font-weight : bold;
	}
	


body {
	margin : 0;
	padding : 0;
	border : 0;
	height : 100%;
	width : 100%;
	font-family : DIN, sans-serif;
	color : #fff;
	background : #262626 url(bg.jpg) no-repeat fixed top;
	-webkit-background-size : cover;
	-moz-background-size : cover;
	-o-background-size : cover;
	background-size : cover;
	}




/* ~~~~~ INHALT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#wrapper {
	width : 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -130px;
	}

header {
	padding : 90px 0 0 100px;
	height : 75px;
	}
	
h1 {
	font-size : 22pt;
	text-transform : uppercase;
	}
	
h2 {
	font-size : 12pt;
	text-transform : uppercase;
	margin-bottom : 12pt;
	}
	
small {
	font-size : 8pt;
	text-transform : uppercase;
	font-weight : 100;
	}
	
.gruen { color : #e3dc49; }

.lila { color : #a59ec0; }

.lachs { color : #ddac81; }

.mint { color : #b1d6b5; }

article a {
	text-decoration : none;
	color : #a59ec0;
	font-weight : bold;
	}
	
article a:hover {
	color : #e3dc49;
	border-top : #e3dc49 dotted 1px;
	border-bottom : #e3dc49 dotted 1px;
	}

#table {
	display : table;
	width : 100%;
	min-width : 975px;
	}

#table .row {
	display : table-row;
	}

#img-column {
	display:table-cell;
	vertical-align: top;
	width : 375px;
	min-width : 375px;
	}

#img-column img {
	margin-bottom : 15px;
	width : 375px;
	}
	
article {
	display:table-cell;
	vertical-align: top;
	min-width : 350px;
	font-size : 11pt;
	font-weight : normal;
	}
	
article div {
	position : relative;
	float : left;
	margin-left : 50px;
	width : 350px;
	}
	
article p {
	margin-bottom : 15pt;
	}
	
article ul {
	list-style-type : none;
	list-style-image : none;
	margin : 16pt 0;
	}
	
article  li {
	margin : 6pt 0;
	}

form p {
	margin : 4pt 0;
	}
	
input {
	float : right;
	border : 0;
	padding : 1px 3px;
	color : fff;
	background : #7f7777;
	}
	
textarea  {
	border : 0;
	color : fff;
	background : #7f7777;
	}
	
.button {
	margin-top : 8pt;
	}
	
	
	
	
/* ~~~~~ NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#gallery {
	padding-left : 100px;
	}
	
#gallery img {
	float : left;
	width : 200px;
	height : 200px;
	}
	
	

/* ~~~~~ NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


nav {
	display:table-cell;
	vertical-align: top;
	width : 250px;
	min-width : 250px;
	font-size : 13pt;
	text-align : right;
	text-transform : uppercase;
	white-space : nowrap;
	vertical-align : top;
	z-index : 2;
	font-weight : normal;
	}
	
nav ul {
	margin : -70px 35px 0 20px;
	list-style-type : none;
	list-style-image : none;
	}
	
nav  li {
	position : relative;
	height : 50px;
	}
	
nav a {
	text-decoration : none;
	color : #fff;
	}

nav a:hover {
	color : #e3dc49;
	}



	
/* ~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


footer {
	margin-right : 30px;
	padding-right : 85px;
	height : 80px;
	text-align : right;
	font-size : 10pt;
	background : url(logo.png) no-repeat right;
	-webkit-background-size : auto 80px;
	-moz-background-size : auto 80px;
	-o-background-size : auto 80px;
	background-size : auto 80px;
	font-weight : 100;
	}
	
footer h5 {
	padding-top : 16px;
	margin-bottom : 6px;
	font-size : 14pt;
	font-weight : normal;
	}
	
footer h4 {
	display : block;
	float : left;
	padding-top : 40px;
	padding-left : 100px;
	font-size : 14pt;
	font-weight : bold;
	white-space : nowrap;
	}
	
.footer, .push {
	height: 130px;
}




/* ~~~~~ STARTSEITE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#startseite {
	background-image : url(bg_startseite.jpg);
	}

#startseite header {
	position : relative;
	padding : 0;
	display : inline-block;
	width : 65%;
	height : auto;
	text-align : right;
	vertical-align : top;
	}
	
#startseite header img {
	width : 45%;
	min-width : 250px;
	height : auto;
	}
	
#startseite nav {
	position : relative;
	display : inline-block;
	top : 0;
	width : 34%;
	}
	
#startseite nav ul {
	margin-top : 80px;
	}
	
#startseite footer {
	margin-right : 30px;
	padding-right : 85px;
	height : 80px;
	text-align : right;
	font-size : 10pt;
	background : url(logo.png) no-repeat right;
	-webkit-background-size : auto 80px;
	-moz-background-size : auto 80px;
	-o-background-size : auto 80px;
	background-size : auto 80px;
	font-weight : 100;
	}
	
#startseite footer h5 {
	padding-top : 16px;
	margin-bottom : 6px;
	font-size : 14pt;
	font-weight : normal;
	}