/* CSS Document */

body {
      background-color:#12110F;
	  color:#4E4E4E;
      font-family: Arial, Helvetica, sans-serif;
	  font-size:10px;
      margin:48px 0 20px 0;
	  padding:0;
}

a {
	color:#e1e1e1;
	outline:none;
	text-decoration:none;
}

a:hover {
	color:#DEBE49;
}

a img {
	border:0;
}

p {
	padding:5px 0 5px 0;
	margin:0;
}

span {
	color:#4a4848;
}

/* Variable Klassen */

#big {
	background-color:#1f1e1a;
	margin:0 auto;
	padding: 0 0 0 10px;
	width: 670px;
	height: 780px;
	}
	
#leftbar {
	background-image:url(images/leftbar.gif);
	background-repeat:no-repeat;
	height:780px;
	margin:-750px 0 0 -38px;
	padding:0 0 0 0;
	width:28px;
	}

#header {
	font-size:12px;
	height: 100px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width:541px;
}

#header a {
	background:scroll url(images/header.gif) 0 0 no-repeat;
	height: 53px;
	width: 203px;
	display:block;
	}
	
#header a:hover {
	background:scroll url(images/header.gif) 0 -53px no-repeat;
	}

#header h1 {
	display:none;
}

#header h2 {
	display:none;
}

#header_right {
	background-image:url(images/header_right.gif);
	background-repeat:no-repeat;
	height:100px;
	margin:-53px 0 0 547px;
	padding:0 0 0 0;
	width:123px;
}

#content {
	margin:20px 0 0 10px;
	width:656px;
}

#thumbnails {
	list-style-type:none;
	margin:0 0 0 -4px;
	padding:0 0 0 0;
	width:656px;
	height:83px;
}

#thumbnails li {
	background:scroll url(images/thumb_bg.gif) 0 0 no-repeat;
	display:block;
	float:left;
	height:80px;
	width:158px;
	margin:3px 0 0 1px;
	padding:3px 0px 0px 3px;
}

#thumbnails img {
	margin:1px;
	height:75px
}

#thumbnails li:hover {
	background:scroll url(images/thumb_bg.gif) 0 -83px no-repeat;
}

#switch_content {
	background-image:url(images/switch_content.gif);
	background-repeat:no-repeat;
	height:47px;
	margin: 0 0 0 11px;
	padding:0 0 0 0;
	width:163px;
}

#switch {
	height:30px;
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:80px;
}

#switch a {
	display:block;
	height:13px;
	margin:3px 0 0 162px;
	padding:0 0 0 0;
	text-indent:-2000px;
	position:relative;
}

#switch li {
	display:block;
	float:left;
	height:16px;
}

#switch_artworks a {
	background:scroll url(images/switch_artworks.gif) 0 0 no-repeat;
	width:474px;
}

#switch_artworks a:hover, #switch_artworks.selected a:hover {
	background:scroll url(images/switch_artworks.gif) 0px -26px no-repeat;
}

#switch_artworks.selected a {
	background:scroll url(images/switch_artworks.gif) 0px -13px no-repeat;
}

#switch_sketches a {
	background:scroll url(images/switch_sketches.gif) 0 0 no-repeat;
	width:474px;
}

#switch_sketches a:hover, #switch_sketches.selected a:hover {
	background:scroll url(images/switch_sketches.gif) 0px -26px no-repeat;
}

#switch_sketches.selected a {
	background:scroll url(images/switch_sketches.gif) 0px -13px no-repeat;
}

#galbar_left {
	background-image:url(images/galbar_left.gif);
	background-repeat:no-repeat;
	height:20px;
	margin:270px 0 0 0;
	padding:0 0 0 0;
	width:656px;
}

#galnavi {
	height:20px;
	list-style-type:none;
	margin:0 0 0 555px;
	padding:0 0 0 0;
	width:101px;
}

#galnavi a {
	display:block;
	height:20px;
	margin:0 0 0 0;
	text-indent:-2000px;
	position:relative;
}

#galbar_caption {
	margin: 3px 0 0 -538px;
}

#galnavi li {
	display:block;
	float:left;
	height:20px;
}

