/* =====================================================================================
 					PROJEKT-FORMATE
   =====================================================================================*/

/*html {
}
*/

body {
	background-color: #FFFFFF;
	color:		#304040;
/*	background-color: #90A0A0;*/
/*	background-color: #FFFFE0;*/
/*	background-color: #FFCC66;*/
	font-family:	"Trebuchet MS", "Verdana", "Tahoma", sans-serif;
	font-size:	80%;
	padding:	0px;
	margin:		auto;
}

#totalcontainer {
	position:	relative;
	width:		1000px;
	height:		650px;
	background-color: #FFFFE0;
	background-image: url("../imagines/bg-INI.gif");
	background-repeat: repeat-y;
	padding:	0px;
	margin:		40px auto 0px auto;
	border:		1px solid #90A0A0;
}

#zeitangabe {
	position:	absolute;
	top:		-41px;
	left:		-2px;
	width:		1004px;
	height:		40px;
	padding:	0px 0px 0px 0px;
	text-align:	left;
	overflow:	visible;
	color:		#506060;
/*	background-color: #FF0000;*/
}

#date {
	width:		350px;
	height:		35px;
	text-align:	right;
	vertical-align:	middle;
	font-weight:	bold;
/*	background-color: #00FF00;*/
}

#tag {
	width:		650px;
	height:		35px;
	text-align:	left;
	vertical-align:	middle;
	color:		#506060;
/*	background-color: #0000FF;*/
}

#header {
	background-image: url("../imagines/stundenbuch-02-header.jpg");
	background-repeat: no-repeat;
/*	background-color:#00FF00;*/
	position:	relative;
	top:		0px;
	left:		0px;
	width:		850px;
	height:		45px;
}

#hptitel {
	width:		300px;
	height:		20px;
	font-weight:	bold;
	font-size:	130%;
	color:		#607070;
	margin:		0px 0px 0px 10px;
	padding:	2px 2px 2px 2px;
}

#seitenverweis {
/*	background-color: #FFFFE0;*/
	width:		400px;
	height:		17px;
	margin:		0px 0px 0px 10px;
	padding:	2px 2px 2px 2px;
	color:		#708080;
	font-size:	11px;
	font-weight:	normal;
}

#links {
	position:	relative;
	top:		0px;
	width:		140px;
	height:		605px;
	float:		left;
}

#glocken {
/*	text-align:	center;*/
	margin-top:	50px;
	width:		105px;
}

#glocken p {
	margin:		10px 10px 10px 10px;
	padding:	5px 5px 5px 5px;
	background-color: #FFFFE0;
	color:		#304040;
	text-align:	center;
}

#glocken input {
	background-color:#FFFFE0;
	color:		#506060;
	font-family:	"Trebuchet MS", "Verdana", "Tahoma", sans-serif;
	font-weight:	normal;
	width:		35px;
	heigth:		15px;
	border:		1px solid #B0C0C0;
}

#glocken input:hover {
	border:		1px solid #506060;
/*	background-color: #FFCC66;*/
	background-color: #E5E5E5;
	font-weight:	bold;
}

#mitte {
/*	background-color: #FFFFFF;*/
	position:	relative;
	top:		0px;
	width:		708px;
	margin-right:	2px;
	height:		605px;
	float:		left;
	overflow:	auto;
}
/*
#mitte table {
	width:		678px;
	margin:		20px 17px 20px 0px;
}
*/

#rechts {
/*	background-color: #FFCC66;*/
	position:	relative;
	top:		-45px;
	width:		148px;
	height:		650px;
	float:		left;
	overflow:	visible;
}

p {
	color:		#203030;
	margin:		20px 20px 0px 35px;
	padding:	0px 0px 0px 0px;
	text-align:	justify;
}

p.invers {
	background-color: #607070;
	color:		#FFFFE0;
	font-weight:	bold;
	padding:	0px 5px 0px 20px;
	margin-bottom:	20px;
}

