html 
{
overflow: scroll;
}

html, body {
	height: 100%;
       }

body {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, Arial;
	font-size: 11px;
	background-color: #807378;
	background-position: left;
}

h1{
	margin-top: 0px;
	margin-left: 0px;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 18px;
	color: #4B353E;
}

h2{
	margin-top: 0px;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 13px;
	color: #4B353E;
}

hr {
	display: none;
}

p, ol, ul {
	text-align: justify;
	line-height: 160%;
}

ul {
	list-style-type: square;
}

a {
	color: #488081;
}



/** HEADER */

#header {
	width: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

#header h1 {
	
}

#header h2 {
	
}

/** bild */

#bild {
	width: 700px;
	background-image: url(friedrichshainkreuzberg.gif);
	background-repeat: no-repeat;
	height: 60px;
}

html>body #bild {
}



/** CONTENT */

#content {
	margin: auto;
	width: 700px;
	padding: 40px 20px 20px;
	background-color: #c7d9c3;
	border-left: 1px solid #Cccc99;
	border-right: 1px solid #Cccc99;
	font-family: Georgia, Arial;
	font-style: italic;
	font-size: 14px;
	background-image: url(blattfriedrichshain.gif);
	background-repeat: no-repeat;
	background-position: center;
}



#left {
	float: left;
	margin: 0px auto;
	width: 480px;
	color: #4B353E;
	min-height:550px;
	font-size: 12px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#left h1{
	color: #4B353E;
}
#left a{
	color: #807378;
	font-size: 13px;
	text-decoration: none;
}


#left a:hover {
	text-decoration: none;
	color: #4B353E;
}

#navigation {
	text-align: right;
	float: right;
	width: 200px;
	margin-top: 10px;
}

#navigationeins{
	font-family: Georgia, Arial;
	font-size: 12px;
	float: right;
	width: 200px;
	
	}
#navigationeins a:hover{
	color: #4B353E;
	text-decoration: none;
	}
#navigationeins ul{
	color: #807378;
	text-decoration: none;
	list-style-type: none;
	text-align: right;
}
#navigationeins li a {
	color: #807378;
	text-decoration: none;
	text-align: right;	
}

#allgemeines {
	float: right;
	margin: 0px 0px 10px;
	width: 155px;
	text-align: right;
	padding-bottom: 5px;
	padding-left: 10px;
	font-family: Georgia, Arial;
	font-style: italic;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B0BFAC;
}


#allgemeines a{
	font-size: 12px;
	text-decoration: none;
	color: #807378;
}
#allgemeines ul{
	text-decoration: none;
}
#allgemeines a:hover {
	border-right-style: none;
	text-decoration: none;
	color: #4B353E;
}

/** SUCHE */
#suche {
	float: right;
	margin: 0px 0px 10px;
	width: 155px;
	text-align: right;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: Georgia, Arial;
	font-style: italic;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B0BFAC;
}
#submit {
	background-color: #807378;
	color: #C7D9C3;
	font-family: Georgia, Arial;
	font-size: 11px;
	margin-right: 3px;
}
/** FOOTER */

#footer {
	clear: both;
	background-image: url(footer.gif);
	font-family: Georgia, Arial;
}

#footer p {
	margin: 0px auto;
	width: 100%;
	padding: 10px 0px;
	font-size: 10px;
	text-align: center;
	color: #C7D9C3;
	font-family: Georgia, Arial;
	font-style: normal;
	background-color: #807378;
}

#footer a {
	text-decoration: none;
	list-style-type: none;
	color: #C7D9C3;
}
#breadcrump {
	padding-top: 10px;
	font-family: Georgia, Arial;
	color: #807378;
	font-size: 11px;
	padding-left: 0px;
	font-style: normal;
}

#breadcrump a{
	color: #807378;
	font-size: 11px;
	text-decoration: underline;
}
#breadcrump a:hover{
	color: #4B353E;
	font-size: 11px;
	text-decoration: underline;
}

/* JAOS Gallery
*******************************************************************************/
.jaosg_galerie{
	text-align:center; 
	vertical-align:middle; 
	padding:0px;
}

.jaosg_thumbnail {
	margin:5px 5px 5px 10px;
	float: left;
	height: 80px;
	width: 80px;
	text-align: center;
	vertical-align:middle;
}

.jaosg_nav {
	text-align: center;
}

.jaosg_bild {
	text-align: center;
}

.jaosg_bildbeschreibung {
	text-align: center;
}

/* Tabellen */

table {
	font-family: Georgia, Arial;
	font-size: 12px;
	text-align: left;
	color: #4B353E;
	border: none;
	empty-cells: show;
	margin-right: 10px;
	margin-bottom: 5px;
	width: 420px;
}

td, th {
	border-top: 1px solid #807378;
	padding: 10px 5px;
}

tr:hover td, tr:hover th {
}
/* Bilderpositionierung */

a img,:link img,:visited img {
	border: 1px solid #ccc;
}

.flLeft {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
}

.flRight {
	float: right;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	margin-left: 5px;
}

.flTop {
	float: inherit;
	border: 1px solid #ccc;
	padding-top: 10px;
}