body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans;
	font-size: 12px;
	background-color: #696969;
}

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

a:hover {
	color: #6D6D6D;
}

#navigation li.selected {
	color: #FFFFFF;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 1em;
}

h2 {
	font-size: 14px;
	font-weight: bold;
}

img {
	border-width: 0;
}

p {
	margin: 0 0 10px 0;
}

#outer_area {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
}

.middle {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.bottom_link {
	position: absolute;
	width: 690px;
	bottom: 32px;
	text-align: center;
}

.bottom_link a {
	color: #10498B;		
}

.bottom_link a:active, .bottom_link a:hover {
	text-decoration: underline;
}

.single_page {
	height: 360px;
	width: 690px;
	padding: 32px 48px 32px 32px;
	background-color: #E5E5E5;
	color: #515151;
	font-family: Verdana;
	line-height: 125%;
}


#main_area {
	height: 424px;
	width: 770px;
	display: none;
}

#main_intro {
	height: 424px;
	width: 770px;
	background: url(../images/kai-wintergreen_ssvkl.jpg) no-repeat #FFFFFF;
	cursor: pointer;
}

#main_copyright {
	display: none;
}

#main_copyright #copyright {
	padding-top: 1em;
}


/** stuff related to the navigation **/
#navigation {
	width: 260px;
	height: 100%;
	float: left;
	background-color: #FFFFFF;
	letter-spacing: 1px;
}

#navigation ul {
	margin: 0;
	padding-top: 22px;
	padding-left: 0;
	font-size: 16px;
	list-style-type: none;
}

#navigation li {
	height: 28px;
	line-height: 28px;
	width: 148px;
	margin: 2px 0;
	padding-left: 24px;
	color: #A5A5A5;
	cursor: pointer;
}

#navigation li:hover {
	color: #6D6D6D;
}

#navigation li.selected {
	color: #FFFFFF;
	background-color: #A5A5A5;
	cursor: default;
}

#navigation #copyright {
	position: absolute;
	bottom: 18px;
	padding-left: 24px;
	font-size: 12px;
}


/** stuff related to the content area **/
#content {
	height: 100%;
	margin-left: 260px;
	color: #515151;
	background-color: #E5E5E5;
}

#content_gallery {
	height: 408px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 16px;
	background: url(../icons/gallery_bg.jpg) no-repeat 0 0 #FFFFFF;
}

#gallery #quickflip {
	position: relative;
	height: 360px;
}

#gallery #pic_original {
	position: absolute;
	width: 480px;
	height: 360px;
}

#gallery #pic_context {
	position: absolute;
	width: 480px;
	height: 360px;
}

#gallery #flip {
	position: absolute;
	right: 20px;
	top: 335px;
	width: 36px;
	height: 32px;
	background: url(../icons/flip.png) no-repeat transparent;
}

#gallery #flip:hover {
	cursor: pointer;
}

#gallery #footer {
	height: 48px;
	line-height: 48px;	
}

#gallery #caption {
	float: left;
	font-size: 14px;
	margin-left: 2px;	
}

#gallery #buttons {
	float: right;
	margin-top: 7px;
	cursor: pointer;
}

#gallery #prev {
	height: 34px;
	width: 34px;
	display: none;
	background: url(../icons/previous.png) no-repeat transparent;
}

#gallery #prev:hover {
	background: url(../icons/previous_hover.png) no-repeat transparent;
}

#gallery #prev:active {
	background: url(../icons/previous_active.png) no-repeat transparent;
}

#gallery #next {
	height: 34px;
	width: 34px;
	background: url(../icons/next.png) no-repeat transparent;
}

#gallery #next:hover {
	background: url(../icons/next_hover.png) no-repeat transparent;
}

#gallery #next:active {
	background: url(../icons/next_active.png) no-repeat transparent;
}

#content_information {
	padding: 16px 0 20px 24px;	
	display: none;
}

#information {
	width: 456px;
	height: 388px;
	padding-right: 30px;
	overflow: auto;
	font-family: Verdana;
	font-size: 12px;
	line-height: 125%
}

#content_feedback {
	padding: 16px 0 20px 24px;
	display: none;	
}

#feedback {
	width: 456px;
	height: 388px;
	padding-right: 30px;
	overflow: auto;
	font-family: Verdana;
	font-size: 12px;
	line-height: 140%
}

#feedback h2 {
	font-size: 12px;
}

#feedback .thumbnail {
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 10px;
	float: left;
}

#feedback .highlight {
	font-style: italic;
}

#feedback em {
	/* font-weight: bold; */
}

#feedback .source {
	text-align: right;
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 35px;
}

#feedback .quote {
	font-style: italic;
	padding-bottom: 6px;
}

#content_contact {
	padding: 24px 0 40px 32px;
	display: none;
}

#errorfeedback_contact {
	display: none;
	position: absolute;
	height: 60px;
	line-height: 60px;
	width: 510px;
	background-color: #ED928B;
	color: #540A00;
	font-weight: bold;	
}

#errorfeedback_contact p {
	display: none;
	padding-left: 32px;
}

#sentfeedback_contact {
	display: none;
	position: absolute;
	height: 424px;
	line-height: 424px;
	width: 510px;
	background-color: #E5E5E5;
	text-align: center;
}

#contact {
	height: 360px;
	padding-right: 48px;
}

#contact table {
	padding: 20px 0;	
}

#contact th {
	width: 90px;
	font-weight: normal;
	text-align: right;
	padding-right: 10px;
}

#contact td {
	padding: 10px 0;
}

#contact input, #contact textarea {
	width: 300px;	
}

#contact .textarea_label {
	vertical-align: top;
	padding-top: 15px;
}

#contact #contact_submit {
	width: 95px;
	height: 26px;
	background: url(../icons/submit.jpg) no-repeat transparent;
}

#contact #contact_submit:hover, #contact #contact_submit:focus {
	background-image: url(../icons/submit_hover.jpg);
	outline: 0;
}

#contact #contact_submit:active {
	background-image: url(../icons/submit_active.jpg);
	outline: 0;
}


#content_ausstellungen {
	padding: 16px 0 48px 24px;
	display: none;
}

#ausstellungen {
	width: 430px;
	height: 360px;
	padding-right: 48px;
	overflow: auto;
	font-family: Verdana;
	font-size: 12px;
	line-height: 150%
}

#ausstellungen p {
	margin-bottom: 28px;
}