/* CSS Document */
/*
Theme Name: Hamburg Projekt
Theme URI: http://www.xxx.de/
Description: Internetauftritt
Version: 1.0
Author: Fabian Niemann

http://www.newmediamen.de
Stand: 09. März 2009

*/

/* Allgemein
----------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}

html, body {margin:0px; padding:0px; background:#eee; font-family:verdana; font-size:12px;}

a:link {color:#aaaaaa;}
a:visited {color:#aaaaaa;}
a:hover {color:#000000;}
a:active {color:#aaaaaa;}
a:focus { outline: none;}

/* Klassen
----------------------------------------------------------------------------*/
.clear {clear:both;height:1px;overflow:hidden;}

.bildlinks {
	float:left; 
	margin:5px 10px 0px 0px;
}

.nachoben {
	font-size:9px;
}

.keinDownload {
	color:#cccccc;
	font-style:italic;
}

.auswahlWasLauft {
	color:#009900;
}

.auswahlRuckblick {
	color:#333399;
}

.auswahlUberUns {
	color:#CC0033;
}

.auswahlMitmachen {
	color:#CC6600;
}

.auswahlDownloads {
	color:#996600;
}

.auswahlKontakt {
	color:#660066;
}

.auswahlImpressum {
	color:#CC3399;
}

/* Typo
----------------------------------------------------------------------------*/
* {
	font-family:  Verdana, Helvetica,  Arial,sans-serif;
	color: #000000;
	font-size: 12px;
	text-decoration:none;
	letter-spacing: 0.01em;
	line-height: 1.5em;
}

p {
	margin:0px 30px 0px 30px ;
	padding-top:15px;
}

.klein {
	font-size: 24px;
}

.gross {
	font-size: 36px;
}

.riesig {
	font-size: 48px;
}


/* Navigation
----------------------------------------------------------------------------*/
#inhalt a.inaktiv	{
	background-position:bottom;
}

#nav1 {
	width:170px;
	height:110px;
	padding:0px 13px 0px 12px;
	margin-top:15px;
	text-indent: -10000em;
	display:block;
}

a#nav1 {
	background:	transparent url('../_img/button_wasgeht.jpg') top center no-repeat;
	font-size:9px;
}

a#nav1:hover {
	background:	transparent url('../_img/button_wasgeht.jpg') bottom center no-repeat;
}

#nav2 {
	width:170px;
	height:110px;
	padding:0px 13px 0px 12px;
	margin-top:15px;
	text-indent: -10000em;
	display:block;
}

a#nav2 {
	background:	transparent url('../_img/button_rueckblick.jpg') center top no-repeat;
	font-size:9px;
}

a#nav2:hover {
	background:	transparent url('../_img/button_rueckblick.jpg') bottom center no-repeat;
}

#nav3 {
	width:170px;
	height:110px;
	padding:0px 13px 0px 12px;
	margin-top:15px;
	text-indent: -10000em;
	display:block;
}

a#nav3 {
	background:	transparent url('../_img/button_ueberuns.jpg') center top no-repeat;
	font-size:9px;
}

a#nav3:hover {
	background:	transparent url('../_img/button_ueberuns.jpg') bottom center no-repeat;
}

#nav4 {
	width:170px;
	height:110px;
	padding:0px 13px 0px 12px;
	margin-top:15px;
	text-indent: -10000em;
	display:block;
}

a#nav4 {
	background:	transparent url('../_img/button_mitmachen.jpg') center top no-repeat;
	font-size:9px;
}

a#nav4:hover {
	background:	transparent url('../_img/button_mitmachen.jpg') bottom center no-repeat;
}

#nav5 {
	width:170px;
	height:110px;
	padding:0px 13px 0px 12px;
	margin-top:15px;
	text-indent: -10000em;
	display:block;
}

a#nav5 {
	background:	transparent url('../_img/button_downloads.jpg') center top no-repeat;
	font-size:9px;
}

a#nav5:hover {
	background:	transparent url('../_img/button_downloads.jpg') bottom center no-repeat;
}

#nav6 {
	width:170px;
	height:110px;
	padding:0px 13px 0px 12px;
	margin-top:15px;
	text-indent: -10000em;
	display:block;
}

a#nav6 {
	background:	transparent url('../_img/button_kontakt.jpg') center top no-repeat;
	font-size:9px;
}

a#nav6:hover {
	background:	transparent url('../_img/button_kontakt.jpg') bottom center no-repeat;
}

#nav7 {
	width:170px;
	height:110px;
	padding:0px 13px 0px 12px;
	margin-top:15px;
	text-indent: -10000em;
	display:block;
}

a#nav7 {
	background:	transparent url('../_img/button_impressum.jpg') center top no-repeat;
	font-size:9px;
}

a#nav7:hover {
	background:	transparent url('../_img/button_impressum.jpg') bottom center no-repeat;
}

/* Positionierung
----------------------------------------------------------------------------*/
#head {
	position:relative; 
	display:block; 
	width:819px; 
	height:22px; 
	background:#fff; 
	padding:10px 0px 5px 11px; 
	margin-left: -414px; 
	left:50%;
}

#foot {
	position:relative; 
	display:block; 
	width:830px; 
	height:80px; 
	background:#fff; 
	text-align:center;
	padding:5px 0px 5px 0px; 
	margin-left: -414px; 
	left:50%;
}

#container {
	position:relative; 
	display:block; 
	width:446px; 
	background:#fff; 
	border-left:192px solid #fff; 
	border-right:192px solid #fff; 
	overflow:visible; 
	margin-left: -414px; 
	left:50%;
}

#inhalt {
	border-left:1px solid #aaaaaa;
	border-right:1px solid #aaaaaa;
}

#left {
	float:left; 
	position:relative; 
	width:192px; 
	margin-left:-194px; 
	display:inline;
	text-align:center;
}

#right {
	float:right; 
	position:relative; 
	width:192px; 
	margin-right:-192px; 
	display:inline;
	text-align:center;
}

#facebook {
	text-align:center;
}

<!--[if IE]>
#container {display:inline-block;}
#left {width:197px;}
<![endif]
-->