/*
Author: Frank Beier, http://www.frbe.de
Date: December 2005
*/

body {
text-align: center;
background: #ccc;
margin: 0 0 30px 0;
padding: 0;
font: 11px normal Verdana, Arial, sans-serif;
color: #000;
}

#container {
position: relative;
margin: auto;
text-align: left;
width: 772px;
background: #fff;
}

#header {
height: 134px;
background: #fff url(../imgs/header_bg.gif) top left no-repeat;
}

#header h1 {
position: absolute;
top: 24px;
left: 14px;
width: 332px;
height: 39px;
margin: 0;
padding: 0;
background: transparent url(../imgs/bsp.gif) top left no-repeat;
}

#header h1 a {
width: 332px;
height: 39px;
display: block;
outline: 0 !important;
text-decoration: none !important;
border: 0 !important;
padding: 0;
}

#header h1 a span {
display: none;
}

#header div {
position: absolute;
top: 10px;
right: 18px;
margin: 0;
padding: 0;
}

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

#header div ul li {
display: inline;
padding-left: 6px;
}

#header div ul li a:link, #header div ul li a:visited {
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

#header div ul li a:hover, #header div ul li a:active {
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

#content {
margin: 0;
padding: 5px 9px 5px 5px;
background: #fff url(../imgs/content_bg.gif) top left repeat-y;
}

#content_grey {
margin: 0;
padding: 0 9px 5px 5px;
background: #fff url(../imgs/content_grey_bg.gif) top left repeat-y;
}

div.hp_tile1 {
width: 758px;
height: 45px;
background: #fff url(../imgs/hp_tile1.gif) top left no-repeat;
padding: 0;
margin: 0 0 5px 0;
}

div.hp_tile2 {
float: left;
width: 377px;
height: 110px;
padding: 0;
margin: 0 0 5px 0;
background: #fff url(../imgs/hp_tile2.gif) top left no-repeat;
}

h2 {
margin: 0;
padding: 0;
}

h3 {
margin: 10px;
}

h3.follow {
margin: 22px 10px 10px 10px;
}

div.hp_tile2 a {
width: 377px;
height: 110px;
display: block;
outline: 0 !important;
text-decoration: none !important;
border: 0 !important;
padding: 0;
}

div.hp_tile2 a span {
display: none;
}

div.hp_tile3 {
float: right;
width: 376px;
height: 110px;
background: #fff url(../imgs/hp_tile3.gif) top left no-repeat;
padding: 0;
margin: 0 0 5px 0;
}

div.hp_tile3 a {
width: 376px;
height: 110px;
display: block;
outline: 0 !important;
text-decoration: none !important;
border: 0 !important;
padding: 0;
}

div.hp_tile3 a span {
display: none;
}

div.hp_tile4 {
clear: both;
width: 758px;
height: 45px;
background: #fff url(../imgs/hp_tile4.gif) top left no-repeat;
padding: 0;
margin: 0 0 5px 0;
}

div.hp_text1 {
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.hp_text2 {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

p {
line-height: 1.5em;
margin: 10px 10px 10px 10px;
padding: 0;
font: 11px normal "Tahoma", "Verdana", Arial, sans-serif;
}

p span {
color: #999;
}

p span.hiLite {
color: #9c0;
}

p.last {

margin: 10px 10px 20px 10px;
padding: 0;
font: 12px normal  Verdana, Arial, sans-serif;
}

ul.caption {
list-style: none;
margin: 10px 10px 20px 10px;
padding: 0;
line-height: 1.5em;
}

ul.caption li {
font: 11px normal "Tahoma", "Verdana", Arial, sans-serif;
padding-bottom: 4px;
}

ul.caption li span {
color: #999;
}

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

a:hover, a:active {
color: #9c0;
text-decoration: none;
}

a.current:link, a.current:visited {
color: #9c0;
text-decoration: none;
}

a.current:hover, a.current:active {
color: #9c0;
text-decoration: none;
}

a.hiLite:link, a.hiLite:visited {
color: #9c0;
text-decoration: none;
}

a.hiLite:hover, a.hiLite:active {
color: #9c0;
text-decoration: none;
}

#footer {
position: relative;
width: 772px;
height: 53px;
margin: 0;
padding: 0;
background: #fff url(../imgs/footer_bg.gif) top left no-repeat;
}

#footer div {
position: absolute;
top: 11px;
right: 18px;
color: #999;
font-size: 10px;
}

div.clear {
clear: both;
}

div.kunst_tile1 {
float: left;
width: 377px;
height: 160px;
padding: 0;
margin: 0;
background: #c03 url(../imgs/kunst_index.gif) top left no-repeat;
}

h2 span {
display: none;
}

div.kunst_tile2 {
position: relative;
float: right;
width: 376px;
height: 160px;
padding: 0;
margin: 0;
background: #c03;
}

div.index {
position: absolute;
top: 10px;
left: 10px;
z-index: 10;
}

div.specialNav1 {
position: absolute;
top: 15px;
right: 10px;
text-align: right;
z-index: 20;
}

