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

		html, body {
			margin: 0;
			padding: 0;
			border: 0; 
			height: 100%; /* fix height to 100% for IE */
			max-height: 100%; /* fix height for other browsers */
		}

		body { 
			font: 76%/1.6 Verdana, Arial, Helvetica, Geneva, sans-serif;
			color: #101010; 
			background: #fffff0 url("/images/site/bg.png") 0 0 repeat;
		}
	

/* CONTAINER */

		#container {
			width: 980px;
			margin: 0 auto;
			padding: 0;
			background: #fffff0 url("/images/site/trenner-bg.png") 178px 20px repeat-y;		
		}
		
/* TYPOGRAPHY */
		
		p, ul, ol {
			margin: 0; 
			padding: 0; 
		}
		
		b { font-weight: bold;
			color: #555;
		}

		h1, h2, h3, h4, h5, h6 {
			margin-bottom: 1em;
/*			margin: 0 0 0 0px;*/
			padding: 0;
			font-weight: normal;
			color: #555;
		}

/*
		h1 {font-size: 150%;}
		h2 {font-size: 136%; border-bottom: 1px solid #C00; }
		h3 {font-size: 126%}
		h4 {font-size: 116%}
		h5 {font-size: 106%}
		h6 {font-size: 96%}
*/

		h1 {font-size: 150%;}
		h2 {font-size: 126%;}
		h3 {font-size: 116%;}
		h4 {font-size: 100%;}
		h5 {font-size: 100%;}
		h6 {font-size: 100%;}

		
		a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
		a:link {color:#c00} 
/*		a:visited {color:#999} */
		a:visited {color:#c00} 
		a:hover,a:active {color:#069}

/* Anführungszeichen */		
	
		:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }
		:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; }
		:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }
		:lang(en)    { quotes:"\201C" "\201D" "\2018" "\2019"; }
		:lang(fr)    { quotes:"\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"; }

		q:before { content:open-quote; }
		q:after { content:close-quote; }
		q q:before { content:open-quote; }
		q q:after { content:close-quote; }


/* LISTS */
		ul { 
			margin: 1em 1.5em; list-style-type: none;
		}
		li { 
			list-style-image: url("/images/site/punkt_2.png");
		}
		
		ol {margin: .5em .5em 1.5em}
		ol li {margin-left: 1.4em; padding-left: 0; background: none; list-style-type: decimal}
		
		dl {margin: 0 0 1em 0}
		dt {font-weight: bold; margin-top: 1em}
		dl dl {margin: 0 0 1.5em 30px}



/* GENERAL */

		img { border: none; margin: 0; } 

		hr {margin: 1em 0; background: #555; height: 4px; color: #555; border: none; clear: both }

		.clear {clear:	both; position:	relative; font-size: 0px; height: 0px; line-height: 0px} 

		
		
/* HEADER ELEMENTS */



/* The Header Menu*/

		#HeaderBox {
			margin: 0;
			padding: 0;
			background: #fffff0 url("/images/site/header_bg.png") repeat-x;
			height:30px;
			z-index:2;
}


/* the ul formats */

		#HeaderBox ul {
			margin: 0 ;
			padding: 0;
}

		#HeaderBox ul li { 
			display: inline; 
			margin: 0 ;
			padding: 0;
}

		#header {
			height:175px;
			padding: 0;
			clear: both;
			border-bottom: 25px solid #d7d7d7;			
		}
		
		#header h1 { 
			display: none;
		}		

		.home-banner {
			background-color: #fffff0;
			background-repeat: no-repeat;
		}		
		
		#search {
			width: 980px;
			height:25px;
		    background-color: #fffff0;			
		}
		
