* html body {
	filter: gray;
}

.old_browser_warning {
  font-size: 0.8em;
  padding: 0.5em;
  margin-bottom: 1em;
  background-color: #ddd;
}


body{
	background-color: #FBFDFE;
	background-image: url(images/0910/body_background.png);
	background-repeat: repeat-x;
}


.header {
	margin-right: auto;
	margin-left: auto;
	width: 828px;
	height: 126px;
}

.header{
	background-image: url(images/0910/header.png);
} 

.main {
	background-image: url(images/0910/background.png);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	width: 828px;
	height: auto;
}

.clear {
	clear: both;
}

.footer {
	margin-right: auto;
	margin-left: auto;
	width: 828px;
	height: 39px;
}

.footer{
	background-image: url(images/0910/footer.png);
} 


.nav {
	padding-top: 5px;
	width: 183px;
	float: left;
	padding-left: 0px;
}

.text {
	width: 603px;
	padding-top: 15px;
	padding-right: 13px;
	padding-bottom: 0px;
	margin-left: 200px;
}



.galerie_ansicht {
	background-color: #B9DEFF;
	padding: 15px;
	position: absolute;
	border: 1px solid #0157A2;
	left: 10px;
	top: 50px;
	right: 10px;
	width: 800px;
	text-align: center;
 	left: 50%;
 	margin-left: -400px; /* negative Hälfte von width:1000px */
}


.zwerg {
	height: 202px;
	width: 213px;
	background-repeat: no-repeat;
	display: block;
	position: relative;
	left: -70px;
	top: 40px;

}

.zwerg{
	background-image: url(images/0910/zwerg.png);
} 


/* Navigation START */

.home{
	background-image: url(images/0910/nav_home.png);
	height: 40px;
	width: 150px;
	background-repeat: no-repeat;
	display: block;
	position: relative;
} 

.opus_phonica{
	height: 40px;
	width: 150px;
	background-repeat: no-repeat;
	display: block;
	background-image: url(images/0910/nav_opus_phonica.png);
} 

.archiv{
	background-image: url(images/0910/nav_archiv.png);
	height: 40px;
	width: 150px;
	background-repeat: no-repeat;
	display: block;
} 

.opus_on_tour{
	background-image: url(images/0910/nav_opus_on_tour.png);
	height: 40px;
	width: 150px;
	background-repeat: no-repeat;
	display: block;
} 

.galerie{
	background-image: url(images/0910/nav_galerie.png);
	height: 40px;
	width: 150px;
	background-repeat: no-repeat;
	display: block;
} 

.gaestebuch{
	background-image: url(images/0910/nav_gaestebuch.png);
	height: 40px;
	width: 150px;
	background-repeat: no-repeat;
	display: block;
} 

.kontakt{
	background-image: url(images/0910/nav_kontakt.png);
	height: 40px;
	width: 150px;
	background-repeat: no-repeat;
	display: block;
} 

.shop{
	background-image: url(images/0910/nav_shop.png);
	height: 40px;
	width: 150px;
	background-repeat: no-repeat;
	display: block;
} 

.intern{
	background-image: url(images/0910/nav_intern.png);
	height: 40px;
	width: 150px;
	background-repeat: no-repeat;
	display: block;
} 

.links{
	background-image: url(images/0910/nav_links.png);
	height: 40px;
	width: 150px;
	background-repeat: no-repeat;
	display: block;
} 

.home:hover, .home:active {
	background-position: 0px -40px;
	text-decoration: none;
}

.opus_phonica:hover, .opus_phonica:active {
	background-position: 0px -40px;
	text-decoration: none;
}


.opus_on_tour:hover, opus_on_tour:active {
	background-position: 0px -40px;
	text-decoration: none;
}

.gaestebuch:hover, .gaestebuch:active {
	background-position: 0px -40px;
	text-decoration: none;
}

.shop:hover, .shop:hover {
	background-position: 0px -40px;
	text-decoration: none;
}


/* Navigation ENDE */







/* Textdarstellung START */

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.pkontakt {
	position: relative;
	top: -30px;
}

/* Normale Links*/
a:link, a:visited, a:active{
	font-weight : bold;
	color : #0157A2;
	text-decoration : none;
}

a:hover{
	text-decoration : underline;
}


