/* CSS for majors Photoblog by major_tom */
/* Global CSS */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	margin: 0;
	padding: 0;
	color: #000000;
	height:100%;
}
#home{
	background: #3A2F1B url(bilder/home-bg.jpg) 50% 0 no-repeat;
}
#vienna{
	background: #0B4A6C url(bilder/wien1-bg.jpg) -15Px 95% no-repeat;
}
#insekten{
	background: #6F2700 url(bilder/insekten-bg.jpg) 50% 0 no-repeat;
}
#nebel{
  background:#FFFFFF url(bilder/nebel-bg.jpg) 50% 0 no-repeat;
}
#neu_see{
  background:#FFFFFF url(bilder/neu_see-bg.jpg) 50% 0 no-repeat;
}
#rauhreif{
  background:#FFFFFF url(bilder/rauhreif-bg.jpg) 50% 0 no-repeat;
}
#hdr{
  background:#FFFFFF url(bilder/durchgang_hdr-small.jpg) 50% 0 no-repeat;
}
#winter{
  background:#FFFFFF url(bilder/winter-bg.jpg) 50% 0 no-repeat;
}
#schwarz_weiss{
  background:#FFFFFF url(bilder/schwarz_weiss-bg.jpg) 50% 0 no-repeat;
}
#walking{
  background:#FFFFFF url(bilder/walking-bg.jpg) 50% 0 no-repeat;
}
#mod{
  background:#FFFFFF url(bilder/mod-bg.jpg) 50% 0 no-repeat;
}
#mod2{
  background:#FFFFFF url(bilder/mod-bg2.jpg) 50% 0 no-repeat;
}
#spring{
	background: #3A2F1B url(bilder/spring-bg.jpg) 50% 0 no-repeat;
}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
  margin: 0.5em 0;
}
li, dd {
  margin-left: 1em;
}
fieldset {
  padding: .5em;
}
body {
  font-size: 76.1%;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.3em;
}
a:link, a:visited {
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}
a:hover {
  text-decoration: underline;
}
h1 {
  font-size: 1.7em;
  line-height: 1.7em;
  color: #0F0F0F;
}
h2 {
  font-size: 1.5em;
  line-height: 1.5em;
  color: #0F0F0F;
}
h3 {
  font-size: 1.1em;
  line-height: 1.3em;
  color: #2F2F2F;
}
h4 {
  font-size: 1.2em;
  line-height: 1.2em;
  color: #0F0F0F;
}
h5 {
  font-size: 1.1em;
  line-height: 1.1em;
  color: #0F0F0F;
}
h6 {
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
  color: #4F4F4F;
}
/* content */
.wrapper{
width:1110px;
height:720px;
margin:0 auto;
}
.header{
width:1110px;
height:100px;
}
.header h1{
padding-top:27px;
padding-left:218px;
}
.header a{
display:block;
background: url(bilder/title.png) 0 0 no-repeat;
width:707px;
height:66px;
}
.header span{
display:none;
}
.mainbody{
height:620px;
width:1110px;
}
.blog{
width:528px;
height:620px;
float:left;
}
.menu{
width:111px;
height:620px;
float:left;
position:relative;
}
#home .menu{
background:url(bilder/home_menu_bg.png) 0 0 no-repeat;
}
#vienna .menu{
background:url(bilder/wien_menu_bg.png) 0 0 no-repeat;
}
#insekten .menu{
background:url(bilder/insekten_menu_bg.png) 0 0 no-repeat;
}
#nebel .menu{
background:url(bilder/nebel_menu_bg.png) 0 0 no-repeat;
}
#neu_see .menu{
background:url(bilder/neu_see_menu_bg.png) 0 0 no-repeat;
}
#rauhreif .menu{
background:url(bilder/rauhreif_menu_bg.png) 0 0 no-repeat;
}
#hdr .menu{
background:url(bilder/hdr_menu_bg.png) 0 0 no-repeat;
}
#schwarz_weiss .menu{
background:url(bilder/schwarz_weiss_menu_bg.png) 0 0 no-repeat;
}
#mod .menu, #mod2 .menu{
background:url(bilder/mod_menu_bg.png) 0 0 no-repeat;
}
#spring .menu{
background:url(bilder/spring_menu_bg.png) 0 0 no-repeat;
}
.menu ul{
list-style:none;
width:96px;
margin-left:5px;
margin-right:5px;
margin-top:15px;
}
.menu li{
line-height:24px;
font-size:14px;
font-weight:bold;
border-bottom:1px dotted #CCCCCC;
}
.menu a:link, .menu a:visited{
color:#FFFFFF;
}
#home     .home     a:link, #home     .home     a:visited { color:#000000; }
#vienna   .vienna   a:link, #vienna   .vienna   a:visited { color:#000000; }
#insekten .insekten a:link, #insekten .insekten a:visited { color:#000000; }
#nebel    .nebel    a:link, #nebel    .nebel    a:visited { color:#000000; }
#neu_see  .neu_see  a:link, #neu_see  .neu_see  a:visited { color:#000000; }
#rauhreif .rauhreif a:link, #rauhreif .rauhreif a:visited { color:#000000; }
#hdr      .hdr      a:link, #hdr      .hdr      a:visited { color:#000000; }
#winter   .winter   a:link, #winter   .winter   a:visited { color:#000000; }
#schwarz_weiss .schwarz a:link, #schwarz_weiss .schwarz a:visited{ color:#000000; }
#walking .walking   a:link, #walking .walking   a:visited{ color:#000000; }
#mod     .mod       a:link, #mod     .mod       a:visited{ color:#000000; }
#mod2    .mod       a:link, #mod2    .mod       a:visited{ color:#000000; }
#spring  .spring    a:link, #spring  .spring    a:visited{ color:#000000; }

