/* Basic Tags------------------------------------------------------------------------------------------------------------------------------------------*/

body
{
	font-family: century old;
	font-size: 15px;
	font-size:100%;
	background-color:#fff;
	background-image:url("../pictures/background/hintergrund_verlauf.jpg");
	background-repeat:repeat-x;
	color:#000;
	text-align:left;
}
.clearing
{
     clear: both;
     width: 1px;
     height: 1px;
     font-size: 1px;
}
a
{
	text-decoration:none;
	color: #B49859;
}
a:hover
{
	text-decoration:none;
	color: #e1c49a;
}
img
{
	border: 0;
}
p
{
	color: #B49859;
}
table
{
	color: #B49859;
}
strong
{
	color: #B49859;
}


/* Basic-ENDE------------------------------------------------------------------------------------------------------------------------------------------*/

/* Standard Tags---------------------------------------------------------------------------------------------------------------------------------------*/

#startseite
{
	margin-top:45px;
	width: 960px;
	height: 600px;
}

#container
{
	margin-top:30px;
	text-align:left;     
	overflow:hidden;
	width:980px;
	/*height:700px;*/
	min-height: 700px;
	margin-top:30px;
}
#header
{
	background-color:#fff;
	width:980px;
	height:60px;
	font-weight: bold;	
}
#barTop
{
	height: 20px;
	width; 980px;
	background-color:#e1c49a;
}
#title
{
	width:980px;
	height:90px;
	color: #fff;
	background-color:#e1c49a;
	font-size: 84px;
	font-family: century old;  /* kunstler script */
	font-style: italic;
	padding: 0 0 0 80px;
	margin: 0 0 0 0;
}
#pages
{
	width:980px;
	height:20px;
	padding: 0 35px 0 0;
	text-align: right;
	background-color:#e1c49a;
	font-size: 14px;
	float: right;
}
#pages a
{
	font-family: century old;
	padding-right: 15px;
	margin: 0 0 0 0;
	color: #fff;
}
#pages a:hover
{
	color: #a19269;
}
#content
{
	width:980px;
	height:480px;
	/*height: 480px;*/
	color: #A19269;;
	font-size:16px;
	font-weight:bold;
	background-color:#e1c49a;
	overflow: auto;
}
#border
{
	background-color:#F0DCC1;
	height:400px;
	/*height:400px;*/
	width: 880px;	
	padding: 30px 0 30px 0;
	margin: 0 auto;
	vertical-align: middle;
	overflow: auto;
}
#border table
{
	padding: 0 0 0 50px;
}
#standard         
{
	padding: 10px 0 0 0; 
}
#footer
{
	width:980px;
	height:40px;  
	background: #fff; 
	font-weight: bold;
}

#footer a.footer_link
{
	color: #a19269;
	margin: 0 50px 0 0px;
	width: 8.0em;
	height: auto;
}
#footer a.footer_link:hover
{
	color:#fff;
	background: #f0c9de;
	margin: 0 50px 0 0px;
	width: 8.0em;
	height: auto;
}

/* Naviagtion Foldout Tags-----------------------------------------------------------------------------------------------------------------------------*/

/*

#nav
{
	margin: 0;
	padding: 0 0 0 80px;
	list-style: none;
} 
#nav ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
	text-align:justify;
}
#nav a 
{
	display: block;
	/*width: 8.7em;
	width: 8em;
	color: #f0c9de;
	font-weight: bold;
}

#footer a.footer_link
{
	color: #a19269;
	margin: 0 50px 0 0px;
	width: 8.0em;
	height: auto;
}
#footer a.footer_link:hover
{
	color:#fff;
	background: #f0c9de;
	margin: 0 50px 0 0px;
	width: 8.0em;
	height: auto;
}


/* Standard-ENDE---------------------------------------------------------------------------------------------------------------------------------------*/

/*******************************************************************************
        
        Horizontales Dropdown-Menu, CSS
        
        CSS-Grundlage:  Copyright by Stu Nicholls @ www.cssplay.co.uk
        Please see Copyright Notice @
        http://www.cssplay.co.uk/menus/final_drop.html
        
*******************************************************************************/

