/***

CSS für PETER DEUTSCHMARK GALLERY

written by Patrick Hilss
Dec. 22nd, 2008

***/

body {
	font: 1em/10pt Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height:13pt;
	margin:20px 0px;
	background-color: #fff;
}

p {
	padding-bottom:10px;
}

a {	text-decoration:none; color:#111; }
a:hover {	color:#6f8484; /*background-color:#FF9;*/ }
p {	margin:0px; padding-top:3px; }

a.subnavi:link { color:#333; }
a.subnavi:hover { color:#6f8484; }

a.slides:link {  color:#333; }
a.slides:hover { font-weight:bold; color:#6f8484; }

#link_active {
	color:#5f7070;
}


#container{
	margin:0px 0px 0px 22px;
	width:955px;
}

/* Header */

#seitenheaderbox{
	width:955px;
	height:100px;
	border-bottom: 1px dashed #000000;
}

#seitenheader_titel{
	width:650px;
	position:absolute;
	left:24px;
	height:100px;
	background-image:url(../images/deutschmark_header.gif);
	background-repeat:no-repeat;
}

#header_linkbox {
	margin-top:0px;
	margin-left:-3px;
	width:355px;
	height:64px;
	cursor: pointer;
}

#kontakt{
	margin-top:3px;
	width:300px;
	height:72px;
	position:absolute;
	left:672px;
	text-align:right;
	color:#333333;
	font-family:Helvetica,Arial,sans-serif;
	font-size:16px;
	line-height:1.2em;
	font-weight:bold;
	text-transform:none;
}

#naviheaderbox{
	width:955px;
	height:30px;
	padding:5 0 7 0;
	border-bottom: 1px dashed #000000;
}

#navigation {
	float:left;
	clear:both;
}

.navititel {
	float:left;
	margin:0px;
	padding-right:29px;
	color:#000000;
	font-family:Helvetica,Arial,sans-serif;
	font-size:28px;
	line-height:1.1em;
	font-weight:bold;
	letter-spacing:-2px;
	text-transform:none;
}

.navititelv {
	margin:0px;
	padding-bottom:4px;
	color:#000000;
	font-family:Helvetica,Arial,sans-serif;
	font-size:22px;
	line-height:1.1em;
	font-weight:bold;
	letter-spacing:-1px;
	text-transform:none;
}



/* Content */

/* Gesamtbreite definieren */
.contentwrap{
	width:955px;
}

/* Raster definieren */
/* 220 - 25 - 220 - 25 - 220 - 25 - 220 */

#spalte1{

	float:left;
	margin-right:25px;
	margin-top:25px;
	width:180px;
	left:25px;
/*	background-color:#FFC; */
}

#spalte2{
	float:left;
	margin-right:25px;
	margin-top:25px;
	width:240px;
/*	background-color:#FFC; */
}

#spalte3{
	float:left;
	margin-right:25px;
	margin-top:25px;
	width:240px;
/*	background-color:#FFC; */
}

#spalte4{
	float:left;
	margin-top:25px;
	width:220px;
/*	background-color:#FFC; */
}




#spalte12{

	float:left;
	margin-right:25px;
	margin-top:25px;
	width:445px;
	left:25px;
/*	background-color:#FFC; */
}

#spalte23{

	float:left;
	margin-right:25px;
	margin-top:25px;
	width:505px;
/*	background-color:#FFC; */
}

#spalte34{

	float:left;
	margin-top:25px;
	width:485px;
/*	background-color:#FFC; */
}

#spalte123{

	float:left;
	margin-right:25px;
	margin-top:25px;
	width:710px;
	left:25px;
/*	background-color:#FFC; */
}

#spalte234{

	float:left;
	margin-top:25px;
	width:750px;
/*	background-color:#FFC; */
}


#spalte1234{

	float:left;
	margin-top:25px;
	width:955px;
	left:25px;
/*	background-color:#FFC; */
}





/* Horizontale Linie 100%*/
.contentline{
	float:left;
	clear:none;
	padding-bottom:25px;
	width:955px;
	border-bottom: 1px dashed #000000;
}

.contentlineblank{
	float:none;
	clear:both;
	padding-bottom:10px;
	width:955px;
}



/* Box für Impressum */
#imprintbox {
	width:955px;
	float:left;
	clear:both;
	padding-top:5px;
	padding-bottom:25px;
}

/* Schriftklassen */

h1 {
	margin:0px;
	padding:0px;
	color:#000000;
	font-family:Helvetica,Arial,sans-serif;
	font-size:32px;
	line-height:1.1em;
	font-weight:bold;
	letter-spacing:-2px;
	text-transform:uppercase;
}

h2 {
	color:#000000;
	font-family:Helvetica,Arial,sans-serif;
	font-size:16px;
	line-height:1.2em;
	font-weight:bold;
	text-transform:none;
}

h3 {
	margin:0px;
	padding:0px;
	color:#000000;
	font-family:Helvetica,Arial,sans-serif;
	font-size:16px;
	line-height:1.2em;
	font-weight:normal;
	text-transform:none;
}

h4 {
	margin:0px;
	color:#333333;
	font-family:Helvetica,Arial,sans-serif;
	font-size:30px;
	line-height:1.1em;
	font-weight:bold;
	letter-spacing:-2px;
	text-transform:none;
}

#bildlegende {
	margin-top:4px;
	font-size:11px;
	color:#333333;
}

#lauftext {
	line-height:1.5em;
}

td {
	vertical-align:top;
	align:left;
	font-size:78%;
	padding-bottom:10px;
}







/* Listen Filme (Works) */

.works_group {
	float:left;
	padding-bottom:15px;
	width:100%;
	border-bottom: 1px dashed #333;
}

.thumb {
	padding-right:20px;
	padding-bottom:20px;
	float:left;
}

.workthumbs {
	padding-right:20px;
	padding-bottom:20px;
	float:left;
	height: 95px;
/*	border: 1px solid #999;*/
}

.smallthumb {

	padding-right:5px;
	padding-bottom:5px;
	float:left;
}

.work_quer {
	width:450px;
	padding-left:0px;
}

.work_hoch {
	width:300px;
	margin-left:80px;
	padding-right:70px;
}



/* Exhibitions */

#exhb_image_big {
	padding-bottom:10px;
}

#exhb_image_box {
	width:410;
	padding-bottom:30px;
	padding-top:40px;
}

#exhb_image_credits {
	margin-top:164px;
	font-size:11px;
	color:#333333;
}

#exhb_image_slides {
	float:right;
	font-size:11px;
	color:#333333;
}


#exhb_gallery_image {
	float:left;
	padding-right:10px;
	padding-bottom:10px;	
}