div.specialNav1 ul {
list-style: none;
margin: 0;
padding: 0;
}

div.specialNav1 ul li {
display: inline;
padding-left: 6px;
}

div.specialNav1 a.specialNav {
color: white;
}

div.specialNav {
position: absolute;
top: 10px;
right: 10px;
text-align: right;
z-index: 20;
}

div.specialNav ul {
list-style: none;
margin: 0;
padding: 0;
}

div.specialNav ul li {
display: inline;
padding-left: 6px;
}

div.specialNav a.specialNav {
color: white;
}

div.projectNav {
position: absolute;
top: 78px;
left: 10px;
text-align: right;
z-index: 30;
font-size: 10px;
}

div.projectNav span.kunst {
color: #c03;
}

div.projectNav span.artfokus {
color: #F3BF1B;
}

a.projectNav:link, a.projectNav:hover, a.projectNav:active, a.projectNav:visited {
color: #000;
font-size: 10px;
text-decoration: none;
}

div.kunst_tile2 ul.main {
list-style: none;
margin: 0;
padding: 0;
line-height: 1.3em;
}

div.kunst_tile2 ul.sub {
list-style: none;
margin: 0;
padding: 0;
line-height: 1.3em;
}

div.kunst_tile2 ul.main li.follow {
margin: 0;
padding: 8px 0 0 0;
}

div.kunst_tile2 ul.main li.first {
margin: 0;
padding: 0;
}

div.kunst_tile2 ul.sub li {
display: inline;
margin: 0;
padding: 0 6px 0 0;
}

div.kunst_tile2 div.index a.main {
color: white;
}

div.kunst_tile2 div.index a.sub {
color: #EB99AD;
}


div.kunst_tile3 {
float: left;
width: 377px;
height: 145px;
margin: 5px 0 0 0;
padding: 0;
background: url(../imgs/kunst_index_picture.jpg) top left no-repeat;
}

div.kunst_tile4 {
float: right;
width: 376px;
height: 145px;
margin: 5px 0 0 0;
padding: 0;
}

img {
border: none;
}

div.artfokus_tile1 {
float: left;
width: 377px;
height: 160px;
padding: 0;
margin: 0;
background: #F3BF1B url(../imgs/artfokus_index.gif) top left no-repeat;
}

div.artfokus_tile2 {
position: relative;
float: right;
width: 376px;
height: 160px;
padding: 0;
margin: 0;
background: #F3BF1B;
}

div.artfokus_tile2 ul.main {
list-style: none;
margin: 0;
padding: 0;
line-height: 1.3em;
}

div.artfokus_tile2 ul.sub {
list-style: none;
margin: 0;
padding: 0;
line-height: 1.3em;
}

div.artfokus_tile2 ul.main li.follow {
margin: 0;
padding: 8px 0 0 0;
}

div.artfokus_tile2 ul.main li.first {
margin: 0;
padding: 0;
}

div.artfokus_tile2 ul.sub li {
display: inline;
margin: 0;
padding: 0 6px 0 0;
}

div.artfokus_tile2 div.index a.main {
color: white;
}

div.artfokus_tile2 div.index a.sub {
color: #FBE9AF;
}

div.artfokus_tile3 {
float: left;
width: 377px;
height: 145px;
margin: 5px 0 0 0;
padding: 0;
background: url(../imgs/artfokus_index_picture.jpg) top left no-repeat;
}

div.artfokus_tile4 {
float: right;
width: 376px;

margin: 5px 0 0 0;
padding: 0;
}

div.kontakt_tile1 {
position: relative;
width: 758px;
height: 94px;
background: #fff url(../imgs/kontakt.gif) top left no-repeat;
padding: 0;
margin: 0 0 5px 0;
}

