body {
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#202020;
	color:#cccccc;
	}

#background {
	position:absolute;
	left:50%;
	width:760px; /* 800px - 2xpadding */
	margin-left:-390px;
	padding:10px;
	padding-top:0px;
	text-align:left;
	color:#999;
	}

#header {	
	width:760px;
	height:76px;
	}


#header .logobox {	
	width:380px;
	height:76px;
	float:left;
}	

#content {	
	height:456px;
	width:760px;
	margin-top:12px;
	}
	
#startimage {
  margin-top:37px;
  float:left;
  }
	
#leftcolumn {
	width:130px;
	height:450px;
	float:left;
	}
	
#rightcolumn {
	width:130px;
	height:450px;
	float:right;
	text-align: right;	
	padding:0;
	}

* html #rightcolumn {
	width:130px;
	height:450px;
	float:right;
	text-align: right;	
	padding:0;
	}
	
#rightColumnNavigation {
  height: 350px;
  }

.rightColumnDirectoryBox {
  height: 350px;
  }
  
.rightColumnNavBox {
border: 1px solid #444444;
padding: 4px;
margin-top:3px;
margin-bottom:8px;
background-color:#333333;
}  

#rightcolumn p {
  margin:4px 0 8px 0;
}

#leftcolumn p {
  margin:4px 0 8px 0;
}

#footer {	
	width:760px;
	height:100px;
	margin-top:35px;
	padding-top:20px;
	}
	
#menu {
	width:760px;
	height:10px;
	margin-top:0px;

	}

#bottombox {
	margin-top:5px;
	width:605px;
	height:10px;
	text-align: left;
	padding-left: 155px;
	}

* html #bottombox {
	margin-top:5px;
	width:605px;
	height:10px;
	text-align: left;
	padding-left: 155px;
	}

#topbox {
	width:760px;
	height:12px;
	margin-top: 10px;
	text-align: right;
	}
	
.rightBottomInfo {
  width: 115px;
  float: left;
  text-align:right;
  }
	
.leftBottomInfo {
  width:325px;
  float: left;
  }

.pageNavBox {
  width: 450px;
  display:block;
  float: left;
	color: #666;
  }
  
.pageNavBox .alignleft a {
	background: url(http://www.lichtographie.de/images/alignleft01.gif) no-repeat left center;
	color: #666;
	padding: 0px 0px 0px 10px;
	margin-right: 9px;
	margin-left: 3px;
	text-decoration: none;
}

* html .pageNavBox .alignleft a {
  display: inline-block;
  color: #666;
  } /* ie6 hack for background-image */

.pageNavBox .alignleft a:hover {
	background: url(http://www.lichtographie.de/images/alignleft02.gif) no-repeat left center;
	color: #eee;
 	padding: 0px 0px 0px 10px;
	margin-right: 9px;
	text-decoration: none;
}

.pageNavBox .alignright a {
	background: url(http://www.lichtographie.de/images/alignright01.gif) no-repeat left center;
	margin-left: 10px;
	padding: 0px 0px 0px 16px;
	text-decoration: none;
}

* html .pageNavBox .alignright a {display: inline-block;} /* ie6 hack for background-image */

.pageNavBox .alignright a:hover {
	background: url(http://www.lichtographie.de/images/alignright02.gif) no-repeat left center;
	margin-left: 10px;
	padding: 0px 0px 0px 16px;
	text-decoration: none;
}

.pageNavBox .alignspacer {
	background: url(http://www.lichtographie.de/images/alignspacer.gif) no-repeat left center;
	padding: 0px 0px 0px 19px;
	margin-left: 3px;
	text-decoration: none;
}

* html .pageNavBox .alignspacer {display: inline-block;} /* ie6 hack for background-image */

.rightColumnInfo {
  width:130px;
  float: left;
  }
  
#pageNumberBox {
  display: inline;
  padding: 0 7px;
  }

form {
  padding:0;
  margin:0;
  display:inline;
  }

#menubox {
	position:absolute;
	left:50%;
	width:456px;
	height:456px;
	margin-left:-228px;
	}

* html #menubox {
	width:456px;
	height: 456px; 	 /* Internet Explorer < 6 */
	w\idth:456px;
	h\eight:456px; 	 /* Internet Explorer >= 6 */
	}

#movieBox {
	width:440px;
	height:440px;
  border: 5px solid #fff;
  margin-top:3px;
  margin-left:3px;
	}

* html #movieBox {
	width:440px;
	height: 440px; 	 /* Internet Explorer < 6 */
	w\idth:440px;
	h\eight:440px; 	 /* Internet Explorer >= 6 */
	}

#menuboxTextContent {
  width: 370px;
  height: 370px;
  margin: 23px 40px 23px 40px;
}

#menuboxTextContent p {
  margin-top:0;
  margin-bottom:10px;
  line-height:1.4em;
}

