/* CSS zu Doris Halfmann
----------------------------------------------------------------------*/

* {
margin: 0;
padding: 0;
}


html {
font: 70%/1.2 verdana, arial, helvetica, sans-serif;
}



table {

<!--[if lt IE 7]
 margin: 40px 30px 0px 120px;
<![endif]-->

 margin: 40px 30px 0px 55px;
 font-family: Verdana;
 font-color: white#000000;
 font-size: larger;
}

html, body{height:101%;}



body {
margin: auto;
text-align: center;
}

h1 {
background: url(bilder/header_Doris_Halfmann.jpg);
}

h1 a, div#nav-1 li, div#nav-1 li a {
text-decoration: none;
text-indent: -999em;
}

h1 a {
display: block;
height: 102px;
width: 770px;
border-bottom: 2px solid #667553;
}

text {
text-align: left;
height: 570px;
width: 770px;
}

/* Hauptfenster
----------------------------------------------------------------------*/

div#haupt {
background: #838383;
margin: auto;
overflow: hidden;
text-align: left;

width: 770px;
}

/* Waagerechtes Menue
----------------------------------------------------------------------*/

div#nav-1 {
background: #000;
height: 14px;
position: relative;
}

div#nav-1 ul, div#nav-2 ul {
list-style: none;
}

div#nav-1 ul {
left: 292px;
position: absolute;
}

div#nav-1 li {
float: left;
height: 26px;
margin-right: 5px;
width: 109px;
}

div#nav-1 li a {
display: block;
height: 100%;
}

div#nav-1 li#home a {
background: url(bilder/home_normal.jpg);
}

div#nav-1 li#home, div#nav-1 li#home a:focus, div#nav-1 li#home a:hover, div#nav-1 li#home
a:hover {background: url(bilder/home_hover.jpg);
}

div#nav-1 li#vita a {
background: url(bilder/vita_normal.jpg);
}

div#nav-1 li#vita, div#nav-1 li#vita a:focus, div#nav-1 li#vita a:hover, div#nav-1 li#vita a:active {
background: url(bilder/vita_hover.jpg);
}

div#nav-1 li#ausstellungen a {
background: url(bilder/ausstellungen_normal.jpg);
}

div#nav-1 li#ausstellungen, div#nav-1 li#ausstellungen a:focus, div#nav-1 li#ausstellungen a:hover, div#nav-1 li#ausstellungen a:active {
background: url(bilder/ausstellungen_hover.jpg);
}

div#nav-1 li#kontakt a {
background: url(bilder/kontakt_normal.jpg);
}

div#nav-1 li#kontakt, div#nav-1 li#kontakt a:focus, div#nav-1 li#kontakt a:hover, div#nav-1 li#kontakt a:active {
background: url(bilder/kontakt_hover.jpg);
}

/* Waagerecht Navigation zurück - weiter
----------------------------------------------------------------------*/

.navi-pfeilz
{
  background-image:url(bilder/zurueck_weiss.gif);
  width: 15px;
  display: block;
}
.navi-pfeilz:hover, .navi-pfeilz:active, .navi-pfeilz:focus
{
  background-image:url(bilder/zurueck_orange.gif);
}

.navi-pfeilo
{
  background-image:url(bilder/oben_weiss.gif);
  width: 15px;
  display: block;
}
.navi-pfeilo:hover, .navi-pfeilo:active, .navi-pfeilo:focus
{
  background-image:url(bilder/oben_orange.gif);
}

.navi-pfeilw
{
  background-image:url(bilder/weiter_weiss.gif);
  width: 15px;
  display: block;
}
.navi-pfeilw:hover, .navi-pfeilw:active, .navi-pfeilw:focus
{
  background-image:url(bilder/weiter_orange.gif);
}




/* Senkrechtes Menue
----------------------------------------------------------------------*/



div#nav-2 {
background: url(bilder/nav-hintergrund.jpg);
float: left;
height: 462px;
width: 148px;
}

div#nav-2 ul {
margin-top: 45px;
}

div#nav-2 li, div#nav-2 li a {
color: #FFF;
text-align: right;
}

div#nav-2 li, div#nav-3 li a {
color: #FF7F00;
} 


div#nav-2 li {
border-top: 0px solid;
font-size: 1.3em;
height: 27px;
width: 150px;
}

div#nav-2 li a, div#nav-2 li span {
display: block;
font-weight: bold;
height: 100%;
padding-right: 18px;
text-decoration: none;
}



div#nav-2 li a:focus, div#nav-2 li a:hover, div#nav-2 li a:active, div#nav-2 li span {
font-weight: bold;
color: #FF7F00;
}



div#nav-2 li > a:focus, div#nav-2 li > a:hover, div#nav-2 li > a:active, div#nav-2 li > span { /* nur MOSe */
;
}




a {
color: #FFF;
}

a#aux {
height: 1px;
overflow: hidden;
position: absolute;
top: -999em;
width: 1px;
}


/* Projektseite mit Hover
----------------------------------------------------------------------*/
/* =Hoverbox Code ohne IE
----------------------------------------------------------------------*/
.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: +33px;
	left: -180px;
	z-index: 1;
}



.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	float: left;
	margin: 3px;
	padding: 0px;
	position: relative;
}



.hoverbox .preview
{
	border-color: #000;
	width: 400px;
	height: 300px;
}









/* Bilder-Menue der Zwischenseite
----------------------------------------------------------------------*/


.bildermenue
{
	cursor: default;
	list-style: none;
	width: 240px;

}

.bildermenue a , a:link, a:visited, 
{
      border: 0px;
	color: white;

}


.bildermenue a:hover 
{
	width: 150px;
	color: #FF7F00;
}




.bildermenue img
{
	background: #eee;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	margin-top: 10px;
	width: 100px;
	height: 75px;
}



.bildermenue li
{
	list-style: none;
	color: black;
	margin: 3px;
	float: left;
	padding: 5px;
}

ora 
{
color: #FF7F00;
}