/*----------------------------------------------
Allgemeine Styles
------------------------------------------------*/

html
{
 height:100%;
}

body
{
 max-width:82em;
 margin:0em auto 0em auto;
 height:99%;
 background-color:#efe6c5;
}

/*--------------------------------------------------
seite
----------------------------------------------------*/

div#seite
{
 margin:0.5em auto 0em auto;
 /* border:1px solid #f80; */
}

/*----------------------------------------------
Header
------------------------------------------------*/

div#header
{
 padding:0.1em 0.1em;
 border:1px solid #d2bd7a;
 height:11em;
 background-color:#efe6c5;
}
		
.logo
{ 
 margin:0.1em;
 padding:0em;
 border:1px solid #d2bd7a;
 float:left;
}

/*---------------------------------------------------
StandardMenu
-----------------------------------------------------*/

ul#standardMenu
{
 list-style:none;
 margin:0em;
 padding:0.5em;
 height:1.0em;
}

ul#standardMenu li 
{
 float:right;
 margin:0.7em 0.1em;
 padding:0.2em;
 background-color:#efe6c5;
 border:4px double #d2bd7a;
}

ul#standardMenu li a
{
 margin:0.2em 0.1em;
 padding:0.5em;
 text-decoration:none;
 color:#666;
 font:0.7em Verdana;
 font-weight:600;
}

ul#standardMenu li a:hover
{
 margin:0.2em 0.1em;
 padding:0.5em; 
 background-color:#d2bd7a;
 color:#efe6c5;
}

/*----------------------------------------------------
Menu
------------------------------------------------------*/

ul#menu
{ 
 clear:both;
 float:left;
 list-style:none;
 padding:0.3em;
 margin:0.1em;
 width:220px;
 height:30em;
 background:#d2bd7a;
 border-bottom:4px double #ccc;
 border-right:4px double #ccc;
}
 
ul#menu li 
{
/* gibt Links der 1. Ebene Abstand: */
 margin:0.2em;
 text-decoration:none;
}

/* Kontextselektor fuer die Listeneintraege ab der zweiten Ebene: */
ul#menu li li 
{
/* verhindert Linien oben fuer Eintraege ab der 2. Ebene: */
 border:0;
/* verhindert Abstaende fuer Links ab der 2. Ebene: */
 margin:0;
/* verhindert unerwuenschte Abstaende im IE: */
 display:inline;
}

/* Linien erzeugen in Zusammenspiel mit den Raendern des Navigationsmenues einen Schaltflaecheneffekt: */
ul#menu li a  
{
 display:block;
 padding:4px 4px 4px 3px; 	
 border-bottom:1px solid #996;
 background:#d2bd7a;
 color:#efe6c5;
 text-decoration:none;
 font:600 0.8em Verdana;
}

ul#menu strong 
{
 display:block;
 padding:3px;
 background:#efe6c5;
 border-bottom:1px solid #666;
 color:#666;
 font:600 0.8em Verdana;
}

/* sorgt fuer Einzuege und Hoehe der Links und aufgerufenen Seite in der zweiten Ebene: */
ul#menu li li a, #submenu li li a:hover, #submenu li li a:active, #submenu li li a:focus, #submenu li li strong 
{
 padding:4px 4px 4px 3px;
}

/* Drucktasteneffekt beim Überfahren mit der Maus: */
ul#menu a:hover 
{
 padding:4px 4px 4px 2px;
 border-top:1px solid #fff;
 border-right:1px solid #996;
 border-left:1px solid #996;
 border-bottom:2px solid #996;
 background:#efe6c5;
 color:#d2bd7a;
 text-decoration:none;
}

/* stärkere Kontraste beim Antabben: */
ul#menu a:focus, #menue a:active 
{
 border-top:1px solid #fff;
 border-bottom: 2px solid #d2bd7a;
 background:#efe6c5;
 color:#666;
 text-decoration:none;
}

/* blendet Trennzeichen und "Standort:" aus: */
span.unsichtbar 
{
 position:absolute;
 left:-1000px;
 top:-1000px;
 width:0;
 height:0;
 overflow:hidden;
 display:inline;
}

/*--------------------------------------------------------
Teaser
---------------------------------------------------------*/
div#teaser
{
 float:right;
 width:170px;
 margin: 1.1em 0em;
 padding:1em;
 background-color:#efe6c5; 
 border:4px double #d2bd7a;
}

div#teaser h2
{
 padding:0.4em;
 border-bottom:1px solid #d2bd7a;
 font:600 0.7em Verdana;
 color:#666;
}

div#teaser h4
{
 padding:0.5em;
 font:300 0.7em Verdana;
 line-height:140%;
}

div#teaser a
{
 color:#666;
 text-decoration:none;
 font:300 0.8em Verdana;
 line-height:135%;
}

/* Abstand zwischen zwei Images */
div#teaser img
{ 
 border:none;
 margin:1em 0em 1.0em 0em;
 border:1px solid #d2bd7a;
}

div#teaser a img
{ 
 border:none;
 margin:0em 1em 0em 0em;
}

div#teaser ul
{
 margin:0em 0em 0em 0.3em;
 padding:0em 0em 0em 0.3em;
 list-style-image:url(images/link_out.gif);
}
div#teaser ul li
{
 font:300 0.8em Verdana;
}

/*----------------------------------------------------------
Inhaltsbereich
-----------------------------------------------------------*/

div#content
{
 margin:3em 17em 5em 18em;
  min-height:500px;
}

/* = head */
div#content h1
{
 font:600 1.2em Arial;
 color:#996;
 letter-spacing:0.1em;
}
/* = subhead */
div#content h2
{
 font:600 1.0em Arial;
 color:#996;
 padding:0.8em 0em 0.3em 0em;
 letter-spacing:0.1em;
}
/*  nicht in Gebrauch ??? */
div#content h3
{
 font:600 0.8em Arial;
 line-height:95%;
 color:#000;
}

div#content p
{
 font:normal 0.9em Arial;
 color:#000;
 line-height:160%;
}

div#content p img
{ 
 border:none;
 margin:0em 0.5em 0em 0em;
}

div#content ul
{
 list-style-image:url(images/liste.gif);
 font:normal 0.9em Arial;
 color:#000;
 line-height:160%;
}

/* =in Gebrauch???? */
div#content ul li a
{
 text-decoration:none;
 color:#666;
 font:300 0.9em Arial;
}

div#content p a 
{
 text-decoration:none;
 color:#666;
 font:normal 1.0em Arial;
}

div#content ol 
{
 list-style-image:url(images/link_out.gif);
}

div#content ol a
{
 text-decoration:none;
 color:#666;
 font:normal 0.9em Arial;
 line-height:160%;
}

div#content p b
{
 font-weight:600;
}

/*----------------------------------------------------------
Top: Zum Seitenanfang
-----------------------------------------------------------*/
div#top
{
 float:right;
}

img
{ 
 border:none;
}

/*-------------------------------------------------------------
Footer
---------------------------------------------------------------*/

div#footer
{
 max-width:60em;
 margin-top:5em;
 margin-left:20em;
 margin-right:0em;
 background-color:#efe6c5;
 border-top:2px solid #d2bd7a;
 padding:0.4em 0.5em;
 height:1.5em;
 font:0.8em Verdana;
 color:#000;
 text-align:center;
}

div#footer a:link, a:visited, a:active, a:hover
{
 background-color:transparent;
 color:#666;
 text-decoration:none;
 font:1.0em Verdana;
}