/* Globale Einstellung */

body{
width:auto;
color:black;
background: white;
padding:0;
margin:0;
font:12px verdana, sans-serif;}

/* Festlegung des Gesamtrahmen */
#wrapper{
width:auto;
/* color:black;
background:#cccccc; */
margin:auto;
}

/* Festlegung des Kopfbereichs */
#head{
background: url("img/back.jpg");
height: 61px;
color: white;
margin:auto;
border-top:1px solid black;}

#head h1{
color:black;
background:transparent;
padding: 0px 0 0 0px;
margin:0;
border-top:0px solid black;
font:bold 18px verdana, sans-serif;}

/* Festlegung des Gesamtrahmen Button */
#wrapperleft{
float:left;
/* background:transparent; */
background:transparent;
width: 17%;
height: auto;
border-left:0px solid black;
border-bottom:0px solid black;
 border-right:0px solid black;
}
/* Einstellung Menue Linke */
/* Einstellung Button1 aktiv*/
#button1{
float:left;}
#button1 ul{
margin:0px;
padding:15px 0 0 10px;
list-style:none;}
#button1 li{
padding:0 0 5px 0;
margin:0;}
#button1 a{
background: url("img/button1_2.jpg");
padding:2px 20px 2px 86px;
border:1px solid black;
font:bold 20px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#button1 a:hover{color:white;background:url("img/button1_1.jpg");}

#button1a{
float:left;}
#button1a ul{
margin:0px;
padding:10px 0 0 10px;
list-style:none;}
#button1a li{
padding:0 0 5px 0;
margin:0;}
#button1a a{
background: url("img/button1_3.jpg");
padding:2px 20px 2px 86px;
border:1px solid black;
font:bold 20px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#button1a a:hover{color:white;background:url("img/button1_3.jpg");}

/* Einstellung Button2 */
#button2{
float:left;}
#button2 ul{
margin:0px;
padding:10px 0 0 10px;
list-style:none;}
#button2 li{
padding:0 0 5px 0;
margin:0;}
#button2 a{
background: url("img/button2_2.jpg");
padding:2px 20px 2px 86px;
border:1px solid black;
font:bold 20px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#button2 a:hover{color:white;background:url("img/button2_1.jpg")}

/* Einstellung Button2 aktiv*/
#button2a{
float:left;}
#button2a ul{
margin:0px;
padding:10px 0 0 10px;
list-style:none;}
#button2a li{
padding:0 0 5px 0;
margin:0;}
#button2a a{
background: url("img/button2_3.jpg");
padding:2px 20px 2px 86px;
border:1px solid black;
font:bold 20px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#button2a a:hover{color:white;background:url("img/button2_3.jpg")}

/* Einstellung Button3 */
#button3{
float:left;}
#button3 ul{
margin:0px;
padding:10px 0 0 10px;
list-style:none;}
#button3 li{
padding:0 0 5px 0;
margin:0;}
#button3 a{
background: url("img/button3_2.jpg");
padding:2px 20px 2px 86px;
border:1px solid black;
font:bold 20px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#button3 a:hover{color:white;background:url("img/button3_1.jpg")}

/* Einstellung Button3 aktiv*/
#button3a{
float:left;}
#button3a ul{
margin:0px;
padding:10px 0 0 10px;
list-style:none;}
#button3a li{
padding:0 0 5px 0;
margin:0;}
#button3a a{
background: url("img/button3_3.jpg");
padding:2px 20px 2px 86px;
border:1px solid black;
font:bold 20px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#button3a a:hover{color:white;background:url("img/button3_3.jpg")}


/* Einstellung Button4 */
#button4{
float:left;}
#button4 ul{
margin:0px;
padding:10px 0 0 10px;
list-style:none;}
#button4 li{
padding:0 0 5px 0;
margin:0;}
#button4 a{
background: url("img/button4_2.jpg");
padding:2px 20px 2px 86px;
border:1px solid black;
font:bold 20px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#button4 a:hover{color:white;background:url("img/button4_1.jpg")}