/* Ueberschriften*/
h1{
	color : #0157A2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
}	

h2{
	color : #0157A2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	position: relative;
	top: -15px;
}

h2.aktivmitglieder {
	position: relative;
	top: 0px;
}

h3{
	color : #0157A2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
}


/*--------------------GBook-----------------------*/
/* Navigation*/
.link{
	background-color : #E1F1FF;
	padding : 5px;
	border : 1px solid Black;
	color : #FFCC00;
}
a.link:hover{
	background-color : #B9DEFF;
	text-decoration : none;
}


/* Trennlinien*/
hr{
	border : 1px solid Black;
	background-color : #FF6347;
	color : #FF6347;
	height : 5px;
}


/* Fehlermeldungen*/
dfn{
	color : #0157A2;
	font-weight : bold;
	font-style : normal;
	font-size : 140%;
	letter-spacing : 3px;
}
/* Anzahl der Eintraege - Startseite*/
var{
	color : #0157A2;
	font-weight : bold;
	font-style : normal;
	font-size : 120%;
}
/* Formulare*/
form{
	background-color : #D2EAFF;
	border : 1px solid Black;
	padding : 10px;
}
input,textarea{
	border : 1px solid Black;
	background-color : #B9DEFF;
}
fieldset{
	border : 1px solid #484848;
	padding : 20px;
}
legend{
	color : #D2EAFF;
	padding : 5px;
	margin-bottom : 20px;
}
label{

}
fieldset p{
	display : list-item;
	list-style-type : none;
}
/*Buttons*/
.btn{
	background-color : #DCDCDC;
	width : 100px;
}
/* Datum und Uhrzeit*/
em{
}

/*Farbe Tabellenrahmen -nur Adminpanel)*/
table.tgbook{
	border-collapse : collapse;
	width : 100%;
	margin-top : 20px;
	font-size : 100%;
}
/* Tabellenkopf*/
th.thgbook{
	text-align : left;
	background-color : #D2EAFF;
	padding : 5px;
	border : 1px solid Black;
	font-weight : normal;
	letter-spacing : 1px;
}
/* Tabellenspalte Farbe 1*/
td.tdgbook{
	background-color : #E1F1FF;
	border : 1px solid Black;
	padding : 5px;
	width : 25%;
	vertical-align : top;
}
/* Tabellenspalte Farbe 2*/
td.tdgbook1{
	border : 1px solid Black;
	padding : 5px;
	background-color : #D2EAFF;
	width : 75%;
}
/* Blättern*/
.seite{
	text-align : right;
	margin-top : 20px;
	letter-spacing : -1px;
}

/* Alles umschliessender Container*/
.post{
	background-color : #E1F1FF;
	border : 1px solid Black;
	margin-top : 20px;
}
/* linke Anzeige*/
.address{
	padding : 20px;
	width : 200px;
	float : left;
	font-size: 14px;
	font-style: italic;
	color: #E46400;
	font-weight: bold;
}
/*Absender und Wohnort*/
address{
	color : #000000;
	font-size: 12px;
	font-weight: normal;
}


/* Eintrag vom - Startseite*/
.eintragvom{
	background-color : #B9DEFF;
	padding : 5px;
	font-size : 100%;
	font-weight : normal;
	padding-left : 20px;
	padding-right : 20px;
	color : #000000;
	border-bottom : 1px solid Black;
	margin : 0px;
	position: relative;
	top: 0px;
}

/* rechte Anzeige*/
.txt{
	background-color : #D2EAFF;
	border-left : 1px solid Black;
	padding : 20px;
	margin-left : 240px;
	width : auto;
	height : 100%;
	min-height : 50px;
}
.txt p{
	margin-top : 0px;
}
/* hr als Trennline*/
.none{
	display : none;
}
/* Fussnote*/
.bottom{
	background-color : #B9DEFF;
	padding-right : 20px;
	border : 1px solid Black;
	border-top : 0px;
	color : #787878;
	padding-bottom : 3px;
	text-align : right;
	margin-bottom : 20px;
	border-top-width : 0px;
	letter-spacing : -3px;
}

.button{
	display: block;
	height: 192px;
	width: 205px;
	position: absolute;
	top: 0px;
	right: 0px;
}