#galbar_prev a {
	background:scroll url(images/galbar_prev.gif) 0 0 no-repeat;
	width:37px;
}

#galbar_prev a:hover {
	background:scroll url(images/galbar_prev.gif) 0px -20px no-repeat;
}


#galbar_sep {
	background-image:url(images/galbar_sep.gif);
	background-repeat:no-repeat;
	width:17px;
}

#galbar_next a {
	background:scroll url(images/galbar_next.gif) 0 0 no-repeat;
	width:33px;
}

#galbar_next a:hover {
	background:scroll url(images/galbar_next.gif) 0px -20px no-repeat;
}

#galbar_right {
	background-image:url(images/galbar_right.gif);
	background-repeat:no-repeat;
	width:14px;
}

#info_bar {
	margin:0 0 0 0px;
	width:656px;
}

#infonavi {
	height:20px;
	list-style-type:none;
	margin: 24px 0 0 9px;
	padding:0 0 0 0;
	width:656px;
}

#infonavi a {
	display:block;
	height:19px;
	margin:0 0 0 0;
	text-indent:-2000px;
	position:relative;
}

#infonavi li {
	display:block;
	float:left;
	height:19px;
}

#infobar_info a {
	background:scroll url(images/infobar_info.gif) 0 0 no-repeat;
	width:73px;
}

#infobar_info a:hover {
	background:scroll url(images/infobar_info.gif) 0 -19px no-repeat;
	width:73px;
}

#infobar_info.selected a {
	background:scroll url(images/infobar_info.gif) 0 -19px no-repeat;
	width:73px;
}

#infobar_recognition a {
	background:scroll url(images/infobar_recognition.gif) 0 0 no-repeat;
	width:73px;
}

#infobar_recognition a:hover {
	background:scroll url(images/infobar_recognition.gif) 0 -19px no-repeat;
	width:73px;
}

#infobar_recognition.selected a {
	background:scroll url(images/infobar_recognition.gif) 0 -19px no-repeat;
	width:73px;
}

#infobar_personal a {
	background:scroll url(images/infobar_personal.gif) 0 0 no-repeat;
	width:73px;
}

#infobar_personal a:hover {
	background:scroll url(images/infobar_personal.gif) 0 -19px no-repeat;
}

#infobar_personal.selected a {
	background:scroll url(images/infobar_personal.gif) 0 -19px no-repeat;
}

#infobar_line a {
	background:scroll url(images/infobar_line.gif) 0 0 no-repeat;
	width:428px;
}

#infocontent {
	background-image:url(images/info_content.gif);
	background-repeat:no-repeat;
	color:#8F8F8E;
	font-size:10px;
	height:149px;
	margin:-1px 0 0 0;
	padding:8px 0 0 19px;
	width:404px;
}

#newscontent {
	background-image:url(images/news_content.gif);
	background-repeat:no-repeat;
	color:#8F8F8E;
	font-size:10px;
	height:149px;
	margin:-157px 0 0 414px;
	padding:8px 0 0 10px;
	width:233px;
}

#copyright {
	color:#4A4848;
	font-size:10px;
	height:10px;
	margin:0 0 0 -17px;
	padding:0 0 0 0;
	width:656px;
	text-align:right;
}

#about {
	font-size:10px;
	height:135px;
	width:270px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#about span {
	font-size:10px;
	color:#BEA23E;
}

.banner a img {
	border:1px solid #000000;
}

.banner a:hover img {
	border:1px solid #313030;
}


#photo {
	height:135px;
	width:107px;
	margin:-134px 0 0 273px;
}

#photo a {
	background:scroll url(images/me.jpg) 0 0 no-repeat;
	display:block;
	height:126px;
	width:99px;
}


#inner_photo {
	height:126px;
	background-image:url(images/me);
}

<!-- Lightbox --!>

#lightbox{
	background-color:#eee;
	padding: 100px;
	}
#lightboxDetails{
	font-family:Arial, Helvetica, sans-serif;
	color:#1F1E1A;
	font-size: 11px;
	padding-top: 10px;
	}
	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: -20px; right: 0px; height:14px; width:32px;}

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/lb_overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lb_overlay.png", sizingMethod="scale");
	}