/*###########################################################################*/
/*                   http://www.aktif-meslek.de                              */
/*                     Copyright: August 2008                                */
/*          Gestaltung und Programmierung: Patrick Hupka                     */
/*                      Eigentümer: ETC e.V. München                         */
/*###########################################################################*/

/*############################################################################*/
/*############################# ALLGEMEINES ##################################*/


body, html {
	padding: 0;
	margin: 0;
}

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 13px;
	color: #666;
    background-color:#eeefef;
    /*#bdbcbc;*/
}
a{
    font-weight:bold;
  text-decoration:none;
  color:#0064b0;
}

h1{  
font-family:Verdana, Geneva, sans-serif;
  line-height:normal;
  display:block;
  color:#0064b0;



  font-weight: bold;
}
h1 span{
  color:#fa0503
}

h2{
  font:12px,Arial,Verdana,  sans-serif;;
  font-weight:bold;
}

p{
  padding-right:4px;
  margin-right:14px;
  line-height:18px;
}
img{
  border:0px;
}
.heading{
  color: #fff;
  font-weight: bold;
  background-color:#8f8f8f;
}
.tableClass1{
  background-color:#EDEDED;
  text-align: left;
}
/*############################################################################*/
/*############################### CONTAINER ##################################*/
#zentrum {
width: 900px;
height: 500px;
margin:0px auto;
}
#topbar{
position:relative;
width:900px;
height:23px;
background-color:#fff;
border: 1px solid #abaaaa;
display:block;
margin-bottom: 5px;
text-align:right;
vertical-align: top;
}


#footbar{
  position:relative;
  display:block;
  width:900px;
  height:23px;
  background-color:#fff;
  border: 1px solid #abaaaa;
  margin-top:5px;
  clear:booth;
  text-align: center;
  line-height: 20px;
}

#banner{
  position:relative;
  width:900px;
  height: 143px;
  background-color:#fff;
  border: 1px solid #abaaaa;
  margin-bottom: 5px;
}


#topbar img{
  margin-right:5px;
}

#navi{
  position:relative;
  width: 143px;
  height:auto;
  background-color:#fff;
  float:left;
}

#subnavigation{
height:auto;
  width: 152px;;
  clear:left;
}
#subnavigation li#aktiF{
   text-decoration: none;
  color:#e23c84;

  padding-left:0px;
  font-weight: bold;
}
#subnavigation li#aktiF Img{
  padding-right:5px;
}
#subnavigation a{
  text-decoration: none;
  color:#0064b0;
  padding:1px;
  padding-left:5px;
  font-weight: bold;
}
#subnavigation a:hover{
  text-decoration: none;
  color:#e23c84;
  padding:1px;
  padding-left:5px;
  font-weight: bold;
}
#bild{
position:relative;
float:right;
width:152px;
height:298px;
vertical-align: bottom;
border-bottom:1px solid #abaaaa;
border-left:1px solid #abaaaa;

}
#content{
  position:relative;
  width:900px;
  min-height: 350px;
  border: 1px solid #abaaaa;
  background-color:#fff;
 clear:booth;
  margin:0;
}
#inhalt{
position:relative;
width:530px;
clear:booth;
margin-left: 180px;
margin-top: 6px;
line-height: 18px;
padding-bottom: 15px;
margin-bottom:0px;
}
#inhalt img{
  clear:left;
  margin-right: 10px;

}
#inhalt table {
width:500px;
text-align: center;
padding:0;
margin:0px;

}
#inhalt table td{
text-align: center;
border: 1px;
padding:0;
margin:1px;

}
#inhalt table#kontakt{
  text-align: left;
}
#inhalt table#kontakt td{
  text-align: left;
}

#inhalt ul{
  line-height: 22px;
}
#inhalt ul a{
  font-weight:bold;
  text-decoration:none;
  color:#0064b0;
}
#inhalt ul a:hover{
  font-weight:bold;
  text-decoration:none;
  color:#e23c84;
}




/*############################################################################*/
/*############################### NAVIGATION #################################*/

#navi ul{
  list-style-type: none;
  margin-left: 12px;
  padding:0;
  margin-bottom:5px;
}
#navi ul li{
  margin-top: 4px;
}

