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

/*=============================================================

CSS Layout Zeitlos Website

Datum: 10.10.2009
Autor: Chris Pimmer

Aufbau:
1. Kalibrierung und allgemeine Styles
2. Styles für Layoutbereiche
3. Sonstige Styles

Farben:





==============================================================*/



/*==============================================================
1. Kalibrierung und allgemeine Styles
=============================================================*/


/* Abstände */

* { padding: 0; margin:0; }

img { border:0; }

h2, p, ul, ol, { margin-bottom: 1em; }

ul ul { margin-bottom: 0; }

li { margin left: 1em; }

/*
div { border:2px solid white;}
*/

/* Allgemeine Sektoren */

html { height: 100% }

body { 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	background-color: #a99a82;
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }


/*Hyperlinks allgemein*/

a {text-decoration: none; outline: none; }
a:link { color: #bbb199; }
a:visited { color: #bbb199; }
a:hover, a:focus { color: #000; }
a:active { color: #000; }


/* Allgemeine Klassen */

.imgleft {
	float:left;
	margin-right: 5px;
}


.imgright {
	float:right;
	margin-left: 5px;
}


/*================================================================
2. Styles für die Layoutbereiche
===============================================================*/

#wrapper {
	background-color: #373737;
	background-image:url(bg1.jpg);
	background-repeat: no-repeat;
	height: 628px;
	width: 921px;
	margin: 30px auto;
	border:2px solid #111;
}

#header {
	float:left;
	margin: 10px 0 0 10px;
	}

#navigation {
	float:left;
	margin: 120px 0 0 422px;
	text-align: center;
}

#navigation ul { 
	
}
#navigation li { 
	list-style-type: none;
	display:inline;
	padding: 0 0 0 13px;
}

#navigation a {
	color: #fff;
	padding-top:120px;
	}


#navigation a:hover,
#navigation a:focus { 
		color: #a99a82;
}

#content {
	float:left;
	color:#fff;
	height:405px;
	width:901px;
	margin: 10px;
	overflow:auto;
	
	}


#content a:hover,
#content a:focus { 
	
}

#content div {
	
}

#footer {
	float:left;
	margin: 6px 0 0 857px;

	}

#footer ul { margin: 0; }
#footer li { 
	display: inline;
	list-style-type: none;
	margin: 0 30px 0 0;
}



.block1 {
	float:left;
	height:50px;
	width:50px;
	background-color:#707621;
	margin: 5px 0 0 5px;
}
.block2 {
	float:left;
	height:50px;
	width:50px;
	background-color:#707625;
	margin: 5px 0 0 2px;
}
.block3 {
	float:left;
	height:50px;
	width:50px;
	background-color:#7d8329;
	margin: 5px 0 0 2px;
}
.block4 {
	float:left;
	height:50px;
	width:50px;
	background-color:#868c2c;
	margin: 5px 0 0 2px;
}
.block5 {
	float:left;
	height:50px;
	width:50px;
	background-color:#909633;
	margin: 5px 0 0 2px;
}
.block6 {
	float:left;
	height:50px;
	width:50px;
	background-color:#999f35;
	margin: 5px 0 0 2px;
}
.block7 {
	float:left;
	height:50px;
	width:50px;
	background-color:#a5ab3e;
	margin: 5px 0 0 2px;
}
.block8 {
	float:left;
	height:50px;
	width:50px;
	background-color:#b0b645;
	margin: 5px 0 0 2px;
}
.block9 {
	float:left;
	height:50px;
	width:50px;
	background-color:#c0c64e;
	margin: 5px 0 0 2px;
}
.block10 {
	float:left;
	height:50px;
	width:50px;
	background-color:#ccd25e;
	margin: 5px 0 0 2px;
}
.block11 {
	float:left;
	height:50px;
	width:50px;
	background-color:#d6db79;
	margin: 5px 0 0 2px;
}
.block12 {
	float:left;
	height:50px;
	width:50px;
	background-color:#ecf0a5;
	margin: 5px 0 0 2px;
}