﻿<style type="text/css">
td.banner {
	border: 0px solid cyan;
	border-collapse:collapse;
}	
table.oben {
	margin-top:0px;
	margin-bottom:0px;
}
body {
	text-align: center; /* muss im einzelnen Dokument wieder auf left geändert werden, notwendig weil sonst der wrapper nicht mittig*/
	font-family:arial,verdana;
    font-size:16px;
}
td.menue_oben {
	padding-left:5px;padding-right:5px;
    text-align: center;
	vertical-align: middle;
	border: 0px solid gray;
}
table.rahmen {
	border-collapse:collapse;
	border:0px solid gray;
}

table {
	/*margin-left:10px;*/
	border-collapse:collapse;	
}
.tablecle {
	border-collapse: collapse;
	/*border: 0px solid gray;  nur aussen*/
	margin: 10px 10px 0px 10px; /*top, right, bottom, left*/
}
.tablecle tr {
}
.tablecle th {
}
.tablecle td {
/*background-color: yellow;*/
text-align:left;
padding: 5px 5px 5px 5px;
border:1px solid gray;
border-spacing: 0px;
}
.tablecle a:link { color:black;}
.tablecle a:hover {color:red;
}
.icon {
	display: block; /* inline-Objekt(img) zum Block machen, siehe Hinweis 1 in Wissen */
    margin: auto;
}
img {
	-moz-box-shadow: 4px 4px 10px grey;
	-webkit-box-shadow: 4px 4px 10px grey;
	box-shadow: 4px 4px 10px grey;
} 
img.noshadow {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
} 

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	heigth:500px;
	border: 0px solid green;
}	
	/*
	width: 600px;
	height:500px;
	border: 2px solid darkred;  
	margin-bottom: 10px; 	 
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;      */
	/*text-align: center;
	visibility: visible;
	position: static;
	margin: 0px auto;*/		 
	/*float:left;*/

#menue_top {
	position:relative;
	text-align: center;
	width: 900px;
	height: 25px;
	margin-top:5px;
	margin-bottom:0px;
	visibility: visible;
	background-color:RoyalBlue;
	border: 0px solid red;
 }
#inhalte {
	position:relative;
	margin-top:5px;
	margin-left:50px;
	/*margin-right:-100px;	*/
	text-align: left;
	padding:2px;
	width:  800px;
	border: 1px solid gray;
	background-image: url("images/light_pattern.jpg");
} 
h1 {
	color: #00F;
	font-size: 22px;
	font-family: Arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
 }

   h2 {
	color: black;
	font-size: 18px;
	font-family: Arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin-top:0px;
 }

 h3 {
	color: black;
	font-size: 12px;
	font-family: Arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
 }
hm1 {
	color: white;
	font-size: 20px;
	font-family: Arial;
	font-style: normal;
	font-variant: normal;
	font-weight : bold;
	margin-top:0px;
	margin-bottom:0px;
 }
hm2 {
	color: white;
	font-size: 16px;
	font-family: Arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	margin-top: 0px;
	text-align: center;
 }
hm3 {
	color: white;
	font-size: 14px;
	font-family: Arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
 }
hm4 {
	color: white;
	font-size: 14px;
	font-family: Arial;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
 }
p {
	color: black;
	font-size: 16px;
	font-family: arial;
	font-style: normal;
	font-weight: normal;
}
.p12 {
	color: black;
	font-size: 12px;
	font-family: arial;
	font-style: normal;
	font-weight: normal;
 }
.p14 {
	color: black;
	font-size: 14px;
	font-family: arial;
	font-style: normal;
	font-weight: normal;
	
 }
.p16 {
	color: black;
	font-size: 16px;
	font-family: arial;
	font-style: normal;
	font-weight: normal;
 }
.p18 {
	color: black;
	font-size: 18px;
	font-family: arial;
	font-style: normal;
	font-weight: normal;
}
.text12 {
	color: black;
	font-size: 12px;
	font-family: arial;
	font-style: normal;
 }
.text14 {
	color: black;
	font-size: 14px;
	font-family: arial;
	font-style: normal;
 }
.ueberschrift1_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align:left;
	color: blue;
	margin-top: 10px;
	margin-left:10px;
}
.text16 {
	color: black;
	font-size: 16px;
	font-family: arial;
	font-style: normal;
	text-align: left;
	margin-left: 10px;
 } 
/*td {
	border-color: lightgray;
	
}      */
th {
	margin-top:0px;
	margin-bottom:0px;
}
	
a {color:black; font-family:arial; font-size:16px;text-decoration: underline;}
a:link { color:black;font-family:arial; font-size:16px; }
a:visited { color:black; font-family:arial; font-size:16px; }
a:hover {color:red; font-family:arial; font-size:16px; }
a:active { color:black; font-family:arial; font-size:16px;text-decoration: underline;}

a.menu { color:white; font-family:arial; font-size:14px; text-decoration: none}
a:link.menu { color:white; font-size:14px}
a:visited.menu { color:white; font-size:14px}
a:hover.menu {color:blue; font-size:14px}
a:active.menu { color:white; font-size:14px}

</style>
  
