/*********************************/
/**** Alle Elemente zurücksetzen  ****/
/*********************************/

html, body {
	width: 100%; height: 100%;
}
html, body, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, form, label, fieldset, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 11px;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	color: #404040;
	line-height: 14px;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*********************************/
/************* SITE **************/
/*********************************/

html {
	background:url(../gfx/bg.gif) left top repeat;
}

body {
	background:url(../gfx/bgsplash.png) center 0px no-repeat;
}

.clear {
	visibility:hidden;
	clear:both;
}

#content_container {
	position:relative;
	top:60px;
	display:block;
	width:600px;
	margin:0px auto 100px auto;
}

#content_top {
	background:url(../gfx/content_top.png) left top no-repeat;
	width:100%;
	height:21px;
}

#content {
	background:url(../gfx/content_bg.png) left top repeat-y;
	width:100%;
}

#content_inner_container {
	position:relative;
	top:-12px;
	left:9px;
	width:591px;
}

#logo {
	position:absolute;
	top:25px;
	left:-13px;
	width:271px;
	height:94px;
	z-index:99;
	text-indent:-10000px;
}

#logo a {
	display:block;
	width:271px;
	height:94px;
	background:url(../gfx/logo.png) left top no-repeat;

}

#menu {
	position:absolute;
	right:-31px;
	width:31px;
	top:25px;
	display:block;
}

#menu li a {
	display:block;
	width:31px;
	background:url(../gfx/menu.png) 0px 0px no-repeat;
	text-indent:-10000px;
}

#footer {
	position:relative;
	top:0px;
	left:0px;
}

#socialmenu {
	position:absolute;
	top:0px;
	left:7px;
	height:24px;
}

#socialmenu li, #submenu li  {
	float:left;
}

#socialmenu li a {
	display:block;
	width:24px;
	height:24px;
	text-indent:-10000px;
}

li#twitter {
	background:url(../gfx/socialicons/twitter.png) 0px 0px no-repeat;
}
li#facebook {
	background:url(../gfx/socialicons/facebook.png) 0px 0px no-repeat;
}
li#lastfm {
	background:url(../gfx/socialicons/lastfm.png) 0px 0px no-repeat;
}

#submenu {
	position:absolute;
	top:0px;
	right:0px;
}

#submenu li a {
	color:#ccc;
}

li#photographie a {
	background-position:0px 0px;
	height:95px;
}
li#photographie a:hover, li#photographie a:active, li#photographie a:visited {
	background-position:-37px 0px;
	height:95px;
}
li#projekte a {
	background-position:0px -95px;
	height:67px;
}
li#projekte a:hover, li#projekte a:active, li#projekte a:visited {
	background-position:-37px -95px;
	height:67px;
}
li#videojunkie a {
	background-position:0px -162px;
	height:77px;
}
li#videojunkie a:hover, li#videojunkie a:active, li#videojunkie a:visited {
	background-position:-37px -162px;
	height:77px;
}
li#standort a {
	background-position:0px -239px;
	height:73px;
}
li#standort a:hover, li#standort a:active, li#standort a:visited {
	background-position:-37px -239px;
	height:73px;
}

#slideshow {
	height:292px;
	overflow:hidden;
}

#slideshow img {
	width:591px;
}

#content_inner {
	background:url(../gfx/content_inner_top.jpg) left top no-repeat;
	padding:40px 30px;
}

h2 {
	position:relative;
	left:-2px;
	display:block;
	width:160px;
	height:24px;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-10000px;
	margin-bottom:20px;
}

h2#start {
	background-image:url(../gfx/h2/start.png);
}
h2#photographie {
	background-image:url(../gfx/h2/photographie.png);
}
h2#projekte {
	background-image:url(../gfx/h2/projekte.png);
}
h2#film {
	background-image:url(../gfx/h2/film.png);
}
h2#serie {
	background-image:url(../gfx/h2/serie.png);
}
h2#standort {
	background-image:url(../gfx/h2/standort.png);
}
h2#anmelden {
	background-image:url(../gfx/h2/anmelden.png);
}

#content_bottom {
	background:url(../gfx/content_bottom.png) left top no-repeat;
	width:100%;
	height:21px;
}

/***********************************/
/*********** CONTENT **************/
/***********************************/

p {
	margin-bottom:10px;
}

h3 {
	color:#95a6ae;
	font-weight:normal;
	margin-bottom:5px;
}

.thumb {
	width:90px;
}

.blue {
	color:#95a6ae;
}

.strong {
	font-weight:bold;
}

.floatleft {
	float:left;
}

.leftcolumn {
	width:160px;
}

.rightcolumn {
	margin:12px 0px;
}

.rightcolumn p {
	width:370px;
}

.relativeparent {
	position:relative;
	top:0;
	left:0;
}

.relativechild {
	position:absolute;
	top:0;
}

.left {
	left:0px;
}

.right {
	right:0px;
}

h3.start {
	float:left;
	width:160px;
	height:50px;
	
}

p.start {
	display:block;
	float:left;
	width:367px;
}

.fancyboximg, .thumbimg {
	margin:9px;
	display:block;
	float:left;
	width:102px;
	height:102px;
	background:url(../gfx/thumb_bg2.png) left top no-repeat;
	padding:6px;
}

.fancyboximg img {
	width:90px;
	height:90px;
}

.posterimg {
	margin:9px;
	display:block;
	float:left;
	width:102px;
	height:146px;
	background:url(../gfx/thumb_bg3.png) left top no-repeat;
	padding:6px;
}

.posterimg img {
	width:90px;
	height:134px;
}

#photo_categories img {
	cursor:pointer;
}

#photo_categories ul.cat {
	display:none;
	position:absolute;
	top:18px;
	right:0px;
	width:150px;
	padding:10px;
	border:1px solid black;
	background-color:#fff;
}

#photo_categories:hover ul.cat {
	display:block !important;
}

#photo_categories ul li {
	padding-left:16px;
	background:url(../gfx/li-off.gif) left top no-repeat;
}

#photo_categories ul li:hover {
	background:url(../gfx/li.gif) left top no-repeat;
}

label {
	display:block;
	float:left;
	width:70px;
	position:relative;
	top:5px;
}

input.text {
	border:1px solid #e0e1d5;
	width:250px;
	font-size:10px;
}