/*
Theme Name: Hafenhaus Eins / 2
Theme URI: http://www.holodex.de
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 0.2
Author: MF / PK

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)

/index.php/%year%/%postname%/
*/

@import url(reset.css);


/*page*/
#page {
	padding:0;
	text-align:left;
	color:#e6e6e6;	 
	font-family: freesans, arial,helvetica,geneva,sans-serif,verdana;
	font-size:9pt; 	
	position:absolute;
}

#spacer {
	height:150px;
}

/* header */
#header {
	position:absolute;
	top:75px;
	left:50px;
}

#container {
	position:absolute;
	top:75px;
	left:210px;
}
#list {
	position:absolute;
	top:75px;
	left:585px;
	width:250px;
}
#projects_head {	
	position:absolute;
	top:50px;
	left:206px;
	width:1000px;
}
/*NAVIGATION */

/* navigation - allgemein*/
#navigation { list-style: none; width:142px; margin-bottom:24px;}
#navigation li { display: block; }
#navigation a { display: block; height: 14px; text-indent: -5000px; background-position: 0 0; }
#navigation a:hover, #navigation a:active { background-position: -142px 0; }

/* navigation - relative positionierung */
/* navigation - hintergrundbilder, breite */

#m_haus a { background: url(./img/hafenhauseins.png) no-repeat; height: 20px;}

#m_werkschau {margin-top:14px;}
#m_werkschau a { background: url(./img/werkschau.png) no-repeat; }
#m_andre a { background: url(./img/andre.png) no-repeat; }
#m_sven a { background: url(./img/sven.png) no-repeat; }
#m_projekte a { background: url(./img/projekte.png) no-repeat; }
#m_kontakt a { background: url(./img/kontakt.png) no-repeat; }
#m_links a { background: url(./img/links.png) no-repeat; }



/* für ganze seite */
#content {	
	width:360px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* für projekt-seite */
#projects {	
	clear:both;	
		
	width:374px;
}


#projects_list { list-style: none; float:left; }
#projects_list li { float:left; display: block;} 
#projects_list a { display: block; width:17px; height: 10px; text-indent: -5000px; background-repeat:no-repeat; background-position: 0 -30px; }
#projects_list a:hover, #projects_list a:active { background-position: 0 0; }

#prev_next_btn { height:10px; list-style: none; }
#prev_next_btn li { float:left; display: block; }
#prev_next_btn a { padding:0; margin:0; display: block; height: 10px; width:40px;  background-repeat: no-repeat; text-indent: -5000px; background-position: 0 0; }
#prev_next_btn a:hover, #prev_next_btn a:active { background-position: 0 -30px; }

#prev_btn a { background-image: url(./img/numbers/back.png); }
#next_btn a { background-image: url(./img/numbers/next.png); }


/* images */

/* mp3, video */
object.player {
	display:block;
	margin:12px 0 12px 0;
}



/* PROJEKT_ANSICHT ENDE */
/* KONTAKT */
#kontakt {	
	width:700px;
	float:left;
}

div#impressum {
	margin-top:20px;
	width:512px;
	text-align:justify;
	font-size:8pt;
	color:#e6e6e6;
}

/* google maps */
#map_border {
	margin-bottom:20px;
	width:512px;
	height:332px;
	background-color:white;
}
#map  {
	position:relative;
	left:6px;
	top:6px;	
	width:500px;
	height:320px;	
	color:black;
}
.address {	
	float:left;	
	margin-right:40px;
}
.name {
	color:#ff6600;
}

/* LINKS */
#blogroll {	
	width:512px;
	float:left;
}

li.linkcat {
	margin-bottom:18px;
}

li.linkcat p {
	margin-top:2px;
}
li.linkcat a {
	margin-top:4px;
	display:block;
}
 
 
/* STANDARD HTML */
body {
	min-height:1100px;	
	background-color:#2d303b;
}

h1 {	
	font-weight:bold;
	margin-top:6px;
	margin-bottom:17px;
}

h2 {
	font-style:italic;
	margin-bottom:0px;	
}

p {
	margin-top:2px;
	margin-bottom:3px;
	
}
img {
	margin-bottom:8px;
	margin-right:12px;
}

strong {
	font-weight:bold;
}

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

a:hover {
	text-decoration:underline;	
}

object {
	margin-bottom:8px;	
	margin-top:8px;		
}

hr { 
	border:solid #e6e6e6 1px;
	margin-top: 12px;
	margin-bottom: 12px;
	height:1px;
}

em  {
	font-style:italic;
}