html , body
{ 
  height:100%;
  width:100%;
	font-family: Helvetica , Arial ,sans-serif;
	font-size:11px;
	color:#58585A; 
	margin: 0px; 
	padding: 0px;
	background-color:#FFFFFF;
}

div , table
{
	font-family: Helvetica , Arial ,sans-serif;
	font-size:11px;
	color:#58585A; 
	margin: 0px; 
	padding: 0px;
}
img
{
 border:0px;
 padding:0px;
 margin:0px;
}
table
{
 border:0px;
}
a
{
 border:0px;
 text-decoration:none;
}

/*---------------------------------*/
#spacer, #center{
  position:absolute;
  margin:0;
  padding:0;
}

#spacer
{
  width:100%; 
  min-height:570px; 
  min-width:980px; 
  z-index:5;   
}

#center 
{
  position:absolute; 
  padding:0;        
  width:980px; 
  min-height:570px;      
  left:50%;
  z-index:8;
  margin: 0 0 0 -490px;
  background-color:#FFFFFF;
}
/* min-height für den IE */
* html #center {
  width:980px;  /* das selbe Maß wie oben bei min-height */
  height:570px;
}
/*------------------------*/



div#logo
{
  position:absolute; 
  left:0;
  top:30px;       
  width:181px; 
  height:63px; 
  z-index:200; 
  background-color: white;
}

div#logo_streifen
{
  position:absolute; 
  left:0;
  top:69px;       
  width:980px; 
  height:12px; 
  z-index:198; 
  background:url(/image/streifen.gif)  repeat-x;
}

div#sprache
{
  position:absolute; 
  right:0px;
  top:10px;       
  width:160px; 
  height:45px; 
  z-index:205; 
  font-size:8px;
}
div#sprache input ,div#sprache select  
{
  font-size:10px;
}

/* menue */
div#menue
{
 position:absolute; 
 left:135px;
 top:148px;
 width:650px;
 z-index:811;
 font-size:14px;
 color:#1c67ac;
 font-size:13px;
}

ul#menue_liste , ul#menue_liste li , ul#menue_liste ul
{
 padding:0px;
 margin:0px;
 list-style-type:none;
/* text-transform: uppercase;*/
}

ul#menue_liste
{
 position:absolute;
 z-index:820;
 float:left;
}

ul#menue_liste li
{
 float:left;
 cursor: default;
}

ul#menue_liste li:hover ul , ul#menue_liste li.hover ul , ul#menue_liste li a:hover ul
{
 position:relative;
 z-index:829;
 cursor: default;
}

ul#menue_liste li:hover a.hp_menue_punkt , ul#menue_liste li.hover a.hp_menue_punkt  , ul#menue_liste li a:hover a.hp_menue_punkt
{
 background-color:#89b0d4;
 border:1px solid #004b7d;
}


ul#menue_liste li ul
{
 position:absolute;
 visibility:hidden;
 left: 1px;
 width:100%;
 z-index:830;
 margin-left:10px;
 border:1px solid #004b7d;
 border-top:0px;
}

ul#menue_liste li ul li
{
 float:none;
 padding:5px;
 background-color:#89b0d4; 
 border-bottom:1px solid #a4c2de;
}

ul#menue_liste ul ul 
{
 top: 0px;
}


ul#menue_liste li ul li:hover , ul#menue_liste li ul li a:hover
{
 background-color:#a4c2de;
}

ul#menue_liste li:hover  ul , ul#menue_liste li.hover  ul , ul#menue_liste li a:hover  ul
{
 visibility:visible;
}

ul#menue_liste li ul a:hover
{
 /*display:inline;*/
 visibility:visible;
}


ul#menue_liste li  a:hover
{
 /*display:block;*/
 visibility:visible;
} 



ul#menue_liste #aktuell
{
 position:absolute;
 left:0px;
 width:77px;
}
ul#menue_liste #aktuell ul
{
 width:150px;
}


ul#menue_liste #unternehmen
{
 position:absolute;
 left:53px;
 width:120px;
}


ul#menue_liste #philosopie
{
 position:absolute;
 left:143px;
 width:125px;
}
ul#menue_liste #philosopie ul
{
 width:150px;
}


ul#menue_liste #leistungen
{
 position:absolute;
 left:254px;
 width:102px;
}
ul#menue_liste #leistungen ul
{
 width:172px;
}

ul#menue_liste #kontakt
{
 position:absolute;
 left:350px;
 width:102px;
}
ul#menue_liste #kontakt ul
{
 width:172px;
}





/* hintergrund farbe der untermenue liste*/
ul#menue_liste li ul li.aktiv
{
 background-color:#005aac;
}

ul#menue_liste li ul li.aktiv:hover , ul#menue_liste li ul li.aktiv a:hover
{
 background-color:#a4c2de; 
}

/* ------------------------- */




/* content */
div#bild_schmuck
{
 position:relative; 
 float:left;
 width:110px; 
 height:345px; 
 z-index:104;
}

div#content
{
 position:relative; 
 margin-left:140px;  
 top:45px;    
 width:440px;
 height:auto; 
 z-index:10;
 padding-bottom:30px;
 margin-bottom:30px; 
 font-size:12px;
}
div#bild_rechts
{
 position:relative; 
 top:0px;
 float:right;
 width:345px; 
 min-height:345px; 
 z-index:105;
 padding-bottom:50px;
}

*html #bild_rechts
{
 height:345px;
}

div#bild_rechts img
{
 margin-bottom:10px;
}

div#add
{
 position:relative; 
 width:980px;
 top:148px;  
}

div#footer
{
 position:relative; 
 top:150px;
 height:15px;
 width:980px; 
 background:url(/image/streifen.gif)  repeat-x;
}
div#footer img
{
	height:15px;
}
/* ------------------------ */


h3, h1 , h2 , h4
{
padding:0px;
margin:0px;
z-index:30;
}

h1
{
font-size:18px;
color:#0068AE;
font-weight:normal;
line-height:20px;
margin-bottom:10px;
}

h2
{
font-size:14px;
color:#f1ad04;
font-weight:normal;
line-height:16px;
}


/* hauptmenue */
a.hp_menue_punkt:visited , a.hp_menue_punkt
{
 font-size:13px;
 color:#1c67ac;
 text-decoration:none;
 letter-spacing: -0.08em;
}
a.hp_menue_punkt:hover
{
 font-size:13px;
 color:#319cff;
 text-decoration:none;
}
a.hp_menue_punkt_aktiv:visited , a.hp_menue_punkt_aktiv
{
 font-size:13px;
 color:#1c67ac;
 text-decoration:none;
 letter-spacing: -0.08em;
}
a.hp_menue_punkt_aktiv:hover
{
 font-size:13px;
 color:#1c67ac;
 text-decoration:none;
}
/* ------------------------- */

/* untermenue */
a.ut_menue_punkt:visited , a.ut_menue_punkt
{
 font-size:11px;
 color:#FFFFFF;
 text-decoration:none;
}
a.ut_menue_punkt:hover
{
 font-size:11px;
 color:#006ed4;
 text-decoration:none;
}


a.ut_menue_punkt_aktiv:visited , a.ut_menue_punkt_aktiv
{
 font-size:11px;
 color:#006ed4;
 text-decoration:none;
}
a.ut_menue_punkt_aktiv:hover
{
 font-size:11px;
 color:#FFFFFF;
 text-decoration:none;
}
/* ------------------------- */




