/** **************************************************
 *  allgemeine DIV
 *  *********************************************** */
body, html {
margin: 0;
padding: 0;
background-color:#333333;
font-family: Helvetica, Arial, Verdana, Sans-Serif;
font-size: 12px;
font-style: normal;
line-height:16px;
font-weight: normal;
font-variant: normal;
color: #fff;
text-decoration: none;
}
#container {
background-color:#333333;
width: 840px;
padding:0 20px 20px 20px;
position: relative;
margin: 0px auto;
clear: left;
}
/** ******************* Formate ********************* */
a {
color:#99CC00;
text-decoration: none;
}
h2 {
line-height:20px;
font-size:18px;
font-weight:bold;
}
h3 {
line-height:18px;
font-size:15px;
font-weight:bold;
}
/** **************************************************
 *  Header
 *  *********************************************** */	
#head {
height:100px;
width:800px;
position: relative;
margin:0px 50px 0 0px;
}
#logo {
height: 30px;
width: 230px;
position:absolute;
left:-3px;
bottom:5px;
}
#title_section {
line-height:24px;
position:relative;
font-size:22px;
font-weight:bold;
color:#333333;
margin-top:-10px;
margin-bottom:10px;
}
/** **************************************************
 *  Navi und Content
 *  *********************************************** */	

/** ******************* Navi ********************* */
#navigation {
height:50px;
width:800px;
position: relative;
margin:5px 50px 0 0px;
}
#navigation .item_photography {
height:50px;
position:absolute;
left:0px;
}
#navigation .item_performance {
	height:50px;
	position:absolute;
	left:125px;
	width: 180px;
}
#navigation .item_geister {
height:50px;
position:absolute;
left:240px;
}
#navigation .item_biography {
height:50px;
position:absolute;
left:320px;
}
#navigation .item_publications {
height:50px;
position:absolute;
left:420px;
}
#navigation .item_text {
height:50px;
position:absolute;
left:540px;
width: 100px;
}
#navigation .item_kontakt {
height:50px;
position:absolute;
left:600px;
}
#navigation .item_links {
height:50px;
position:absolute;
left:685px;
width: 60px;
}
/** ******************* top link style ********************* */
#navigation a.main_navigation {
line-height: 14px;
font-size:14px;
font-weight:bold;
color:#99CC00;
}	
a.main_navigation:hover {
line-height: 14px;
font-size:14px;
font-weight:bold;
color:#99CC00;
}	
#navigation a {
line-height: 10px;
font-size:14px;
font-weight:bold;
color:#fff;
}	
#navigation a:hover {
line-height: 10px;
font-size:14px;
font-weight:bold;
color:#99CC00;
}
/** ******************* Navi Hover Photography ********************* */
#HoverMenuePhotography, #HoverMenuePhotography ul { /* all lists */
float: left;
width:500px;
list-style: none;
line-height: 1;
z-index:99;
font-weight: bold;
padding: 0;
margin: 0 0 10px 0;	
}
#HoverMenuePhotography li ul a {
color:#fff;
font-size:10px;
font-weight:bold;
}
#HoverMenuePhotography li ul a:hover {
color:#99CC00;
font-size:10px;
font-weight:bold;
}
#HoverMenuePhotography_frame {
width:800px;
color:#000;
padding:10px;
}
.HoverMenuePhotography_item {
width:180px;
height:60px;
padding:20px;
float:left;
}
.HoverMenuePhotography_teaser_image {
width:60px;
height:60px;
margin-right:20px;
padding:0;
float:left;
overflow:hidden;
}
#HoverMenuePhotography_item .title {
font-size:12px;
font-weight:bold;
}
#HoverMenuePhotography_item .subtitle {
font-size:12px;
font-weight:normal;
}
#HoverMenuePhotography li { /* all list items */
float:left;
margin-right:20px;
width: 70px; /* width needed or else Opera goes nuts */
z-index:100;
}
#HoverMenuePhotography li ul { /* second-level lists */
position: absolute;
width: 600px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
background-color: #333333;
}
#HoverMenuePhotography li:hover ul, #HoverMenuePhotography li.sfhover ul { /* lists nested under hovered list items */
left: auto;	
}
/** ******************* Navi Hover Texts ********************* */
#HoverMenueTexts, #HoverMenueTexts ul { /* all lists */
float: left;
width: 70px;
list-style: none;
line-height: 1;
z-index:99;
font-weight: bold;
padding: 0;
margin: 0 0 10px 0;	
}
#HoverMenueTexts li ul a {
color:#000;
font-size:12px;
font-weight:bold;
line-height:20px;
}
#HoverMenueTexts li ul a:hover {
color:#99CC00;
font-size:12px;
font-weight:bold;
line-height:20px;
}
#HoverMenueTexts li { /* all list items */
float:left;
margin-right:30px;
width: 420px; /* width needed or else Opera goes nuts */
z-index:100;
}
#HoverMenueTexts li ul { /* second-level lists */
position: absolute;
width: 420px;
padding:0px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
background-color: #333333;
}
#HoverMenueTexts li:hover ul, #HoverMenueTexts li.sfhover ul { /* lists nested under hovered list items */
left: auto;	
}
/** ******************* Navi Hover text ********************* */
#HoverMenuekontakt, #HoverMenuekontakt ul { /* all lists */
float: left;
width: 70px;
list-style: none;
line-height: 1;
z-index:99;
font-weight: bold;
padding: 0;
margin: 0 0 10px 0;	
}
#HoverMenuekontakt li ul a {
color:#000;
font-size:12px;
font-weight:bold;
line-height:20px;
}
#HoverMenuekontakt li ul a:hover {
color:#99CC00;
font-size:12px;
font-weight:bold;
line-height:20px;
}
#HoverMenuekontakt li { /* all list items */
float:left;
margin-right:30px;
width: 420px; /* width needed or else Opera goes nuts */
z-index:100;
}
#HoverMenuekontakt li ul { /* second-level lists */
position: absolute;
width: 420px;
padding:0px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
background-color: #333333;
}
#HoverMenuekontakt li:hover ul, #HoverMenuekontakt li.sfhover ul { /* lists nested under hovered list items */
left: auto;	
}
/** ******************* 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-width: 0;
}
.picture_gallery_image {
position: relative;
}
/** ******************* Photography Overview ********************* */
#PhotographyOverview_frame {
position:relative;
width:800px;
padding:0px;
}
.PhotographyOverview_item {
background-color:#666666;
width:280px;
height:90px;
padding:10px 10px 10px 10px;
position:relative;
float:left;
margin:5px 10px 5px 0;
}
.PhotographyOverview_teaser_image {
width:110px;
height:80px;
margin-right:10px;
padding:0;
float:left;
overflow:hidden;
}
#PhotographyOverview_item .title {
font-weight:bold;
}
#PhotographyOverview_item .subtitle {
font-weight:normal;
}
/** **************************************************
 *  footer
 *  *********************************************** */
.footer {
height: 0;
clear: both;
position: relative;
}