@import url('jScrollPane.css');
@import url('jquery.lightbox-0.5.css');

/*MAIN STRUCTURES*/

html{
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	padding: 0;
	background-image: url('http://www.gerhardschmal.de/images/bg.gif');
	color: #eeeeee;
	font-family: Georgia;
	font-size: 15px;
	text-align: center;
}

#topline{
	width: 100%;
	background-image: url('http://www.gerhardschmal.de/images/topline.gif');
	height: 10px;
}

#wrapper{
	position: relative;
	width: 974px;
	text-align: left;
	margin: 0 auto 0;
	padding:0 12px 0 12px;
}

#content{
	text-align: left;
	display:block;
}

#footer{
	margin-top: 40px;
	width: 100%;
	clear: both;
	text-align: left;
	color: #818181;
	font-size: 14px;
}

#footer a{
	color: #818181;
}

h1{
	padding: 5px;
	margin: 0;
	font-size:20px;
	font-weight:normal;
	height: 60px;
	line-height: 25px;
}

#info{
	float: right;
	margin: 0;
	width: 277px;
	height: 390px;
	font-size:15px;
	line-height: 23px;
	padding: 14px 14px 14px 14px;
	font-style: italic;
	background-image:  url('http://www.gerhardschmal.de/images/dark_bg.gif');
}

table tr td{
	padding-right: 20px;
}

a{
	color: #ffffff;
	text-decoration: none;
}

a img{
	border: none;
}

/*MENU*/

ul#menu, ul#menu li{
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
	font-size: 14px;
	color: #717372;
}

ul#menu{
	margin-top: -45px;
}

ul#menu li{
	margin-left: 17px;
}

ul#menu li a{
	color: #818181;
	text-decoration: none;
}

ul#menu li.active a, ul#menu li a:hover{
	color: #ffffff;
}

/*LIST BOXES*/

.boxlist .box{
	width: 316px;
	margin-right: 13px;
	margin-bottom: 10px;
	float: left;
	background-image: url('http://www.gerhardschmal.de/images/bright_bg.gif');
	padding: 0;
}

.boxlist .last{
	margin-right: 0;
}

.boxlist .box img{
	margin-bottom: 0px;
}

.box:hover, .box:hover h1, .box:hover a{
	background-color: #ffffff;
	background-image: none;
	color: #000000;
}

.box a{
	color: #ffffff;
	text-decoration: none;
}

.box a img{
	border: none;
}

.box a img.dark, .box:hover a img.bright{
	display: block;
}

.box:hover a img.dark, .box a img.bright{
	display: none;
}

.boxlist .box h1{
	padding: 7px 0 0 12px;
}

/*DISPLAY BOXES*/

.display{
	background-image: url('http://www.gerhardschmal.de/images/bright_bg.gif');
	font-size: 16px;
	line-height: 23px;
	margin: 0;
	height: 390px;
	border-bottom: 1px solid #040403;
}

#profilecontainer.display{
	background-image: url('http://www.gerhardschmal.de/images/dark_bg.gif');
}

.display .largeImage{
	margin: 0 23px 0 0;
	float: left;
	width: 558px;
	text-align: center;
	height: 390px;
	vertical-align: middle;
}

.display .slideShowContainer{
	margin: 0 23px 0 0;
	float: left;
	width: 558px;
	height: 390px;
	overflow: hidden;
}

.display .slideShowContainer .imageContainer{
	width: 9000px;
	float: left;
	margin: 0;
}

.display .slideShowContainer .largeImage{
	margin: 0;
}

#slideControls{
	width: 558px;
	clear: both;
	margin-top: -220px;
	float: left;
}

#slideControls #slideLeft{
	float: left;
}

#slideControls #slideLeft{
	float: right;
}

#slideControls a img{
	border: none;
}

.display p.copy{
	display: block;
	height: 290px;
	padding: 15px 20px 15px 15px;
	font-size: 20px;
	line-height: 30px;
	margin: 0;
}

.display p.copy .tiny{
	font-size: 14px !important;
	line-height: 19px !important;
	margin: 0;
	padding: 0;
	display: block;
}

.display p.copy .halfgrey, .display p.copy a.halfgrey{
	color: #818181;
}

.display p.copy a{
	color: #000000;
	text-decoration: none;
}

.display p.copy a:hover{
	color: #ffffff;
	text-decoration: none;
}
	
.display p.copy .black, .display p.copy a.black{
	color: #000000;
	text-decoration: none;
}

#profilecontainer.display, #detailcontainer.display{
	overflow: hidden;
	width: 100%;
}

#pageContainer{
	width: 9999px;
	margin: 0;
	padding: 0;
}

.singlePage{
	width: 974px;
	float: left;
}

/*HEAD*/

#head{
	height: 70px;
	padding-top: 30px;
	text-align: left;
}

#logo{
	width: 470px;
	display: block;
	margin-right:8px;
}

a.homelink img{
	border: none;
}

a.homelink img.dark{
	display: block;
}

a.homelink img.bright{
	display: none;
}

a.homelink:hover img.dark{
	display: none;
}

a.homelink:hover img.bright{
	display: block;
}

/*ARROWS*/

#arrows{
	padding-top: 50px;
	width: 100%;
	height: 47px;
	clear: both;
}

