* {
		padding: 0;
		margin: 0;
		border: 0;
		text-decoration: none;
		font-weight: normal;
		font-style: normal;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 11px;
		color: #fff;
		outline: 0;
		list-style: none;
	}

	strong {
		font-weight: bold;
	}

	em {
		font-style: italic;
	}

	html, body {
		width: 100%;
		overflow-x: hidden;
	}

	body {
		background-color: #333333;
		background-image: url(/imgs/bg_cursor.png);
		background-position: -1000px -1000px;
		background-repeat: no-repeat;
	}

	br.clear {
		display: block;
		height: 1px;
		overflow: hidden;
		clear: both;
	}







	/**
	*
	*	FRAMEWORK
	*
	**/

	div#container {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	
	div#slide {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1;
	}
	
	div#content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	
	div#head {
		position: fixed; 
		top: 0;
		left: 0;
		width: 100%;
		height: 31px;
		overflow: hidden;
		background: #000;
		z-index: 2;
	}











	/**
	*
	*	HEAD + NAVIGATION
	*
	**/

	div#head h1 {
		display: none;
	}
	
	div#head h2 {
		display: none;
	}

	ul.nav {
		position: absolute;
		top: 94px;
		left: 0;
		margin-left: 65px;
		float: left;
	}
	
	ul.nav li {
		height: 36px;
		float: left;
		clear: both;
	}
	
	ul.nav li a {
		display: block;
		float: left;
		height: 25px;
		background-repeat: no-repeat;
		background-position: left top;
		overflow: hidden;
		text-indent: -200000em;
		margin-bottom: 11px;
	}
	
	ul.nav li a:hover, ul.nav li a:focus, ul.nav li a:active {
		background-position: left bottom;
	}
	
	ul.nav ul.subnav {
		display: none;
	}
	
	ul#subnav {
		position: absolute;
		top: 94px;
		left: 0;
		margin-left: 65px;
		float: left;
	}
	
	ul#subnav li {
		height: 36px;
		float: left;
		clear: both;
	}
	
	ul#subnav li a {
		display: block;
		float: left;
		height: 25px;
		background-repeat: no-repeat;
		background-position: left top;
		overflow: hidden;
		text-indent: -200000em;
		margin-bottom: 11px;
	}
	
	ul#subnav li a:hover, ul#subnav li a:focus, ul#subnav li a:active {
		background-position: left bottom;
	}
	
	ul#subnav li#li-subnav-back {
		position: absolute;
		top: 5px;
		left: -51px;
		height: 18px;
		width: 12px;
		float: none;
		clear: none;
		overflow: hidden;
	}
	
	ul#subnav a#b-subnav-back {
		float: left;
		width: 12px;
		height: 18px;
		overflow: hidden;
		text-indent: -200000em;
		background: url(/imgs/b_back.png) left top no-repeat;
		display: block;
	}
	
	a#b-subnav-back:hover, a#b-subnav-back:focus, a#b-subnav-back:active {
		background-position: left bottom;
	}









	/**
	*
	*	CONTENT
	*
	**/

	a#b-back {
		position: absolute;
		top: 99px;
		left: 14px;
		display: block;
		width: 12px;
		height: 18px;
		overflow: hidden;
		text-indent: -200000em;
		background: url(/imgs/b_back.png) left top no-repeat;
	}
	
	a#b-back:hover, a#b-back:focus, a#b-back:active {
		background-position: left bottom;
	}

	div#innercontent {
		position: absolute;
		left: 65px;
		top: 94px;
	}
	
	h2 {
		height: 25px;
		background-repeat: no-repeat;
		background-position: left bottom;
		overflow: hidden;
		text-indent: -200000em;
		margin-bottom: 30px;
	}
	
	p.description {
		margin-bottom: 25px;
	}
	
	div.details {
		margin-bottom: 25px;
	}
	
	div.details table th {
		color: #fff !important;
		text-transform: uppercase;
		vertical-align: top;
		text-align: left;
		font-weight: bold;
	}
	
	div.details table th, div.details table td {
		padding-right: 15px;
	}
	
	div#thumbs div.thumb {
		width: 270px;
		height: 170px;
		float: left;
		margin: 0 20px 20px 0;
		position: relative;
	}
	
	div#thumbs div.thumb a img {
		display: none;
	}
	
	div#thumbs div.thumb:hover a img {
		display: inline;
	}
	
	div#thumbs div.thumb div.loading {
		position: absolute;
		top: 0;
		left: 0;
		width: 270px;
		height: 170px;
	}
	
	div#thumbs div.thumb div.loading img {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -14px;
		margin-top: -14px;
		width: 28px;
		height: 28px;
	}
	
	img.tmp {
		position: absolute;
		top: -2000px;
		left: 0;
	}
	
	div.cols, div.cols * {
		color: #535353;
	}
	
	div.cols a:hover, div.cols a:hover * {
		color: #fff !important;
	}

	div.col1 {
		float: left;
		width: 250px;
		margin-right: 50px;
	}

	div.col2 {
		float: left;
		width: 180px;
		margin-right: 50px;
	}
	
	div.col3 {
		float: left;
		width: 250px;
	}

	div.cols h3 {
		font-size: 18px;
		margin-bottom: 6px;
		margin-top: 12px;
	}
	
	div.cols h3.first {
		margin-top: 0;
	}

	table.resume th, table.resume td {
		vertical-align: top;
		text-align: left;
	}
	
	table.resume th {
		padding-right: 6px;
		white-space: nowrap;
	}










	/**
	*
	*	LIGHTBOX
	*
	**/
	
	div#overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: #222;
		z-index: 9;
	}
	
	div#lightbox {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 10;
	}
	
	div#lightbox-inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 50000px;
		height: 100%;
	}
	
	div#lightbox div.img {
		height: 100%;
		float: left;
		position: relative;
	}
	
	div#lightbox div.img img {
		display: block;
		float: left;
	}
	
	div#lightbox div.img table.outer,
	div#lightbox div.img table.outer tr.outer,
	div#lightbox div.img table.outer td.outer {
		width: 100%;
		height: 100%;
	}
	
	.top-left {
		width: 36px;
		height: 36px;
		background: url(/imgs/bg_zoom-top-left.png) right bottom no-repeat;
	}
	
	.top-left2 {
		width: 32px;
		height: 36px;
		background: url(/imgs/bg_zoom-top-left2.png) left bottom no-repeat;
	}
	
	.top-center {
		height: 36px;
		background: url(/imgs/bg_zoom-top-center.png) left bottom repeat-x;
	}
	
	.top-right2 {
		width: 32px;
		height: 36px;
		background: url(/imgs/bg_zoom-top-right2.png) right bottom no-repeat;
	}
	
	.top-right {
		width: 36px;
		height: 36px;
		background: url(/imgs/bg_zoom-top-right.png) left bottom no-repeat;
	}
	
	.middle-left1 {
		width: 36px;
		height: 32px;
		background: url(/imgs/bg_zoom-middle-left1.png) right top no-repeat;
	}
	
	.middle-left2 {
		width: 36px;
		background: url(/imgs/bg_zoom-middle-left2.png) right bottom repeat-y;
	}
	
	.middle-right1 {
		width: 36px;
		height: 32px;
		background: url(/imgs/bg_zoom-middle-right1.png) left top no-repeat;
	}
	
	.middle-right2 {
		width: 36px;
		background: url(/imgs/bg_zoom-middle-right2.png) left bottom repeat-y;
	}
	
	.bottom-left {
		width: 36px;
		height: 36px;
		background: url(/imgs/bg_zoom-bottom-left.png) right top no-repeat;
	}
	
	.bottom-left2 {
		width: 32px;
		height: 36px;
		background: url(/imgs/bg_zoom-bottom-left2.png) left top no-repeat;
	}
	
	.bottom-center {
		height: 36px;
		background: url(/imgs/bg_zoom-bottom-center.png) left top repeat-x;
	}
	
	.bottom-right2 {
		width: 32px;
		height: 36px;
		background: url(/imgs/bg_zoom-bottom-right2.png) right top no-repeat;
	}
	
	.bottom-right {
		width: 36px;
		height: 36px;
		background: url(/imgs/bg_zoom-bottom-right.png) left top no-repeat;
	}

	a#b-lightbox-close {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -22px;
		display: block;
		width: 43px;
		height: 31px;
		overflow: hidden;
		text-indent: -200000em;
		background: url(/imgs/b_lightbox-close.png) left top no-repeat;
		z-index: 1001;
	}

	a#b-lightbox-prev {
		position: absolute;
		top: 240px;
		left: 0;
		display: block;
		width: 42px;
		height: 30px;
		overflow: hidden;
		text-indent: -200000em;
		background: url(/imgs/b_lightbox-prev.png) left top no-repeat;
		z-index: 1001;
	}

	a#b-lightbox-next {
		position: absolute;
		top: 240px;
		right: 0;
		display: block;
		width: 42px;
		height: 30px;
		overflow: hidden;
		text-indent: -200000em;
		background: url(/imgs/b_lightbox-next.png) left top no-repeat;
		z-index: 1001;
	}







	/**
	*
	*	SECTION COLORS
	*
	**/
	
	body.page-design-and-web-development div.details *,
	body.page-design-and-web-development p.description { color: #adadad; }
	
	body.page-photographic-art div.details *,
	body.page-photographic-art p.description { color: #a9a0a0; } 
	
	body.page-mixed-media-mashups div.details *,
	body.page-mixed-media-mashups p.description { color: #bbb1a9; }
	
	
	body.page-design-and-web-development { background-color: #2d515c; }
	body.page-design-and-web-development div#thumbs div.thumb { background: #2d515c; }
	body.page-design-and-web-development div#thumbs div.thumb div.loading { background: #2d515c; }

	body.page-photographic-art { background-color: #534040; }
	body.page-photographic-art div#thumbs div.thumb { background: #534040; }
	body.page-photographic-art div#thumbs div.thumb div.loading { background: #534040; }

	body.page-mixed-media-mashups { background-color: #563d28; }
	body.page-mixed-media-mashups div#thumbs div.thumb { background: #563d28; }
	body.page-mixed-media-mashups div#thumbs div.thumb div.loading { background: #563d28; }
	body.page-mixed-media-mashups div#lightbox table td { background: none !important; } 

	body.page-patrick-beser { background-color: #535353; }
	body.page-patrick-beser div#thumbs div.thumb { background: #535353; }
	body.page-patrick-beser div#thumbs div.thumb div.loading { background: #535353; }














	/**
	*
	*	BUTTONS AND HEADLINES
	*
	**/
	
	a#b-patrick-beser { background-image: url(/imgs/b_patrick-beser.png); width: 178px; }
	a#b-design-and-web-development { background-image: url(/imgs/b_design-and-web-development.png); width: 394px; }
	a#b-mixed-media-mashups { background-image: url(/imgs/b_mixed-media-mashups.png); width: 287px; }
	a#b-photographic-art { background-image: url(/imgs/b_photographic-art.png); width: 234px; }
	
	
	
	body.page-design-and-web-development-der-club-bertelsmann h2,
	a#b-der-club-bertelsmann { background-image: url(/imgs/b_der-club-bertelsmann.png); width: 297px; }
	
	body.page-design-and-web-development-berlin-travel-info h2,
	a#b-berlin-travel-info { background-image: url(/imgs/b_berlin-travel-info.png); width: 246px; }
	
	body.page-design-and-web-development-mareen-fischinger h2,
	a#b-mareen-fischinger { background-image: url(/imgs/b_mareen-fischinger.png); width: 246px; }
	
	body.page-design-and-web-development-silversand-global h2,
	a#b-silversand-global { background-image: url(/imgs/b_silversand-global.png); width: 246px; }
	
	body.page-design-and-web-development-sl3erlin h2,
	a#b-sl3erlin { background-image: url(/imgs/b_sl3erlin.png); width: 110px; }
	
	body.page-design-and-web-development-sonntagskunst h2,
	a#b-sonntagskunst { background-image: url(/imgs/b_sonntagskunst.png); width: 207px; }
	
	body.page-design-and-web-development-pixellusion h2,
	a#b-pixellusion { background-image: url(/imgs/b_pixellusion.png); width: 150px; }
	
	body.page-photographic-art h2 { background-image: url(/imgs/h_photographic-art.png); width: 234px; }
	
	body.page-mixed-media-mashups h2 { background-image: url(/imgs/h_mixed-media-mashups.png); width: 278px; }
	
	body.page-patrick-beser h2 { background-image: url(/imgs/h_patrick-beser.png); width: 178px; }