a,a:hover, a:visited{
color:#ff6600;
}

body{
/*background-image:url(../img/back.jpg);*/
background-color:#e7e7e7;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#erstespalte{
/*background-color:#B6CAE8;*/
width:300Px;
float:left;


}
#erstespalte .linie{
height:15Px;
 border-bottom-width: 2px;
 border-bottom-style:solid;
 border-bottom-color:#FF6600;
 margin-right:165Px;
 margin-left:15Px;
}
#inhalt{
margin-left:300PX;
}
#inhalt .linie{
height:15Px;
 border-bottom-width: 2px;
 border-bottom-style:solid;
 border-bottom-color:#FF6600;
 margin-right:15Px;
 margin-left:15Px;
}
#navigation{
z-index:4;
width:150Px;
position:absolute; top:250Px;
/*background-color:white;*/
}
div#subnavigation {
background-image:url(../img/leiste.gif);
	position: absolute;
	left: 150px;
	top: 0;
	z-index: 1;
	width:130PX;
	height: 100%;
	padding: 0 1em;
	color: #ffffff;
	background-color: #4B5492;
}



.linie{
height:15Px;
 border-bottom-width: 2px;
 border-bottom-style:solid;
 border-bottom-color:#FF6600;
 margin-right:15Px;
 margin-left:15Px;
}
#logo {
height:120Px;
background-image:url(../img/leiste_logo.gif);
background-repeat:no-repeat;
background-position:10Px 17Px; 
}
#bilder_oben {
position:absolute;
left:320Px;
top:180Px;
background-image:url(../img/leiste_oben_bild.gif);
background-position:0Px 15Px;
margin:20Px 30Px 0Px 30Px;
height:120Px;
background-repeat:no-repeat;
}
#logolinks {

background-image:url(../img/links_oben.gif);
background-repeat:no-repeat;
background-position:10Px 20Px;
height:120Px;
}
#content{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13Px;
margin:20Px 30Px 0Px 30Px;
width:620Px;
}


/*festlegung der Position der navigationsbutton, ist notwendig damit die subnavigation weiss wo sie anfangen soll:
der subnavigation sage ich dass ihre Position relativ zur elternklasse ein soll mit position:relative*/


/* inaktiv */

/* Positionierung der Subnavigation*/
.nav {
height:30PX;	
}
*html .nav {
	overflow:hidden;
}
/*ende Positinierung der subnavigation*/


/* links in der navigation ++++++*/

/* Hauptnavigation*/
#erstespalte #navigation a{
font-size:16Px;
color:#3F497A;
text-decoration:none;
display:block;
width:120Px;
padding-right:30Px;
}
.stift{
display:none;}

/*aktive und inaktive Button, Klassen werden beim Aufrufen der Seite definiert,
wenn aktive dann class =ak
wenn inaktiv =class=in*/
  #erstespalte #navigation a.in:link,   #erstespalte #navigation a.in:visited  {
text-align:right;
	padding-right:10Px;
	text-decoration:none;
	font-weight:bold;
}
  #erstespalte #navigation a.in:hover{
text-align:right;
padding-right:30Px;
text-decoration:none;
color:#FF6600;
	background-image:url(../img/button_2.gif);
	background-repeat:no-repeat;
	background-position:120Px 0PX;
font-weight:bold;
}

  #erstespalte #navigation a.ak:link,   #erstespalte #navigation a.ak:visited  {
text-align:right;
	background-image:url(../img/button.gif);
	background-repeat:no-repeat;
	background-position:120Px 0PX;
	color:#FF6600;
font-weight:bold;
}
  #erstespalte #navigation a.ak:hover{
	color:#FF6600;
}

/*hier beginnen die Style Sheets der Subnavigation*/
/*positionierung:*/
.navaktiv {
position:relative;
top:-23px;
left: 150px;
font-weight:bold;
/*background-color:green;*/
}
.navinaktiv {
position:absolute;
top:0Px;
left: -2000Px;
background-color: #0099FF;

}



/* SubNavigation - nicht aktiv*/
  #erstespalte #navigation .nav .navaktiv a.insub:link,
  #erstespalte #navigation .nav .navaktiv a.insub:visited  {
	text-align:left;
	height:30Px;
	padding-left:20Px;
	text-decoration:none;
	color:#3F497A;
	font-weight:bold;
	padding-right:17Px;

}
  #erstespalte #navigation .nav .navaktiv a.insub:hover{
	text-align:left;
	height:30Px;
	padding-left:20Px;
	text-decoration:none;
	color:#cccccc;
	font-weight:bold;
	padding-right:17Px;

}
/* SubNavigation - aktiv*/
  #erstespalte #navigation .nav .navaktiv a.aksub:link,
  #erstespalte #navigation .nav .navaktiv a.aksub:visited  {
	text-align:left;
	height:30Px;
	padding-left:20Px;
	text-decoration:none;
	color:#CCCCCC;
	font-weight:bold;
/*	background-color:blue;*/
	padding-right:17Px;

}
  #erstespalte #navigation .nav .navaktiv a.aksub:hover{
  text-align:left;
  height:30Px;
	padding-left:20Px;
	text-decoration:none;
	color:#CCCCCC;
	font-weight:bold;
	padding-right:17Px;
}

div#cright {
	position: relative;
  padding-top:80Px;
  padding-left:10Px;
	color:#FF6600;
	font-weight:bold;
	font-size:10Px;
}

div#footer {
	
	position: relative;
  padding-left:20Px;
	color:#FF6600;
	font-weight:bold;
	font-size:11Px;

}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#234b85;
font-weight:bold;
display:inline;
}
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#234b85;
font-weight:bold;
display:inline;
}
h4{
background-image:url(../img/ball.jpg);
	background-repeat:no-repeat;
	background-position:0Px 5PX;
	padding-left:20Px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-indent:0Px;
line-height:20Px;
color:#234b85;
display:inline;
}
h3{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#234b85;
display:inline;
}
img {
background-color:#FFFFFF;

}
p, div {font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:25Px;
color:#234b85;
 margin: 0; padding: 0; } 
.title{color:#FF6600;}
.code{font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FF6600;
font-weight:bold;}