/* NAVIGATION ELEMENTS */

		#navigation, #navigation li { list-style: none; list-style-image: none; }
		#navigation {
			float: left;
			width: 200px;
			border-top: 4px solid #d7d7d7;
		}

		#navigation ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			border-top: 1px solid #d7d7d7;
			margin-top: 1px;
		}

		#navigation li { margin: 0;}

		#navigation a {
			display: block;
			margin: 0;
			padding:.5em 0 .5em 2em;
			width: 178px;
			color: #555;
			border-bottom: 1px solid #d7d7d7;
			border-top: 1px solid #fff;
			text-decoration: none;
		}

		#navigation a:hover {
			color: #DD2500;
			text-decoration: none;
		}

		#navigation ul ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			border-top: none;
		}

		#navigation li li a {
			display: block;
			margin: 0;
			padding:.5em 0 .5em 2em;
			width: 178px;
			color: #555;
			border-bottom: 1px solid #d7d7d7;
			border-top: 1px solid #fff;
	}

		#navigation a#current { color: #DD2500; }
		#navigation a#subcurrent { color: #DD2500; }

/* THE SMALL BOX BELOW NAV */

		#navigation p {
			margin-top: 40px;
			padding: 5px;
			border-bottom: 1px dotted #d7d7d7;
			border-top: 1px dotted #d7d7d7;
		}
		
/* CONTENT ELEMENTS */

		#content {
			width: 465px;
			margin-left: 253px;
			margin-right: 270px;
		}
		
		#content p {
			margin: .5em 0;
			padding-bottom: 0;
		}
		
		#content .right {
			margin: 0;
			padding: .3em 0;
			background-color:#f1f1f1;
			border-bottom: 1px solid #555;
		}
		
 		#content h1, h2 {
			border-bottom: 4px solid #555;
			padding: .5em 0;
		} 
		
		#content h3 {
			border-bottom: 4px double #d7d7d7;
			padding: .3em 0;
		}
		
		#content h1,h2, h3, h4, h5, h6 {
			margin: .5em 0;
		} 
		
		#content img {
		/* 	border: 6px solid #d7d7d7;*/
			padding: 0 1em 0 0;
		} 

		.event{
			padding: 1em .5em 1em 1.5em; 
			border-top: 1px solid #d7d7d7; 
			border-bottom: 4px solid #d7d7d7; 
			margin: 0 0 1.5em; 
			background-color:#f1f1f1;
		}
		
		.original, .website, .region, .director, .facilities {
			margin: 0;
			padding: .2em 0 .2em 1em;
			background-color:#f1f1f1;
			border-top: 1px solid #d7d7d7;
			border-left: 20px solid #d7d7d7; 
		}
		
		.main_category, .additional_categories, .address, .location, .opening, .architect {
			margin: 0;
			padding: .2em 0 .2em 2.7em;
			border-top: 1px solid #fff;
		}
		
		#content .more {
  			text-align: right;
		}

/* SIDEBAR ELEMENTS */

		#sidebar {
			float: right;
			width: 225px;
			border-top: 4px solid #d7d7d7;
		}
		
		#sidebar h2 {
			border-top: 1px solid #d7d7d7;
			border-bottom: none;
			margin-top: 1px;
			padding: .5em 0 0 .5em; 
			font-size: 105%}
		
		#sidebar p {
			padding-bottom: 0.5em;
			font-size: 90%;
		}
		
		#sidebar p a {
			text-decoration: none;
			white-space:nowrap;
		}
		 
		#sidebar p:before { content: url("/images/site/doppelpunkt.png"); }
		.title p:before { content: url("/images/site/doppelpunkt.png"); }
		
		.visual {
			padding: 1em .5em 1em 1.5em; 
			border-top: 1px solid #d7d7d7; 
			border-left: 4px solid #d7d7d7; 
			margin: 0 0 1.5em; 
			background-color:#f1f1f1;
		}
	
		.ga_current {
			padding: 1em .5em 1em 1.5em; 
			border-top: 1px solid #d7d7d7; 
			border-left: 4px solid #d7d7d7; 
			margin: 0 0 1.5em; 
			background-color:#f1f1f1;
		}
	
		
		.ga_archive {
			padding: 1em .5em 1em 1.5em; 
			border-top: 1px solid #d7d7d7; 
			border-left: 4px solid #d7d7d7; 
			margin: 0; 
			background-color:#f1f1f1;
		}
	

		
		.featurebox {
			padding: 1em .5em 1em 1.5em; 
			border-top: 1px solid #d7d7d7; 
			border-left: 4px solid #d7d7d7; 
			margin: 0 0 1.5em 0; 
			background-color:#f1f1f1;
		}
	
		.featurebox ul li { 
			margin-left: 1.2em; 
		}
		
		#sidebar .visual h2 { border-top: none; }
		#sidebar .ga_current h2 { border-top: none; }
		#sidebar .ga_archive h2 { border-top: none; }
		#sidebar featurebox h2 { border-top: none; }
		
		
		.categories {
			border-bottom: 1px solid #DD2500;
			padding-bottom: .5em;
		}
		
		.title {
			padding-top: .5em;
			font-size: 105%
		}
		
		.date {
			margin: .5em 0;
		}
		
		.link {
			text-align: right;
			margin-right: .5em;
			background-image: url("/images/site/link_hg.png");
			border-bottom: none;
		}

		#sidebar img {
			padding: .5em 0 .5em 1em;
		}
		
		#sidebar .right {
  			padding-left: 100px;
		}
		
		#sidebar .person { 
			margin: 0 0 .5em 0; 
			padding: .5em; 
			border-top: 1px solid #d7d7d7; 
			border-left: 4px solid #d7d7d7; 
			background-color:#f1f1f1;
		}