p.headercenter {
	text-align:	center;
	font-size:	20px;
	font-weight:	bold;
/*	text-transform:	uppercase;
*/	margin:		10px 20px 10px 0px;
	padding:	0px 0px 0px 0px;
	color:		#607070;
/*	background-color: white;*/
}

p.glossar {
	margin:		20px 20px 0px 60px;
}

p.toptrenner {
	padding:	0px 0px 20px 0px;
	text-align:	right;
	border-bottom:	1px solid #90A0A0;
}

p.toplink {
	text-align:	right;
}

td {
	vertical-align:	top;
}


h1, h2, h3, h4, h5, h6 {
	color:		#607070;
}

h1 {
	font-size:	180%;
	margin:		2em 0em 1em 0em;
	text-align:	center;
}

h2 {
	font-size:	140%;
	margin:		2em 0em 1em 0em;
}

h3 {
	font-size:	120%;
	margin:		2em 0em 1em 0em;
}

h4 {
	font-size:	100%;
	margin:		1em 0em 1em 0em;
}

h5 {
	font-size:	100%;
	margin:		40px 20px 10px 20px;
}

h6 {
	font-size:	100%;
	margin:		40px 20px 0px 35px;
	font-style:	italic;
}

img {
	border:		none;
	margin:		0px 0px 0px 0px;
	padding:	0px 0px 0px 0px;
}

.rechtsfluss {
/*	border:		1px solid black;*/
/*	background-color: #FF0000;*/
	margin:		30px 30px 30px 30px;
	padding:	0px 0px 0px 0px;
	display:	block;
	float:		right;
	text-align:	right;
}

.linksfluss {
/*	border:		1px solid black;*/
/*	background-color: #FF0000;*/
	margin:		30px 30px 30px 30px;
	padding:	0px 0px 0px 0px;
	display:	block;
	float:		left;
	text-align:	left;
}

img.zentriert {
	margin:		20px 20px 20px 20px;
	display:	block;
	text-align:	center;
}

a {
	color:		#607070;
}

blockquote {
	margin:		20px 20px 0px 70px;
	text-align:	justify;
	font-style:	italic;
}

ul.pfeilrechts {
	list-style-image: url(../imagines/pfeil-rechts-orange.gif);
}

ul.pfeilunten {
	list-style-image: url(../imagines/pfeil-unten-orange.gif);
}

ul.bulletrund {
	list-style-image: url(../imagines/bullet-rund-orange.gif);
}

ul.bulletraute {
	list-style-image: url(../imagines/bullet-raute-orange.gif);
}

.kursiv {
	font-style:	italic;
}

.fett {
	font-weight:	bold;
}

.linksb {
	text-align:	left;
}

.rechtsb {
	text-align:	right;
}

.zentriert {
	text-align:	center;
}

.farbig {
	color:		#FFCC66;
}

.grau {
	color:		#708080;
}

.rot {
	color:		#B00000;
}

.unterstrichen {
	text-decoration: underline;
}

.quadrat-links {
	border-left: 20px solid #FFCC66;
	padding-left: 15px;
}

#mitte ul {
/*	list-style-position:	inside;*/
	list-style-position:	outside;
	margin:		10px 0px 30px 20px;
	padding:	0px 0px 0px 30px;
}

ul.glossar {
	margin:		20px 15px 15px 10px;
/*	margin:		0px 15px 0px 15px;*/
	padding:	0px 0px 0px 30px;
	list-style-image:	url("../imagines/pfeil-rechts-orange.gif");
	list-style-position:	outside;
}

ul.glossar li {
	margin:		0px 0px 0px 0px;
}

ul.glossar li a {
	text-decoration:	none;
	color:			#607070;
	font-weight:		bold;
}

#kalender img {
	vertical-align:	bottom;
}

ul.mainnav {
	position:	relative;
	width:		140px;
	list-style-type: none;
	margin:		0px 0px 0px 0px;
	padding:	0px 0px 0px 0px;
	border-left:	1px solid #A0B0B0;
}

ul.mainnav li {
	position:	relative;
	text-align:	left;
}

ul.mainnav li a {
	display:	block;
	width:		125px;
/*	background-color: #FFCC66;*/
	padding:	10px 5px 10px 10px;
/*	border-bottom:	1px dotted #A0B0B0;
	padding:	3px 5px 3px 10px;*/
	font-weight:	bold;
	color:		#607070;
	text-decoration: none;
}

ul.mainnav li a.inaktiv {
	color:		#A0B0B0;
}

ul.mainnav li a.colored {
	background-color: #FFEE99;
}

ul.mainnav li a:hover {
	background-color: #FFCC66;
}

ul.mainnav > li > a > img {
	margin-right:	10px;
}

ul.subnav {
	background-color: #FFFFE0;
	position:	absolute;
	width:		130px;
	left:		-152px;
	top:		0px;
	list-style-type: none;
	margin:		0px;
	padding:	10px;
	display:	none;
	border:		1px solid #A0B0B0;
}

ul.subnav li {
/*	text-align:	left;*/
/*	border-left:	none;*/
	text-align:	center;
	padding:	1px 0px 1px 0px;
	color:		#708080;
	font-weight:	bold;
}

ul.subnav li a {
	display:	block;
	width:		130px;
/*	background-color: #FFEE88;*/
	padding:	0px 0px 0px 0px;
	color:		#607070;
	font-weight:	normal;
	text-decoration: none;
	border-top:	1px #708080 dotted;
/*	font-size:	95%;*/
}

ul.mainnav > li > ul.subnav >li > img {
	margin:		0px 5px 0px 0px;
}

ul.subnav li a.inaktiv {
	color:		#B0C0C0;
}

ul.subnav li a:hover {
	background-color: #FFCC66;
}

ul.subnav li a.inaktiv:hover {
	background-color: #FFFFE0;
}

form#auswahl {
	text-align:	left;
	width:		130px;
	margin:		0px 0px 0px 0px;
	padding:	50px 0px 10px 10px;
	border-left:	1px solid #A0B0B0;
}

form#auswahl select {
	font-family:	"Trebuchet MS", "Verdana", "Tahoma", sans-serif;
	width:		110px;
	background-color: #FFFFFF;
/*	background-color: #FFFFE0;*/
}

form#auswahl input {
	padding:	0px 0px 0px 0px;
	margin:		10px 0px 0px 0px;
	font-family:	"Trebuchet MS", "Verdana", "Tahoma", sans-serif;
}
form#auswahl fieldset {
	border:		none;
	padding:	5px 0px 10px 0px;
}

form#auswahl p {
	margin:		0px 0px 0px 0px;
	padding:	0px 0px 5px 0px;
	color:		#607070;
	font-family:	"Trebuchet MS", "Verdana", "Tahoma", sans-serif;
	font-weight:	bold;
}

#seitenverweis a {
	color:		#708080;
	text-decoration: none;
}

#seitenverweis a:hover {
	color:		#708080;
	text-decoration: underline;
}

#stbContainer {
	display:	block;
	max-width:	690px;
	height:		545px;
	text-align:	center;
	padding:	0px;
	margin:		10px;
}

#mitte iframe#stblinks, iframe#stbrechts {
	display:	block;
	float:		left;
	width:		339px;
	height:		545px;
	border:		none;
	padding:	0px 0px 0px 0px;
	margin:		0px 0px 0px 0px;
}

#mitte iframe#stbrechts {
	display:	none;
	margin:		0px 0px 0px 4px;
	padding:	0px 0px 0px 5px;
	border-left:	1px solid #90A0A0;
}

#mitte table {
	width:		678px;
}

#footer {
	position:	relative;
	width:		997px;
	height:		20px;
	top:		-44px;		/* margin totalcontainer unten + borders */
	left:		-1px;
	float:		left;
	font-size:	10px;
	padding:	5px 0px 5px 5px;
	color:		#90A0A0;
	text-align:	right;
/*	background-color:	#FF0000;*/
}

/* beginn aes ==================================================== */

#aes tr.kap, #aes tr.kap a {
	background-color: #FFCC66;
	color:		#304040;
/*	background-color: #708080;
	color:		#FFFFE0;*/
	margin:		0px 0px 0px 0px;
	padding:	0px 0px 0px 0px;
}

#aes td {
	vertical-align:	top;
}

#aes td.rechts {
	text-align:	right;
}

#aes-inhalt a {
	color:		#203030;
}

#aes-text a {
	color:		#708080;
}

#aes ol {
	list-style-type: upper-roman;
	margin-left:	80px;
	color:		#203030;
}

#aes ol ol {
	list-style-type: lower-alpha;
	margin-left:	20px;
}

#aes ol.sprung {
	list-style-type: decimal;
	margin-left:	20px;
}

#aes ol ol ol {
	list-style-type: lower-alpha;
	margin-left:	20px;
}

#aes ul {
	list-style-type: none;
}

#aes p {
	padding-left:	40px;
}

#aes hr {
	margin-top:	20px;
	width:		80%;
	height:		1px;
	color:		#708080;
}

/* beginn gok ==================================================== */

#gok tr.kap, #gok tr.kap a {
	background-color: #FFCC66;
	color:		#304040;
/*	background-color: #708080;
	color:		#FFFFE0;*/
}

#gok td {
	vertical-align:	top;
}

#gok td.rechts {
	text-align:	right;
}

#gok-inhalt ol {
	list-style-type: upper-roman;
	margin-left:	80px;
	color:		#203030;
}

#gok-inhalt a {
	color:		#203030;
}

#gok-text ol {
	list-style-type: lower-alpha;
	margin-left:	10px;
	color:		#203030;
}

#gok-text a {
	color:		#708080;
}

#gok ul {
	list-style-type: none;
}

#gok ul>li {
	margin:		10px 0px 0px 0px;
}

#gok p {
	padding-left:	40px;
}

#gok hr {
	margin-top:	20px;
	width:		80%;
	height:		1px;
	color:		#708080;
}

/* beginn impressum ============================================================= */

table#impressum td {
	padding:	0em 0em 1.5em 0em;
}

/* beginn kalenderberechnung ==================================================== */

#kalenderberechnung td {
	vertical-align:	middle;
}

#kalenderberechnung .spalte1 {
	width:		33px;
}

#kalenderberechnung .spalte2 {
	width:		80px;
}

#kalenderberechnung .spalte3 {
	width:		200px;
}

#kalenderberechnung .spalte4 {
	width:		365px;
}

#kalenderberechnung input {
	font-family:	"Trebuchet MS", "Verdana", "Tahoma", sans-serif;
/*	font-size:	20px;
	padding:	0em 0em 0em 0em;
	margin:		0em 0em 0em 0em;*/
}

#kalenderberechnung input#Eingabe, input#Startjahr, input#Endjahr {
	width:		35px;
	padding:	0.1em;
}

/* beginn kalender ============================================================== */

#kalender a {
	color:		#506060; 
}

#kalender .abschluss a {
	color:		#FFCC66;
	font-weight:	bold;

}

#kalender table {
	margin-bottom:	10px;
	margin-top:	10px;
}

#kalender th, #kalender td {
	font-size:	90%; 
	vertical-align:	top;
}

#kalender tr.sonntag {
	color:		#B00000;
	font-weight:	bold;
}

#kalender tr.header {
	vertical-align:	top; 
	text-align:	center;
	background-color: #F0E0C0;
	font-weight:	bold;
}

#kalender td.abschluss {
	text-align:	center;
	padding:	1em 0em 1em 0em;
}

#kalender h2 {
	font-size:	160%;
	margin-top:	1em;
	margin-bottom:	1em;
	background-color: #FFCC66;
	text-align:	center;
}

#kalender h3 {
	font-size:	130%;
	padding:	0.1em 0em;
	margin-top:	1em;
	margin-bottom:	0em;
	border-bottom:	2px solid #FFCC66;
	text-align:	left;
	font-weight:	bold;
}

