/* Nullsetzung der Abstände */
* {
margin: 0;
padding: 0;
}
				
/* Dokumenteigenschaften */
body {
font-family: arial;
font-size: 12px;
text-align: center;
background-color: #666666;
height: 100%;
}

/* Dokumenteigenschaften - Aktuelles */
h2 {
font-family: arial;
font-size: 16px;
color: #ffffff;
}

/* Dokumenteigenschaften - Willkommensschriftzug definiert */
h3 {
font-family: arial;
font-size: 16px;
color: #000000;
padding-top: 50px;
padding-left: 138px;
}

/* Dokumenteigenschaften - Willkommensschriftzug definiert */
h4 {
font-family: arial;
font-size: 12px;
color: #000000;
padding-left: 138px;
padding-right: 100px;
}
			
.einr{
	margin-left:8px;
}

.tabel{
    vertical-align: top;
    padding-top: 10px;
}


/* Platzhalter/Container definieren */
#seitenbreite {
text-align: left;
margin: 0 auto; /* setzt die Grundeinstellg. des bodys, welcher zunächst mit text-align:center definiert wurde, mit margin:0 auto an den Seitenrand und die Textausrichtung kann somit normal, auch in Blocksatz erfolgen - hebt sozusagen die grundlegende Seitenzentrierung im Inhaltsbereich/im Container wieder auf */ 
width: 1024px;
height:100%;
background-color: #ffffff;
}

#kopfbereich {
width:100%;
height: 161px;
background-color: #ffffff;
}

#links {
width:13%;
height: 840px;
background-color: #000000;
color: #ffffff;
float: left;
padding: 15px;
}

/*Navigation */
/*--formatiert die Menüleiste--*/
#menu {
width: 100px;
padding: 0 26px;
background: #000000;
font-family: arial;
font-size: 12px;
line-height: 30px;
float: left;
}

/*--formatiert die Themenblöcke--*/
#menu ul {
width: 120px;
line-height: 30px; /* Zeilenhöhe geändert */
margin-top: 10px; /* Menühöhe geändert*/
list-style-type: none;
}


/*--definiert die Blocküberschriften--*/
#menu h3{
font-size: 12px;
text-align: left;
padding-left: 10px;
color: #fbbb00;
background: #3e3d40;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
text-decoration: none;
display: block;
text-align: left; /* Untermenü Ausrichtung geändert */
line-height: 30px; /* Zeilenhöhe geändert */
padding-left: 10px;
background: #3e3d40;
color: #fbbb00;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
color: #000000;
background: #fbbb00;
}

/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
position: relative;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
top: 0;
left: 120px;
z-index: 2;
display: none;
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
}

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
* html #menu ul li{
float: left;
width: 100%;
}

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li {
float: left;
width: 100%;
}

/*--bewirkt Hover-Effekt für IE  kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

*html #menu ul li a {
height: 1%;
}

/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:link {
font-size: 12px;
text-align: left;
padding-left: 10px;
color: #fbbb00;
background: #3e3d40;
}

/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:hover {
color: #000000;
background: #fbbb00;
}
/* Ende Navigation */
	
#mitte {
width: 60%;
height: 840px;
background-color: #ffffff;
display: inline-block;
padding-left: 22px;
padding-right: 20px;
background-image: url('Bilder/inhalt_hg.jpg');
background-repeat: repeat-x, repeat-y;
background-attachment: scroll;
background-size: 133%;
/* overflow:auto; */
}

#galleryCross2 {
	float: left;
	width: 580px;
	height: 300px;
	margin: 20px;
	border: 2px solid #3b3b3b;
}

#rechts {
width: 17%;
height: 840px;
background-color: #3d3d3f;
color: #fff;
float: right;
padding: 15px;
background-image: url('Bilder/inhalt_hg.jpg');
background-repeat: repeat-x, repeat-y;
background-attachment: scroll;
    background-position: 99% -2px;
    background-size: auto 99%;
}
	
#impressum {
float: left;
bottom: 800px;
}

#datenschutz{
padding-left: 70px;
margin-top: 50px;
}

a:link {
font-family: arial;
font-size: 12px;
color: #fbbb00;
text-decoration: none;
}

/* besuchter Link */
a:visited {
color: #fbbb00;
}

/* Klassen anlegen */

.formular{
color: #000000;
}	

.input{
font-size: 14px;
height: 20px;
width: 350px;
}

.inputlong1{
font-size:14px;
height: 20px;
width: 90px;
}

.inputshort1{
font-size: 14px;
height: 20px;
width: 250px;
}

.inputlong2{
font-size: 14px;
height: 20px;
width: 250px;
}

.inputshort2{
font-size: 14px;
height: 20px;
width: 90px;
}