@import url("fonts.css");
@import url("font-awesome.min.css");
@import url("normalize.min.css");

/********************************************************************************************

	TOC:	- GENERAL & HEADINGS
			- STRUCTURE
			- NAVIGATION
			- CONTENT & FORMS
			- FOOTER

********************************************************************************************/


/****************************************  GENERAL  ****************************************/

html, body, #wrapper {height:100%}
html, body, ul {border:0; margin:0; padding:0}

body {background:#fff; color:#333; font:0.938em 'OpenSans', Arial, sans-serif; line-height:1.5em}

img {border:none}

/*** Links ***/
a, div {outline:none}

a:link, a:visited {color:#996666; font-weight:200; text-decoration:none}
a:active, a:hover {color:#cc9999; text-decoration:none}

#logo a:link, #logo a:visited {color:#333; font-weight:normal; text-decoration:none}
#logo a:active, #logo a:hover {color:#000; text-decoration:none}

footer a:link, footer a:visited {color:#666; font-weight:normal; text-decoration:none}
footer a:active, footer a:hover {color:#666; text-decoration:underline}

/*** Headings ***/
h1 {color:#996666; font:normal 2em 'OpenSans', Arial, sans-serif; padding:0; margin:0 0 20px 0; letter-spacing:-0.05em}
h2 {color:#333; font:normal 1.333em 'OpenSans', Arial, sans-serif; padding:0; margin:10px 0}
	h2.center {text-align:center}
h3 {color:#000; font:bold 1em 'OpenSans', Arial, sans-serif; padding:0; margin:10px 0; clear:both}
	
/****************************************  STRUCTURE  ****************************************/

#wrapper {margin:0 auto; width:100%; margin-bottom:-71px;} /* sticky footer */
	body > #wrapper {height:auto; min-height:100%} /* sticky footer */
	
div.container {margin:0 auto; overflow:visible; width:980px}

header {background:#fff; border-bottom:1px solid #e3e3e3; height:470px; margin:0}
	div#slider {background:#acb0b4 url(../images/header.jpg) center no-repeat; height:470px; width:100%; z-index:1}
	#logo {color:#333; font:normal 3.200em 'OpenSans', Arial, sans-serif; position:absolute; top:30px; letter-spacing:-0.05em}
	header nav {height:12px; position:absolute; top:440px; width:980px; z-index:10}
	
div#content {overflow:hidden; margin:0 auto; padding-bottom:71px; width:100%}
	div.grey {clear:both; background:#f3f3f3; border-top:1px solid #ccc; padding:40px 0 10px}	
	#text {float:left; margin:50px 0 60px; width:980px}

footer {border-top:1px solid #ccc; color:#666; height:70px; margin-top:-70px; position:relative; min-width:980px}
	#footerwrapper {margin:0 auto; padding-top:25px; text-align:center; width:980px}
	
/****************************************  NAVIGATION  ****************************************/

ul.nav, ul.nav ul {list-style:none}

/*** Nav ***/

header nav ul.nav {height:11px; padding:0; margin:0 auto; width:400px}
header nav ul.nav li {border-right:1px solid #898484; line-height:11px; display:inline; float:left}
header nav ul.nav li:last-child {border-right:none}
header nav ul.nav li a {color:#fff; display:inline-block; font:bold 1.067em 'OpenSans', Arial, Helvetica, sans-serif; width:auto; text-align:center; text-decoration:none; line-height:11px; padding:0 30px; position:relative}
header nav ul.nav li a:hover, header nav ul.nav li a.currentpage {text-decoration:underline}

/****************************************  CONTENT  ****************************************/

#content ul {list-style:none; margin:20px 0 40px 3px}
#content ul li {background:url(../images/icon_bullet.png) 0 12px no-repeat; padding-left:15px; line-height:30px}

div.separator {border-bottom:1px solid #ddd; clear:both; height:40px; margin-bottom:40px}
div.clear {clear:both; height:20px}

.bildlinks {float:left; margin:0 20px 20px 0}
.bildrechts {float:right; margin:0 0 20px 20px}
.bildzentriert {display:block; margin-left:auto; margin-right:auto}

div.left {float:left; width:450px}
div.right {float:right; width:450px}

div.buch {margin:20px 0 0 90px}
	div.buch img {-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.1); box-shadow:5px 5px 5px 0px rgba(0,0,0,0.1)}
div.preis {color:#666; font-size:0.867em; margin:10px 0; text-align:center}
div.quote {background:url(../images/icon_quote.png) 10px 15px no-repeat; background-size:40px; border:1px solid #ddd; padding:20px; margin-bottom:20px; -webkit-border-radius:3; -moz-border-radius:3; border-radius:3px}
	div.quote span {font-weight:200; margin-left:40px}
blockquote {font-style:italic; margin:10px 10px 10px 40px}

.fa {line-height:inherit}

/*** Tables ***/ 

table {margin:20px 0 40px; table-layout:fixed; width:650px}
tr, td {line-height:30px; vertical-align:top}
	.tdwidth {width:400px}