/*
Site:			www.medieval-ashkenaz.org

Author(s):		Aline Deicke, Torsten Schrade
Created:		2010-04-26

Usage:			Main stylesheet

Sections:		01. RESET
				02. VIEWPORT
				03. GRID
				04. LAYOUT
				05. TYPOGRAPHY
				06. CONTENT
				07. SPECIAL CONTENT
				08. MOBILE
				09. PRINT
				10. FINALLY		
*/

/* ## FONTS ########################################################################### */

/* alef-regular - latin_hebrew */
@font-face {
	font-family: 'Alef';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/alef-v21-latin_hebrew-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/alef-v21-latin_hebrew-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/alef-v21-latin_hebrew-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/alef-v21-latin_hebrew-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/alef-v21-latin_hebrew-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/alef-v21-latin_hebrew-regular.svg#Alef') format('svg'); /* Legacy iOS */
}

/* alef-700 - latin_hebrew */
@font-face {
	font-family: 'Alef';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/alef-v21-latin_hebrew-700.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/alef-v21-latin_hebrew-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/alef-v21-latin_hebrew-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/alef-v21-latin_hebrew-700.woff') format('woff'), /* Modern Browsers */
	url('../fonts/alef-v21-latin_hebrew-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/alef-v21-latin_hebrew-700.svg#Alef') format('svg'); /* Legacy iOS */
}

/* ## 01. RESET ########################################################################### */

/* html5boilerplate reset + basic styles
see: html5doctor.com/html-5-reset-stylesheet/
*/

/* ELEMENT RESET */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	border: 0;	
	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

address {
	font-style: normal;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote {
	quotes: none;
}

blockquote:before, blockquote:after {
	content: '';
	content: none;
}

ins { 
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 3em 0;
	width: 100%;
}

section#maincontent[class="grid_12"] {
	margin-bottom: 0em;
}

input, select {
	vertical-align: middle;
}

/* ## 02. VIEWPORT ######################################################################## */

/* always force a scrollbar in non-IE */
html {
	overflow-y: scroll;
}

/* 1em = 10px - http://reeddesign.co.uk/test/points-pixels.html*/
body {
	position: relative;
	font-size: 62.5%;
	color: #222222;
	background: #F9F6F1;
}


/* ## 03. GRID ############################################################################ */

.container_12,.container_16{width:96em;margin:0 auto;}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{position:relative;display:inline;float:left;margin:0 1em;}.container_12 .grid_3,.container_16 .grid_4{width:22em;}.container_12 .grid_6,.container_16 .grid_8{width:46em;}.container_12 .grid_9,.container_16 .grid_12{width:70em;}.container_12 .grid_12,.container_16 .grid_16{width:94em;}.alpha{margin-left:0;}.omega{margin-right:0;}.container_12 .grid_1{width:6em;}.container_12 .grid_2{width:14em;}.container_12 .grid_4{width:30em;}.container_12 .grid_5{width:38em;}.container_12 .grid_7{width:54em;}.container_12 .grid_8{width:62em;}.container_12 .grid_10{width:78em;}.container_12 .grid_11{width:86em;}.container_16 .grid_1{width:4em;}.container_16 .grid_2{width:10em;}.container_16 .grid_3{width:16em;}.container_16 .grid_5{width:28em;}.container_16 .grid_6{width:34em;}.container_16 .grid_7{width:40em;}.container_16 .grid_9{width:52em;}.container_16 .grid_10{width:58em;}.container_16 .grid_11{width:64em;}.container_16 .grid_13{width:76em;}.container_16 .grid_14{width:82em;}.container_16 .grid_15{width:88em;}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:24em;}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:48em;}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:72em;}.container_12 .prefix_1{padding-left:8em;}.container_12 .prefix_2{padding-left:16em;}.container_12 .prefix_4{padding-left:32em;}.container_12 .prefix_5{padding-left:40em;}.container_12 .prefix_7{padding-left:56em;}.container_12 .prefix_8{padding-left:64em;}.container_12 .prefix_10{padding-left:80em;}.container_12 .prefix_11{padding-left:88em;}.container_16 .prefix_1{padding-left:6em;}.container_16 .prefix_2{padding-left:12em;}.container_16 .prefix_3{padding-left:18em;}.container_16 .prefix_5{padding-left:30em;}.container_16 .prefix_6{padding-left:36em;}.container_16 .prefix_7{padding-left:42em;}.container_16 .prefix_9{padding-left:54em;}.container_16 .prefix_10{padding-left:60em;}.container_16 .prefix_11{padding-left:66em;}.container_16 .prefix_13{padding-left:78em;}.container_16 .prefix_14{padding-left:84em;}.container_16 .prefix_15{padding-left:90em;}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:24em;}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:48em;}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:72em;}.container_12 .suffix_1{padding-right:8em;}.container_12 .suffix_2{padding-right:16em;}.container_12 .suffix_4{padding-right:32em;}.container_12 .suffix_5{padding-right:40em;}.container_12 .suffix_7{padding-right:56em;}.container_12 .suffix_8{padding-right:64em;}.container_12 .suffix_10{padding-right:80em;}.container_12 .suffix_11{padding-right:88em;}.container_16 .suffix_1{padding-right:6em;}.container_16 .suffix_2{padding-right:12em;}.container_16 .suffix_3{padding-right:18em;}.container_16 .suffix_5{padding-right:30em;}.container_16 .suffix_6{padding-right:36em;}.container_16 .suffix_7{padding-right:42em;}.container_16 .suffix_9{padding-right:54em;}.container_16 .suffix_10{padding-right:60em;}.container_16 .suffix_11{padding-right:66em;}.container_16 .suffix_13{padding-right:78em;}.container_16 .suffix_14{padding-right:84em;}.container_16 .suffix_15{padding-right:90em;}.container_12 .push_3,.container_16 .push_4{left:24em;}.container_12 .push_6,.container_16 .push_8{left:48em;}.container_12 .push_9,.container_16 .push_12{left:72em;}.container_12 .push_2{left:16em;}.container_12 .push_4{left:32em;}.container_12 .push_5{left:40em;}.container_12 .push_7{left:56em;}.container_12 .push_8{left:64em;}.container_12 .push_11{left:88em;}.container_16 .push_1{left:6em;}.container_16 .push_2{left:12em;}.container_16 .push_3{left:18em;}.container_16 .push_5{left:30em;}.container_16 .push_6{left:36em;}.container_16 .push_7{left:42em;}.container_16 .push_9{left:54em;}.container_16 .push_10{left:60em;}.container_16 .push_11{left:66em;}.container_16 .push_13{left:78em;}.container_16 .push_14{left:84em;}.container_16 .push_15{left:90em;}.container_12 .pull_3,.container_16 .pull_4{left:-24em;}.container_12 .pull_6,.container_16 .pull_8{left:-48em;}.container_12 .pull_9,.container_16 .pull_12{left:-72em;}.container_12 .pull_1{left:-8em;}.container_12 .pull_2{left:-16em;}.container_12 .pull_4{left:-32em;}.container_12 .pull_5{left:-40em;}.container_12 .pull_7{left:-56em;}.container_12 .pull_8{left:-64em;}.container_12 .pull_10{left:-80em;}.container_12 .pull_11{left:-88em;}.container_16 .pull_1{left:-6em;}.container_16 .pull_2{left:-12em;}.container_16 .pull_3{left:-18em;}.container_16 .pull_5{left:-30em;}.container_16 .pull_6{left:-36em;}.container_16 .pull_7{left:-42em;}.container_16 .pull_9{left:-54em;}.container_16 .pull_10{left:-60em;}.container_16 .pull_11{left:-66em;}.container_16 .pull_13{left:-78em;}.container_16 .pull_14{left:-84em;}.container_16 .pull_15{left:-90em;}.container_12 .push_1,.container_12 .push_10{left:80em;}

/* Gridkorrektur */

#header .container_12 {
	width: 94em;
}

/* ## 04. LAYOUT ########################################################################## */

/* SCREENREADER JUMPNAVIGATION */

#quicklinks {
	position: absolute;
	left: -999em;
}

/* SERVICES */

#services {
	position: relative;
}

#services ul {
	margin: 0 0 2em 16em;
}

#services ul li {
	display: inline;
	list-style: none;
	line-height: 1 !important;
}

#services ul li:before {
	top: 0;
}

#services a {
	margin: 0 1.6em 0 0;
	padding: 0 0 0 1.6em;
	color: #F2EBE5;
	display: inline-block;
	line-height: 1;
}

#services .act,
#services a:hover,
#services a:focus {
	color: #B21624;
	text-decoration: none;
}

#uid24 a {
	background: url(../images/iconsprite2.png) left -20px no-repeat;
}

#uid25 a {
	background: url(../images/iconsprite2.png) left -57px no-repeat;
}

#uid26 a {
	background: url(../images/iconsprite2.png) left -98px no-repeat;
}

#uid27 a {
	background: url(../images/iconsprite2.png) left -140px no-repeat;
}

#uid24 a:hover, #uid24 .act {
	background: url(../images/iconsprite2.png) left top no-repeat;
}

#uid25 a:hover, #uid25 .act {
	background: url(../images/iconsprite2.png) left -37px no-repeat;
}

#uid26 a:hover, #uid26 .act {
	background: url(../images/iconsprite2.png) left -78px no-repeat;
}

#uid27 a:hover, #uid27 .act {
	background: url(../images/iconsprite2.png) left -120px no-repeat;
}

/* Sprache */

#english a {
	background: url(../images/gb.png) left 50% no-repeat;
}

#german a {
	background: url(../images/de.png) left 50% no-repeat;
}

/* SEARCH */

#header #tx_indexedsearch {
	position: absolute;
	right: 0;
	top: -0.3em;
}

#searchfield {
	height: 1.8em;
	width: 15em;
	border: 1px solid #000;
	-moz-border-radius: 3px; /* FF1+ */
	-webkit-border-radius: 3px; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	background: #fff;
	color: #5E6A90;
	font-family: "Junicode", serif;
	font-size: 1.4em;
	text-indent: 0.5em;
}

#searchbutton {
	position: absolute;
	top: 0;
	right: 0;
	height: 1.6em;
	width: 2em;
	border: none;
	background: url(../images/lupe_grau_16.png) 50% 75% no-repeat;
	text-indent: -999em;
	cursor: pointer;
}

/* Suchergebnisse */

.tx-indexedsearch-sw {
	font-weight: bold;
}

.tx-indexedsearch-res .item {
	margin-bottom: 3em;
}

.tx-indexedsearch-redMarkup {
	color: #252C52;
}

/* PAGEHEAD */

#header {
	padding: 2.5em 0 0 0;
	background: #222;
	color: #F2EBE5;
}

#header h1,
#header h2 {
	padding-bottom: 0;
	color: #E9BF85;
	line-height: 1em;
	font-family: Georgia, serif;
	font-size: 5.6em;
	font-weight: normal;
}

#header h1 {
	letter-spacing: 1px;
}

#header h2 {
	font-size: 2.1em;
}

#header ul li {
 	line-height: 1.5em;
	padding-left: 0;
}

#header ul li:before {
	content: "";
	margin: 0;
}

/* LOGO */

#logo {
	margin: -5em 2em 0 0;
}

/* NAVIGATION */

#navigation {
	height: 6.5em;
	margin-top: 2em;
	background: url(../images/torn_paper3.png) top left repeat-x #F9F6F1;
}

#navigation ul {
	padding: 2.4em 0 0 0;
}

#navigation ul li {
	display: inline;
	font-size: 1.6em;
	font-weight: bold;
}

#navigation a {
	margin-right: 3em;
	color: #252C52;
	text-transform: uppercase;
}

#navigation .act a,
#navigation a:hover {
	color: #B21624;
	text-decoration: none;
}

/* CONTENT */

#content {
	position: relative;
	margin-top: 6em;
}

#content section {
	padding-bottom: 4em;
}

#maincontent h2 {
/*	padding-top: 1em; */
}

/*
#maincontent h1 {
	padding-bottom: 0.5em;
}
*/

#content #maincontent h1 + a + h2 {
	padding-top: 0em;
}

#additionalcontent {
	position: relative;
}

#additionalcontent h2 {
	margin-top: 1em;
	padding-top: 1.4em;
	background: url(../images/divider.png) repeat-x;
}

#additionalcontent .csc-firstHeader, #additionalcontent .csc-frame h2 {
	margin-top: 0em;
	padding-top: 0;
	background: none;
}

#additionalcontent a + a + h2.csc-firstHeader {
	margin-top: 1em;
	padding-top: 1.4em;
	background: url(../images/divider.png) repeat-x;
}

#additionalcontent a:first-child + a + h2.csc-firstHeader {
	margin-top: 0em;
	padding-top: 0;
	background: none;
}

/* SECTIONFRAME */

.csc-frame {
	margin: 2em 0 1em 0;
}

.csc-frame-1 {
	padding-right: 1em;
	clear: left;
}

.csc-frame-2 {
	padding-left: 1em;
}

/* BREADCRUMBS */

#breadcrumbs {
	position: absolute;
	top: -4em;
	left: 1em;
	color: #9C9B98;
	width: 100%;
}

#content #breadcrumbs p,
#content #breadcrumbs ul {
	display: inline;
}

#content #breadcrumbs p {
	padding-right: 1em;
}

#content #breadcrumbs ul li {
	display: inline;
	margin: 0 0 0 1.2em;
	padding: 0 0 0 0.5em;
	list-style-type: none;
}

#content #breadcrumbs li:before {
	color: #9C9B98;
	content: "\2756";
}

#content #breadcrumbs li:first-child:before {
	content: "";
	margin: 0 0 0 -2em;
}

#breadcrumbs a {
	color: #9C9B98;
}

#breadcrumbs .act a,
#breadcrumbs a:hover {
	color: #B21624;
	text-decoration: none;
}

/* FOOTER */

#footer {
	padding: 4em 0 0em;
	background: url(../images/paper3.jpg) top left;
	-moz-box-shadow: 0px 5px 6px rgba(0,0,0,0.3) inset;
	-webkit-box-shadow: 0px 5px 6px rgba(0,0,0,0.3) inset;
	box-shadow: 0px 5px 6px rgba(0,0,0,0.3) inset;
	color: #252D52;
}

#footer a, 
#footer a:link,
#footer a:visited,
#footer a:active {
	color: #252C52;
	text-decoration: none;
}

#footer a:hover, 
#footer a:focus {
	text-decoration: underline;
}

#footer .more {
	padding: 0em 0em 0em 1.5em;
	background: url(../images/iconsprite2.png) left -277px no-repeat;
	font-size: 0.9em;
	line-height: 1.4;
}

#footer .mail {
	padding: 0em 0em 0em 1.5em;
	background: url(../images/iconsprite2.png) left -396px no-repeat;
}

#footer .csc-textpic {
	padding-bottom: 4em;
	margin-bottom: 4em;
}

#footer .csc-textpic-intext-left-nowrap .csc-textpic-text {
	position: relative;
	left: 0;
	margin-right: 0
}

#footer h3 + div {
	background: url(../images/footer_hr.png)left bottom no-repeat;
}

#footer #adwmainz h3 + div {
	background: none;
}

.locality, .fax {
	display: inline-block;
}

/* ## 05. TYPOGRAPHY ###################################################################### */

/* FONT FAMILIES */

@font-face {
	font-family: 'Junicode';
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/Junicode-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Junicode';
	font-weight: bold;
	font-style: normal;
	src: url('../fonts/Junicode-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Junicode';
	font-weight: normal;
	font-style: italic;
	src: url('../fonts/Junicode-Italic.ttf') format('truetype');
}

/* sans serif */

h1,
#additionalcontent h2,
#footer h3 {
	font-family: "Arial Black", Arial, sans-serif;
}

/* serif */

/* for handling mixed hebrew / latin content that is not marked with <span lang="he" dir="rtl"> a font stack including
both fonts (Junicode - latin, Unicode MS - hebrew) is used. This way, characters from the according unicode range will
be displayed with the right font; interestingly, the CSS unicode-range property doesn't have to be used and it still
works; @see: http://johndyer.name/using-css-to-display-fonts-for-greek-and-hebrew-but-not-english
*/

h2, h3, h4, h5, body,
textarea, #additionalcontent .csc-frame h2 {
	font-family: "Junicode", "Arial Unicode MS", serif;
}

/* Hebrew passages */

:lang(he) {

	font-family: "Arial Unicode MS", sans-serif !important;
	direction: rtl !important;

	/* apparently, correct bidi behaviour in regard to weak/neutral/strong combinations only applies to block level elements
	but sadly this simple trick cannot be used since inline-blocks create new wrapping context within themselves; long rtl text
	will therefore not break correctly to the next ltr line */

	/*display: inline-block !important;*/
}

/* force a change in the bidi run with pure CSS and no additional markup
using the UTF-8 equivalents of <bdo> as generated content */

:lang(he):before {
	/* this brings Geckos & Webkit & Trident (IE) browsers to display weak/neutral characters following hebrew character correctly */
	content: "\202C\202A";
}

:lang(he):after {
	/* this brings Opera to display weak/neutral characters following a hebrew character correctly */
	content: "\202A\202C";
}


/* FONT SIZES - We use: 8,12,14,16,18,24,28,34 */

/* basics */

h1 {
	font-size: 2.4em;
	color: #252C52;
}

h2 {
	font-size: 2em;
}

.record-list-header {
	font-size: 2em;
}

h3 {
	font-size: 1.8em;
}

h4 {
	font-size: 1.8em;
}

h5 {
	font-size: 1.8em;
}

p,
blockquote, 
pre,
code,
li,
label, legend, input, select, textarea,
th, td, ul:before {
	font-size: 1.7em;
	line-height: 1.5;
}

h1, h2, h3, h4, h5 {
	line-height: 1.5;
	padding-bottom: 1em;
	color: #252C52;
}

/* margins / paddings */

#content h1,
#content .record-list-header {
	margin-top: 1em;
	padding-top: 3em;
	background: url(../images/hr_img.png) 50% top no-repeat, url(../images/divider.png) 0 5% repeat-x;
}

#content h1.csc-firstHeader,
#content .tx-hisodat-browsebox + div h2 {
	margin-top: 0;
	padding-top: 0;
	background: none;
}

p {
	padding-bottom: 1em;
}

figcaption, .csc-caption {
	margin: -0.5em 0 1em 0;
	font-size: 1.4em;
	line-height: 1.3em;
	color: #252C52;
}

sup {
	vertical-align: middle;
	position: relative;
	bottom: 0.4em;
	padding: 0 0 0 0.2em;
	font-size: 0.8em;
}

/* ## 06. BASIC CONTENT ################################################################### */

/* TEXT */

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.smallcaps {
	font-variant: small-caps;
}

.nowrap {
	white-space: nowrap;
}

/* HYPERLINKS */

a, a:link, 
a:active {
	color: #B21624;
	text-decoration: none;
}

a:visited,
a.act {
	color: #8C1C26;
	text-decoration: none;
}

a:hover, 
a:focus {
	color: #8C1C26;
	text-decoration: underline;
}

/* special link styles */

.block {
	display: block;
}

.mail {	
	padding: 0em 0em 0.1em 1.5em;
	background: url(../images/iconsprite2.png) left -38px no-repeat;
}

.download:before,
.news-single-files dd a {
	content: "";
	display: inline-block;
	line-height: 1;
	width: 1em;
	height: 1em;
	margin-right: 0.5em;
	background: url(../images/iconsprite2.png) left -240px no-repeat;
}

/*
.download, 
.news-single-files dd a {
	display: inline-block;
	line-height: 1;
	padding: 0em 0em 0.1em 1.5em;
	background: url(../images/iconsprite2.png) left -240px no-repeat;
}
*/

a.more,
.more a,
.news-single-related dd a, .news-single-links dd a {
	display: inline-block;
	line-height: 1;
	padding: 0em 0em 0.1em 1.5em;
	background: url("../images/iconsprite2.png") no-repeat left -160px;
}

.mail:hover, .mail:visited {	
	padding: 0em 0em 0.1em 1.5em;
	background: url(../images/iconsprite2.png) left -378px no-repeat;
}

/*
#content .download:visited, #content .download:hover,
.news-single-files dd a:visited, .news-single-files dd a:hover {
	background: url(../images/iconsprite2.png) left -260px no-repeat;
}

#content .more a:visited, #content .more a:hover,
#content a.more:visited, #content a.more:hover,
.news-single-related dd a:hover, .news-single-links dd a:hover,
.news-single-related dd a:visited, .news-single-links dd a:visited {
	background: url(../images/iconsprite2.png) left -180px no-repeat;
}
*/

.csc-linkToTop {
	margin-bottom: 2em;
}

.csc-linkToTop a {
	padding: 0em 0em 0.1em 1.5em;
	background: url(../images/iconsprite2.png) left -300px no-repeat;
}

.csc-linkToTop a:visited, .csc-linkToTop a:hover {
	padding: 0em 0em 0.1em 1.5em;
	background: url(../images/iconsprite2.png) left -320px no-repeat;
}

.back a {
	padding: 0.1em 0em 0.1em 1.5em;
	background: url(../images/iconsprite2.png) left -198px no-repeat;
}

.back a:hover, .back a:visited {
	background: url(../images/iconsprite2.png) left -198px no-repeat;
}


/* LISTS */

/* To have utmost control over bullets and numbering, generated content and counters are used.
 * see: http://dev.opera.com/articles/view/automatic-numbering-with-css-counters/
 * --> kicked out because of Problems in Opera and IE7 (s. #1548)
 */

ol, ul {
	margin: 0 0 1.5em 0em;
}

ol ol, ul ul {
	margin: 0 0 0 2em;
}

/* padding-left to get straight margins in multiline li elements */
li {
	list-style-type: none;
	padding-left: 1em;
	line-height: 2em;
}

ol li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 1.5em;
	padding-left: 0;
}

li li {
	margin-left: -1.5em;
	font-size: 1em;
}

ol li li,
ol li li li {
	margin-left: -0.6em;
}

li li li {
	margin-left: -0.7em;
	font-size: 1em;
}

ul li li li {
	margin-left: -1.7em;
}

ul li:before {
	position: relative;
	top: 0.1em;
	content: "❖";
	margin: 0 0.5em 0 -1em;	
	color: #252C52;
}

/* DEFINITION & DEFINITION LISTS */

dl {
}

dfn {
	cursor: help;
	font-style: normal;
	border-bottom: 1px dashed #222;
}

/* QUOTES */

q:lang(en) {
	quotes: "«" "»" "'" "'"; 
}

q:lang(de) {
	quotes: "“" "”" "'" "'"; 
}

q {
	color: #252C52;
}

cite {
	font-style: italic;
}

blockquote {
	padding: 1em 2em 0em;
	margin-bottom: 1em;
	background: #F2EBE5;
	color: #252C52;
}

blockquote p {
	font-size: 1em;
}

blockquote cite {
	display: block;
	padding-top: 0.5em;
	text-align: right;
}

/* TABLES */

caption {
	border-bottom: 1px solid #E6DFD9;
	padding: 0 0 0.3em 0;
	font-family: "Junicode", sans-serif;
	font-size: 1.7em;
	color: #252C52;
	text-align: left;
}

tr {
	border-bottom: 1px solid #F2EBE5;
}

tr:first-child {
	border-top: 1px solid #fff;
}

td {
	padding: 1em 0.5em;
	width: auto;
}

thead td {
	color: #252C52;
	font-weight: bold;
}

tr:hover {
	background: #F2EBE5;
}

th {
	padding: 0.5em;
	border-bottom: 1px solid #FFFFFF;
	color: #252C52;
	background: #E6DFD9;
	font-weight: bold;
	text-align: left;
}

/* Special table styles for 'Mitwirkende' */

#meash-17 thead {
	position: absolute;
	overflow: hidden;
	z-index: 0;
	width: 1px;
	height: 1px;
	margin: -2px 0 0 -2px;
	background: transparent;
	text-indent: 2px;	
}

#meash-17 .td-0 {
	width: 40%;
}

#meash-17 .td-1 {
	width: 40%;
}

#meash-17 .td-2 {
	width: 20%;
}
	
/* FORMS */

#content form {
	width: 50em;
	padding: 2em;
	margin-bottom: 4em;
	background: #F2EBE5;
	-moz-border-radius: 3px; /* FF1+ */
	-webkit-border-radius: 3px; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
}

legend {
	padding-bottom: 1em;
	color: #252c52;
	font-weight: bold;
}

#content label {
	float: left;
	width: 8.5em;
	padding: 0.1em 0 0 0;
	color: #252C52;
}

#content input, 
#content textarea, 
#content select {
	height: 25px;
	width: 24.9em;
	margin-bottom: 2em;
	padding: 0;
	border: 1px solid #252C52;
	-moz-border-radius: 3px; /* FF1+ */
	-webkit-border-radius: 3px; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	background: #fff;
	color: #5E6A90;
	-moz-box-shadow: 1px 1px 3px rgba(34, 34, 34, 0.3);
	-webkit-box-shadow: 1px 1px 3px rgba(34, 34, 34, 0.3);
	box-shadow: 1px 1px 3px rgba(34, 34, 34, 0.3);
	font-family: "Junicode", serif;
	padding-left: 0.5em;
}

#content textarea {
	height: 100px;
	width: 24.9em;
}

#content select {
	width: 25em;
	padding: 0.2em 0.1em 0 0.1em;
	text-indent: 0.1em;
}

#content input:focus, #content input:active, 
#content textarea:focus, #content textarea:active
#content select:focus, #content select:active {
	border: 1px solid #B21624;
}

select[multiple="multiple"] {
}

#content input[type="checkbox"] {
	height: 15px;
	width: 15px;
	margin: 0.3em 24em 2em 0.5em;
	padding: 0;
	background: #F2EBE5;
}

#content input[type="radio"] {
	height: 15px;
	margin: 0.3em 1em 2em 0.5em;
	width: 15px;
	float: left;
	background: #F2EBE5;
}

input[type="radio"] + label {
	float: left;
	margin-bottom: 2em;
}

#content input[type="submit"] {
	height: 2em;
	margin-left: 8.5em;
	width: 7.8em;
	padding: 0em 1em 0 0.7em;
	margin: 1em 0 1em 8.6em;
	border: 1px solid #5E6A90;
	-moz-border-radius: 6px; /* FF1+ */
	-webkit-border-radius: 6px; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	color: #FBFAF8;
	-moz-box-shadow: 1px 1px 1px #252C52, -1px -1px 1px #252C52, -1px 1px 1px #252C52, 1px -1px 1px #252C52;
	-webkit-box-shadow: 1px 1px 1px #252C52, -1px -1px 1px #252C52, -1px 1px 1px #252C52, 1px -1px 1px #252C52;
	box-shadow: 1px 1px 1px #252C52, -1px -1px 1px #252C52, -1px 1px 1px #252C52, 1px -1px 1px #252C52;
	cursor: pointer;
	background: #252C52;
}

#content input[type="file"] {
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#content input[type="file"]:focus,
#content input[type="file"]:active {
	border: none;
	padding: 0;
} 

/* Kontakt */

#mailformname,
#mailformemail,
#mailformBetreff,
#mailformmessage {
	width: 24.9em;
}

/* FORMS SIDEBAR */

#content #additionalcontent form,
#content #additionalcontent fieldset {
	width: 30em;
}

#additionalcontent label {
	float: none;
	display: block;
	padding: 0 0 0.2em;
}

#additionalcontent input, 
#additionalcontent select,
#additionalcontent textarea {
	width: 100%;
	margin-bottom: 1em;
}

#additionalcontent input[type="radio"] {
	margin: 0.3em 1em 1em 0.5em;
}

#additionalcontent input[type="radio"] + label,
#additionalcontent input[type="checkbox"] {
	margin: 0 0 1em;
}


#additionalcontent input[type="submit"] {
	margin: 1em 0 0 0;
}

/* IMAGES */

#content img, 
.googlemap {
	padding:0.1em;
	background: #fff;
	border: 0.4em solid #F2EBE5;
	margin-bottom: 1em;
}

/* rendering method: figure */

.csc-textpic {
	position: relative;
	margin-bottom: 1em;
}

.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	float: left;
	margin-bottom: 0em;
}

figure+figure {
	margin-left: 3.5em;
}

/* rows */

.csc-textpic .csc-textpic-imagerow {
	clear: both;
}

.csc-textpic-imagerow .csc-textpic-firstcol {
	margin-left: 0 !important;
}

.csc-textpic-imagerow .csc-textpic-lastcol {
	margin-right: 0 !important;
}

/* positioning */

/* Above */
.csc-textpic-above .csc-textpic-text {
	clear: both;
}

/* Center (above or below) */
.csc-textpic-center {
	text-align: center; /* IE-hack */
}

.csc-textpic-center .csc-textpic-imagewrap {
	position: relative;
	left: -0.5em;	
	margin: 0 auto;
}

.csc-textpic-center .csc-textpic-imagewrap .csc-textpic-image {
	text-align: left; /* Remove IE-hack */
}

.csc-textpic-center .csc-textpic-text {
	text-align: left; /* Remove IE-hack */
}

/* Right (above or below) */
.csc-textpic-right .csc-textpic-imagewrap {
	float: right;
	margin-right: 1em;
}

.csc-textpic-right .csc-textpic-text {
	clear: right;
}

/* Left (above or below) */
.csc-textpic-left .csc-textpic-imagewrap {
	float: left;
}
.csc-textpic-left .csc-textpic-text {
	clear: left;
}

/* Left (in text) */
.csc-textpic-intext-left .csc-textpic-imagewrap {
	float: left;
	margin-right: 3.5em;
}

/* Left (in text, no wrap around) */
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	float: left;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
	position: relative;
	left: 3.5em;
	margin-right: 3.5em;
}

/* Right (in text) */
.csc-textpic-intext-right .csc-textpic-imagewrap {
	float: right;
	margin-right: 1em;
	margin-left: 1em;
}

/* Right (in text, no wrap around) */
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	float: right;
	margin-right: 1em;
}

.csc-textpic-intext-right-nowrap .csc-textpic-text {
	position: relative;
	right: 3em;
	margin-left: 3em;
}

/* ## 07. SPECIAL CONTENT ################################################################# */

/* BROWSER: .browse (News); .browser (Forschungsprojekt); #meash-17 .sectionmenu (Mitwirkende); .tx-indexedsearch-browsebox (Suchergebnisse); .tx-hisodat-browsebox (Hisodat) */

#content .tx-hisodat-browsebox {
	margin-bottom: 4em;
}

#content .record + .tx-hisodat-browsebox {
	margin-top: 4em;
}

#content .tx_hisodat + .tx-hisodat-browsebox {
	margin-top: 3em;
}

#content #standard .browser {
	margin: 0 0 2em;
}

#content .browse li,
#meash-17 .sectionmenu li,
#content .tx-hisodat-browsebox li, 
#content .browser li, 
#content .tx-indexedsearch-browsebox li {
	display: inline-block;
	padding: 0;
	border: 1px solid #252C52;
	margin: 0 0.1em;
	-moz-border-radius: 6px; /* FF1+ */
	-webkit-border-radius: 6px; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	background: #252C52;
	list-style: none;
	line-height: 0em;
}

#meash-17 .sectionmenu li {
	font-size: 1.2em;
}

#content .tx-hisodat-browsebox li {
	margin: 0em;
	font-size: 1.4em;
}

#content .browse li:before,
#meash-17 .sectionmenu li:before,
#content .tx-hisodat-browsebox li:before,
#content .browser li:before, 
#content .tx-indexedsearch-browsebox li:before {
	content: "";
	margin: 0;
}

#content .browse li:first-child,
#meash-17 .sectionmenu li:first-child,
#content .tx-hisodat-browsebox li:first-child,
#content .browser li:first-child, 
#content .tx-indexedsearch-browsebox li:first-child {
	margin-left: 0em;
}

#content .browse li:last-child,
#content .browser li:last-child, 
#content .tx-indexedsearch-browsebox li:last-child {
	margin-right: 0em;
}

#content .tx-hisodat-browsebox .previous {
	margin-right: 1em;
}

#content .tx-hisodat-browsebox .next {
	margin-left: 1em;
}

#content .browse li a,
#meash-17 .sectionmenu li a,
#content .tx-hisodat-browsebox li a, 
#content .browser li a, 
#content .tx-indexedsearch-browsebox li a {
	display: block;
	padding: 0.5em 0.7em;
	border: 1px solid #5E6A90;
	-moz-border-radius: 6px; /* FF1+ */
	-webkit-border-radius: 6px; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	color: #FBFAF8;
	line-height: 1em;
}

#content .browse li:hover,
#meash-17 .sectionmenu li:hover,
#content .tx-hisodat-browsebox li:hover, 
#content .browser li:hover, 
#content .tx-indexedsearch-browsebox li:hover {
	border: 1px solid #252C52;
	background: #FBFAF8;
}

#content .browse .act,
#content .tx-hisodat-browsebox .act,
#content .tx-indexedsearch-browsebox .act {
	padding: 0.6em 0.8em 0.55em;
	border: 1px solid #252C52;
	background: #FBFAF8;
}

#content .browse .act {
	line-height: 1em;
}

#content .tx-hisodat-browsebox .act {
	padding: 1.1em 0.8em;
}

#content .browse a:hover,
.browser a:hover,
#meash-17 .sectionmenu a:hover,
#meash-17 .sectionmenu .act a,
#content .tx-hisodat-browsebox a:hover,
#content .tx-hisodat-browsebox .act a,
#content .browser a:hover, 
#content .tx-indexedsearch-browsebox a:hover,
#content .tx-indexedsearch-browsebox .act a {
	border:1px solid #FBFAF8;
	color: #252C52;
	text-decoration: none;
}

#content .tx-hisodat-browsebox .act a,
#content .tx-indexedsearch-browsebox .act {
	padding: 0;
}

#content .browse .count,
#content .browse .count:hover {
	display: block;
	padding: 2em 1em 2em 0em;
	border: none;
	background: none;
}

#content .sorting-options label {
	display: inline;
	float: none;
}

#content #ascDesc, #content #itemsPerPage, #content #sorting-options-submit {
	display: inline-block;
	height: auto;
	margin: 0 0.5em;
}

#content #ascDesc {
	width: 8em;
}

#content #sorting-options-submit {
	width: 4em;
	height: 2em;
}

#content #itemsPerPage {
	width: 4em;
}

#content .tx-hisodat-browsebox-single {
	margin-bottom: 2em;
}

#content .tx-hisodat-browsebox-single .next {
	margin-left: 0;
}

#content .tx-hisodat-browsebox-single .previous {
	margin-right: 0;
}

/* SEARCHRESULT */
.links-to-searchform li {
	display: inline-block;
	margin-right: 1em;
}

.term {
	background: rgba(254, 193, 7, 0.7);
	padding: 0.1em 0.2em;
}

#content .formerrors {
	color: #B21624;
}

#content input.formerrors {
	border-color: #B21624;
}

/* SITEMAP */

.csc-sitemap {
	margin: 0;
}

.csc-sitemap ul {
	margin: 0;
	padding: 0;
}

.csc-sitemap ul li {
	border: 1px solid #F2EBE5;
	margin: 1.5em 0 0 0;
	padding: 0 1em 1em 1em;
}

.csc-sitemap ul li:before {
	content: none;
}

.csc-sitemap ul li a {
	background: #F2EBE5;
	border-bottom: 1px solid #F2EBE5;
	display: block;
	margin: 0 -1em 1em -1em;
	padding: 0.2em 1em;
}

.csc-sitemap ul ul li {
	position: relative;
	border: none;
	margin: 1em 0 1em 2em;
	padding: 0 0 0 0.5em;
}

.csc-sitemap ul ul li:before {
	position: absolute;
	top: 0em;
	left: 0em;
	content: "❖";
	margin: 0 0.5em 0 -1em;
	color: #252C52;
}

.csc-sitemap ul ul li a {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

/* NEWS */

/* Listview */

#content #maincontent .item h2 {
	padding: 0em;
}

.item img {
	float: left;
	margin: 0 20px 0 0; 
}

.item img + .news-text {
	margin-left: 240px;
}

.item h2 {
	clear: left;
}

#additionalcontent .item img + .news-text {
	margin-left: 0px;
}

.browse {
	clear: left;
}

/* Singleview */

.singleview .csc-subheader {
	font-weight: bold;
	color: #252c52;
}

.singleview .csc-textpic {
	margin-bottom: 0;
}

.news-single-additional-info {
	font-size: 1.4em;
	line-height: 1.5;
	margin: 0 0 2em 0;
}

.news-single-additional-info dl {
	margin-top: 1em;
}

.news-single-additional-info dt {
	font-weight: bold;
	color: #252C52;
	padding-bottom: 0.2em;
}

.news-single-files dd a {
	padding-right: 0.3em;
}

/* Amenu */

#content .amenuview .year {
	font-weight: bold;
	color: #252C52;
	padding: 0 0 0.2em 0;
}

#additionalcontent .amenuview .year:before {
	content: "";
	margin: 0;
}	

/* HISODAT */

#content #tx_hisodat_search_quicksearch label[for="submit"] {
	height: 0;
	text-indent: -999em;
}

#content #tx_hisodat_search_quicksearch input {
	margin: 0em 0 1.5em 0;
}

#edition, #regest, #literature {
	margin: 0 0 1em 0;
	padding: 0;
}

#edition li, #regest li, #literature li {
	display: inline;
	margin: 0 0.3em 0 0;
	padding: 0;
	line-height: 1.5;
}

#edition li:before, #regest li:before, #literature li:before {
	content: "";
	margin: 0;
	padding: 0;
	top: 0;
}

#edition:before, #regest:before, #literature:before {
	content: "Druck:";
	display: inline;
	margin-right: 0.3em;
}

#regest:before {
	content: "Regest:";
}

#literature:before {
	content: "Literatur:"
}

.tx_hisodat .list-image {
	float: left;
}

.tx_hisodat .list-image + .text {
	margin-left: 19em;
}

/* EXPANDABLE CONTENT */

#standard h2,
#standard h3 {
	position: relative;
	padding: 0 0 0 1.5em;
	cursor: pointer;
	color: #B21624;
}

#standard h2 {
	margin: 1.5em 0 1em;
	line-height: 1em;
	background: url(../images/iconsprite2.png) no-repeat scroll left -338px transparent;
}

#standard h3 {
	margin: 0.5em 0 0.5em 1.5em;
	background: url(../images/iconsprite2.png) no-repeat left -336px transparent;
}

/* Icons*/

.ui-widget-header .ui-icon {
	position: absolute;
	left: 0;
	height: 16px;
	width: 16px;
	text-indent: -999em;
}

#standard h2 .ui-icon-triangle-1-s { 
	background: url(../images/iconsprite2.png) no-repeat scroll left -298px #F9F6F1;
}

#standard h3 .ui-icon-triangle-1-s { 
	background: url(../images/iconsprite2.png) no-repeat scroll left -296px #F9F6F1;
}

/* FOOTNOTES */

#content .footnotes {
	margin-top: 2em;
	padding-top: 4em;
	background: url("../images/hr_img.png") no-repeat scroll 50% top, url("../images/divider.png") repeat-x scroll 0 6px transparent;
}

#content .footnotes li {
	line-height: 1.5em;
	padding-bottom: 1em;
	padding-left: 1.6em;
	text-indent: -0.6em;
}

/* CITATION REFERENCE */

.citationreference {
	margin-top: 1em;
	padding-top: 2em;
	background: url(../images/divider.png) repeat-x;
}


/* JQUERY-KEYBOARD */

/* keyboard - jQuery UI Widget */
#maincontent #keyboard {
	width: 29em;
}

.ui-keyboard {
	width: auto;
	padding: 0.3em;
	border: 1px solid #666666;
	-moz-border-radius: 6px; /* FF1+ */
	-webkit-border-radius: 6px; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	background: #222;
}

.ui-keyboard textarea,
.ui-keyboard-input {
	padding-left: 0.3em;
	border: 1px solid #666666;
	-moz-border-radius: 6px; /* FF1+ */
	-webkit-border-radius: 6px; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	color: #222;
	background: #FFF;
	font-family: "Arial Unicode MS", Arial, serif !important;
}

.ui-keyboard-has-focus {
	z-index: 16001; 
}

.ui-keyboard-button { 
	height: 2em; 
	width: 2em; 
	cursor: pointer; 
	overflow: hidden;
	margin: .1em; 
	padding: 0 0 0.2em;
	border: 1px solid #000;
	-moz-border-radius: 6px; /* FF1+ */
	-webkit-border-radius: 6px; /* Saf3-4, iOS 1+, Android 1.5+ */
	border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	color: #F9F6F1;
	background: #666666;
	font-family: "Arial Unicode MS", Arial, serif !important;
}

.ui-keyboard-button span {
	white-space:nowrap;
}

.ui-keyboard-button-endrow {
	clear: left;
}

.ui-keyboard-widekey {
	width: 4.5em;
}

.ui-state-active {
	background: #E9BF85;
	color: #222;
}

.ui-keyboard-space {
	width: 15em;
	text-indent: -999em;
}

.ui-keyboard-preview {
	margin: 0 0 3px 0;
}

/* width: 100%; now full window width in IE =( */ 

.ui-keyboard-keyset {
	text-align: center;
}

.ui-keyboard-placeholder {
	color: #888;
}

.ui-keyboard-nokeyboard {
	color: #888;
	border-color: #888;
}

/* disabled or readonly inputs, or use input[disabled='disabled'] { color: #f00; } */

/* only used in IE to prevent clicking in another input/textarea */
.ui-keyboard-overlay { 
	height: 100%; 
	width: 100%; 
	background: transparent; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 15999; 
}

.ui-keyboard-overlay-input { 
	position: relative; 
	top: 0; 
	left: 0; 
	zoom: 1; 
	z-index: 16000; 
} 

/* put input above overlay if preview is not used - IE only */

/* combo key styling - toggles diacritics on/off */
.ui-keyboard-button.ui-keyboard-combo.ui-state-default { 
	border-color: #ffaf0f; 
}

/* ## 08. MOBILE ########################################################################## */

/* see: http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries */

/* Prevent mobile zooming while remain desktop zooming. github.com/shichuan/mobile-html5-boilerplate/issues/closed#issue/14 */
body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
}

/* SMARTPHONES (PORTRAIT & LANDSCAPE) */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* SMARTPHONES LANDSCAPE */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* SMARTPHONES PORTRAIT */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPAD (PORTRAIT & LANDSCAPE) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
}

/* iPAD (LANDSCAPE) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
}

/* iPAD (PORTRAIT) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* DESKTOP & LAPTOPS */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* LARGE SCREENS */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPHONE 4 */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/* ## 09. PRINT ########################################################################### */

@media print {

@CHARSET "UTF-8";

/* PAGE */

* {
	position: static !important;
	float: none !important;
	width: auto !important;
	height: auto !important;
	color: black !important;
	background: white !important; 
	background-image: none !important;
	text-shadow: none !important;
	text-align: left !important;
	line-height: 1.5em !important;
}

#content {
	margin-top: 0;
}

@page { margin-top: 1.5cm; margin-right: 3cm; margin-bottom: 1.5cm; margin-left: 1.5cm; }

/* specials for book/article layout - sometimes needed
@page :first { margin-top: 10cm; }
@page :left { margin-left: 4cm; margin-right: 3cm; }
@page :right { margin-left: 3cm; margin-right: 4cm; }
*/

/* pagebreaks, widows, orphans */
h1, h2, h3 { page-break-after: avoid; widows: 4; orphans: 4; }
p { widows: 4; orphans: 4; }
table, tbody, tr, img { page-break-inside: avoid; }

/* TYPOOGRAPHY */

/* font families */
body { font-family: "Times New Roman", Times, serif; }
h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif !important; }
code, pre { font-family: monospace; }

/* font sizes */
body { font-size: 12pt; }
h1 { font-size: 21pt; }
h2 { font-size: 18pt; }
h3 { font-size: 16pt; }
h4 { font-size: 14pt; }
h5 { font-size: 12pt; }
p, blockquote, pre, address, cite, code,
dl, dt, dd, ol, ul, li, label, legend,
table, caption, tr, th, td,
input, select, textarea, .caption,
figcaption, .csc-caption { font-size: 12pt !important; }

/* ELEMENTS */

/* text */
p { margin: 0 !important; }
em, i { font-style: oblique; }
strong, b { font-weight: bold; }
.underline { text-decoration: underline; }
.nowrap { white-space: nowrap; }
.tab { margin-left: 2.5em; }
#content .tx_hisodat h2 { padding-top: 1.5em; }

/* hyperlinks */
a, a:visited { text-decoration: underline; border: none; }
h2 a, h2 a:visited, 
h3 a, h3 a:visited,
h4 a, h4 a:visited,
.csc-textpic-imagewrap a,
.csc-textpic-imagewrap a:visited { text-decoration: none; }
a[href]:after { content: " <URL: "attr(href)"> "; color: #000; font-style: italic; }
#breadcrumbs a[href]:after, .citationreference a[href]:after, .anm a[href]:after, .anm[href]:after, h1 a:after, h2 a:after, h3 a:after, h4 a:after,
.csc-textpic-imagewrap a:after { content: "" !important; }
.button a { padding: 0; text-decoration: underline; }
.more a, .more, .mail, .download, .back a, .csc-linkToTop a {padding-left: 0 !important; background: none;}

/* tables */
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
th, col, colgroup, tr, td { vertical-align: top; }
th, td { padding: 5pt 20pt 5pt 10pt; border-bottom: 1px solid #000;}
caption { caption-side: top; margin-bottom: 1em; border: none; font-weight: bold; font-style: oblique; }

/* lists */
ul, ol, dl { margin: 0 0 1em 1em; padding: 0; }
ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-alpha; }
ol ol ol li	{ list-style-type: lower-roman; }
li { margin: 0 0 0 2em; }
dt, dd { margin: 0 0 0 1em; }
#content ul li:before, #footer ul li:before, #content #breadcrumbs li:before { color: #000;}

/* images */
img, .googlemap {padding: 0 !important; border: none !important; float: left;}
#content .news-text, .csc-textpic-imagewrap, .csc-textpic-text, .csc-textpic div, .csc-textpic-image, .csc-textpic-image dt {margin-left: 0 !important;}
	
/* forms */
form { padding: 0 !important;}
fieldset { border: 1px solid black; padding: 10pt; }
label {display: block;}
#content input, #content textarea, #content select { width: 10cm !important; box-shadow: none; }
#content input[type="submit"] { width: auto !important; border: 1px solid #000; box-shadow: none; }
input[type="radio"] + label, #content input[type="radio"] { margin-bottom: 0; }


/* other elements */
abr, acronym, dfn { font-style: oblique; }
abbr:after { content: " (" attr(title) ")"; }
blockquote { border: 1px solid black; }
cite, q { border: none; }
code, pre { display: block; margin: 0 0 1em 0; padding: 0.5em; }
hr {  height: 0px; color: inherit; margin-bottom: 1em; border-bottom: 1px solid black; }

/* HIDDEN */

#branding, #header, #footer, .browse, .browser, #meash-17 .sectionmenu, .tx-hisodat-browsebox, .tx-indexedsearch-browsebox { display: none; }

/* SPECIAL */

#edition, #regest, #literature { margin: 0 0 1em 0; padding: 0; }
#edition li, #regest li, #literature li { display: inline; margin: 0 0.7em 0 0; padding: 0; line-height: 1.5; }
#edition li:before, #regest li:before, #literature li:before { content: ""; }
#edition:before, #regest:before, #literature:before { content: "Druck: "; display: inline; margin-right: 0.5em; }
#regest:before { content: "Regest: "; }
#literature:before { content: "Literatur: "; }
#archivalinformation span:after { content: ", "; }
#archivalinformation span:last-child:after { content: "."; }

} /* END OF PRINTSTYLES */

/* ## 10. FINALLY ######################################################################### */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* class for hiding elements */
.skip {
	position: absolute;
	overflow: hidden;
	z-index: 0;
	width: 1px;
	height: 1px;
	margin: -2px 0 0 -2px;
	background: transparent;
	text-indent: 2px;
}
