/* ---- G E N E R A L ----*/
* {margin:0px; padding: 0px;}
body {
	color: #000000;
	background: #ffffff;
  	font-size: 100.01%;
  	font-family: Helvetica,Arial,sans-serif;
  	color: #000000;
	}

p {
	font-size: 11px;
	}

a {
	color: #FF9900;
	text-decoration: none;
	font-size: 10px;
	}

a:active {
	color: #ff9900;
	}

a:hover {
	color: #999999;
	text-decoration: underline;
	margin-bottom: 0px;
	}


/* mac explorer */
#container {
	margin: 50px;
	width: 710px;}
	
#KapitelNavItem {
	margin-top: 60px;
	margin-left: -400px;
	}


/* \*/
#container {
	position: absolute; 
	top: 50%; 
	left: 50%; 
	margin-left: -350px; 
	margin-top: -210px;
	width: 710px;
	height: 420px;
	background: white;
	padding: 10px;
	margin-right: 0px;
	margin-bottom: 0px; 
	}

#KapitelNavItem  {
	width: 200px;
	/* background-color: green; */
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	}

*/

h1 {
	font-size: 11px;
	font-weight: bold;
	padding: 10px 0px 0px;
	margin: 0px;
	letter-spacing: 2px;
	}


/* ---- T O P N A V ----*/
#NavMain { position:relative; float:left; }

#NavMain li { position: absolute;
	width:50px; height:50px; display: block;
	list-style: none;
	background: url(navigation/ButtonsNavSlides.jpg) 0px 0px no-repeat;
	}
#NavMain a { width:50px;height:50px;display: block;text-decoration:none; }
/* #NavMain  a:hover { border: 1px solid #cccccc;position: absolute; top:-1px;left:-1px;}*/

#NavMain #ButtonHome   {left: 0px;  background-position: -50px 0px;}
#NavMain #ButtonArt    {left: 60px; background-position: -50px -50px;}
#NavMain #ButtonPeople {left: 120px;background-position: -50px -100px;}
#NavMain #ButtonStill  {left: 180px;background-position: -50px -150px;}
#NavMain #ButtonNew    {left: 240px;background-position: -50px -200px;}


#ButtonHome a:hover    { background: url(navigation/ButtonsNavSlides.jpg) 0px 0px    no-repeat;}
#ButtonPeople a:hover,
#ButtonPeople .Active  { background: url(navigation/ButtonsNavSlides.jpg) 0px -100px no-repeat;}
#ButtonArt a:hover,
#ButtonArt .Active     { background: url(navigation/ButtonsNavSlides.jpg) 0px -50px  no-repeat;}
#ButtonStill a:hover,
#ButtonStill .Active   { background: url(navigation/ButtonsNavSlides.jpg) 0px -150px no-repeat;}
#ButtonNew a:hover,
#ButtonNew .Active     { background: url(navigation/ButtonsNavSlides.jpg) 0px -200px no-repeat;}

#NavMain img { visibility: hidden; width: 0px; height: 0px;}

#NavMain a:hover span, #NavMain .Active span { visibility:hidden; }
#NavMain #ButtonHome a:hover span {color: #ffffff; visibility: visible;}
#NavMain a span {
	visibility: visible;
	font-family: arial;
	font-weight: bold;
	font-size: 14px;
	Text-align: center;
	color:#ff9900;
	display: block;
	position: absolute; top: 14px;left: 0px;
	width: 50px;
	}

#KapitelNav {
	position:relative; left: 300px;
	color: #c0c0c0;
	font-size: 50px;
	font-weight: bold;
	line-height: 40px;
	margin-bottom: 0px;
	width: 360px;
	}

#KontaktTop {
	position:relative; left: 640px; top: -40px;
	text-align: right;
	font-size: 0.66em;
	font-weight: 800;
	width:60px;
	}


#KapitelNavItem {
	position:relative; left: 300px; top: -13px;
	}

#KapitelNavItem a {
	float: left;
	margin-right: 8px;
	line-height: 10px;
	font-size: 10px;
	letter-spacing: -1px;
	}

#KapitelNavItem  a.Active {
	color:  #999999;
	}	
	

/*------ F O T O D E S I G N   B E A T R I C E  H E R M A N N ---*/
#fbh {
	position: relative; top:0px;
	width: 702px;
	font-size: 24px;
	font-weight: normal;
	color: #c0c0c0;
	clear: both;
	letter-spacing:13px;
	margin: 0 0 15px 0;
	}

/* ----- F O T O S E I T E N ---- */ 
#foto {
	background: white;
	position: relative;
	}

#foto .motiv {
	width: 702px;
	height:310px;
	vertical-align: middle;
	margin-left:-3px;
	position: relative;
	}

#foto h3 {
	color: #000000;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 12px;
	float: left;
	}

#foto p {
	font-weight: normal;
	font-size: 10px;
	letter-spacing: 1px;
	margin-left: 10px;
	color: #999999;
	line-height: 12px;
	float: left;
	}

#foto .slidenav {
	position: absolute;
	left: 530px; 
	line-height: 12px;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	}


#foto .slidenav li {
	line-height: 12px;
	width: 30px;
	margin: 0 0px 0 12px;
	float: left;
	}

#foto .slidenav li a {
	font-size: 0.8em;
	padding: 0px;
	font-weight: bold;
	width: 30px;
	line-height: 12px;
	display: block;
	text-align: center;
	}
	
#foto .slidenav li a:hover {
	background-color: #ff9900;
	color: #ffffff;
	text-decoration: none;
	}
	
/* ---- I N F O S E I T E ---- */

#Info {
	width: 300px;
	margin-left:310px;
	font-size: 11px;
	}
	
#Info a {
	font-size: 11px;
	}

#Info h1 {
	font-size: 12px;
	margin-top: 1em;
	letter-spacing: 1px;
	}

#Info p {
	font-size: 11px;
	line-height: 12px;
	margin-bottom: 2px;
	margin-top: 0px;
	}

#Info .date {
	color: #999999;
	margin-bottom: 3px;
	}
	
#Referenzen {
	width: 390px;
	margin-left:310px;
	font-size: 11px;
	}
#Referenzen a {
	font-size: 11px;
	}

#Referenzen h1 {
	font-size: 12px;
	margin-top:2px;
	letter-spacing: 1px;
	}

#Referenzen p {
	font-size: 11px;
	line-height: 12px;
	margin-bottom: 2px;
	margin-top: 0px;
	}

#Referenzen .date {
	color: #999999;
	margin-bottom: 3px;
	}