/***********************************************
	1. Allgemeine Styles
***********************************************/

body {
	width: 				100%;
	height:				85%;
	background-color: 	rgb(99,181,228)		/* hellblau */;
	background-size: 	100%;
	color: 				black;
	font-family: 		tahoma;
	font-size: 		14px;
	margin: 			auto;
}

div.main {
	position:			fixed;
	display:			inline-block;
	padding-left:		15pt;
	background-color:	white;
	width:				80%;
	margin-top:			10pt;
	margin-left:		5pt;
	margin-right:		5pt;
	text-align:			center;
	border-radius:		5pt;
}

header {
	display:			block;
	padding-left:		15pt;
	padding-right:		15pt;
	height:				120pt;
	background-color:	white;
	color:				rgb(6,99,158);	   /* blau       */
	border:				solid;
	border-color:		rgb(6,99,158);	   /* blau       */
	border-size:		4px;
	font-size:			1.2em;			
}

nav{
	display:			inline-block;
	width:				10%;
	height:				100%;
	padding-left:		15pt;
	padding-right:		15pt;
	margin-top:			10pt;
	margin-left:		5pt;
	margin-right:		5pt;
	background-color:	rgb(215,213,214);
	border-radius:		5pt;
}

footer {
	position:			fixed;
	bottom:				0;
	left:				0;
	right:				0;
	padding-left:		15pt;
	padding-right:		15pt;
	border:				solid black thin;
	background-color:	rgb(215,213,214);  /* silbergrau */
	color:				rgb(6,99,158);	   /* blau       */
}

/*******************
* Spezielle Styles *
********************/

div.bereich
	{
		display:			inline-block;
		padding-top:		10pt;
		padding-bottom:		10pt;
		background-color:	rgb(215,213,214);  /* silbergrau */
		width:				100%;
		max-height:			360pt;
	}
	
div.listbox
	{
		display:			inline-block;
		position:			static;
		padding:			0;
		background-color:	rgb(6,99,158);	   /* blau       */
		margin-top:			2%;
		margin-bottom:		2%;
		margin-left:		30%;
		margin-right:		30%;
		width:				40%;
		max-height:			300pt;
		border:				solid black thin;
		border-radius:		10pt;
		overflow:			auto;
	}

div.listbox.bearbeiten
	{
		margin-left:		45%; 
		margin-right:		45%; 
		width:				10%;
	}

div.listbox.auflistung
	{
		background-color:	white; 
		margin-top:			0%; 
		height:				85%;
	}
div.listbox.checklist {
		border-radius:		0pt;
		max-height:			200pt;
		margin:				0 0 0 0;
}
div.listbox.checklist section {
		text-align:			left;
}

div.listbox h1
	{
		background-color:	rgb(6,99,158);	   /* blau       */
		color:				white;
		font-size:			2em;
	}
div.listbox a
	{
		font:				Tahoma, sans-serif;
		font-size:			1.5em;
		text-decoration:	none;
		margin-left:		0;
		padding-top:		5pt;
		padding-bottom:		5pt;
		color:				black;
		background-color:	white;
		display:			block;
		width:				100%;
		vertical-align:		center;
	}
div.listbox a:nth-child(2n)
	{
		background-color:	rgb(215,213,214);  /* silbergrau */
		padding-top:		5pt;
		padding-bottom:		5pt;
		margin:				0;
	}
div.listbox a:hover
	{
		background-color:	rgb(6,99,158);	   /* blau       */
		color:				rgb(215,213,214);  /* silbergrau */
	}
	
div.listbox section
	{
		font:				Tahoma, sans-serif;
		font-size:			0.8em;
		text-decoration:	none;
		margin-left:		0;
		padding-top:		2pt;
		padding-bottom:		2pt;
		color:				black;
		background-color:	white;
		display:			block;
		width:				100%;
		vertical-align:		center;
	}

div.listbox section:nth-child(2n)
	{
		background-color:	rgb(245,243,244);  /* hellgrau */
		padding-top:		2pt;
		padding-bottom:		2pt;
		margin:				0;
	}

header #djschnatzeLogo {
	float:				left;
	height:				100pt;
}

header #musikLogo {
	float:				right;
	height:				100pt;
}

header .rechnung_logo {
	float:				right;
	width:				45%;
}

header .adressetikett {
	color:				black;
	float:				left;
	width:				40%;
	padding-top:		10%;
}

.navi {
	display:			block;
	margin-left:		5pt;
	padding-top:		5pt;
	margin-top:			10pt;
	padding-bottom:		5pt;
	margin-bottom:		10pt;
	background-color:	rgb(6,98,157);	   /* dunkelblau  */
	color:				white;
	text-align:			center;
	font-size:			15px;
	border-radius:		5pt;
}

.navi:hover {
	display:			block;
	color:				rgb(6,98,157);	   /* dunkelblau  */
	background-color:	rgb(99,181,228)		/* hellblau */;
	text-decoration:	none;
	font-weight:		bold;
}

.navi:active {
	color:				white;
}

.navi:link, .navi:visited {
	text-decoration:	none;
}

.headline {
	width:				100%;
	color:				rgb(6,99,158);	   /* blau       */
	background-color:	white;
	font-size:			3em;
	font-weight:		bold;
	font-style:			italic;
	
}

.startbild {
	text-align:			center;
}
.text_klein {
	font-size:			12px;
	font-weight:		bold;
	color:				rgb(6,98,157);	   /* dunkelblau  */
}
.text_links.blau {

}

#meldung{
	font-size:			20px;
	background-color:	lightgreen;
	color:				red;
}

footer section {
	text-align:			center;
	font-size:			16pt;
	color:				black;
}

