html {
	height: 100%;
}

body {
	height: 100%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 62.5%;
	line-height: 1.5;
	background: url(../img/stoff.gif) 0 0 repeat-y #FAFAF6;
}

body, div, p, img, form, h1, h2, h3, label, ul, li, button {
	margin: 0;
	padding: 0;
	border: 0;
}

input, textarea, select, option {
	font-size: 1.1em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
	
button:hover {
	cursor: pointer;
}

#content .section {
	margin-top: 3em;
}

#content .small_section {
	margin-top: 1.5em;
}

#content .offset {
	margin-top: 4.3em;
}

#content .h1-offset {
	margin-top: 3.7em;
}

#content .append-next {
	margin-bottom: 0;
}


/* Intro */

#intro {
	background: #FAFAF6;
}

#intro a#animation {
	position: absolute;
	left: 50%;
	top: 45%;
	width: 600px;
	height: 418px;
	margin: -209px 0 0 -300px;
	text-align: center;
	background: url(../img/hoelderlin-handschrift.gif) 50% 40% no-repeat #FAFAF6;
}

	#intro img {
		position: absolute;
		left: 50%;
		top: 39%;
		margin: -50px 0 0 -76px;
	}
	
	#intro img#aquinarte {
		top: 42%;
		margin: 80px 0 0 -119px;
	}
	
	#intro img#claim {
	    top: 75%;
	    margin: 0 0 0 -215px;
	}
	
	#intro #skip {
		position: absolute;
		bottom: 10%;
		display: block;
		width: 100%;
		text-align: center;
	}
	
		#intro #skip a {
			margin: auto;
			color: #736B4D;
		}


/* Links */

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

a:visited {
	color: #736B4D;
}

a:hover, a:focus, a:active {
	color: #284B68;
}


/* Typografie */

.right {
	float: right;
}

h1 {
	padding: 0.2em 0;
	margin: 0 0 0.6em 0;
	font-family: "Times New Roman", Georgia, serif;
	font-size: 2em;
	line-height: 1.2em;
	font-weight: normal;
	color: #284B68;
}

h2 {
	padding: 0.2em 0;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: normal;
	color: #736B4D;
}

h2.inactive {
	color: #D7CFB4;
}

h3 {
	padding: 0.2em 0;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: normal;
	color: #736B4D;
}

em {
	font-style: normal;
	color: #736B4D;
}

strong {
	font-style: italic;
	font-weight: normal;
	color: #736B4D;
}

blockquote {
	padding: 0;
	margin: 0;
	font-style: italic;
	color: #736B4D;
}

#content ul {
	margin: 0.5em 0 0.5em 1.5em;
}

#content li {
	font-size: 1.2em;
}

#content p,
#content form,
#content #hcard {
	margin: 1em 0;
}


/* Navigation */

#navigation,
#subnavi {
	list-style-type: none;
	width: 100%;
	margin-top: 2em;
	float: left;
}

	#content #subnavi {
		margin: 2em 0 0 0;
	}
	
	#navigation li,
	#subnavi li {
		display: inline;
		line-height: 2;
		font-family: "Times New Roman", Georgia, serif;
		font-size: 1em;
	}

	#navigation a,
	#subnavi a {
		padding-bottom: 0.2em;
		margin: 0 0.7em;
		font-size: 1.6em;
		color: #FAFAF6;
	}
	
	#subnavi a {
		margin: 0 1.4em 0 0;
		color: #A83D0C;
	}
	
	#subnavi a:hover, #subnavi a:focus, #subnavi a:active {
		color: #284B68;
	}
	
	#navigation a:hover {
		color: #FFF;
	}
	
	#navigation .current {
		border-bottom: 1px solid #E4E4D9;
	}
	
	#subnavi .current {
		border-bottom: 1px solid #A83D0C;
	}

#visual {
	position: absolute;
	z-index: 100;
	width: 420px;
	clear: left;
	float: left;
	text-align: center;
}

	/* Produktbilder */
		
	#visual img {
		margin: 5.4em auto 1em;
	}
	
	#visual img.large {
		margin: 1em auto;
	}
	
#main {
	position: relative;
	padding: 0 30px 0 450px;
	height: 100%;
	min-height: 100%;
}