div.kontakt_text1 {
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.kontakt_text2 {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

div.impressum_tile1 {
position: relative;
width: 758px;
height: 94px;
background: #fff url(../imgs/impressum.gif) top left no-repeat;
padding: 0;
margin: 0 0 5px 0;
}

div.impressum_text1 {
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.impressum_text2 {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

div.links_tile1 {
position: relative;
width: 758px;
height: 94px;
background: #fff url(../imgs/links.gif) top left no-repeat;
padding: 0;
margin: 0 0 5px 0;
}

div.links_text1 {
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.links_text2 {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

div.referenzen_tile1 {
position: relative;
width: 758px;
height: 99px;
background: #fff url(../imgs/referenzen.gif) top left no-repeat;
padding: 0;
margin: 0;
}

div.referenzen_text1 {
text-align: center;
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.referenzen_text2 {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

div.profil_tile1 {
position: relative;
width: 758px;
height: 99px;
background: #fff url(../imgs/profil.gif) top left no-repeat;
padding: 0;
margin: 0;
}

div.profil_left {
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.profil_right {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

div.aktuell_tile1 {
position: relative;
width: 758px;
height: 142px;
background: #fff url(../imgs/aktuell.gif) top left no-repeat;
padding: 0;
margin: 0;
}

div.aktuell_text1 {
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.aktuell_text2 {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

div.presse_tile1 {
position: relative;
width: 758px;
height: 142px;
background: #fff url(../imgs/presse.gif) top left no-repeat;
padding: 0;
margin: 0;
}

div.presse_text1 {
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.presse_text2 {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

div.generationen_tile1 {
position: relative;
width: 758px;
height: 99px;
background: #fff url(../imgs/generationen.gif) top left no-repeat;
padding: 0;
margin: 0;
}

div.generationen_left {
text-align: center;
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.generationen_right {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

div.sprache_tile1 {
position: relative;
width: 758px;
height: 99px;
background: #fff url(../imgs/sprache.gif) top left no-repeat;
padding: 0;
margin: 0;
}

div.sprache_left {
text-align: center;
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.sprache_right {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

div.identitaeten_tile1 {
position: relative;
width: 758px;
height: 99px;
background: #fff url(../imgs/identitaeten.gif) top left no-repeat;
padding: 0;
margin: 0;
}

div.identitaeten_left {
text-align: center;
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.identitaeten_right {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

div.fotografie_tile1 {
position: relative;
width: 758px;
height: 99px;
background: #fff url(../imgs/fotografie.gif) top left no-repeat;
padding: 0;
margin: 0;
}

div.fotografie_left {
text-align: center;
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.fotografie_right {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

div.objekte_tile1 {
position: relative;
width: 758px;
height: 99px;
background: #fff url(../imgs/objekte.gif) top left no-repeat;
padding: 0;
margin: 0;
}

div.objekte_left {
text-align: center;
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.objekte_right {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

div.oeffentlicher-raum_tile1 {
position: relative;
width: 758px;
height: 99px;
background: #fff url(../imgs/oeffentlicher-raum.gif) top left no-repeat;
padding: 0;
margin: 0;
}

div.oeffentlicher-raum_left {
text-align: center;
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.oeffentlicher-raum_right {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

div.tagebuch_tile1 {
position: relative;
width: 758px;
height: 99px;
background: #fff url(../imgs/tagebuch.gif) top left no-repeat;
padding: 0;
margin: 0;
}

div.tagebuch_left {
text-align: center;
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.tagebuch_right {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

div.zeitachsen_tile1 {
position: relative;
width: 758px;
height: 99px;
background: #fff url(../imgs/zeitachsen.gif) top left no-repeat;
padding: 0;
margin: 0;
}

div.zeitachsen_left {
text-align: center;
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.zeitachsen_right {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

div.ausstellungsrealisationen_tile1 {
position: relative;
width: 758px;
height: 99px;
background: #fff url(../imgs/ausstellungsrealisationen.gif) top left no-repeat;
padding: 0;
margin: 0;
}

div.ausstellungsrealisationen_left {
text-align: center;
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.ausstellungsrealisationen_right {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

div.integration_tile1 {
position: relative;
width: 758px;
height: 99px;
background: #fff url(../imgs/integration.gif) top left no-repeat;
padding: 0;
margin: 0;
}

div.integration_left {
text-align: center;
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.integration_right {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

div.kunst-in-schulen_tile1 {
position: relative;
width: 758px;
height: 99px;
background: #fff url(../imgs/kunst-in-schulen.gif) top left no-repeat;
padding: 0;
margin: 0;
}

div.kunst-in-schulen_left {
text-align: center;
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.kunst-in-schulen_right {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

div.senioren_tile1 {
position: relative;
width: 758px;
height: 99px;
background: #fff url(../imgs/senioren.gif) top left no-repeat;
padding: 0;
margin: 0;
}

div.senioren_left {
text-align: center;
float: left;
width: 377px;
padding: 0;
margin: 0;
}

div.senioren_right {
float: right;
width: 376px;
padding: 0;
margin: 0;
}

img.portrait {
margin: 15px 0 0 10px;
}

ul.ref {
list-style: none;
padding: 0;
margin: 10px 10px 20px 10px;
}

li.year {
list-style: none;
padding: 0;
margin: 0;
color: #9c0;
}

ul.refSub {
list-style: none;
padding: 0;
margin: 6px 0 10px 0;
}

ul.refSub li {
list-style: none;
padding: 0 0 6px 0;
margin: 0;
color: #000;
}

div.pics {
background: #E5E5E5;
}

img.project {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 22px;
}

img.up {
margin-top: -7px;
margin-bottom: 17px;
}

img.separator {
margin-bottom: 22px;
}

img.referenzen-1 {
margin-top: 10px;
margin-bottom: 75px;
}

img.referenzen-2 {
margin-bottom: 125px;
}

img.referenzen-3 {
margin-bottom: 100px;
}

img.referenzen-4 {
margin-bottom: 22px;
}

a.download:link, a.download:visited {
text-decoration: underline;
color: #000;
background: url(../imgs/download_doc.gif) top right no-repeat;
padding-right: 28px;
}

a.download:hover, a.download:active {
text-decoration: underline;
color: #000;
background: url(../imgs/download_doc.gif) top right no-repeat;
padding-right: 28px;
}