.menu {
  /*font-family: verdana, sans-serif;*/ 
  width:800px;                    /*  (1)  */
  position:relative; 
 /* font-size:0.9em;*/
  /*padding-bottom:30px;*/
  background-color:#fff;
	width:980px;
	height:60px;
	font-weight: bold;	
  z-index:100;

}
.menu ul {                        /* UL Ebene 1 */
  padding:0 0 0 80px; 
  margin:0;
  list-style-type: none;
}
.menu ul li {                     /* Listenelemente der Ebene 1 */
  float:left;
  position:relative;
  margin: 0 10px 0 0;
  padding: 10px 0 0 ;
  background: #fff;
}
.menu ul li a, 
.menu ul li a:visited {           /* Links der Listenelemente der Ebene 1 */
  display:block; 
  text-decoration:none; 
  color:#a19269;
  width:130px;                    /* Breite von (.menu)/(Anzahl der Punkte)-(1Px)  --> (1) */
  height:40px;                    /*  (2)  */
  /*border:1px solid #000;          /* Border-color am besten = Hintergrundfarbe der Seite */
  /*border-width:1px 1px 0 0;*/ 
  background:#fff; 
  /*padding-left:10px;*/ 
  /*line-height:40px;*/               /*  --> (2)  */
}
* html .menu ul li a, .menu ul li a:visited {
  width:130px;                    /* für 'normale' Browser */
  w\idth:120px;                   /* für IE */
}
.menu ul li ul {
  display: none;
}

table {
  margin:-1px; 
  border-collapse:collapse;
  font-size:0.8em;
}

/* li:hover  für non-IE-Browser  ---  a:hover  für IE */
  .menu ul li:hover a,
  .menu ul li a:hover {
  color:#fff; 
  background:#f0c9de;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
  display:block; 
  position:absolute; 
  top:50px;                          /*  --> (2)  */
  margin-top:0px;
  left:-80px; 
  width:130px;
  height: 20px;
  }
* html .menu ul li a:hover ul {
  margin-top:0;
  marg\in-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
  visibility:hidden; 
  position:absolute; 
  height:0; 
  width:0;
}
.menu ul li:hover ul li,
.menu ul li a:hover ul li
{
	background: #fff;
	width: 150px;
	margin: 0px;
	padding: 0px;
} 
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a { 
  background:#fff; 
  color:#f0c9de; 
  height: 15px; 
  line-height:1em; 
  padding:7px 10px; 
  width:129px;
  left: -150px;
  top: 2px;
  margin-top: 0px;
}
* html .menu ul li a:hover ul li a {
  width:149px;
  w\idth:139px;
  height: 40px;
}

.menu ul li:hover ul li a.drop,       /* Ebene 2 mit  Subpunkten */
.menu ul li a:hover ul li a.drop {
  background:#f0c9de;
  margin:0;
}

.menu ul li:hover ul li a:hover,      /* Ebene 2 hover */
.menu ul li a:hover ul li a:hover {
  background:#f0c9de; 
  color:#fff;
}

.menu ul li:hover ul li:hover ul,     /* Ebene 3 */
.menu ul li a:hover ul li a:hover ul {
  visibility:visible; 
  position:absolute; 
  left:150px; 
  top:0;
  width:150px;
}

.menu ul li:hover ul li:hover ul.left,  /* Ebene 3  letztes Element */
.menu ul li a:hover ul li a:hover ul.left {
  left:-150px;
}

.nav_small_lines a
{
	line-height: 9px;
	padding-top: 8px;
	height: 32px;
}

.nav_small
{
	font-size: 14px;
	padding-left: 40px;
}

/* Navigation Foldout-ENDE----------------------------------------------------------------------------------------------------------------------------*/

/* JAOS Gallery
*******************************************************************************/
#jaos
	{
	margin:0 auto;
	padding: 0 auto;
	}
#jaosg_bild
	{
		width: auto;
		height: auto;
	}
.jaosg_galerie
	{
	text-align:center; 
	vertical-align:middle; 
	padding: 5px;
	background-color:#F0DCC1;
	}

.jaosg_thumbnail 
	{
	margin:3px;
	height: 80px;
	width: 80px;
	text-align:justify;
	vertical-align:middle;

}
.jaosg_bildbeschreibung p
{
	text-align: center;
}

/* JAOS Gallery-ENDE
******************************************************************************************************************************************/

/*
** Beispiel für das Styling des Flashfilms
** Dieser Schnipsel zentriert automatisch alle Flashfilme,
** die mit diesem Modul ausgegeben werden.
*/
div.flash_wrapper {
  margin: 0px auto;
  text-align: center;
}

/*+++++++++++++++++++++++++++++++++++++ Beispiel-CSS für magazin_Layout ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

	.magazine-layout {
		position: relative;
		width: 100%;
	}
	.magazine-container {
		background: transparent;
	}

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

	/* komplett verlinktes magazin_Layout */
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

	/* JAOS Milkbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

.galerie_thumbnail{
	float: left;
  background: #292929;
  margin: 8px;
	height: 165px;
	width: 165px;
}

/* ls=landscape-Format der Thumbs */
.ls img{
	height: 112px;
	width: 150px;
	margin: 25px 7px;
	border: 1px solid #fff;
}
/* pt=portrait-Format der Thumbs */
.pt img{
	height: 150px;
	width: 112px;
	margin: 7px 25px;
	border: 1px solid #fff;
}

*****************************************