
/*Reset
-------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

/*Basic
-------------------------------------------------*/
html,
body {
	height:100%;
	width:100%;
	background-color:#152e66;
	border:0;
}

body{
font-size: 16px;
}

p {
	font-size:0.75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #152e66;
	line-height:1.5;
	text-align: justify;
}

p.besucher{
color:#fff;
position:absolute;
bottom:0;
padding-left:15px;
font-family:"Times New Roman", Times, serif;
font-size:1em;
font-weight:bold;
}


h1 {
	font-size:0.81em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #152e66;
	line-height:1.5;
}

.print{
display:none;
}

a:link,
a:visited {
	font-size:0.75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#152e66;
	text-decoration: none;
}

a.em{
font-size:1em;
background:url(../images/pfeil_gelb.png) no-repeat left center;
padding-left:15px;
line-height:1.5;

}

a.pfeil{
background:url(../images/pfeil_gelb.png) no-repeat left center;
padding-left:15px;
line-height:1.5;
}

a:hover {
	color:#000;
}

img {
	border:0;
}

ul,
li {
	list-style-type:none;
	margin:0;
	padding:0;
	border:0;
}

/*Grundgerüst 
-------------------------------------------------*/
#page {
	width:100%;
	min-width:910px;
	height:100%;
	min-height:700px;
	position: absolute;
}

#ornament_links {
	width:55px;
	height:100%;!important
	height:1000px;
	min-height:700px;
	background:url(../images/ornament.png) left top repeat-y;
	float:left;
}

#ornament_rechts {
	width:55px;
	height:100%;!important
	height:1000px;
	min-height:700px;
	background:url(../images/ornament.png) right top repeat-y;
	float:right;
}

#center {
	width:800px;
	height:650px;
	margin:25px auto 0 auto;
}

#ueberschrift {
	width:800px;
	height:45px;
	background:url(../images/schriftzug_blaueshaeuselinm.png) left center no-repeat;
}

#rahmen {
	width:796px;
	height:596px;
	border:2px solid #fff;
}

#navigation {
	width:130px;
	height:596px;
	margin:0;
	background-color:#f0ae00;
	position: absolute;
}

#infoleiste {
	width:200px;
	height:596px;
	margin-left:596px;
	position: absolute;
	text-align:center;
	background-color:#8392B3;
}

#infoleiste a img.bild{
margin-top:10px;
border:2px solid #fff;
}

#button_ansicht{
width:200px;
	height:596px;
	background:url(../images/button_grossansicht.jpg) no-repeat bottom center;
	}

#inhalt {
	width:462px;
	height:596px;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	margin-left: 130px;
	position: absolute;
	background:#fff;
	overflow:auto;
}

#inhalt_start{
width:462px;
	height:596px;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	margin-left: 130px;
	position: absolute;
	background:url(../images/startbild.jpg) no-repeat center center;
	overflow:auto;
}

#rand{
margin:10px;
}

#comment{
padding:2px;
background:#efefef;
border:1px solid #ccc;
margin-top:5px;
}

#comment p{
font-size:0.69em;
}

/*Navigation 
-------------------------------------------------*/

ul.navi li {
	width:130px;
	height:60px;
	float:left;
	clear:left;
	border-bottom:2px solid #fff;
}

ul.navi li a {
	width:130px;
	height:60px;
	display:block;
}

ul.navi li.haeusel {
	width:130px;
	height:130px;
	background: url(../images/logo_blaueshaeusel.png) no-repeat center center;
	border-bottom:2px solid #fff;
}

ul.navi li.haeusel a {
width:130px;
height:130px;
display:block;
}

ul.navi li.besuch{
width:130px;
height:30px;
display:block;
}

a.start {
	background:url(../images/b_startseite.png) no-repeat;
}

a.start:hover,
a#active {
	background:url(../images/b_startseite_aktiv.png) no-repeat;
}

a.entstehung {
	background:url(../images/b_1848.png) no-repeat;
}

a.entstehung:hover,
a#active1 {
	background:url(../images/b_1848_aktiv.png) no-repeat;
}

a.chronik {
	background:url(../images/b_chronik.png) no-repeat;
}

a.chronik:hover,
a#active2 {
	background:url(../images/b_chronik_aktiv.png) no-repeat;
}

a.termine {
	background:url(../images/b_2009.png) no-repeat;
}

a.termine:hover,
a#active3 {
	background:url(../images/b_2009_aktiv.png) no-repeat;
}

a.links {
	background:url(../images/b_literatur.png) no-repeat;
}

a.links:hover,
a#active4 {
	background:url(../images/b_literatur_aktiv.png) no-repeat;
}

a.impressum {
	background:url(../images/b_kontakt.png) no-repeat;
}

a.impressum:hover,
a#active5 {
	background:url(../images/b_kontakt_aktiv.png) no-repeat;
}

/*Formulare
-------------------------------------------------*/

.input{
font-size:0.69em;
color:#152e66;
padding:3px;
width:190px;
}

textarea
{
font-size:1em;
color:#152e66;
padding:1px;
width:190px;
}

.submit
{
font-size:0.75em;
width:190px;
}


