/*
Theme Name: Haus der Gegenwart
Theme URI: http://www.haus-der-gegenwart.de/
Description: Haus der Gegenwart - Wordpress Theme
Version: 1.0
Author: SZ
Tags: two columns, widgets
*/

@media screen
{
	/* Standards */
	body {
		margin:0;
		background:url(./images/bg-page.gif) repeat;
		color: #6b6b6b;
		font: 11px/15px Verdana, Helvetica, sans-serif;
	}
	
	img{border-style:none;}
	
	a {
		color:#000;
		text-decoration:none;
	}
	
	a:hover{text-decoration:underline;}
	
	/* Wrapper */
	#wrapper {
		width: 785px;
		overflow: hidden;
		padding:19px 0 22px;
		margin:0 auto;
	}
	
	/* Header */
	#header {
		width: 785px;
	}
	
	strong.logo{
		background: url(./images/bg-logo.gif) no-repeat;
		float:right;
		text-indent: -9999px;
		width:141px;
		height: 38px;
	}
	
	.logotype {
		width: 100%;
		overflow: hidden;
	}
	
	.logo a{
		width:141px;
		height: 38px;
		display:block;
	
	}
	
	ul#nav {
		font-size: 12px;
		line-height:24px;
		margin:0 0 0 -1px;
		position: relative;
		padding:7px 0 1px;
		list-style: none;
		width: 100%;
		background:#fff url(./images/bg-nav-line.gif) no-repeat;
		overflow:hidden;
	}
	
	ul#nav li {
		float:left;
		border-left:1px solid #fff;
		background:url(./images/bg-nav.gif) repeat-x;
		padding:0 9px 0 13px;
	}
	ul#nav li a {
		text-decoration: none;
		color:#fff;
		display:block;
	}
	
	.current_page_item {                /* Wordpress generated tag */
		font-weight: bold;
		text-shadow: 1px 1px 1px #000;
	}
	
	ul#nav li a:hover,
	ul#nav li.active a {
		color:#6b6b6b;
	}
	
	/* Content */
	.big-img {
	    margin: 2px 0 7px;
	    width:100%;
	    overflow: hidden;
	}
	
	.big-img img {display: block;}
	
	.page-spacer {
	    margin-top: 25px;
	}
	
	#content {
	    width: 785px;
	    overflow:hidden;
	    background:#fff;
	    border-bottom:1px solid #c7c9cc;
	    padding:0 0 12px;
	    margin:0;
	}
	
	.info-holder {
		width: 100%;
		overflow: hidden;
	}
	
	a.link {
		border-bottom: 1px solid #e1e66c;
		color:#6b6b6b;
	}
	
	#content a.link:hover {
		border-bottom:0;
		text-decoration: none;
	}
	
	#content h2 {
		margin:0 0 17px -5px;
		position:relative;
		border-left:4px solid #e1e66c;
		font: normal 11px/15px Verdana, Helvetica, sans-serif;
		color: #6b6b6b;
		padding:2px 0 0 3px;
	}
	
	#content h3 {
	   padding-top:4px;
	   margin-bottom: 0px;
	   padding-bottom: 0px;
	   font-weight: bold;
	}
	
	#content p, #content p img {
	    padding: 1px 2px 2px 2px;	
	}
	
	.box-info {
		width:234px;
		overflow:hidden;
		float:left;
		border:1px solid #e1e66c;
		padding:17px 5px 24px 10px;
		margin:0 11px 0 0;
		display:inline;
	}
	
	/*.box-info p {
		margin:0;
		padding:0;
	}*/
	
	.page-info {
		width:480px;
		padding:8px 5px 16px 10px;
	    border:1px solid #c7c9cc;
	}
	
	#content .news {
		padding:8px 5px 16px 10px;
		border:1px solid #c7c9cc;
	}
	
	.hdg-gallery {
		width:261px;
		overflow:hidden;
		float:left;
	}
	
	.hdg-gallery-big {
	   margin-bottom: 3px;
	}
	
	ul.hdg-gallery-photo {
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
		width: 1000px;
	}
	
	ul.hdg-gallery-photo img {
	   display: block;
	}
	
	ul.hdg-gallery-photo li {
		float:left;
		overflow: hidden;
		margin:0 5px 0 0;
		display:inline;
	}
	
	/* Footer */
	#footer {
		margin: 0;
		padding: 0;
		color: #c7c9cc;
	}
	
	#footer .footer_left {
	   text-width: 8px;
	   float: left;
	}
	
	#footer .footer_right {
	   float: right;
	}
	
	#footer ul {
		margin-top: 2px;
		padding-top: 0;
		list-style-type: none;
	}
	
	#footer li {
	    display: inline;
	    border-left: 1px solid #888888;
	    padding-left: 0.3em;
	    margin-left: 0.3em;
	}
	
	    #footer li:first-child {
	       border-left: none;
	    }
	
	#footer li a {
	    color: #c7c9cc;
	}
}