/* Browserspezifische Voreinstellungen zurücksetzen */

a, ul, ol, li, dl, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}

/* Fonts */

body  { 
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	}
	
p, em {
	color: #2f3432;
	font-size: 10px;
	line-height: 16px;
	margin: 0 0 .5em 0;
	}
	
h1, h2 {
	color: #971824;
	font-size: 12px;
	line-height: 32px;
	}
	
em {
	font-style: italic;
	}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #2f3432;

	}

a:hover {
	color: #2f3432;
	}

#leiste {
	position:absolute;
	left:0px;
	top:0px;
	width:38px;
	height:675px;
	background-color: #971824;
	border: 2px solid #2f3432; 
}

#logo {
	position:absolute;
	left:92px;
	top:0px;
	width:196px;
	height:283px;
}

#linkliste {
	position:absolute;
	left:53px;
	top:144px;
	width:100px;
	height:235px;
	background-color: #eeeeee;
	border: 2px solid #2f3432;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 18;
	visibility: hidden;
}

#navi {
	position:absolute;
	left:339px;
	top:137px;
	width:520px;
	height:109px;
}

#content {
	position:absolute;
	left:339px;
	top:246px;
	width:475px;
	height:429px;
}

#image {
	position:absolute;
	left:140px;
	top:185px;
	width:141px;
	height:216px;
	z-index: 99;
	background-image: url("pics/bruno.gif");
}

/* Navigation Container */

#hauptnavi  { position: relative; left: 0px; height: 14px; z-index: 1; }
#rand_links { position: absolute; left: -20px; width: 20px; z-index: 1; height: 12px;}
#hauptnavi1 { position: absolute; left: 0px; width: 70px; height: 12px; z-index: 2; border-left: 2px solid #2f3432; }
#hauptnavi2 { position: absolute; left: 70px; width: 50px; height: 12px; z-index: 3; border-left: 2px solid #2f3432; }
#hauptnavi3 { position: absolute; left: 120px; width: 90px; height: 12px; z-index: 4; border-left: 2px solid #2f3432; }
#hauptnavi4 { position: absolute; left: 210px; width: 54px; height: 12px; z-index: 5; border-left: 2px solid #2f3432; }
#hauptnavi5 { position: absolute; left: 264px; width: 70px; height: 12px; z-index: 6; border-left: 2px solid #2f3432; }
#hauptnavi6 { position: absolute; left: 334px; width: 62px; height: 12px; z-index: 7; border-left: 2px solid #2f3432; }
#hauptnavi7 { position: absolute; left: 396px; width: 50px; height: 12px; z-index: 8; border-left: 2px solid #2f3432; }
#rand_rechts { position: absolute; left: 446px; width: 20px; z-index: 1; height: 14px; }

#pulldownnavi  { position:relative; top: -3px; left: 0px; visibility: visible; z-index:99; }
#pulldownnavi1 { position:absolute; left: 0x; visibility: hidden; z-index:100; border-left: 2px solid #971824; }
#pulldownnavi2 { position:absolute; left: 70px; visibility: hidden; z-index:100; border-left: 2px solid #971824; }
#pulldownnavi3 { position:absolute; left: 120px; visibility: hidden; z-index:100; border-left: 2px solid #971824; }
#pulldownnavi4 { position:absolute; left: 210px; visibility: hidden; z-index:100; border-left: 2px solid #971824; }
#pulldownnavi5 { position:absolute; left: 264px; visibility: hidden; z-index:100; border-left: 2px solid #971824; }
#pulldownnavi6 { position:absolute; left: 334px; visibility: hidden; z-index:100; border-left: 2px solid #971824; }
#pulldownnavi7 { position:absolute; left: 382px; visibility: hidden; z-index:100; border-left: 2px solid #971824; }

/* Navigation Fonts */

#hauptnavi {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#hauptnavi a {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2f3432;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#hauptnavi a:hover {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2f3432;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#pulldownnavi {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2f3432;
	background-color: #fff;
	}

#pulldownnavi a  {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2f3432;
	text-decoration: none;
	display:block;
	background-color: #fff;
	}

#pulldownnavi a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2f3432;
	text-decoration: none;
	background-color: #fff;
	width: 100%;
	display:block;
}


/* Mondrian */

#mondrian01  { position: absolute; height: 66px; width: 142px; left: 0; top: 503px; border: 2px solid #2f3432; background-color: #ffffff; }
#mondrian02  { position: absolute; height: 66px; width: 142px; left: 0; top: 571px; border: 2px solid #2f3432; background-color: #ffffff; }
#mondrian03  { position: absolute; height: 162px; width: 100px; left: 140px; top: 503px; border: 2px solid #2f3432; background-color: #971824;  }
#mondrian04  { position: absolute; height: 110px; width: 110px; left: 0px; top: 391px; border: 2px solid #2f3432; background-color: #971824;  }
#mondrian05  { position: absolute; height: 140px; width: 172px; left: 112px; top: 361px; border: 2px solid #2f3432; background-color: #ffffff;  }

#extend01  { position: absolute; top: -272px; left: 192px; width:700px; height: 436px; display: none; z-index: 0; }
#extend02  { position: absolute; top: -340px; left: 192px; width:700px; height: 436px; display: none; z-index: 0; }
#extend03  { position: absolute; top: -272px; left: 144px; width:700px; height: 436px; display: none; z-index: 0; }
#extend04  { position: absolute; top: -204px; left: 220px; width:700px; height: 436px; display: none; z-index: 0; }
#extend05  { position: absolute; top: -204px; left: 172px; width:700px; height: 436px; display: none; z-index: 0; }

.innermondrian  { position: relative; float: left; height: 268px; width: 54px; top: 0px; border-width: 2px 0 2px 2px; border-style: solid; border-color: #2f3432; background-color: #971824; }
.image  { position: relative; float: left; top: 0; width: 432px; height: 432px; text-align: center; border: 2px solid #2f3432; background-color: #ffffff; }
.fill  { position: relative; float: left; height: 436px; width: 100px; top: 0px; background-color: #ffffff;  }

/* Galerie */

#thumb01 { position: absolute; left: 92px; z-index: 50;}
#thumb02 { position: absolute; left: 92px; z-index: 50;}
#thumb03 { position: absolute; z-index: 50;}
#thumb04 { position: absolute; left: 64px; top: 44px; z-index: 50;}
#thumb05 { position: absolute; top: 74px; z-index: 50;}

.thumb  a {
	border: 0;
	text-decoration: none;
	}
.thumb  a:hover
	{
	}
.thumb  a span {
	display: none;
	text-align: center;
	}
.thumb  a:hover span {
	display: block;
	}