/* www.konrad-auwaerter.de development by portnull.de
------------------------------------------------------

* #88060e = red (links)
* #393939 = grey (fonts)

---------------------------------------------------- */


/* $RESET
---------------------------------------------------- */
h1, h2, h3, h4, h5, h6, ul, ol, li {
	padding: 0;
	margin: 0;}

li {list-style-type: none;}

/* $TYPO
---------------------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	color: #393939;}
	
a {
	color: #88060e;
	text-decoration: none;}
a:hover {color: #c5000b;}	
	
a img {border: none;}


h1 {
	font-size: 1.3em;
	color: #393939;
	margin: 0 0 18px	 0;}

h2 {
	font-size: 1.3em;
	color: #393939;}
body#home h2 {color: #88060e;}


p {
	font-size: 1.2em;
	margin: 0 0 18px 0;}

address {
	font-size: 1.2em;
	font-style: normal;
	margin: 0 0 18px 0;}	


ul {
	font-size: 1.2em;
	margin: 0 0 18px 0;}
	
li {
	list-style-type: disc;
	margin: 0 0 12px 12px;}


	
/* $BASIC
---------------------------------------------------- */
body {
	margin: 80px 0;
	background: #393939 url("gfx/bg_body.jpg") top center repeat-y;}
	
#wrapper {
	text-align: left;
	width: 820px;
	margin: 0 auto;
	background: #fff url("gfx/bg_wrapper.jpg") top right no-repeat;}

#banner {
	clear: both;
	margin: 18px 0;}

	
/* $HEADER
---------------------------------------------------- */
#header {
	height: 26px;
	padding: 30px 56px 0;
	text-align: right;
	background: url("gfx/bg_header.jpg") top left no-repeat;}
#header img {}

	
ul#navigation {
	margin: 0 0 0 56px;}
	
ul#navigation li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;}

ul#navigation a {
	display: block;
	height: 20px;
	text-decoration: none;}
	
	
a#nav_home {
	width: 79px;
	background: url("gfx/nav_home.png") top left no-repeat;}
body#home a#nav_home, a#nav_home:hover {background: url("gfx/nav_home.png") bottom left no-repeat;}

a#nav_vorwort {
	width: 101px;
	background: url("gfx/nav_vorwort.png") top left no-repeat;}
body#vorwort a#nav_vorwort, a#nav_vorwort:hover {background: url("gfx/nav_vorwort.png") bottom left no-repeat;}

a#nav_ausstellung {
	width: 124px;
	background: url("gfx/nav_ausstellung.png") top left no-repeat;}
body#ausstellung a#nav_ausstellung,  a#nav_ausstellung:hover {background: url("gfx/nav_ausstellung.png") bottom left no-repeat;}

a#nav_medien {
	width: 88px;
	background: url("gfx/nav_medien.png") top left no-repeat;}
body#medien a#nav_medien,  a#nav_medien:hover {background: url("gfx/nav_medien.png") bottom left no-repeat;}

a#nav_kontakt {
	width: 98px;
	background: url("gfx/nav_kontakt.png") top left no-repeat;}
body#kontakt a#nav_kontakt,  a#nav_kontakt:hover {background: url("gfx/nav_kontakt.png") bottom left no-repeat;}

a#nav_datenschutz {
	display: block;
	float: right;
	height: 10px;
	width: 75px;
	background: url("gfx/nav_datenschutz.png") top left no-repeat;}
  
a#nav_impressum {
	display: block;
	float: right;
	height: 10px;
	width: 62px;
	background: url("gfx/nav_impressum.png") top left no-repeat;}


/* $CONTENT
---------------------------------------------------- */
#content {	
	float: left;
	min-height: 272px;
	width: 500px;
	padding: 38px 0 0 56px;}
#sidebar {
	float: right;
	width: 200px;
	padding: 0 56px 0 0;}
body#kontakt div#sidebar {
	padding: 242px 56px 0 0;}


div.txt {
	float: left;
	width: 250px;}

div.txtmaps {
	clear: left;
	margin: 18px 0 0 0;}
	
iframe {
	margin: 8px 0;}	


/* $FOOTER
---------------------------------------------------- */
#footer {
	height: 18px;
	text-align:right;
	padding: 10px 36px 4px;
	background: #782f13 url("gfx/bg_footer.jpg") top left repeat;}


/* EXTRA
------------------------------------------------------------ */		
.xclear:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}