@charset "UTF-8";
/* CSS Document */

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

	Der Hersteller
	www.der-hersteller.de
	
	Angelika Haak
	Böblinger Straße 25
	70178 Stuttgart
	

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

html {
	min-height:101%;
}

body {
	font: 75%/1.9 Arial, Helvetica, sans-serif;
	color:#555555;
	background-color:#ffffff;
	margin:0;
}

/*zurücksetzen
---------------------------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	border:0;
}
ul, li {
	list-style:none;
}
a {
	text-decoration:none;	
}
em {
	font-style:normal;
}


/*Positionierung_Abstände
---------------------------------------------------------------------------------------------------------*/
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}

.width_440 {
	width:440px;
}

.mb_15 {
	margin-bottom:15px;
}
.mb_20 {
	margin-bottom:20px;
}
.mb_25 {
	margin-bottom:25px;
}
.mb_30 {
	margin-bottom:30px;
}
.mb_35 {
	margin-bottom:35px;
}


/*Typo
---------------------------------------------------------------------------------------------------------*/
h1 {
	margin:0 0 0 0;
	color:#333333;
	font-size:1.1em;
	text-transform:uppercase;
	letter-spacing:0.1em;
}
h1 a {
	color:#333333;
}
h1 a:hover {
	color:#555555;
}

h2 {	
	margin:0 0 25px 0;
	font-size:1.1em;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#ffffff;
}
h3 {
	margin:0 0 15px 0;
	font-size:1em;
	text-transform:uppercase;
	letter-spacing:0.1em;
}
p {
	margin:0 0 15px 0;
}

/*Layout_Elemente
---------------------------------------------------------------------------------------------------------*/

div#container {
	margin:0 auto;
	position:relative;
	width:950px;
	min-height:800px;
	padding:0 0 150px 0;
	background:url(bilder/bg_colLeft.jpg) repeat-y;
}
/*fix IE6*/
* html div#container {
	height:950px;
}

div#col_left {
	float:left;
	padding:75px 5px 25px 15px;
	width:260px;
	color:#333333;
}
div#col_right {
	margin:0 0 0 300px;
	padding:75px 0 0 0;
}
div#content {
	margin:0 0 0 0;
	padding:25px 15px 25px 23px;
	background:#f9f9f7;
	border-left:30px solid #f3f1ee;
}
div#contentWeiss {
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:right;
	background:#ffffff;
	border-left:30px solid #f3f1ee;
}
div#contentWeissHoch {
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	background:#ffffff;
	border-left:30px solid #f3f1ee;
}

/*Navigation_horizontal
---------------------------------------------------------------------------------------------------------*/

div#col_right ul {
	text-align:right;
	padding:2px 0 0 0;
	margin:0 0 45px 0;
}
div#col_right li {
	display:inline;
	margin:0 0 0 10px;
}
div#col_right li a {
	padding:0 0 0 0;
	font-size:0.9em;
	color:#7d7d7d;
	text-transform:uppercase;
	letter-spacing:0.1em;
}
div#col_right ul li a:hover {
	color:#333333;
	border-bottom:1px dashed #333333;
}
div#col_right li a.aktivLink {
	color:#333333;
	border-bottom:1px dashed #333333;
}

/*Navigation_vertikal
---------------------------------------------------------------------------------------------------------*/

div#col_left ul {
	margin:0 0 45px 0;
}
div#col_left ul li {
	margin:0 0 4px 0;
}
div#col_left ul li a {
	display:block;
	padding:0 0 0 0;
	font-size:0.9em;
	color:#7d7d7d;
	text-transform:uppercase;
	letter-spacing:0.1em;
	border-bottom:1px dashed #e5e5e1;
}
div#col_left ul li a:hover {
	color:#333333;
	border-bottom:1px dashed #333333;
}
div#col_left ul li a.aktivLink {
	color:#333333;
	border-bottom:1px dashed #333333;
}

div#col_left ul li ul {
	margin:0 0 7px 15px;
}
div#col_left ul li ul li {
	margin:0 0 0 0;
}
div#col_left ul li ul li a {
	display:inline;
	padding:0 0 0 0;
	font-size:1em;
	color:#7d7d7d;
	text-transform:none;
	letter-spacing:normal;
	border-bottom:1px dashed #e5e5e1;
}
div#col_left ul li ul li a:hover {
	color:#333333;
	border-bottom:1px dashed #333333;
}
div#col_left ul li ul li a.aktivLink {
	color:#333333;
	border-bottom:1px dashed #333333;
}


/*Bereich content|container
---------------------------------------------------------------------------------------------------------*/

div#content p {
	margin:0 40px 20px 0;
}
img.start {
	position:absolute;
	top:145px; 
	left:300px;
}
img.hochformat {
	margin-left:10px;
}

/*Tabelle*/
table {
	margin:0 0 27px 0;
	width:550px;
}
td {
	vertical-align:top;
	padding:0 10px 10px 0;
}

/*Verweise intern*/
div#content a {
	color:#555555;
	border-bottom:1px dashed #555555;
}
div#content a:hover {
	color:#333333;
	border-bottom:none;
}


/*Übersicht_Arbeiten*/
div#arbeiten {
	margin:0 0 0 0;
	height:310px;
	text-align:left;
}
div#arbeiten a {
	display:block;
	float:right;
	width:199px;
	padding:320px 0 0 0;
	margin:0 0 0 7px;
	color:#333333;
}

div#arbeiten a.holzschnitte {
	background:url(bilder/holzschnitte_intro.jpg) no-repeat;
}
div#arbeiten a.holzschnitte:hover {
	background:url(bilder/holzschnitte_over.jpg) no-repeat;
}
div#arbeiten a.zeichnungen {
	background:url(bilder/zeichnungen_intro.jpg) no-repeat;
}
div#arbeiten a.zeichnungen:hover {
	background:url(bilder/zeichnungen_over.jpg) no-repeat;
}
div#arbeiten a.objekte {
	background:url(bilder/objekte_intro.jpg) no-repeat;
}
div#arbeiten a.objekte:hover {
	background:url(bilder/objekte_over.jpg) no-repeat;
}

/*Galerie*/
p.titel {
	padding:3px 0 3px 0;
	margin:0 0 15px 0;
	border-top:1px dashed #333333;
	border-bottom:1px dashed #333333;
}
p.titel_zeich {
	padding:3px 0 3px 0;
	margin:182px 0 15px 0;
	border-top:1px dashed #333333;
	border-bottom:1px dashed #333333;
}
p.titel_obj {
	padding:3px 0 3px 0;
	margin:208px 0 15px 0;
	border-top:1px dashed #333333;
	border-bottom:1px dashed #333333;
}

p.abfolge {
	height:18px;
	margin:0 0 15px 40px;
}
p.abfolge a {
	display:block;
	float:left;
	text-align:center;
	margin:0 5px 0 0;
	width:19px;
	height:19px;
	background-color:#ecebe8;
	color:#7d7d7d;
	font-size:0.9em;
}
p.abfolge a:hover {
	background-color:#7d7d7d;
	color:#ffffff;
}
p.abfolge a.aktivLink {
	background-color:#7d7d7d;
	color:#ffffff;
}

p.copy {
	font-size:0.9em;
}