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

/* MAIN STRUCTURE */
body {
	margin:0px;
	padding:0px;
	font-family:'Century Gothic', 'Josefin Sans', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10pt;
	background:#000000;
	color:#ffffff;
	}
	
.container {
	width:980px;
	margin:0px auto;
	}

header {
	background:url(../img/header_bg.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	overflow:auto;
	}
	
header hgroup {
	width:413px;
	margin:0px auto;
	display:block;
	margin-top:37px;
	}
h1 { font-size: 12pt; font-weight:normal;}	
h2 {font-size: 11pt; font-weight:normal;}
header hgroup h1, header h1.center {
	background:url(../img/haarquartier_logo.gif);
	width:413px;
	height:54px !important;
	}
	
h3 {font-size:10pt;}
	
header hgroup h1, header hgroup h2, header h2.center, header h1.center {
	padding:0px;
	margin:0px;
	text-indent:-999999px;
	height:0px;
	}
	
nav ul {
	padding:0px;
	margin:30px auto 20px auto;
	}
	
nav ul li {
	margin:0px;
	padding:0px;
	display:inline;
	}

nav ul li a, nav ul li a:active, nav ul li a:visited {
	padding:0px 10px;
	text-decoration:none;
	color:#999999;
	text-transform:uppercase;
	font-size:14px;
	}
	
nav ul li a:hover {
	text-decoration:none;
	color:#ffffff;
	}

	
a, a:active, a:visited {
	color:#ffffff;
	}
	
a:hover {
	color:#999999;
	}

figure {
	margin:0px;
	padding:0px;
	}

#content hgroup, #content .center {
	text-align:left;
	}
	
article h1, article h2 {
	text-align:left;
	}
	
#content hgroup h2, h2 {
	color:#999999;

	}
	
.home h1, .home h2 {
	padding-left:20px;
	text-align:center;
	}
	
#content.home .side-a {
	width:425px;
	padding:10px 20px;
	float:left;
	margin:0px;
	}
	
.inside article, #content .prices {
	width:600px;
	padding:10px 0px;
	margin:0px auto;
	}

article.home {
	width:100%;
	margin:0px;
	float:none;
	padding:0px;
	}

#content h3 {
	padding-bottom:0px;
	margin-bottom:-10px;
	}

#content aside {
	float:left;
	width:425px;
	padding:10px 20px 10px 60px;
	}

footer {
	width:600px;
	margin:0px auto;
	border-top:1px solid #cccccc;
	padding:10px 0px 5px 0px;
	font-size:8pt;
	clear:both;
	color:#999999;
	}


/* CLASSES */

.fleft {
	float:left;
	}
	
.fright {
	float:right;
	}
	
.block {display:block;}

.hidden {
	display:none;
	}
	
.clear {
	clear:both;
	}
	
address {
	font-style:normal;
	}
	
dd {float:left;}

dt {
	clear:left; 
	float:left;
	width:140px;
	}
	
.nav-label {
	text-align: center;
}


/* KONTAKT */
#kontakt form{
	padding-top:30px;
	}


#kontakt label {
	width:110px;
	float:left;
	}
	
#kontakt textarea {
	display:inline-block;
	}
	
input.submit {
	margin-left:111px;
	padding:4px;
	}
	
h1 {
	margin:10px 0px;
	}
.facebook {
	position: absolute;
	right: 15px;
	top: 15px;
	z-index:99999;
}