/* Einstellung Button4 aktiv*/
#button4a{
float:left;}
#button4a ul{
margin:0px;
padding:10px 0 0 10px;
list-style:none;}
#button4a li{
padding:0 0 5px 0;
margin:0;}
#button4a a{
background: url("img/button4_3.jpg");
padding:2px 20px 2px 86px;
border:1px solid black;
font:bold 20px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#button4a a:hover{color:white;background:url("img/button4_3.jpg")}

/* Einstellung Button5 */
#button5{
float:left;}
#button5 ul{
margin:0px;
padding:10px 0 0 10px;
list-style:none;}
#button5 li{
padding:0 0 5px 0;
margin:0;}
#button5 a{
background: url("img/button5_2.jpg");
padding:2px 20px 2px 86px;
border:1px solid black;
font:bold 20px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#button5 a:hover{color:white;background:url("img/button5_1.jpg")}

/* Einstellung Button5 aktiv*/
#button5a{
float:left;}
#button5a ul{
margin:0px;
padding:10px 0 0 10px;
list-style:none;}
#button5a li{
padding:0 0 5px 0;
margin:0;}
#button5a a{
background: url("img/button5_3.jpg");
padding:2px 20px 2px 86px;
border:1px solid black;
font:bold 20px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#button5a a:hover{color:white;background:url("img/button5_3.jpg")}

/* Einstellung Button6 */
#button6{
float:left;}
#button6 ul{
margin:0px;
padding:10px 0 0 10px;
list-style:none;}
#button6 li{
padding:0 0 5px 0;
margin:0;}
#button6 a{
background: url("img/button6_2.jpg");
padding:2px 20px 2px 86px;
border:1px solid black;
font:bold 20px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#button6 a:hover{color:white;background:url("img/button6_1.jpg")}

/* Einstellung Button6 aktiv*/
#button6a{
float:left;}
#button6a ul{
margin:0px;
padding:10px 0 0 10px;
list-style:none;}
#button6a li{
padding:0 0 5px 0;
margin:0;}
#button6a a{
background: url("img/button6_3.jpg");
padding:2px 20px 2px 86px;
border:1px solid black;
font:bold 20px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#button6a a:hover{color:white;background:url("img/button6_3.jpg")}

/* Einstellung Button7 */
#button7{
float:left;}
#button7 ul{
margin:0px;
padding:10px 0 0 10px;
list-style:none;}
#button7 li{
padding:0 0 5px 0;
margin:0;}
#button7 a{
background: url("img/button7_2.jpg");
padding:2px 20px 2px 86px;
border:1px solid black;
font:bold 20px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#button7 a:hover{color:white;background:url("img/button7_1.jpg")}

/* Einstellung Button7 aktiv*/
#button7a{
float:left;}
#button7a ul{
margin:0px;
padding:10px 0 0 10px;
list-style:none;}
#button7a li{
padding:0 0 5px 0;
margin:0;}
#button7a a{
background: url("img/button7_3.jpg");
padding:2px 20px 2px 86px;
border:1px solid black;
font:bold 20px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#button7a a:hover{color:white;background:url("img/button7_3.jpg")}


/* Einstellung Button60 */
#button60{
float:center;}
#button60 ul{
margin:0px;
padding:10px 0 0 20px;
list-style:none;}
#button60 li{
padding:0 0 5px 0;
margin:0;}
#button60 a{
background: url("img/Java_2.jpg");
padding:2px 20px 2px 86px;
border:1px solid black;
font:bold 20px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#button60 a:hover{color:white;background:url("img/Java_1.jpg")}

/* Einstellung Button8 */
#button8{
float:center;}
#button8 ul{
margin:0px;
padding:10px 0 0 20px;
list-style:none;}
#button8 li{
padding:0 0 5px 0;
margin:0;}
#button8 a{
background: url("img/button8_2.jpg");
padding:2px 20px 2px 86px;
border:1px solid black;
font:bold 20px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#button8 a:hover{color:white;background:url("img/button8_1.jpg")}


/* Einstellung Home2 */
#home2 a{
background: url("img/home2_2.jpg");
padding:2px 20px 2px 86px;
border:1px solid black;
display: inline;
font:bold 20px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#home2 a:hover{color:white;background:url("img/home2_1.jpg")}



#navi_home ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navi_home li
{
float: center;
margin-left: 15px;
margin: 10px;
}

#navi_home a
{
display: block;
width: 115px;
height: 30px;
}

a.home1:link, a.home1:visited
{
background-image: url(img/home1.jpg);
}

a.home2:link, a.home2:visited
{
background-image: url(img/home2_2.jpg);
}

a.home2:hover
{
background-image: url(img/home2_1.jpg);
}

a.home3:link, a.home3:visited
{
background-image: url(img/home3_2.jpg);
}

a.home3:hover
{
background-image: url(img/home3_1.jpg);
}

a.home4:link, a.home4:visited
{
background-image: url(img/home4_2.jpg);
}

a.home4:hover
{
background-image: url(img/home4_1.jpg);
}

a.home5:link, a.home5:visited
{
background-image: url(img/home5_2.jpg);
}

a.home5:hover
{
background-image: url(img/home5_1.jpg);
}


/* Einstellung GIF aktiv*/
#gif{ padding:80px 0 5px 8px;}


#text {
position: relative;
overflow: auto;
}


#content{
color:black;
width:auto;
height: auto;
border-left:1px solid black;
border-bottom:1px solid black;
border-right:1px solid black;

background:#FDF6DA;}

#content a:hover{color:blue}

#content h2{
margin:0 0 10px 0;
padding:15px 0 2px 5px;
font:bold 20px verdana, sans-serif;
color: blue;
border-left:0px solid #FFB001;
border-bottom:1px solid #FFB001;}

#content h3{
margin:0 0 10px 0;
padding:2px 0 2px 5px;
font: 18px verdana, sans-serif;
border-left:0px solid #FFB001;
border-bottom:0px solid #FFB001;}

#content h4{
margin:10px 0 10px 0;
padding:2px 0 2px 5px;
border-bottom:1px solid black;}

#content h5{
margin:0 0 10px 0;
padding:5px 0px 5px 5px;
color: #FF0000;
font:bold 20px verdana, sans-serif;
border-top:1px solid black;
border-bottom:1px solid black;
background:#FFB001;}

#content h6{
width:80%;
margin:5px 0 5px 0;
padding:10px 10px 10px 10px;
font: 12px verdana, sans-serif;
}

#content p{
width:80%;
padding:5px;
font: 13px verdana, sans-serif;
}

#content img{
padding:5px;
}

/* Tabellen Standard definieren */

#content table{
  width:80%;
  overflow: auto;
  background-color: #FAFA93;
  font: 13px verdana, sans-serif;
  border: 1px solid black;
}


#content td{
  vertical-align:top; 
  text-align: left;
  font: 13px verdana, sans-serif;
  border: 1px solid black;

}

/* Content innenbereich Navigation (Karteireiter) */
#navi {
  text-align: right;
  background-color: transparent;
  padding:10px 5px 4px 10px;
  border-bottom: 1px solid black;
}

#navi ul {
  margin: 0px;
  padding: 0px;
}

#navi li {
  list-style-type: none;
  display: inline;
  margin: 0px;
  padding: 0px;
}

#navi a {
  text-decoration: none;
  color: blue;
  background-color: #FFB001;
  padding: 4px 4px 4px 4px;
  border: 1px solid black;
}


#navi a:hover,
#startseite #navi01,
#kontaktseite #navi02 {
 color: black;
 background-color: #ffffff;
 padding-bottom: 5px;
 border-bottom: none;
}

/* Fußbereich */
#foot{color:transparent;
float:right;
font:11px verdana, sans-serif;
padding:0;
margin:auto;
border-top:0px solid black;}

#foot p{font:11px verdana, sans-serif;color:transparent;margin:0;padding:4px;}