/* Definition der Hintergrundfarbe: z.B.#EEE7D9(altweiss), #FFC (hellgelb), 
#CCCC99 (hellolivgrau), #FF6 (hellgelb), #FC3 oder #F90 (orange), #039 (himmelblau)   */

body { background-color: #006; }

/* Definition des ŠŸ§eren Randes */
div.bunt
{
	margin: 10px;
	padding: 3px;
	border-color: #363;
	border-width: 10px;
	border-style: solid;
	min-width: 760px;
}

div.container
{
	border-color: #CC9;
	border-width: 2px;
	border-style: solid;
	padding: 0px;
	margin: 0px;
}

/* Definitionen Banner, content, sidebar-a, footer  */
#banner
{
	padding: 0px 5px 0px 40px;
	background-color: #FFF;
	background-image: url(Images/BaeumchensepiaSchatt.jpg);
	background-repeat: no-repeat;
	background-position: 95% 0px;
	background-attachment: scroll;
	height: 100px;
	margin: 0px 0px 0px 0px;
	clear: none;
	display: block;
}

#banner-nav
{
	padding: 2px 0px 0px 0px;
	background-color: #FFC;
	border-color: #CC3;
	border-width: 3px 0px 3px 0px;
	border-style: double;
	margin: 0px;
}

#content
{
	padding: 5px 5px 30px 80px;
	margin: 1px 10% 0 0%;
	background-color: #FFF;
	text-align: left;
	vertical-align: text-bottom;
	text-decoration: none;
	min-height: 330px;
}


#fotoleft
{
	padding: 5px 5px 30px 80px;
	margin: 1px 10% 0 0%;
	background-color: #FFF;
	text-align: center;
	vertical-align: text-bottom;
	text-decoration: none;
	float: left;
	clear: left;
	display: list-item;
	position: relative;
}

#sidebar-a
{
	float: right;
	margin: 40px 20px 20px 20px;
	padding: 10px 5px 20px 20px;
	background-color: #EEE7D9;
	border-color: #CC3;
	border-width: 3px;
	border-style: double;
	width: 180px;
	color: #390;
	font-size: 90%;
}

#sidebar-b
{
	float: right;
	margin: 40px 20px 20px 20px;
	padding: 10px 5px 20px 20px;
	background-color: #EEE7D9;
	border-color: #CC3;
	border-width: 3px;
	border-style: double;
	width: 180px;
	color: #390;
	font-size: 90%;
}

#footer
{
	clear: both;
	padding: 10px 5px 15px 5px;
	background-color: #EEE7D9;
	text-align: center;
	color: #363;
	margin-top: 2px;
}

/* Definition des allgemeinen Textes */
p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,b,i,input,form
{
	font-family: Georgia, Palatino, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 16px;
	text-align: left;
	color: #000;
}

h1,h2,h3,h4,h5,h6
{
	color: #003;
	margin-bottom: 0px;
	margin-top: 20px;
	font-family: Georgia, Palatino, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-weight: 600;
	font-size: 115%;
	letter-spacing: 0px
}



h1
{
	font-size: 28px;
	text-align: center;
}

h2
{
	font-size: 22px;
	text-align: left;
}

h3
{
	font-size: 20px;
	text-align: left;
}

h4
{
	font-size: 18px;
	text-align: left;
}

h5
{
	font-size: 16px;
	text-align: left;
}

h6
{
	font-size: 14px;
	text-align: center;
}

/* **** LINKS **** */
a
{
	border-width: 0px;
	text-decoration: none;
	font-weight: normal;
}

a:link { color: #C60; }
a:visited { color: #C30; }
a:active { color: #F30; }
a:hover { background-color: #FC9; }

/* Definitionen der verschiedenen Text-Styles */
span.wichtig
{
	font-size: 150%;
	text-align: center;
	font-weight: bold;
}

span.halbwichtig
{
	font-size: 115%;
	text-align: center;
	font-weight: bold;
}

span.unwichtig { font-size: 90%; }
span.Abb { font-size: 90%; }

span.nav
{
	color: olive;
	font-family: Mishawaka;
	font-size: 9px;
	font-weight: bold;
}

span.navac
{
	color: #FF9966;
	font-family: Mishawaka;
	font-size: 9px;
	font-weight: bold;
}

center.foot
{
	font-size: 90%;
	text-align: center;
}

a.wichtig
{
	font-size: 150%;
	font-weight: bold;
}

a.halbwichtig
{
	font-size: 100%;
	font-weight: bold;
}

a.unwichtig
{
	font-size: 90%;
	text-align: center;
}

a.nav
{
	color: olive;
	font-family: Mishawaka;
	font-size: 10px;
	font-weight: bold;
}

a.navac
{
	color: #FF9966;
	font-family: Mishawaka;
	font-size: 10px;
	font-weight: bold;
}

.contribtitle
{
	font-size: 115%;
	font-weight: bold;
}

/* Definitionen der speziellen †berschriften */
h2.foto
{
	font-size: 130%;
	text-align: left;
	text-indent: 10px;
}

/* misc other styles */
.floatingillustration
{
	float: left;
	padding-right: 10px;
	padding-bottom: 1px;
}

.mittig { text-align: center; }
.linkeKante { clear: left; }

/* images in links shall have no border */
a img { border-width: 0px; }