.schwarz a{ letter-spacing:0.01em;}

.listings_bar{
position:absolute;
bottom:15px;
padding:0 0 0 21px;
}
.listings_bar a{
display:block;
margin:0 0 5px 0
}
.sbc{
padding:0 0 0 20px;
font-size:10px;
display:block;
}
.blog_content-top{
background:url(bilder/blog-top_bg.png) 0 0 no-repeat;
float:right;
width:417px;
}
.blog_content-bottom{
background:url(bilder/blog-bottom_bg.png) 0 100% no-repeat;
padding:25px 0;
}
.blog_content{
width:367px;
height:570px;
background:url(bilder/blog_bg.png) 0 0 repeat-y;
padding:0 30px 0 20px;
}
.blog_content h2{
margin:0;
}
.blog_content .sozial_bookmarks{
float:right;
}
.blog_content .sozial_bookmarks a{
display:block;
float:left;
height:20px;
width:20px;
margin:0 2px 2px 0:
}
.bm_button{
text-decoration:none;
font-size:11px;
font-family:Arial;
color: #000000;
text-align:right;
}
a.bm_button:hover{

}
.date{
font-size:11px;
font-weight:bold;
}
.part{
font-weight:bold;
margin-left:245px;
}
.navigation{
width:170px;
display:block;
border-top:1px solid #000000;
padding-top:10px;
margin-top:10px;
}
.photos{
width:582px;
float:right;
}
.thumbnail{
width:194px;
height:157px;
float:left;
background:url(bilder/thumbnail-black_bg.png) 0 0 no-repeat;
}
.thumbnail a{
display:block;
height:114px;
width:152px;
margin-top:19px;
margin-left:19px;
}
.thumbnail img{
border:1px solid #FFFFFF;
}
.footer{
clear:both;
padding:0px 15px;
}
.txt_listing{
background:#2A4956;
color: #2A4956;
font-size:11px;
padding:1px 5px;
text-decoration:none;
border:1px solid #2F2F2F;
}
a.txt_listing:hover{
background:#57747F;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #2F2F2F; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 20px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #2F2F2F; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 20px; color: #FFFFFF; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	color:#FFFFFF;}
#imageData #caption a{color:#CFCFCF;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 20px;	}			
#imageData #bottomNavClose{ width: 32px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }