/* -----------------------------------------
Werner Noske | Bilder und Handpressendrucke
http://www.werner-noske.de
Autor: Claudia Rathert
allgemeines Stylesheet
Medien: alle
Start: 05.01.2010
letzte Änderung: 07.06.2025
------------------------------ */

* {
	margin: 0;
	padding: 0;
}

body {
	font: 100.01% Georgia, Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/bckgr.png) #FCF9F0;
	color: #2B1500;
	text-align: left;
}

h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 1.3em;
}

h2, h3 {
	margin-bottom: 0.6em;
}

h1 {
	margin-bottom: 1.1em;
}

h1.start, h1.kontakt, h1.inhalt {
	color: #763027;
}

h1.vita {
	color: #422100;
}

h1.bilder {
	color: #194049;
}

h1.drucke {
	color: #284F58;
}

h1.handpresse {
	color: #765E27;
}

h1.hefte {
	color: #3F5E33;
}

h1.mappen {
	color: #594B2C;
}

h1.skulptur {
	color: #2B1500;
}

h1.jacobus {
	color: #357482;
}

h1.reise {
	color: #2F6F7F;
}

h1.zeitschrift {
	color: #572A00;
}

h2 {
	font-size: 1.4em;
	color: #194049;
	font-style: italic;
	margin-top: 1.5em;
}	

h3 {
	padding-top: 0.6em;
	font-size: 1.1em;
	color: #422100;
}

p {
	font-size: 1em;
	line-height: 1.3em;
	margin-bottom: 1em;
}

.clear {
	clear: both;
}

acronym[title], abbr[title], .erklaerung {
	border-bottom: 1px dotted #A16428;
	cursor: help;
}



/* ---------- Skip-Link ---------- */
a:link.skip, a:visited.skip, a:hover.skip, a:active.skip, a:focus.skip {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}


/* ---------- Kopf  ---------- */
#kopf {
	width: 100%;
	height: 5em;
	background-color: #2B1500;
	color: #FFF;
	border-bottom: 5px solid #A16428;
	margin-bottom: 2em;
}

#kopf img {
	padding: 8px 0 0 12px;
	border: none;
}

/* ---------- Container für Navigation und Inhalt ---------- */
#container {
	width: 900px;
}


/* ---------- Navigation  ---------- */

#navi {
	width: 25%;
	float: left;
	padding: 6px 0 0 12px;
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
	font-variant: small-caps;
	white-space: inherit;
}

#navi ul {
	width: 100%;
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navi li {
	padding: 0 0 15px 0;
}

#navi li a { 
	text-decoration: none;
	padding: 3px 2px;
}

#navi li a.start {
	color: #763027;
}

#navi li a.vita {
	color: #422100;
}

#navi li a.bilder {
	color: #194049;
}

#navi li a.drucke {
	color: #284F58;
}

#navi li a.hefte {
	color: #3F5E33;
}

#navi li a.jacobus {
	color: #357482;
}

#navi li a.reise {
	color: #2F6F7F;
}

#navi li a.handpresse {
	color: #765E27;
}

#navi li a.mappen {
	color: #594B2C;
}

#navi li a.skulptur {
	color: #2B1500;
}

#navi li a.zeitschrift {
	color: #572A00;
}

#navi li a:focus, #navi li a:hover, #navi li a:active {
	color: #A16428;
	text-decoration: underline;
}

/* aktueller Link */
body#index a#indexnav, body#vita a#vitanav, body#skulptur a#skulpturnav, body#bilder a#bildernav, body#handpressen a#handpressennav, body#drucke a#druckenav, body#hefte a#heftenav, body#mappen a#mappennav, body#jacobus a#jacobusnav, body#reise a#reisenav, body#zeitschrift a#zeitschriftnav  {
	color: #A16428;
	text-decoration: underline;
}


/* ---------- Inhalt ----------*/
#inhalt {
	width: 70%;
	float: left;
	position: relative;
	margin: 0;
	padding-left: 12px;
	border-left: 1px solid #A16428;
}

#inhalt a:link, #inhalt a:visited {
	color: #2B1500;
	text-decoration: underline;
}

#inhalt a:focus, #inhalt a:hover, #inhalt a:active {
	color: #A16428;
	text-decoration: underline;
}

/*  Geordnete Liste für die Seite Handpressendrucke */
#inhalt ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 24px;
}

p.presse {/* nötig da bug in IE6 */
	font-size: 1em;
	line-height: 1.3em;
	margin-bottom: 1em;
	color: #2B1500;
	font-style: normal;
	font-weight: normal;
} 

li.presse {
	font-weight: bold;
	font-size: 1em;
	font-style: italic;
	color: #763027;
	padding: 4px 0;
}

/* Liste für Inhaltsverzeichnis */
.inhaltsuebersicht ul {
	margin: 0.25em 0 1em 1.75em;
}

.inhaltsuebersicht li {
	list-style-type: none;
	padding: 0.25em;
}

/* ---------- Sprungmarke zum Seitenanfang ---------- */
#nachoben {
	text-align: right;
	font-size: 0.8em;
	margin-top: 2em;
	clear: both;
}

#nachoben a:link, #nachoben a:visited {
	color: #763027;
	text-decoration: none;
}

#nachoben a:focus, #nachoben a:hover, #nachoben a:active {
	color: #2B1500;
	text-decoration: underline;
}
	
/* ---------- Seitenfuss ---------- */
#fuss {
	width: 100%;
	height: 3em;
	clear: both;
	color: #FFF;
	background-color: #A16428;
	font-size: 0.8em;
	padding: 12px 0 0 12px;
	border-top: 5px solid #2B1500;
}

#fuss ul {
	float: left;
	list-style-type: none;
	padding-left: 0;
}

#fuss li {
	display: inline;
	padding-right: 1em;
}

#fuss li a:link, #fuss a:visited { 
	text-decoration: underline;
	color: #fff;
}

#fuss a:focus, #fuss a:hover, #fuss a:active {
	text-decoration: none;
	color: #2B1500;
}

/* #################### Media Queries #################### */
@media only screen and (max-width: 767px) {
	/* Einspalten-Layout */
	#container {
		width: 100%;
	}
	
	#inhalt {
		width: auto;
		float: none;
		border-top: 1px solid #A16428;
		border-left: none;
		margin-top: 1.25em;	
		padding-top: 1.25em;	
	}
	
	#navi {
		width: auto;
		float: none;
	}
 
 	#container {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media only screen and (max-width: 480px) {
	#fuss {
		height: auto;
		padding-bottom: 6px;
	}
	
	#fuss ul {
		float: none;
	}
	
	#fuss li {
		display: block;
		padding: 3px 0;
	}
}