/*------------------------------------------------------------------------HOME*/
#navi ul li#home a{
display: block;
height: 23px;
width: 143px;
  background: url("../Bilder/navi/home.jpg") 0 0 no-repeat;
}
#navi ul li#home a:hover{
display: block;
height: 23px;
width: 143px;
  background: url("../Bilder/navi/home.jpg") 0 -46px no-repeat;
}
#navi ul li#homeA {
display: block;
height: 23px;
width: 143px;
  background: url("../Bilder/navi/home.jpg") 0 -23px no-repeat;
}
/*--------------------------------------------------------------------Projekt NEU*/
#navi ul li#projekt a{
display: block;
height: 23px;
width: 143px;
  background: url("../Bilder/navi/projekt2.jpg") 0 0 no-repeat;
}
#navi ul li#projekt a:hover{
display: block;
height: 23px;
width: 143px;
  background: url("../Bilder/navi/projekt2.jpg") 0 -46px no-repeat;
}
#navi ul li#projektA a{
display: block;
height: 23px;
width: 143px;
  background: url("../Bilder/navi/projekt2.jpg") 0 -23px no-repeat;
}
/*-----------------------------------------------------------------Angebote*/
#navi ul li#angebote a{
display: block;
height: 23px;
width: 143px;
  background: url("../Bilder/navi/angebote2.jpg") 0 0 no-repeat;
}
#navi ul li#angebote a:hover{
display: block;
height: 23px;
width: 143px;
  background: url("../Bilder/navi/angebote2.jpg") 0 -46px no-repeat;
}
#navi ul li#angeboteA {
display: block;
height: 23px;
width: 143px;
  background: url("../Bilder/navi/angebote2.jpg") 0 -23px no-repeat;
}
/*----------------------------------------------------------------------Zielgruppe*/
#navi ul li#zielgruppe a{
display: block;
height: 23px;
width: 143px;
  background: url("../Bilder/navi/zielgruppen2.jpg") 0 0 no-repeat;
}
#navi ul li#zielgruppe a:hover{
display: block;
height: 23px;
width: 143px;
  background: url("../Bilder/navi/zielgruppen2.jpg") 0 -46px no-repeat;
}
#navi ul li#zielgruppeA {
display: block;
height: 23px;
width: 143px;
  background: url("../Bilder/navi/zielgruppen2.jpg") 0 -23px no-repeat;
}
/*---------------------------------------------------------------------Themen*/
#navi ul li#themen a{
  display: block;
  height: 23px;
  width: 143px;
  background: url("../Bilder/navi/themen2.jpg") 0 0 no-repeat;
}
#navi ul li#themen a:hover{
  display: block;
  height: 23px;
  width: 143px;
  background: url("../Bilder/navi/themen2.jpg") 0 -46px no-repeat;
}
#navi ul li#themenA a{
  display: block;
  height: 23px;
  width: 143px;
  background: url("../Bilder/navi/themen2.jpg") 0 -23px no-repeat;
}
/*----------------------------------------------------------------------PRESSE*/
#navi ul li#presse a{
display: block;
height: 23px;
width: 143px;
  background: url("../Bilder/navi/presse.jpg") 0 0 no-repeat;
}
#navi ul li#presse a:hover{
display: block;
height: 23px;
width: 143px;
  background: url("../Bilder/navi/presse.jpg") 0 -46px no-repeat;
}
#navi ul li#presseA {
display: block;
height: 23px;
width: 143px;
  background: url("../Bilder/navi/presse.jpg") 0 -23px no-repeat;
}
/*-----------------------------------------------------------------------LINKS*/
#navi ul li#links a{
display: block;
height: 23px;
width: 143px;
  background: url("../Bilder/navi/links.jpg") 0 0 no-repeat;
}
#navi ul li#links a:hover{
display: block;
height: 23px;
width: 143px;
  background: url("../Bilder/navi/links.jpg") 0 -46px no-repeat;
}
#navi ul li#linksA {
display: block;
height: 23px;
width: 143px;
background: url("../Bilder/navi/links.jpg") 0 -23px no-repeat;
}