﻿  body
{
	font-family: Arial, Sans-Serif;
	color: #666;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	text-align: left;
	BACKGROUND: url(main_schatten_2.jpg) #afb3b7 no-repeat center top;
	

}
body, p, div, span, table, td {
	/*font-size: 90%;*/
}

 H1
{
	color: #666666;
	background-color: #CCCCFF;
	font-size: 18px;
	padding-left: 35px;
	margin-top: 5px;
	font-weight: lighter;
	background-image: url(mylevel_1_bg.jpg);
	background-repeat: repeat-y;
}

H2
{
    color: #333;
	font-size: 16px;
	padding-left: 35px;
	font-weight:lighter;
	border-bottom:#CCCCCC dotted thin ;
}

H3 
{
	padding-left: 0px;
	font-size: 12px;
	padding-top: 5px;
}

a {color: #FF0000; text-decoration: none;}

a:hover {
	background-color: #AAF; color: #FFFFFF;
}

a.my_level_1
{
	color: #FFFFFF;
	background-color:#999999;
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

a.my_level_1:hover
{
	color: #FFFFFF;
	background-color:
	  #BBD;
}

/*a.my_level_1:active {
background-color:#FF0000;
}
*/
#aktiviert a:link, #aktiviert a:visited, #aktiviert a:hover {
	/*border: 1px solid #333;*/
	 color: #FFFFFF;
	 background-color:#BBD ;
}

#aktiviert {
	/*border: 1px solid #333;*/
	 color: #FFFFFF;
	 background-color:#BBD;
}

a.mylevel1 {
	color: #FFFFFF;
	background-color:#CCC;
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

a.mylevel1:hover {
	color: #FFFFFF;
	background-color: #AAF;
}

a.mylevel2 {
margin: 5px;
width: 120px;
	background: #CCCCFF; color: #666666; text-decoration: none; position:relative;
	border-bottom : 0px solid black; border-right : 0px solid black; border-top:0px solid white; border-left : 0px solid silver;
	position: relative; padding-left:3px; padding-right:3px;font-size:0.8em;
}

a.mylevel2:hover {
	 background: #EEEEEE; color: #666666;
	border-bottom : 0px solid silver; 	border-right : 0px solid silver; 	border-top : 0px solid black; 	border-left : 0px solid black;
	font-size:0.8em;
}

.kugel {
	cursor:help;
}
a.kugel {position:relative; z-index: 1; margin-left:2px; border: 0px}
a.kugel span{display: none;}
a.kugel:hover {background-color: #0000FF}
a.kugel:hover span {
	font-size:0.8em;
	border-bottom : 2px solid black; border-right : 2px solid black; border-top:2px solid silver; border-left : 2px solid silver;
	text-decoration:none; display:block; background-color: #FFFFFF; color: #0000AA; position:absolute;
	top: 0px; left: 150px; width: 100px; padding: 3px;
}

.navi
{
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 224px;
	/*margin: 0px;
	margin-left: 0px;
	margin-right:40px;*/
	
	background-image: url(mylevel_1_bg.jpg);
	background-repeat: repeat-y;
	text-align: left;
	height:15px;
	
}

.horz_nav {
	background-color: #CCCCCC  ;
	background-image: url(mylevel_1_bg.jpg);
	background-repeat: repeat-y;
	text-align: right;
	margin-right: 0px;
	padding-bottom:1px;
	padding-right: 50px;
	/*border-bottom-style:solid;
	border-bottom-width: 2px;
	border-bottom-color: #000000;*/
}


.Titel
{
    color: #ffffff;
    background-color: #0099ff;
    font-size: large;
    margin-left: 10px;
    padding-left: 30px;
    margin-top: 15px; 
}

.U_Titel 
{  
    padding-left: 10px; 
    font-size: large;
    padding-top: 10px; 
    
}

.Artikel_Text
{
    padding-left: 10px;
    padding-top: 10px;
	
}

.start_txt {
	margin: 3px;
	padding: 3px;
	text-align: left;
	padding-right: 40px;
}
.inhalt_feld1{
	background-color:#FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	
}
ul#navilist1 {
	padding:0; margin:0;	list-style-type:none;
	font-size:0.9em;
}
ul#navilist1 li {
	
	margin: 0 0 1px 0; /* 1px Abstand unten */
}
#navilist1  a {
	z-index:1;
	display: block;
	 
	 /*width: 100%;*/ padding-left: 5px;	 background:  #999; text-decoration: none; 
}
#navilist1 a:link, #navilist1 a:visited {
	z-index:1;
	background: #999; color: #FFF; text-decoration: none; position:relative;
	background-image: url(hintergrund_verlauf_kl.jpg);

}
#navilist1 a:hover {
	z-index:1;
	
	margin: 0 0 0 0;
	COLOR: #FFFFFF; background-color: #BBD;
	background-image:none;
	}
ul#navilist1 li1 a .info {
	display: none;
	z-index:30;
	}
ul#navilist1 li1 a:hover .info {
	position: absolute; z-index:30;
	top: 0px; left: 200px;
	display: block;
	width: 156px; height:80px;
	text-align: center;
	/*font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;*/
	background: #78D1FF; color: #0000FF;
	padding: 5px;
	
	text-decoration:none;
}
#aktiviert_2 a:link, #aktiviert_2 a:visited, #aktiviert_2 a:hover {
	/*border: 1px solid #333;*/
	 color: #FFFFFF;
	 background-color:#BBD;
	  background-image:none;
}

#aktiviert_2 {
	/*border: 1px solid #333;*/
	 color: #FFFFFF;
	 background-color:#BBD;
}
#mainContent {
	/*padding: 10px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background: #FFFFFF;
	margin-left:10px;
	margin-right:10px;
	padding-right: 20px;
	padding-left: 10px;
	position: relative;
	height:440px;
	z-index:1;
	overflow: auto;
	/*font-size: 0.8em;*/
	text-align: left;
}

#mainContent_1 {
	background-color:#FFFFFF;
	height:450px;
	position: relative;
	
	z-index:1;
	overflow: auto;
	/*font-size: 0.8em;*/
	text-align: left;
	
	/*padding-right: 20px;*/
	padding-left: 10px;
	padding-right: 0px;
}

.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;*/
}

.my_img {
float:left;
margin: 5px;
}

#navibox {
padding-top:30px;
}

.mitarbeiter {
	/*padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 224px;
	margin: 0px;
	margin-left: 0px;
	margin-right:40px;
	
	background-image: url(mylevel_1_bg.jpg);
	background-repeat: repeat-y;*/
	text-align: left;
	background:#CCD ;
	padding:3px;
	padding-left:3px;
	margin-left:170px;
	/*height:20px;*/
	/*background-color: AAA;
	border:1px;
	border-color:#00FFFF;*/
	}
	
	 
.rand_sm {
	padding: 3px;
}
#apDiv1 {
	position:absolute;
	left:656px;
	top:240px;
	width:496px;
	height:165px;
	z-index:2;
}
.mitarbeiter_1 {
	border: thin solid #999999;
	margin:5px;
	margin-bottom:20px;
	font-size: 0.8em;
	padding:5px;
	
}

#my_center {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	padding:0px;
}

 #navspalte {
 	width:224px;
	height:450px;
	vertical-align:top;
	background-image:url(main_schatten_06.jpg);
	float:left;
	position:relative;
 }
 
 #inhalt {
 	height:450px;
	vertical-align:top;
 
 }
.artikel {
 padding-right:20px;
 }
