* { 
	padding: 0;
	margin: 0;
}

body { 
	font: 10pt verdana, arial, sans-serif;
	color: #ccc;
	background-color: #333;
}

h1 {
	font-size: 10pt;
	font-weight: bold;
	color: #ee7900;
	padding-bottom: 5pt;
}

p {
	margin-bottom: 10pt;
}

a {
	color: #ccc;
	text-decoration: underline;
}

a:hover,
body#home .home a,
body#galerie .galerie a,
body#katalog .katalog a,
body#trilogie .trilogie a,
body#kontakt .kontakt a,
body#about .about a
{
	color: #ee7900;
}

div#site {
	width: 740px;
	margin: 0 auto;
	padding-top: 16px;
	background-color: #333;
}

div#header {
	width: 100%;
}
div#header img {
	border: 0;
}

/* ---------------------------------------------------------- */

div#left {
	float: left;
	width: 400px;
}
div#left_long {
	float: left;
	width: 560px;
}

div#image {
	height: 476px;
}
div#image img {
	border: 1px solid #ccc;
}

div#title {
	padding-top: 8px;
}
div#title .mineral { 
	font: 10pt verdana, arial, sans-serif;
	color: #ccc; 
	background-color: #333; 
	border: none;
}

div#copyright {
}
div#copyright p {
	font-size: 8pt;
	color: #999;
}

/* ---------------------------------------------------------- */

div#thumbs
{
	float: left;
	width: 160px;
	margin-top: 64px;
	background-color: #333;
}

div#thumbs3
{
	float: left;
	width: 160px;
	margin-top: 64px;
	background-color: #333;
}
div#single, div#tripple {
	padding-left: 16px;
	overflow:auto;
	scrollbar-base-color: #333;
	scrollbar-arrow-color: #ccc;
	scrollbar-3dlight-color: #ccc;
	scrollbar-highlight-color: #333;
	scrollbar-face-color: #333;
	scrollbar-shadow-color: #333;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-track-color: #333;
}
div#single {
	width: 96px;
	height: 424px;
}
div#single a {
	float: left; 
	margin: 0 8px 8px 0; 
	border: 1px solid #ccc;
}

div#tripple {
	width: 144px;
	height: 406px;	
}	
div#tripple a {
	float: left; 
	margin: 0 10px 10px 0; 
}
div#single a img, div#tripple a img {
	border: 0;
}

div#photo img {
	border: 1px solid #ccc;
}

div#news {
	padding-top: 16px;
}

/* ---------------------------------------------------------- */

div#right {
	float: left;
	width: 180px;
}
div#right img {
	border: 0px;
}

div#navi {
	height: 412px;
	margin-top: 64px;
}
div#navi img {
	border: 0px;
}
div#navi ul li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 24px;
}
div#navi ul li a, div#news a {
	padding-left: 14px;
	background: #333 url(images/link.gif) no-repeat left 4px;
	text-decoration: none;
}
div#navi img {
	margin-left: 24px;
	margin-bottom: 16px;
}

div#designby {
	margin-left: 24px;
}
div#designby p, div#designby a {
	font-size: 8pt;
	color: #999;
}
div#designby a:hover {
	color: #ee7900;
}

/* ---------------------------------------------------------- */

#photos {
	width: 464px;
	height: 256px;
	float: left;
	margin-right: 16px;
	margin-bottom: 16px;
}

div#portrait, div#ausstellungen {
	height: 436px;
	padding-top: 40px;	
	padding-right: 32px;
	background: #333 url(images/portrait.jpg) no-repeat left 68px;
}
div#portrait h1, #portrait p {
	padding-left: 176px;
}
div#ausstellungen {
	background: none;
}

.ausstellung img {
	border: 0;
	padding-right: 16px;
}
div#anfrage {
	height: 436px;
	padding-top: 40px;	
	padding-right: 32px;
	padding-left: 32px;
}

#photos img, .trilogy {
	border: 1px solid #ccc;
}
.trilogy {
	margin-right: 11px;
}

.bildleiste {
	border: 1px solid #ccc;
	margin-right: 16px;
}

/* ---------------------------------------------------------- */

.eingabe {
	font: 10pt myriad web, arial, sans-serif;
	color: #333;
	text-align: left;
	padding-left: 4px; 
}
.button {
	font: 10pt myriad web, arial, sans-serif;
	color: #000;
	background-color: #ee7900; 
	margin-top: 8px;
}

