/*
-----------------------------------------------
		Samuel Kuemmel / Fotografie Stylesheet
		ein Lichtsignale.de Design
----------------------------------------------- */


/*		B A S I C   S E T U P
----------------------------------------------- */


* {
		margin: 0;
		padding: 0;
}

:focus, a {
		-moz-outline-style: none;
}

img {
		border: none;
}

html, body {
		margin: 0;
		padding: 0;
		height: 100%;
}

body {
		color: #000;
		background: #999 url(bg_noise.png) 0 0 repeat;
		text-align: center;
		font: 12px/20px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

a:link, a:visited {
		color: #000;
		text-decoration: underline;
}

a:hover, a:active {
		color: #999;
}


/*		P O S I T I O N I N G
----------------------------------------------- */

#shim {
		visibility: hidden;
		width: 100%;
		height: 50%;
		margin-top: -260px;
		float: left;
}

#wrapper {
		background: transparent url(frame.png) center center no-repeat;
		width: 100%;
		height: 500px;
		clear: both;
		text-align: center;
		margin: auto;
		position: relative;
		top: -250px;
		position: static;
}

#content {
		width: 525px;
		height: 415px;
		margin: 0 auto;
		padding-right: 300px;
		top: 26px;
		position: relative;
		text-align: left;
		background: #fff;
}

#content h2 {
		font-size: 20px;
		margin-bottom: 18px;
		letter-spacing: -1px;
}

#content p {
		margin-bottom: 20px;
		font-size: 20px;
		line-height: 18px;
		font-weight: bold;
		letter-spacing: 0px;
		color: #888;
}

#flash {
		width: 825px;
		height: 415px;
}


/*		N A V I G A T I O N
----------------------------------------------- */

#nav {
		width: 825px;
		height: 41px;
		position: absolute;
		top: 420px;
		background: url(nav.png) 0 -41px no-repeat;
}

h1 a:link, h1 a:visited {
		display: block;
		width: 200px;
		height: 41px;
		float: left;
		text-indent: -9999px;
}

h1 a:hover, h1 a:active {
		background: url(nav.png) 0 0 no-repeat;
}

ul {
		width: 293px;
		float: right;
}

li {
		list-style: none;
		display: block;
		float: left;
}

#nav li a:link, #nav li a:visited {
		display: block;
		float: left;
		height: 41px;
		text-indent: -9999px;
}

#aportfolio a:link, #aportfolio a:visited {
		width: 68px;
}

#aportfolio a:hover, #aportfolio a:active {
		background: url(nav.png) -532px 0 no-repeat;
}

#aphilosophie a:link, #aphilosophie a:visited {
		width: 98px;
}

#aphilosophie a:hover, #aphilosophie a:active {
		background: url(nav.png) -600px 0 no-repeat;
}

#afotograf a:link, #afotograf a:visited {
		width: 67px;
}

#afotograf a:hover, #afotograf a:active {
		background: url(nav.png) -698px 0 no-repeat;
}

#akontakt a:link, #akontakt a:visited {
		width: 60px;
}

#akontakt a:hover, #akontakt a:active {
		background: url(nav.png) -765px 0 no-repeat;
}