* { outline: none; border: none; margin: 0; padding: 0; }

body { background: #000; color:#eee; font-family: Arial, Helvetica, sans-serif; font-size: 100.01% }

a:link, a:visited { text-decoration: none; color: #a60328;}
a:hover { color: #eee; }

h2 { color: #a60328; text-transform: uppercase; letter-spacing: 2px; font-size: 1.4em; }
h3 { color: #a60328;  text-transform: uppercase; font-size: 1em;}

p { text-align: justify; font-size: .76em; line-height: 1.4em; margin: 0 0 1em 0;}

#container2 ul { margin: 0 0 1em 1em; font-size: .76em; line-height: 1.4em;}

#container { position:relative; width:100%; }
#container2 { position:relative; width:800px; margin:0 auto; }

#banner { height:120px; width:800px; margin:0 auto; }
#banner h1 { text-align:right; }

#navi { width:800px; height: 20px; margin: 0 auto 1em; padding: 1em 0; border-bottom: 1px solid #333; border-top: 1px solid #222; letter-spacing: 1px; font-variant: small-caps; font-size: 1em;}
#navi ul { list-style: none; margin-bottom: 1em; }
#navi ul li { float: left; margin-right: 30px; }

#details { left:-400px; top:180px; z-index:30; position:absolute; width:450px; }
a#info { background: url(../images/info.gif) top right; height:40px; display:block; text-indent:-9999px; }
#notes { background: #252525; width:350px; margin:0 50px; }

#comments { position:absolute; z-index:40; top:220px; left:-400px; width:450px; }
a#toggleComments { display:block; height:40px; background: url(../images/comments.gif) no-repeat top right; text-align:right; line-height:35px; font-size:90%; color:#333; padding-right:20px; }
#commentList { width:350px; margin:0 50px; background:#252525; overflow:auto; }
#commentList ul { list-style:none; }
#commentList ul li { padding:5px 15px; border-bottom:1px solid #666; }
	
.controls { position:relative; height:40px; }

a.close:link, a.close:visited { display:block; width:40px; height:40px; background:url(../images/close.gif); position:absolute; z-index:100; top:0; left:0; text-indent:-9999px; }

input.formfield, textarea { width:250px; padding:3px; background:#333; color:#ddd; border:1px solid #666; }
input.formfield:focus, textarea:focus { color:#fff; background:#494949; }

#photoWrapper { position:relative; margin:0 auto; }
#titel { text-align: center; margin: 1em auto 0; padding-bottom: 1em; font-variant: small-caps; border-bottom: 1px solid #333; width: 800px;}

#previous, #next { width:49.9%; display:block; z-index:10; position:absolute; top:0; background: url(../images/clear.gif) no-repeat center center; text-indent:-9999px; }
#previous:link, #previous:visited { left:0; }
#previous:hover { background-image: url(../images/previous.gif); }
#next:link, #next:visited { right:0; }
#next:hover { background-image:url(../images/next.gif); }

#browseWrapper { width:800px; margin: 0 auto; }

#pages a:link, #pages a:visited { display:block; padding:2px; background:#333; border:1px solid #222; margin:0 2px 2px 0; color:#999; float:left; }

#thumbs { clear:both; }
#browseWrapper #thumbs a:link, #browseWrapper #thumbs a:visited { display:block; float:left; margin:0 5px 5px 0; }
#thumbrow { margin:20px auto; text-align:center; }
#thumbrow a:link, #thumbrow a:visited { padding:0 3px; }

#linke-box { width: 400px; float: left; }
#rechte-box { width: 400px; margin-left: 400px;}

#footer { color: #333; font-size: .76em; line-height: 1.4em; height: 30px; padding: 10px 0; text-align:center; border-top: 1px solid #333; margin: 0 auto; width: 800px; }
#footer a { color: #aaa;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }