/* Basic tags */
body {
	margin: 10px;
	background-color: #020E64;
        font-size: 85%;
	font-family: sans-serif;
	color: #AFBCC9;
}

#body {
	padding: 90px 0px 200px 165px;
}


h1 {
  font-weight: bold;
  font-size: 150%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0.5ex;
}

img {
  border: none;
}

a img {
	border: 0px;
}

dt {
  font-weight: bold;
}

dd {
  padding-bottom: 1.5em;
}
/* ###### Codeteile ###### */


pre{
 font-size:100%;
 font-family:monospace;
 font-weight:400;
 margin:2px 40px 2px 25px;
}
p.small{
 font-size: 75%;
}

p.comment{
 margin:0px;
}

small{
 font-size: 75%;
}

/* ###### Tabellen ###### */

table{
/* width:100%; */
 font-size:100%;
 text-align:left;
 vertical-align:top;
 margin:0px 0px 0px 0px;
 border-style:solid;
 border-color:#0000ff;
 border-width:1px;
 border-spacing:0px;
 padding:3px; 
}

/*table.border{
 width:95%;
 border-style:solid; 
 border-width:1px;
 border-color:#0000ff;
 border-collapse:separate;
 border-spacing:0px;
 padding:0px; 
}*/

td{
 vertical-align:	top;
 padding:0px;
 text-align:left;
 border-style:solid;
 border-color:#4080ff;
}

thead,th{
 color:white;
 background-color:#4080ff;
 text-align:left;
 font-size:100%;
 font-weight:700;
 border-style:solid;
 border-color:#4080ff;
}

tr.two{
/* color:#FFFFFF; */
/* background:#00A0EC;*/
 background-image:url(pic/bg.png);
}

/* ###### Bilder ###### */

img{
 border-style:none;
 margin:0;
 vertical-align:middle;
}

img.foto{
 border-color:#000080;
 border-style:solid;
 border-bottom-width:3px;
 border-right-width:3px;
 border-top-width:1px;
 border-left-width:1px;
 margin:5px 5px 5px 5px;
}

p.foto{
 text-align:center;
 vertical-align:middle;
 margin:5px 5px 5px 5px;
}

.left    { text-align:left; }
.middle  { text-align:center; }
.right   { text-align:right; }



/* Anchors */
a {
	color: #4080ff;
}

a:visited {
	color:  #4080ff;
}

a:active {
	color: #0000ff;
}

a:hover {
	color: #0000ff;
}




#header {
	position: absolute;
	z-index: 5;

	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 48px;

	text-align: right;

	background: url("../pic/head.jpg") no-repeat;
	background-color:  #4080ff;
	border-bottom: 1px solid #807d74;
}


#headerNav {
	position: absolute;
	top: 60px;
	left: 0px;

	padding-left: 90px;
	text-align: left;
	vertical-align: middle;
	font-size: small;
}

#headerNav a {
	color: #4080ff;
}

/* Sidebar */

#sidebar {
	position: absolute;
	top: 115px;
	left: 10px;
	width: 150px;
	font-size: 85%;
	padding-right: 0px;
	padding-bottom: 0px;
	border-left: 1px solid  #4080ff;
	border-right: 1px solid  #4080ff;
	border-bottom: 1px solid  #4080ff;
}

#sidebar p {
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

#sidebar p.section {
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	color:              #f2f6ff;
	background-color:   #4080ff;
}

#sidebar ul {
  margin: 0em;
  margin-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  list-style-type: none;
}

#sidebar ul ul {
  padding-left: 2em;
  padding-right: 0em;
  list-style-type: square;
}

/* ------------------------begin sidebar2------------------------ */
/* Sidebar2 */

#sidebar2 {
	position: absolute;
	top: 400px;
	left: 10px;
	width: 150px;
    font-size: 85%;
	padding-right: 0px;
	padding-bottom: 0px;
	border-left: 1px solid  #4080ff;
	border-right: 1px solid  #4080ff;
	border-bottom: 1px solid  #4080ff;
}

#sidebar2 p {
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

#sidebar2 p.section {
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	color:              #f2f6ff;
	background-color:   #4080ff;
}

#sidebar2 ul {
  margin: 0em;
  margin-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  list-style-type: none;
}

#sidebar2 ul ul {
  padding-left: 2em;
  padding-right: 0em;
  list-style-type: square;
}
/* ------------------------end sidebar2-------------------------- */

/*footer */

#footer {
	text-align: center;
	font-size: small;
	clear: both;

	margin-top: 50px;
	padding: 5px 0px 5px 0px;
}

#footer a {
	color: #4080ff;
}

#footer a:visited {
	color: #4080ff;
}



/* Generic Classes */

div.code {
	background-color: #e0e0e0;
	color: #000000;
	white-space: pre;
	font-family: monospace;
}

/* Colors */

h1, h2, h3, h4, h5
{ /* Textfarbe */  color: #4080ff; }

h1
{ /* Rahmenfarbe */  border-color: #4080ff; }