/** **************************************************
 *  allgemeine DIV
 *  *********************************************** */
/* reset.css */
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;}

/* typography.css */
body {font-size:75%;color:#000;background:#333;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#fff;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-top:0.25em;margin-bottom:0.5em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height: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 {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#fff;}
a {color:#69f;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.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;}


#container {
background-color:#222;
width: 840px;
padding:0 20px 20px 20px;
position: relative;
margin: 0px auto;
clear: left;
}
/** ******************* Formate ********************* */

.big-title  {
padding-top:2em;
}
.big-title a {
color:#fff;
}

/* **** hover menu photography ******** */

.menuWrapper {
	height:3em;
}
.hoverMenu, .hoverMenu ul { /* all lists */
	list-style: none;
	position:relative;
	padding:0;	
	margin:0;
	width:800px;
	z-index:200;	
}
.hoverMenu a {
	font-size:1.3em;
	line-height:1;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	
	height:1.5em;
	display:block;
	padding-bottom:0em;
}
.hoverMenu a.activeSection {
color:#69f;
}
.hoverMenu a:hover {
	color:#6699FF;
}
.hoverMenu li { /* all list items */
	float:left;
	margin-right:1em;
	min-width:20px; /* width needed or else Opera goes nuts */
	z-index:100;
	
	font-size:1em;
	line-height:1;
	font-weight:bold;
	color:#ff6600;
	text-decoration:none;
}

/* photography preview menu */

.hoverMenu li ul.hoverMenuPhotography { /* second-level lists */
	position: absolute;
	padding:10px 0;
	width: 660px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	filter:alpha(opacity=90);
	-moz-opacity:0.9; 
	opacity:0.9;
	background:#ddd;
}
.hoverMenu li ul.hoverMenuPhotography li {
	float:left;
	margin:0 0 20px 10px;
	border-bottom:1px dotted #666;
	padding:0px;
	width:150px; /* width needed or else Opera goes nuts */
	height:120px;
	z-index:300;
}
.hoverMenu li ul.hoverMenuPhotography li a {
	font-size:0.8em;
	font-weight:normal;
	text-decoration:none;
	display:block;
	color:#000;
	margin:0 0 10px 0;
	padding:0px;
	width:150px; /* width needed or else Opera goes nuts */
	height:110px;
	z-index:400;
	
	background-repeat:no-repeat;
	background-position:0px 20px;
}

/* text only menu */

.hoverMenu li ul.hoverMenuTextOnly { /* second-level lists */
	position: absolute;
	padding:10px 0;
	width: 420px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	filter:alpha(opacity=90);
	-moz-opacity:0.9; 
	opacity:0.9;
	background:#ddd;
}
.hoverMenu li ul.hoverMenuTextOnly li {
	float:none;
	margin:0 10px 10px 10px;
	border-bottom:1px dotted #666;
	padding:0 0 10px 0;
	width: 400px; /* width needed or else Opera goes nuts */
	height:auto;
	z-index:300;
}
.hoverMenu li ul.hoverMenuTextOnly li a {
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
	color:#000;
	margin:0;
	padding:0px;
	width:400px; /* width needed or else Opera goes nuts */
	height:auto;
	z-index:400;
}

/*.................*/
.hoverMenu li ul li a:hover  { 
	color:#69f;
}
.hoverMenu .hoverMenu-heading {
	font-weight:bold;
	display:block;
	background-color:#ddd;
	padding-bottom:10px;
}
.hoverMenu .hoverMenu-year {
	font-weight:normal;
}
.hoverMenu li:hover ul, .hoverMenu li.sfhover ul { /* lists nested under hovered list items */
	left:auto;	
	margin-left:-20px;
}


/** ******************* pagination ************************ */
.smd_gallery_nav { 
list-style: none;
padding: 0;
margin-left:10px;	
}
.smd_gallery_nav li { 
margin-left:0px;
}
/** ******************* Content ********************* */
#content {
width:800px;
color:#fff;
position:relative;
clear: left;
}
.content_item {
width:800px;
color:#fff;
position:relative;
clear: left;
}
.content_item_year { /* jahreszahl */
position:relative;
width:100px;
height:30px;
margin-left:0px;
text-align:left;
float:left;
padding-top:0;
}
.content_column_one { /* rechte spalte */
position:relative;
width:300px;
margin-left:0px;
text-align:left;
float:right;
padding-top:0;
overflow:hidden;
}
.content_column_two { /* linke spalte */
position:relative;
width:420px;
float:left;
margin:0;
padding:0px 20px 20px 0px;
}
.content_column_two_year { /* linke spalte für biografie etc */
position:relative;
width:370px;
float:right;
margin:0;
padding:0px 20px 20px 0px;
}
#content_link_list {
padding:0px 0 0 0;
margin:0px 0 0 0px;
list-style: none;
}
.thumbnail_image_photography_listing {
margin: 10px;
border:none;
}
.thumbnail_image {
border:none;
}
.thumbnail_image_content {
margin-bottom:10px;
border:none;
}
#picture_gallery_frame {
float: left;
margin: 15px 15px 20px -10px;
position: relative;
width:800px;
padding:0;
}
.picture_gallery_table {
border:none;
position:relative;
margin:0 0 0 -30px;
padding:0;
border-spacing:0;
border-width: 0;
}
.picture_gallery_image {
position: relative;
vertical-align: top;
}
/** ******************* Photography Overview ********************* */
.photographyOverviewWrapper {
	position:relative;
	clear:left;
	height:3em;
	padding:0;	
	margin:0;
	width:840px;	
}
.photographyOverview a {
	font-size:1.3em;
	line-height:1;
	font-weight:bold;
	
	text-decoration:none;
	
	height:1.5em;
	display:block;
	padding-bottom:0em;
}
.photographyOverview a:hover {
	color:#fff;
}
.photographyOverviewItem { 
	
	float:left;
	margin:0 10px 20px 0px;
	border-bottom:1px dotted #fff;
	padding:0px;
	width: 200px; /* width needed or else Opera goes nuts */
	height:140px;
	
	font-size:1em;
	line-height:1;
	font-weight:bold;
	color:#ff6600;
	text-decoration:none;
}
.photographyOverviewItem a {
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
	display:block;
	margin:0 0 10px 0;
	padding:0px;
	width:200px; /* width needed or else Opera goes nuts */
	height:125px;
	
	background-repeat:no-repeat;
	background-position:0px 35px;
}
.photographyOverviewItem a:hover {
	color:#fff;
}

.photographyOverview .photographyOverview-heading {
	font-weight:bold;
	display:block;
	background-color:#ddd;
	padding-bottom:10px;
}
.photographyOverview .photographyOverview-year {
	font-weight:normal;
}

/** **************************************************
 *  footer
 *  *********************************************** */
.footer {
height: 0;
clear: both;
position: relative;
}