/* beginn gaestebuch ========================================================== */

#gaestebuch textarea, input {
	font-family:	"Trebuchet MS", "Verdana", "Tahoma", sans-serif;
	font-size:	100%;
}

#gaestebuch input[type=text], #gaestebuch input[type=password] {
	width:		250px;
	background-color: #FFF4CC;
    border:     2px solid #FFF4CC;
	padding:	0px 2px 0px 2px;
}

#gaestebuch input.button {
	background-color: #FFCC66;
    border:     2px solid #FFCC66;
}

#gaestebuch input.errfield, #gaestebuch textarea.errfield {
	border:     2px solid #FF0000;
}

#gaestebuch textarea {
	width:		496px;
	height:		100px;
	background-color: #FFF4CC;
    border:     2px solid #FFF4CC;
	padding:	0px 2px 0px 2px;
}

#gaestebuch hr {
	text-align:		left;
	margin-left:	0px;
	width:			654px;
	border:			1px dotted #FFCC66;
}

#gaestebuch div.nav {
	margin:			20px 20px 30px 0px;
	padding:		20px 0px 20px 0px;
/*	border:			1px dotted #FFCC66;*/
	background-color: #FFF4CC;
/*	background-color: #FFCC66;*/
}

#gaestebuch p {
	margin:		20px 20px 0px 0px;
	padding:	0px 0px 0px 0px;
}

#gaestebuch p.nav {
	margin:			0px 20px 0px 0px;
	padding:		0px 5px 10px 5px;
	text-align:		center;
	font-size:		85%;
/*	border-bottom:	1px solid #FFCC66;
	background-color: #F0E0C0;
*/}

#gaestebuch td.gblinks {
	width:		100px;
	max-width:	100px;
	padding:	0px 10px 0px 0px;
/*	border-right:	1px solid #FFCC66;
*/	text-align:	left;
}

#gaestebuch td.gbrechts {
/*	width:		796px;
*/	max-width:	896px;
	padding:	0px 0px 0px 20px;
	text-align:	justify;
}

#gaestebuch td.formlinks {
	width:		100px;
	max-width:	100px;
	padding:	0px 10px 0px 10px;
	background-color: #FFF4CC;
	text-align:	left;
	font-weight: bold;
}

#gaestebuch td.formrechts {
/*	width:		796px;
*/	max-width:	896px;
	padding:	0px 10px 0px 10px;
	background-color: #FFF4CC;
	text-align:	justify;
}

#gaestebuch h2 {
	font-size:		140%;
	margin:			10px 30px 20px 0px;
	padding:		0px 0px 0px 0px;
	border-bottom:	1px solid #FFCC66;
}

#gaestebuch h3 {
	font-size:		120%;
	margin:			10px 50px 10px 0px;
	padding:		0px 0px 0px 10px;
	border-left:	20px solid #FFCC66;
}

#gaestebuch h4 {
	font-size:		110%;
	margin:			10px 0px 5px 0px;
	padding:		2px 4px 2px 4px;
	background-color: #FFDD88;
/*	background-color: #FFEEBB;*/
/*	border-bottom:	1px solid #FFCC66;*/
}

#gaestebuch h5 {
	font-size:		100%;
	margin:			0px 20px 0px 0px;
	padding:		0px 0px 0px 0px;
	text-align:		center;
}

#gaestebuch h6 {
	font-size:	100%;
	margin:		40px 20px 0px 35px;
	font-style:	italic;
}

#gaestebuch .errmsg {
	color:		#FF0000;
    font-weight:    bold;
}

#gaestebuch .comment {
	font-style:	italic;
	color:		#0000A0;
}

#gaestebuch .angaben {
	font-size:		100%;
	color:			#708080;
}

/* =======================================================
			glockenfenster
======================================================== */

body#glocke {
	background-color:	#FFFFE0;
	background-image:	url(../imagines/glocke-aktiv.gif);
	background-repeat:	no-repeat;
}