#menuboxTextContent .headline {
  margin: 0 0 10px 0;
 	font-size: 11px;
 	font-weight:bold;
}

.pictbox {
	height:86px;
	width:86px;
	border:1px solid #333333;
	float:left;
	margin-left:3px;
	margin-top:3px;
	}

* html .pictbox {
	width: 86px;
	height: 86px; 	 /* Internet Explorer < 6 */
	w\idth:86px;
	h\eight:86px; 	 /* Internet Explorer >= 6 */
	display: inline;
	}


.pixbox {
	height:84px;
	width:84px;
	border:1px solid #757575;
	float:left;
	}

* html .pixbox {
	width: 84px;
	height: 84px; 	 /* Internet Explorer < 6 */
	w\idth:84px;
	h\eight:84px; 	 /* Internet Explorer >= 6 */
	display: inline;
	}

.nullbox {
	height:86px;
	width:86px;
	border:1px solid #202020;
	float:left;
	margin-left:3px;
	margin-top:3px;
	}

* html .nullbox {
	width:86px;
	height:86px; 	 /* Internet Explorer < 6 */
	w\idth:86px;
	h\eight:86px; 	 /* Internet Explorer >= 6 */
	display: inline;
	}

.navbox {
	height:86px;
	width:86px;
	border:1px solid #333333;
	background-color: #333333;
	float:left;
	margin-left:3px;
	margin-top:3px;
	}

* html .navbox {
	width:86px;
	height:86px; 	 /* Internet Explorer < 6 */
	w\idth:86px;
	h\eight:86px; 	 /* Internet Explorer >= 6 */
	display: inline;
	}

#bigCenterFrame {
  width:268px;
  height:268px;
	margin-left:3px;
	margin-top:3px;
	border:1px solid #333333;
	float: left;
  }

* html #bigCenterFrame {
	width:268px;
	height:268px; 	 /* Internet Explorer < 6 */
	w\idth:268px;
	h\eight:268px; 	 /* Internet Explorer >= 6 */
	display: inline;
	}
  
.bigCenterPictBox {
  width:273px;
  height:273px;
	float: left;
  }

* html .bigCenterPictBox {
	width:273px;
	height:273px; 	 /* Internet Explorer < 6 */
	w\idth:273px;
	h\eight:273px; 	 /* Internet Explorer >= 6 */
	display: inline;
	}
  

#bigCenterBox {
  width:226px;
  height:219px;
	border:1px solid #757575;
	padding: 27px 20px 20px 20px;
	display:block;
  }

* html #bigCenterBox {
	width:226px;
	height:219px; 	 /* Internet Explorer < 6 */
	w\idth:226px;
	h\eight:219px; 	 /* Internet Explorer >= 6 */
	}

#bigCenterBox p {
  margin:0 0 10px 0;
  line-height:1.4em;
}

#bigCenterBox .headline {
  margin: 0 0 10px 0;
 	font-size: 11px;
 	font-weight:bold;
}


.previewBox {
  width:88px;
  height: 273px;
	float: left;
	margin-right:3px;
  }

* html .previewBox {
	width:88px;
	height:270px; 	 /* Internet Explorer < 6 */
	w\idth:88px;
	h\eight:270px; 	 /* Internet Explorer >= 6 */
	margin-right:0;
	display: inline;
	}

.listingColumn {
  width:88px;
  height: 456px;
	float: left;
	margin-right:3px;
  }

.listingBox3 {
  width:88px;
  height: 273px;
	float: left;
	margin-left:3px;
	text-align: left;
	padding:0;
  }

.listingBox4 {
  width:88px;
  height: 364px;
	float: left;
	margin-right:3px;
  }

.loginBox {
  width: 226px;
  height:40px;
  float:left;
  }

* html .loginBox {
	width:226px;
	height:40px; 	 /* Internet Explorer < 6 */
	w\idth:226px;
	h\eight:40px; 	 /* Internet Explorer >= 6 */
	display:inline;
	}

.loginBox .lable, .field {
  width: 80px;
  height: 20px;
	float: left;
	margin: 5px 0 5px 0;
  }

.inputBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
  }

a img {border: none;  text-decoration: none; vertical-align:bottom;}

img {text-decoration:none;
margin:0;
padding:0;}

a:link {text-decoration: none; color:#999;}
a:visited {text-decoration: none; color:#999;}
a:active {text-decoration: none;}
a:hover {color: #fff; text-decotration: none;}
a:hover span {color: #fff; text-decotration: none;}

a span {color: #202020;}


.linkBox {
  display: block;
	padding: 37px 0 37px 0;
	text-align:center;
	cursor: hand;
	}

* html .link {
	}

	
.date {
	width:78px;
	height:10px;
	text-align:center;
	margin-top:60px;
	}

