body { background-image: url(../body_bg4.jpg); margin: 0; padding: 0; }
.clearer { display:none; }
.moz-bug { clear:both  }
.logo{ top: 0; bottom: 0; border-color: #71b2e2; border-style: solid; border-width: 10px 0; list-style-type: none; }
.intro { font-size: 12px; font-family: verdana, Arial, sans-serif; list-style-type: none; margin: 0; padding: 0; top: 0; bottom: 0; width: 100%; overflow: hidden; }
.intro li{ top: 0; bottom: 0; width: 100%; float:left; list-style-type: none; display: inline; }
.intro a {
	color: #000000;
	background-color: #CCCCCC;
	text-decoration: none;
	width: 100%;
	list-style-type: none;
	margin-bottom: 1px;
	float: left;
	margin-top: 1px;
	padding: 5px;
	display: inline;
}
.intro a:hover{ background: #ffb200; text-decoration: none; }
.intro li.activelink a,.intro li.activelink a:hover{ color: #fff; font-weight: bolder; background: #ffb200; }
.oberpunkt , .oberpunkt a, .oberpunkt li { color: #fff; font-size: 12px; font-family: Arial; font-weight: bolder; font-style: italic; background-color: #71b2e2; text-decoration: none; text-transform: uppercase; text-align: center; list-style-type: none; display: block; }
.align-center { text-align: center; }
.m2{ font-size: 12px; font-family: verdana, Arial, sans-serif; background-color: #71b2e2; top: 0; bottom: 0; width: 100%; overflow:hidden; margin: 0; padding: 0; list-style-type: none; }
.m2 li{ background-color: purple; top: 0; bottom: 0; width: 100%; float:left; list-style-type: none; display: inline; }
.m2 a { color: #00f; text-decoration: none; background-color: olive; list-style-type: none; display: inline; margin-top: 1px; margin-bottom: 1px; padding: 5px; width: 100%; float: left; }
.m2 a:hover{ background: #ffb200; text-decoration: none; }
.m2 li.activelink a,ul#m2 li.activelink a:hover{ color: #fff; font-weight: bolder; background: maroon; }
/*
#content { display:block; overflow:auto; position:absolute; z-index:3; top:150px; bottom:52px; width:980px; border-left:1px solid #000; border-right:1px solid #000; background:#fff; float: right; min-width: 980px; max-width: 980px; margin: 0 auto; }

* html #content { border-top:154px solid #fff; border-bottom:50px solid #fff; }

*/ 
#outer{ background-color: #ffffff; border-right: 250px solid white; border-left: 165px dashed white; /* Farbe fuer Inhalt Spalten  */
} 

#inner{ background-color: green; margin:0; width:100%; }

#left_alt {
	position: relative;
	width:165px;
	float: left;
	display: compact;
	overflow: visible;
	visibility: visible;
	z-index: 3;


}
 #right_alt { width:215px; float:right; display: block; }

/* -----------------Inhalt--------------------- */ 
#content_alt{
	margin: 0;
	background-color: #f2f2f2;
	position: relative;
	width: 590px;
	float: left;
	display: block;
	z-index: 2;

}
p {
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer_alt { color: #fff; font-weight: bolder; background-color: #71b2e2; text-align: center; width: 100%; }
footer_eee { font-size: 11px; line-height: 13px; text-align: left; height: 12px; }
#head { clear: both; background:url(../bilder/kb_head6.jpg) 0 150px; font-size:0.8em; font-weight: bolder; text-align: center; width: 990px; height: 150px; z-index:5; overflow: hidden; min-height: 150px; max-height: 150px; }
#head2 { text-align: center; z-index: 5; width: 990px; height: 125px; min-height: 150px; clear: both; overflow: hidden; }
#head3 { background-color: #71b2e2; height: 25px; }
.head3 {  }
#fusszeile { background-color: #f71420; height: 20px; width: 100%; top: 5px; position: relative; z-index: 7; visibility: visible; float: left; }
.fusszeile { color: white; font-size: 11px; font-family: Arial; font-weight: bold; text-align: center; }
/*
* html #head { background:url(../bilder/kb5.jpg) 0 150px; font-size:1em; width: inherit; height: 150px; z-index:5; float: left; }
*/
a.nav1, a.nav2, a.nav3, a.nav4, a.nav5, a.nav6, a.nav7, a.nav8 {
	width:165px;
	height:150px;
	display:block;
	float:left;
	text-align:center;
	font-size:1em;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	font-family:verdana, arial, sans-serif;
	line-height:25px;
	overflow:hidden;
	background-image: url(../../abbotronic_bilder/header.jpg);
}
/*a.unter:activelink, a.leist:activelink, a.refer:activelink, a.nav4:activelink, a.nav5:activelink, a.nav6:activelink, a.nav7:activelink, a.nav8:activelink {width:80px; height:150px; display:block; float:left; background:url(../bilder/kb1.jpg); text-align:center; font-size:1em; font-weight:bold; color:red; text-decoration:none; font-family:verdana, Arial, sans-serif; line-height:25px; overflow:hidden;}*/
#head a .pad { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display:block; width:165px; height:125px; }
#head2 a .pad { background: #00f; display: block; width: 165px; height: 125px; float: left; }
.button {
	background:#ffffff;
	color:#00f;
	cursor:pointer;
	display:block;
	width:165px;
	height:25px;
	border: solid 1px #71b2e2;
	cursor:pointer;
}
.button2 { color: #00f; font-size: 13px; font-family: verdana, Arial, sans-serif; font-weight: bolder; font-size-adjust: inherit; background: #ffecbf; text-decoration: none; text-align: center; cursor: pointer; display: block; width: 164px; height: 25px; float: left; margin-right: 1px; padding-top: 5px; }
a.head3:hover .button2 { color: #fff; font-size: 13px; font-family: verdana, Arial, sans-serif; font-weight: bolder; font-size-adjust: inherit; text-decoration: none; background: #ffa500; text-align: center; cursor: pointer; display: block; margin-right: 1px; padding-top: 5px; width: 164px; height: 25px; float: left; }
a.nav1 {background-position:0 150px;}
a.nav2 {background-position:-165px 150px;}
a.nav3 {background-position:-330px 150px;}
a.nav4 {background-position:-495px 150px;}
a.nav5 {background-position:-660px 150px;}
a.nav6 {background-position:-825px 150px;}


a.nav1:hover {background-position:0 0;}
a.nav1:hover .button {
	background:#ffb200;
	color:#fff;
	cursor:pointer;
	display:block;
	width:165px;
	height:25px;
	cursor:pointer;
}
a.nav2:hover {background-position:-165px 0;}
a.nav2:hover .button {display:block; width:165px; height:25px; background:#ffb200; color:#fff; cursor:pointer; cursor:pointer;}
a.nav3:hover {background-position:-330px 0;}
a.nav3:hover .button {display:block; width:165px; height:25px; background:#ffb200; color:#fff; cursor:pointer; cursor:pointer;}
a.nav4:hover {background-position:-495px 0;}
a.nav4:hover .button {display:block; width:165px; height:25px; background:#ffb200; color:#fff; cursor:pointer; cursor:pointer;}
a.nav5:hover {background-position:-660px 0;}
a.nav5:hover .button {display:block; width:165px; height:25px; background:#ffb200; color:#fff; cursor:pointer; cursor:pointer;}
a.nav6:hover {background-position:-825px 0;}
a.nav6:hover .button {display:block; width:165px; height:25px; background:#ffb200; color:#fff; cursor:pointer; cursor:pointer;}


#links {
	float: left;
	width: 20%;
	height: 100%;
	background-color: #CCCCCC;
	position: relative;
	left: 2px;
}
#links p { padding-top: 0; padding-bottom: 0; }
#links div {  }
#mitte {
	float: left;
	width: 52%;
	margin: 0 2%;
	background-color: #CCCCCC;
	position: relative;
	left: 180px;
}
#mitte p { padding: 0 10px 5px; }
#mitte div { padding: 10px 0; }
#rechts {
	float: right;
	width: 250px;
	height: 300px;
	background-color: #CCCCCC;
}
#rechts p{ font-size: 12px; font-weight: bolder; padding-top: 5px; padding-right: 5px; padding-left: 5px; }
#rechts div{ left: 5px; right: 5px; margin-bottom: 10px; }
*/
#content p {
	padding:5px; text-align:justify;
	}
#foot { text-align:center; min-width:980px; font-size:1em; z-index:5; border:solid 1px blue; font-family: "trebuchet MS", tahoma, verdana, arial, sans-serif; font-weight:bold; color:#000; background-color: blue; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0 auto; }
* html #foot {
	bottom:2px; width:982px; height:10px;
	}
.boldhead {
	font-size:1.5em; 
	font-weight:bold;
	}
.bold {font-weight:bold;}
.left {float:left; margin:10px; border:1px solid #000;}
.right {float:right; margin:10px; border:1px solid #000;}
.lefttext {float:left; width:300px; text-align:justify;}
.righttext {float:right; width:300px; text-align:justify;}

* html .lefttext {float:left; width:310px; text-align:justify;}
* html .righttext {float:right; width:310px; text-align:justify;}