/* 	tombreit webgal style - http://tombreit.de
		generated via perl and http://joachim-breitner.de
		
		+ _v1 - june 05
		+ _v2 - july 06
		+ _v3 - december 09
	*/



/* ---- layout --------------------------------------- */

#centerbox {
	position: absolute;
	width: 1000px;
	height: 640px;
	top: 50%;
	margin-top: -310px;
	left: 50%;
	margin-left: -500px;
}
#copyr {
	position: relative;
	top: 645px;
	text-align: right;
}
#copyr, 
#copyr a{
	color: gray;
	font-size: 10px;
	font-style: normal;
}
#album #copyr {
	width: 620px;
}
#single #copyr {
	width: 820px;
}




/* ---- color --------------------------------------- */
body {
	background-color: #221E26; 
	}

#mainbox, 
#rightbox, 
#bottombox {
	background-color: #263740; 
	border-color: #263740; 
	}


* {
	border: none;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-style: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	color: #808080;
	color: #89cc0b;  
}
a:hover, 
#copyr a:hover {
	color: red;
}


/* +++ rightbox +++ */
#rightbox {
	position:absolute;
	border-width:10px;
	border-style: solid; 
}
#album #rightbox, 
#single #rightbox {
	top: 0;
}
#album #rightbox {
	width:340px;
	height:490px;
	left:640px;
	text-align: center;
}
#single #rightbox {
	width:140px;
	height:520px;
	left:840px;
}

/* +++ mainbox +++ */
#mainbox {
	position:absolute;
	border-width:10px;
	border-style: solid; 
}
#mainbox .text a:hover {
	text-decoration: underline;
}
#album #mainbox, 
#single #mainbox {
	height: 620px;
	top: 0;
	left: 0;
}
#album #mainbox {
	width: 600px;
	text-align: left;
}
#single #mainbox {
	width: 800px;
}

/* +++ thumbs in albumview +++ */
#album #mainbox #thumbs {
	position: absolute; 
	top: 20px;
}
#album #mainbox #thumbs img {
	border: none ; 
	position: absolute; 
	width: 100px;
}

/* +++ single in singleview +++ */
#single #mainbox img {
	border: none;
	display: block;
	margin: 0 auto;
}



/* +++ textfelder: breadcrumb & opt. description +++ */
#mainbox .text, 
#rightbox .text {
	font-size: 12px;
	height: 20px;
}
#mainbox .text {
	text-align: right;
	font-style: normal;
}
#rightbox .text {
	text-align: right;
}




/* +++ bottombox +++ */
#bottombox {
	position:absolute;
	border-width:10px;
	border-style: solid; 
	text-align:center;
}
#bottombox a {
	text-decoration: none;
}

#album #bottombox {
	width:340px;
	height:90px;
	top:530px;
	left:640px;
}
#single #bottombox {
	width: 140px;
	height: 60px;
	top: 560px;
	left: 840px;
}

#album #bottombox #back,
#single #bottombox #back {
	display: block; 
	float: left; 
	text-align: left;
}
#album #bottombox #back, 
#album #bottombox #ahead {
	width: 160px;
}
#single #bottombox #back, 
#single #bottombox #ahead {
	width: 60px;
	
}
#album #bottombox #ahead,
#single #bottombox #ahead {
	display: block; 
	float: right; 
	text-align: right;
}
#bottombox #back span, 
#bottombox #ahead span {
	display: block; 
	font-size: 10px;
	height: 15px;
	font-style: normal;
}
#bottombox img {
	display: block;
}
#bottombox #back img {
	float: left;
}
#bottombox #ahead img {
	float: right;
}
#album #bottombox img {
	height: 75px;
}
#single #bottombox img {
	height: 45px;
}
#bottombox a:hover img {
	color: black;
	opacity: .5;
	filter: alpha(opacity=50);
}
#bottombox a:hover span {
	color: red;
}