/*   General Styles   */

body {
 background-image: url(styles/bg.gif);
 background-repeat:no-repeat;
 color: #333;
 font: 11px/1.46 Verdana,Arial,Helvetica,sans-serif;
 margin: 0;
 padding: 0;
}

a:link, a:visited {
 color: #02B0AF;
 text-decoration: none;
}
a:hover {
 color: #02B0AF;
 text-decoration: underline;
}

.email {
 color: #02B0AF;
}

h1 {
 color: #02B0AF;
 font-size: 12px;
 font-weight: bold;
 padding: 0;
 margin: 0 0 0.8em 0;
}
h2 {
 color: #333;
 font-size: 11px;
 font-weight: bold;
 padding: 0;
 margin: 0 0 0.3em 0;
}
h3 {
 color: #999;
 font-size: 11px;
 font-weight: normal;
 padding: 0;
 margin: 0 0 0.2em 0;
}

p {
 margin: 0 0 0.7em 0;
}

td {
  vertical-align: top;
}

ul {
 list-style: circle;
 margin: 0;
 padding: 1em 0 1em 1.3em;
 list-style-position: outside;
}

li {
 margin-bottom: .5em;
}

li a:link, li a:visited{
 color: #fff;
 text-decoration: none;
}

li a:hover {
  color: #C4F02B;
  text-decoration: none;
}

.active a:link, .active a:visited {
 color: #C4F02B;
 font-weight: bold;
}



/*   Header   */

#header {
 width: 100%;
 height: 100px;
 background-image: url(styles/netzwerk_fuer_gestaltung.gif);
 background-repeat:no-repeat;
 background-position: 190px 50px;
}

#header .logo{
 position:absolute;
 top: 60px;
 left: 60px;

}


/*   Navigation   */

#nav {
 position:relative;
 left: 64px;
 width: 200px;
}

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

#nav li {
 margin-bottom: .5em;
}

#nav li a:link, nav# li a:visited{
 color: #fff;
 text-decoration: none;
}

nav# li a:hover {
  color: #C4F02B;
  text-decoration: none;
}

nav# .active a:link, nav# .active a:visited {
 color: #C4F02B;
 font-weight: bold;
}


/*   Wrap   */

#wrap {
 position: absolute;
 left: 160px;
 top: 136px;
 right: 0;
}

/*   Main   */
#index-main {
 background-image: none;
 background-repeat:repeat-y;
 background-color: #9EC214;
 height: 260px;
}
#index-main img{
 position: relative;
 top: 150px;
 left: 30px;
}
.index-contact {
 color: #9EC214;
 padding-top: 0.5em;
}

#main {
 background-image: url(styles/bg_main.gif);
 background-repeat:repeat-y;
 background-color: #9EC214;
 padding: 40px 20px 40px 80px;
}

#main.referenzen {
 padding-left: 20px;
}

.referenzen table {
 width: 680px;
}
.referenzen td {
 padding-bottom: 1em;
}

.referenzen td.headline{
 padding-bottom: 0em;
}

.referenzen td.thumbnail{
 width: 60px;
}

.referenzen td img{
 margin-right: 20px;
}

table h2 .addition {
 font-weight: normal;
 padding-left: 1em;
}

table.kontakt {
 width: 100%
}

td.firstcell {
 padding-right: 1.5em;
 margin-right: 1.56em;
}

table.leistungen {
 padding-top: 2em;
}

p.personen {
  margin: 0 0 2em 0;
} 

#content {
 width: 720px;
}


a.email:link, a.email:visited {
 color: #85a512;
}




/*   Specials   */

#holst {
 position:absolute;
 top: 400px;
 left: 50px;
}
#kumle {
 position:absolute;
 top: 400px;
 left: 250px;
}
#piroth {
 position:absolute;
 top: 400px;
 left: 450px;
}
#schumacher {
 position:absolute;
 top: 400px;
 left: 650px;
}