/* CSS-Datei */
body {
	background-color:#FFFFFF;
	width:1000px;
	margin:auto;
	font-family:"Segoe Ui",Arial,sans-serif;
}
a {
	text-decoration:none;
	color:#0066B3
}

/* ANFANG: Formatierung des Firmen Logos */
#Kopf {
	text-align:left;
	margin-bottom:30px;
}
#KopfBild {
	/*display:inline-block;*/
	float:left;
	width:20%;
	border:0;
}
h1 {
	color:#000000;
	font-style:italic;
	text-indent:3em;
}
/* ENDE: Formatierung des Firmen Logos 
   ANFANG: Formatierung der Navigation */
#NavContainer {
	display:inline-block;
	text-align:left;
}
#NavEbene1 {
	display:block;
	/*width:100%;
	font-size:1.2em;*/
}
#NavEbene2 {
	display:block;
	width:100%;
	height:40px;
	font-size:0.95em;
	text-indent:0.3em;
}
/* ANFANG: Formatierung der Links der Navigation */
#NavEbene1 a:hover, #NavEbene1 .active {
	color:#F60;
}
#NavEbene2 a {
	color:#808080;
}
#NavEbene2 a:hover, #NavEbene2 .active {
	color:#F60;
}
#NavContainer a {
	display:inline-block;
	padding:5px 10px 5px 10px;
}
/* ENDE: Formatierung der Links der Navigation */
ul {
	margin:0;
	padding:0;
}
li {
	display:inline;
}
/* ENDE: Formatierung der Navigation
   ANFANG: Formatierungen des Inhalts */
   

#seperator{
	position:absolute;
	width:100%;
	background-color:#ccc;
	height:1px;
	margin-top:-30px;
	left:0;
}


#Content {
	display:inline-block;
	width:755px;
	padding:10px;
	margin-top:5px;
	/*border-radius:1em;*/
	vertical-align:top;
}
/* ANFANG: Formatierungen für die Artikel */
#Content {
	/*background-color:#87D0EA;
	color:#D10A45;*/
	/*padding:10px;
	margin:10px;*/
	padding:10px;
	/*border-radius:1em;*/
	min-height:calc(100vh - 360px);
}
#Content p {
	margin-top:0;
}
h2 {/* #Content */
	font-style:italic;
	margin-top:0;
	margin-bottom:10px;
	color:#0066b3;
}
#Content a {
	color:#0066B3;
	text-decoration:underline;
}

.msg{
	display:block;
	margin-top:1em;
	margin-bottom:1em;
}

.placeholder{
	color:#aaa;
}
input{
	width:200px;
	width:calc(100% - 20px);
	border:1px solid #000;
	margin-top:-1px;
	padding:9px;
}
input[type="submit"]{
	width:100%;
	cursor:pointer;
	background-color:#F60;
}

input.readonly{
	background-color:#ccc;
}

input.required{
	border-color:red;
}
/* ENDE: Formatierungen für die Artikel 
   ENDE: Formatierung des Inhalts
   ANFANG: Formatierung der Seitenbox - bezug auf #CONTENT */
#rBox {
	display:inline-block;
	width:200px;
	margin:5px 0 30px 0;
	/*border-radius:1em;*/
	padding:10px 5px 10px 5px;
}
#SchreibUns {
	background-color:#FACB41;
	color:#D10A45;
	/*border-radius:1em;
	margin-bottom:10px;*/
	padding:10px;
	text-align:left;
	font-weight:bold;
}
#SchreibUns a{
	color:#D10A45;
	text-decoration:underline;
}
#Termine {
	background-color:#56bcb1;
	color:#FFFFFF;
	/*border-radius:1em;*/
	padding:10px;
}
/* ENDE: Formatierung der Seitenbox
   ANFANG: Formatierung des Fuß */
#Fuss {
	display:block;
	text-align:center;
	margin-top:5px;
	/*border-radius:1em;*/
	width:100%;
	/*height:70px;*/
	color:#0066B3;
	border-top:1px solid #ccc;
	padding:50px 0;
	position:absolute;
	left:0;
	background-color:#87d0ea;
}


.input-error{
	outline-color: red;
}


/* ENDE: Formatierung des Fuß */   

table {
	border-collapse: collapse;
}
td, th{
	padding:5px;
}
table tr:nth-child(1){
	background-color:#F60 !important;
	color:#000 !important;
}
table tr:nth-child(even){
	background-color:#ccc;
}
table tr:nth-child(odd){
	background-color:#fff;
}
table tr:hover{
	color:#F60;
}

table tr img{
	width:16px;
}
