@charset "utf-8";
 
/*
	SvenjaDamerow.de CSS (GALLERY)
	Copyright (c) 2009 Initiative Konzeptionelles Design. All rights reserved.
	If you copy without permission, We will mock you.
	Layout No. 1 / v1.00
	14. Juni 2009
*/

/* @group reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* @end */

/* @group Typografie allgemein */

body {color: #fff; font: 12px/20px Georgia, "Times New Roman", Times, serif;}

body {
	background-color: #000;
}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color: white;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.5em;line-height:1.5em;margin-bottom:0.75em;}
h3 {font-size:1.4em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;padding:0;
	margin: 0.5em 1.25em 0.5em 0;
}
p img.right {float:right;margin: 0 0 1.5em 1.5em;}

em {font-style: italic;}

.small {font-size:.8em;line-height:1.6em;
	color: #666;
	margin-bottom: 1.6em;
}

.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}


/* @end */

/* @group Links */

a:link { text-decoration: underline; color: #cc00cc; }
a:visited { text-decoration: underline; color: #cc00cc; }
a:hover { text-decoration: none; color: #990099; }
a:active, a:focus { text-decoration: underline; color: #000; }

/* @end */

#image {
	width: 795px;
	position: absolute;
	height: 685px;
	background-color: #000;
	top: 82px;
	left: 190px;
}

#imagetext {
	width: 160px;
	position: absolute;
	top: 230px;
	left: 15px;
}

#imagetext p {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #999;
}

#imagetext ul {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: none;
	margin-bottom: 1.5em;
	color: #999;
}

#imagetext .titel {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 0.75em;
	color: #FFF;
}

#logo {
	z-index: 4;
	width: 100%;
	height: 45px;
	background: #fff url(img/logo-positiv.png) no-repeat;
	margin: 0;
	padding: 0;
	top: 10px;
	position: absolute;
}

#logo h1 {
	text-indent: -9999px;
	height: 1px;
	display: block;
	margin: 0;
	padding: 0;
}

/* @group Main Navigation */

#navi {
	z-index: 4;
	background-color: #fff;
	width: 100%;
	height: 22px;
	overflow: hidden;
	position: absolute;
	top: 60px;
}

#navi ul {
	height: 22px;
	overflow: hidden;
	width: 420px;
	right: 0;
	position: absolute;
}

#navi li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;
}

#navi li a {
	border: 0;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background: transparent url(img/navi-positiv.png) no-repeat;
}

li#aboutme a {
	width: 100px;
	height: 22px;
}

li#clients a {
	width: 80px;
	height: 22px;
}

li#gallery a {
	width: 95px;
	height: 22px;
}

li#backstage a {
	width: 145px;
	height: 22px;
}

li#aboutme a:link, li#aboutme a:visited {
	background-position: 0px 0px;
}

li#aboutme a:hover, li#aboutme a:focus {
	background-position: 0px -22px;
}

li#clients a:link, li#clients a:visited {
	background-position: -100px 0px;
}

li#clients a:hover, li#clients a:focus {
	background-position: -100px -22px;
}

li#gallery a:link, li#gallery a:visited {
	background-position: -180px 0px;
}

li#gallery a:hover, li#gallery a:focus {
	background-position: -180px -22px;
}

li#backstage a:link, li#backstage a:visited {
	background-position: -275px 0px;
}

li#backstage a:hover, li#backstage a:focus {
	background-position: -275px -22px;
}

li#aboutme a#selected {
	background-position: 0 -22px;
}

li#clients a#selected {
	background-position: -100px -22px;
}

li#gallery a#selected {
	background-position: -180px -22px;
}

li#backstage a#selected {
	background-position: -275px -22px;
}

/* @end */

/* @group controlLI */

#controlLI {
	background-color: #fff;
	width: 52px;
	position: absolute;
	top: 82px;
	/*height: 104px;*/
	height: 52px;
	z-index: 4;
}


#controlLI ul {
	height: 52px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#controlLI li {
	padding: 0;
	margin: 0;
	/*display: block;*/
	text-indent: -9999px;
}

#controlLI li a {
	border: 0;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background: transparent url(img/gallery-pfeil-links.png) no-repeat 0 0;
}

li#pfeilLI a {
	width: 52px;
	height: 52px;
}

li#pfeilLI a:link, li#pfeilLI a:visited {
	background-position: 0px 0px;
}

li#pfeilLI a:hover, li#pfeilLI a:focus {
	background-position: 0px -52px;
}

/* @end */

/* @group controlRE */

#controlRE {
	background-color: #fff;
	width: 52px;
	position: absolute;
	top: 82px;
	/*height: 104px;*/
	height: 52px;
	right: 0;
	z-index: 4;
}

#controlRE ul {
	height: 52px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#controlRE li {
	padding: 0;
	margin: 0;
	/*display: block;*/
	text-indent: -9999px;
}

#controlRE li a {
	border: 0;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background: transparent url(img/gallery-pfeil-rechts.png) no-repeat 0 0;
}

li#pfeilRE a {
	width: 52px;
	height: 52px;
}

li#pfeilRE a:link, li#pfeilRE a:visited {
	background-position: 0px 0px;
}

li#pfeilRE a:hover, li#pfeilRE a:focus {
	background-position: 0px -52px;
}

/* @end */