.arrow, .arrow.workarrow.lastarrow.arrow_right{
	height: 29px;
	background-image:  url('http://www.gerhardschmal.de/images/arrow_bg.gif');
	color: #818181;
}

.arrow.workarrow.arrow_right:hover, .arrow:hover, .arrow.workarrow.lastarrow.arrow_right:hover{
	background-image:  url('http://www.gerhardschmal.de/images/arrow_bg_white.gif');
	color: #000000;
}

.arrow.workarrow.arrow_right.firstarrow:hover .more_copy, .arrow.workarrow.arrow_right:hover a, .arrow:hover a, .arrow.workarrow.lastarrow.arrow_right:hover a, .arrow a:hover .morecopy, .arrow:hover .morecopy, .arrow.workarrow:hover, .arrow.workarrow.lastarrow:hover .morecopy{
	color: #000000;
}

.arrow.workarrow.arrow_right{
	background-image:  url('http://www.gerhardschmal.de/images/arrow_bg.gif');
	padding-right:20px;
	padding-left: 12px;
	margin-right: 10px;
}

.arrow.workarrow.arrow_right.currentarrow{
	color: #444444;
}

.arrow.workarrow.firstarrow.arrow_right{
	padding-left: 15px;
}

.arrow.workarrow.arrow_right.firstarrow .more_copy{
	color: #818181;
}

.arrow.workarrow.arrow_right.firstarrow.currentarrow .more_copy{
	color: #444444;
}

.arrow a, .arrow.workarrow.arrow_right{
	color: #818181;
	font-size: 14px;
}

.arrow.arrow_left{
	float: left;
	margin-left: -12px;
	padding: 13px 14px 0 26px;
	background-position: left;
}

.arrow.workarrow.lastarrow.arrow_right{
	margin-right: -12px;
}

.arrow.arrow_right{
	float: right;
	margin-right: -12px;
	padding: 13px 26px 0 15px;
	background-position: right;
}

/*CIRCLE ARROWS*/

#detailcontainer .circleArrow{
	float: left;
}

.circleArrow{
	margin-top: 10px;
}

.circleArrow a img{
	border: none;
	float: left;
	margin-right: 2px;
}

.circleArrow a img.dark, .circleArrow a:hover img.bright{
	display: none;
}

.circleArrow a:hover img.dark, .circleArrow a img.bright{
	display: block;
}

/*SUBPAGES*/

#subpages{
	background-repeat: no-repeat;
	background-image: url('http://www.gerhardschmal.de/images/down_arrow.gif');
	width: 100%;
	height: 63px;
	padding-top: 25px;
}

#subpages.light{
	height: 0px;
}

#subpages.select_0{ background-position: 20px 0; }
#subpages.select_1{ background-position: 91px 0; }
#subpages.select_2{	background-position: 162px 0; }
#subpages.select_3{	background-position: 233px 0; }
#subpages.select_4{	background-position: 304px 0; }
#subpages.select_5{	background-position: 375px 0; }
#subpages.select_6{	background-position: 446px 0; }
#subpages.select_7{	background-position: 517px 0; }
#subpages.select_8{	background-position: 588px 0; }
#subpages.select_9{	background-position: 659px 0; }

#subpages a{
	float: left;
	width: 66px;
	margin-top: -2px;
	border: 2px solid #252120;
}

#subpages a img{
	border: none;
}

#subpages a.active{
	width: 66px;
	background-color: #8b8a88;
	margin-top: -2px;
	border: 2px solid #8b8a88;
}

#subpages a.active img.bright, #subpages a img.dark, #subpages a:hover img.bright, #subpages a.active:hover img.bright{
	display: block;
}

#subpages a.active img.dark, #subpages a img.bright, #subpages a:hover img.dark, #subpages a.active:hover img.dark{
	display: none;
}

/*SUBTITLES*/

.nextsubtitlebox{
	margin-top: 1px;
	width: 73px !important;
	height: 40px;
	font-size: 14px;
	font-style: italic;
	padding: 23px 0 0 10px;
	background-image: url('http://www.gerhardschmal.de/images/next_work.gif');
	background-position: right;
	color:  #818181;
}

.nextsubtitlebox:hover{
	background-image: url('http://www.gerhardschmal.de/images/next_work_white.gif');
	color:  #000000;
}

.nextsubtitlebox a{
	color:  #818181;
}

.nextsubtitlebox a:hover{
	color:  #000000;
}

#subtitles{
	clear: both;
	font-size: 14px;
	color: #717372;
	height: 30px;
	display: block;
	width: 100%;
	padding-top: 5px;
	font-style: italic;
}

#subtitles .subtitle{
	display: none;
}

#subtitles .subtitle.active{
	display: block;
}

.subtitle_0{ 	margin-left: 2px; }
.subtitle_1{ 	margin-left: 75px; }
.subtitle_2{	margin-left: 145px; }
.subtitle_3{	margin-left: 215px; }
.subtitle_4{	margin-left: 285px; }
.subtitle_5{	margin-left: 356px; }
.subtitle_6{	margin-left: 425px; }
.subtitle_7{	margin-left: 494px; }
.subtitle_8{	margin-left: 564px; }
.subtitle_9{	margin-left: 634px; }