/*
Projekt: Rothaus v3
Design: Sebastian Laube
Code: Sebastian Laube

Farben:
rot			#cc0000
-------------------------------------------------------------- */

@import url("reset.css");

@font-face {
	font-family: 'GreyscaleBasicRegular';
	src: url('../fonts/Greyscale_Basic_Regular.eot');
	src: local('../fonts/GreyscaleBasic Regular'), local('../fonts/GreyscaleBasic'), url('../fonts/Greyscale_Basic_Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'GreyscaleBasicItalic';
	src: url('../fonts/Greyscale_Basic_Regular_Italic.eot');
	src: local('../fonts/GreyscaleBasic Italic'), local('../fonts/GreyscaleBasic-Italic'), url('../fonts/Greyscale_Basic_Regular_Italic.ttf') format('truetype');
}

/* general
-------------------------------------------------------------- */
body { 
	font-size: 75%;
	color: #222; 
	background: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #0a467a url('../8949.jpg') no-repeat center fixed;
	color: #fff;
}

/* some grid from 960.gs
-------------------------------------------------------------- */
.container_9 {
	margin: 0 auto;
	padding: 2em 0;
	width: 855px;
}

.grid_3 {
	display:inline;
	float: left;
	width:270px;
	position: relative;
	margin-left: 7px;
	margin-right: 7px;
}

.grid_6 {
	display:inline;
	float: left;
	width:555px;
	position: relative;
	margin-left: 7px;
	margin-right: 7px;
}

.container_9 .push_3 {
	left:285px;
}
.container_9 .pull_3 {
	left:-285px;
}


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* head
-------------------------------------------------------------- */
.head {
	height: 270px;
	text-align: center;
	background: #c00;
}
h1 { margin-bottom: 0.5em; padding: 200px 0 0; font: italic 2em/1em 'GreyscaleBasicItalic', Georgia, Times, serif;}

.ajz {position: absolute; top: 0; right: 2em;}
.ajz img {display: block;  -moz-box-shadow: 0 0 5px #222;}

.general {margin-top: 2.7em;}

/* content
-------------------------------------------------------------- */
h2 {
	margin: 0 0 5px;
	padding: 0 .5em;
	font: normal 1.5em/1.5em 'GreyscaleBasicRegular',  'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #c00;
	background: #111;
}
.block { padding: .5em 1em; background: #111; font: 1.3em/1.3em Georgia, Times, serif;}
p { margin: 0 0 1em;}
.bottom { margin-bottom:0; padding-bottom:0;}

.grid_3>a {
	display: inline-block;
	margin: 5px 0 0;
	padding: .4em 1em;
	font-size: .9em;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	background: #c00;
}
.grid_3>a:hover { background: #111;}

.row { margin-bottom: 15px;}

ul { margin: 0 1.5em 1.5em 1em; list-style-type: circle; }
ul li { margin: 0 0 .5em 0;}

dd {float: right;margin: -1.3em 0 0 0;}