#content {
	position: relative;
	width: 100%;
	margin: 0;
	min-height: 100%;
	float: right;
}

	#content p {
		font-size: 1.2em;
	}
	
	#content p.edition,
	#content p.footnote {
		font-size: 1.1em;
	}

	#content #primary {
		width: 48%;
		padding: 2em 0 120px 0;
		float: left;
	}
	
	#content #secondary {
		width: 48%;
		padding: 2em 0 120px 0;
		float: right;
	}
	
	
	/* hCard */
	
	#content #hcard {
		font-size: 1.2em!important;
	}
	
	
	/* Programmliste */
	
	#content ul.linklist {
		margin-left: 0;
	}
	
	#content ul.linklist li {
		padding-left: 1em;
		list-style-type: none;
		background: url(../img/bullet.gif) 0 0.5em no-repeat;
	}
	
	
	/* Buchtitel Details */
	
	#titles {
		margin-bottom: 3em;
	}
	
	#content #quicknavi {
		margin-bottom: 2em;
	}
	
	#content #quicknavi select {
		width: 100%;
		font-size: 1.2em;
	}
	
	#content #metainfo {
		margin-bottom: 1em;
		font-size: 1.2em;
		color: #284B68;
	}
	
	#content .edition .title {
		display: block;
		font-weight: bold;
	}
	
	#content .metainfo {
		font-size: 1.2em;
		color: #284B68;
	}
	
	#content .metainfo .isbn {
		display: block;
		margin-right: .7em;
	}
	
	/* Warenkorb */
	
	#content #cartbox {
		background: #E4E4D9;
	}
	
	#content #cart {
		padding: 0.5em 1em 1em 1em;
		margin-bottom: 2em;
		background: #E4E4D9;
	}
	
		#content #cart div {
			font-size: 1.1em;
		}
		
		#content #cart ul {
			margin: 0.5em 0;
			list-style-type: none;
		}
		
			#content #cart ul li {
				font-size: 1.1em;
			}
		
		#content #cart .quantity {
			display: block;
			float: left;
			width: 2em;
			color: #736B4D;
		}
		
		#content #cart .shorter {
			padding-left: 2em;
			color: #284B68;
			white-space: nowrap;
		}
		
		#content #cart a,
		#content a.button {
			display: block;
			padding: 1px 7px 2px 7px;
			margin-bottom: 1em;
			float: left;
			background: #A83E0D;
			color: #FFF;
		}
		
		#content #cart a {
			float: right;
		}
		
		#content #cart a:hover,
		#content a.button:hover {
			background: #284B68;
		}
		
	#content #cart_items {
		margin-left: 0;
	}
		
		#content #cart_items li {
			list-style-type: none;
			padding: 0.7em 0 0.7em 35px;
			border-top: 1px solid #E4E4D9;
		}
		
		#content #cart_items li button {
			width: 18px;
			height: 18px;
			float: right;
			text-indent: -3000px;
			background: url(../img/button_delete.gif);
		}
		
		#content #cart_items li .quantity {
			width: 2em;
			margin: 0 0.5em 0 -35px;
			float: left;
			font-size: 1em;
			color: #736B4D;
		}
		
		#content #cart_items li .short {
			display: block;
		}
		
		#content #cart_items li .price {
			padding: 0.5em 0 0 0;
			font-size: 0.9em;
			text-align: right;
			color: #284B68;
		}
		
	#content #price {
		padding: 0.5em 0;
		margin: 0.5em 0;
		border-top: 2px solid #736B4D;
		font-size: 1.2em;
		text-align: right;
	}
	
		
	/* Formulare */
	
	input,
	select,
	textarea {
		border: 1px solid #E4E4D9;
	}
	
	#content form.add {
		margin: 0.5em 0;
		border-top: 1px solid #E4E4D9;
	}
	
	#content form.add p {
		margin: 0.5em 0 0.5em 0;
	}
	
	#content form.add button {
		overflow: visible;
		display: block;
		width: auto;
		padding: 0 22px 0 5px;
		margin: 12px 0 0 5px;
		height: 22px;
		float: right;
		font-size: 10px;
/*		text-indent: -3000px;*/
		background: #596d7e url(../img/button_warenkorb_2.png) right center no-repeat;
		color: #fff;
	}
	
	#content form.add button:hover {
		background-color: #284B68;
	}
		
	#content form#order label {
		display: block;
		margin-bottom: 0.3em;
		font-size: 1.1em;
	}
	
	#content form#order input {
		display: block;
		width: 100%;
	}
	
	#content form#order input.radiobutton,
	#content form#order input.checkbox {
		display: inline;
		width: auto;
		margin-left: 1em;
		border: none;
	}
	
	#content form#order input.checkbox {
		margin: 0 5px 0 0;
	}
	
	#content form#order textarea {
		display: block;
		width: 100%;
	}
	
	#content button.submit,
	#content input.submit {
		width: auto!important;
		display: inline!important;
		margin: 0 0.2em 0.2em 0;
		padding: 4px 7px 5px 7px;
		border: 0px;
		background: #A83E0D;
		color: #FFF;
	}
	
	#content button.submit:hover,
	#content input.submit:hover {
		background: #284B68;
	}
	
	#content #message {
		padding: 1em;
		border: 1px solid #BF0016;
		font-size: 1.1em;
		color: #BF0016;
		background: #FFD8DD;
	}
	
	#content .error {
		color: #BF0016!important;
	}
	
	
	/* Footer */
	
	#content #footer {
		position: absolute;
		left: 0;
		bottom: 4em;
		width: 70%;
		padding: 0 50px;
		font-size: 1.1em;
		line-height: 35px;
		background: url(../img/logo_klein.gif) 0 50% no-repeat;
	}
	
		#content #footer,
		#content #footer * {
			color: #736B4D;
		}