/* FOOTER ELEMENTS */

		#footer {
			margin-top: 80px;
			clear: both;
			padding: 0 .5em 0 .5em;
			border-top: 4px solid #d7d7d7;
			background: #fffff0;
		}
		
		
		#footer p {
			padding: 0 0 1em 2em;
			color: #555;
			text-decoration: none;
		}
		
		#footer p a {
			color: #555;
		}
		
		#footer img {
			border: none; margin-left: 80px;
		}
		

/* FORM ELEMENTS */

		.search {
			border-bottom: 1px dotted #d7d7d7;
		}

		form {
			float: left;
			margin-bottom: 0; 
			border-top: 1px solid #d7d7d7; 
			border-bottom: 1px dotted #555;
			background-color:#f1f1f1;
			width: 98%;
		}
		
		.input, .label, .submit {
			font-weight: bold;
			margin: .5em;
		}
				
		.submit{
			margin: 1.5em .5em;
		}
		
		#search_name, #search_city, #search_country, #search_year,
		#search_title, #search_location, #search_year, #search_category_id {
			background-color: #FFF;
			border: 1px solid; border-color: #666 #d7d7d7 #d7d7d7 #666;
			background-color: #fff;
			clear: both;
			height: 20px;
			width: 98%;
		}
		
		.search_form input[type=submit] {
  			cursor:pointer;
		}
		
		/* And they lived happily ever after. The End. */
		
		
/* -------------------------------------------------------------------------------- */
/* additions */


		.right {
  			text-align: right;
  			margin: 0;
		}
	
		#content td {
  			vertical-align: top;
		}

		.gb {
  			color: #555;
  			font-weight: bold;
		}

		.person {  
			padding: .5em; 
			border-top: 1px solid #d7d7d7; 
			border-left: 4px solid #d7d7d7; 
			background-color:#f1f1f1;
		}

		.mp3 #flash_player {
 			height: 50px;
		}

		.anim {
 			width: 980px;
  			height: 175px;
		}

/* Additions on Friday 13th (March 2009) */

		#content .book {
  			margin: 1em 0;
		}

		#content .article {
  			margin: 1em 0;
		}
		
		.authors {
			padding: .2em 0 .3em .5em;
  			color: #555;
  			font-weight: bold;
  			background-color:#f1f1f1;
  			border-top: 4px solid #d7d7d7;
  			border-bottom: 4px double #d7d7d7;
  			border-left: 4px solid #d7d7d7;
		}
		
		#content .book .title { 
			padding: .2em 0 .3em .5em;
  			font-style: italic;
  			font-size: 116%;
  			color: #101010;
  			border-bottom: 4px double #d7d7d7;
  			border-left: 4px solid #d7d7d7;
		}
		
		.publisher_location_year {
			padding: .2em 0 .3em .5em;
  			border-bottom: 1px solid #d7d7d7;
  			border-left: 4px solid #d7d7d7;
		}
		
		.isbn {
			padding: .2em 0 .3em .5em;
  			background-color:#f1f1f1;
  			border-left: 4px solid #d7d7d7;
		}