@charset 'utf-8';
@import url(reset.css);
@import url(defaults.css);
@import url(tabs.css);

/*
-----------------------------------------------
Author:   	Christian Hamann
Version:  	16 Oktober 2008


----------------------------------------------- */

body {
	font: 14px/1.5 "Lucida Grande", "Lucida Sans", "Lucida sans unicode", "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color: black;
	background: #CC0033 url(../img/gfx/bg.gif) repeat-x;
	}

h2 {
	font-size: 24px;
	line-height: 24px;
	color: white;
	word-spacing: -0.075em;
	margin-bottom: 12px;
	font-weight: normal;
	}

.caps {
	letter-spacing: 0.1em;
	text-transform: uppercase;
	}

.back { 
	font-size: 9px;
	}
		
	
/* hidden */

.skip a, .footer {
    position: absolute;
    overflow: hidden;
    left: -2000px;
    width: 1px;
    height: 1px;
	}

.skip a:active,
.skip a:focus {
    position: absolute;
    z-index: 1000;
    overflow: visible;
    width: auto;
    height: auto;
    font-weight: bold;
    top: 2px;
    left: 0px;
    padding: 3px;
    color: #000;
    font-size: 110%;
	}
							
/* Links */

a {
	text-decoration: underline;
	color: #FFF;
	}

a:link 		{color: #FFF;}
a:visited 	{color: #FFF;}
a:hover 	{color: #000;}
a:active 	{color: yellow;}


#nav a {
	text-decoration: none;
	color: #FFF;
	}

#nav a:link 	{color: #FFF;}
#nav a:visited 	{color: #FFF;}
#nav a:hover 	{color: #000;}
#nav a:active 	{color: #000;}

.content a {
	text-decoration: underline;
	color: #FFF;
	}

.content a:link 	{color: #FFF;}
.content a:visited 	{color: #FFF;}
.content a:hover 	{color: #000;}
.content a:active 	{color: yellow;}


/* Layout */

#logo { 
	width: 345px;
	height: 77px;
	margin-left: 34px;
	margin-top: 36px;
	}
					
#header h1 {
	margin: 0;
	height: 77px;
	line-height: 200px;
	overflow: hidden;
	background: url(../img/gfx/logo.gif) no-repeat;
	}
	
#header h1 a {
	display: block;
	}

#navigation { 
	position: absolute;
	top: 187px;
	}

#menu {
	margin-left: 166px;
	width: 450px;
	}

#container { 
	color: #FFF;
	position: absolute;
	top: 300px;
	left: 173px;
	width: 430px;
	}
					
p.content, p { 
	color: white;
	margin-bottom: 18px;
	margin-left: 2px;
	word-spacing: -0.025em;} 


/* Bilder */

#profil-bild {
	position: absolute;
	top: 60px;
	left: 630px;
	width: 361px;
	height: 683px;
	background: url(../img/profil.gif) no-repeat;
	}

#guenter-bild {
	position: absolute;
	top: 10px;
	left: 610px;
	width: 329px;
	height: 723px;
	background: url(../img/guenter.gif) no-repeat;
	}

#ruth-bild {
	position: absolute;
	top: 0px;
	left: 610px;
	width: 322px;
	height: 700px;
	background: url(../img/ruth.gif) no-repeat;
	}

#reinhold-bild {
	position: absolute;
	top: 10px;
	left: 610px;
	width: 329px;
	height: 723px;
	background: url(../img/reinhold.gif) no-repeat;
	}

#leistung-bild {
	position: absolute;
	top: 0px;
	left: 600px;
	width: 384px;
	height: 600px;
	background: url(../img/leistung.gif) no-repeat;
	}

#handwerker-bild {
	position: absolute;
	top: 0px;
	left: 600px;
	width: 395px;
	height: 700px;
	background: url(../img/handwerker.gif) no-repeat;
	}
		
#kontakt-bild {
	position: absolute;
	top: 0px;
	left: 600px;
	width: 396px;
	height: 700px;
	background: url(../img/kontakt.gif) no-repeat;
	}
																
#projekte {
	background: #CC0033 url(../img/projekte.jpg) repeat-x;
	}
	
	
/* tumblr */
															
.post {
	margin-bottom: 18px;
	margin-left: 2px;
	width: 400px;
	}

.post ul li {
	list-style: disc;
	margin-left: 18px;
	}

.regular {}
.caption {}
#page_navigation {}

#archiv {
	position: absolute;
	top: 0px;
	left: 610px;
	width: 100px;
	height: 30px;
	}

#tumblr_footer { 
	border-top: 1px solid white;
	margin-top: 32px;
	width: 500px;
	}