.standardtext {
	text-align:			left;
	font-size:			16pt;
	color:				black;
}

footer span {
	color:				rgb(6,98,157);	   /* dunkelblau  */
	font-weight:		bold;
}

footer a {
	color:				rgb(6,98,157);	   /* dunkelblau  */
	font-weight:		bold;			
}

footer a:link {
	text-decoration:	none;
}

footer a:hover {
	color:				rgb(99,181,228)		/* hellblau */;
	font-weight:		bold;			
}

footer a:active {
	color:				white;
	font-weight:		bold;			
}

.markiert {
	color:				rgb(6,99,158);	   /* blau       */
	font-weight:		bold;
}
#aufstellung{
	width:				100%;
	color:				black;
	border:				solid black thin;
	border-spacing:	0;
}

#aufstellung th {
	font-weight:		bold;
}

.block{
	display:			inline-block;
	position:			static;
	margin-top:			5pt;
	margin-bottom:		5pt;
	margin-left:		5pt;
	margin-right:		5pt;
	padding-left:		5pt;
	padding-right:		5pt;
	padding-top:		5pt;
	padding-bottom: 5pt;
	width:				97%;
	background-color:	rgb(215,213,214);  /* silbergrau */
	/*background-image: 	url(../img/Hintergrund.jpg); 
	background-size: 	100%;*/
	max-height:			450pt;
	border-radius:		20pt;
	overflow:			auto;
	
}
.block.bewertung{
		width:					40%; 
		float:						right; 
		border-radius:		5pt; 
		background-color:	white; 
		font-size:				0.7em; 
		text-align:				left; 
		margin-left:			5pt; 
		margin-right:			20pt;
		border-style:			solid;
		border-color:			lightgray;
		border-width:			5pt;
}
.block.normal{
	margin-top: 		50pt; 
	padding-top:		5pt; 
	padding-bottom:		5pt;
}
.block.stammdaten {
	margin-left:		0pt; 
	margin-right:		0pt; 
	padding-top:		10pt; 
	padding-bottom:		10pt;
}
.block.reihe {
	float:				left; 
	padding-top:		5pt; 
	padding-bottom:		5pt; 
	width: 				30%; 
	height: 			400pt;
}


.label{
	width:					50%;
	padding-right:		3pt;
	padding-top:			5pt;
	padding-bottom:	5pt;
	text-align:				right;
	vertical-align:			top;
	font-family:			tahoma;
	font-size:				16pt;
	font-weight:			bold;
	color:					rgb(6,98,157);	   /* dunkelblau  */
}


.data{
	width:				50%;
	padding-left:		3pt;
	padding-top:		5pt;
	padding-bottom:		5pt;
	text-align:			left;
	vertical-align:		top;
	font-family:		tahoma;
	font-size:			1.2em;
	font-weight:		normal;
	color:				black;
}
.statistik1{
	width:					50%;
	padding-right:		3pt;
	padding-top:			2pt;
	padding-bottom:	2pt;
	text-align:				right;
	vertical-align:			top;
	font-family:			tahoma;
	font-size:				10pt;
	font-weight:			bold;
	color:					rgb(6,98,157);	   /* dunkelblau  */
}
.statistik2{
	width:					50%;
	padding-right:		3pt;
	padding-top:			2pt;
	padding-bottom:	2pt;
	text-align:				left;
	vertical-align:			top;
	font-family:			tahoma;
	font-size:				10pt;
	color:					black;
}
.blocksatz{
	text-align:			left; /*justify;*/
	font-family:		tahoma;
	font-size:			1.2em;
	font-weight:		normal;
	color:				black;
	margin-left:		20pt;
}

.textblau{
	 text-align:		left; 
	 color:				rgb(6,98,157);
}

.textklein{
	color:				rgb(6,99,158); 
	font-weight: 		0.2em;
}

.rb{
	display:			block;
	float:				right;
	border:				solid black thin;
	background-color:	pink;
	width:				300pt;
}

marquee {
	color:				red;
	font-size:			12pt;
	font-weight:		bold;
}


.tabelle{
	font-size:			15pt;
	color:				black;
}

.tabellenkopf{
	position:			static;
	width:				100%;
	font-size:			15pt;
	color:				white;
	padding:			0 0 0 0;
	margin:				0 0 0 0;
	background-color:	rgb(6,98,157);	   /* dunkelblau  */
}

.editbutton{
	width:				1.2em;
}

.minitabhead {
	width:				100%;
	color:				white;
	background-color:	rgb(6,98,157);	   /* dunkelblau  */
	font-size:			15pt;
}
	
.tabelle td{
	color:				black;
	background-color:	rgb(215,213,214);  /* silbergrau */
	text-align:			left;
	
}
.ergebnis {
	border-bottom: 	double 4px #000000;
}

.inputfeld {
	width:				300pt;
	font-family:		courier;
	font-size:			16pt;
	color:				rgb(6,98,157);	   /* dunkelblau  */
	border-radius:		5pt;
}

.textfeld {
	width:				300pt;
	font-family:		courier;
	font-size:			16pt;
	color:				rgb(6,98,157);	   /* dunkelblau  */
	border-radius:		5pt;
}

.buttonfeld {
	width:				200pt;
	font-size:			16pt;
	font-weight:		bold;
	color:				rgb(6,98,157);	   /* dunkelblau  */
	background-color:	rgb(99,181,228)		/* hellblau */;
	border-radius:		10pt;
}

.buttonfeld:hover{
	background-color:	rgb(6,98,157);	   /* dunkelblau  */
	color:				rgb(99,181,228)		/* hellblau */;
}