body {background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 63%; line-height: 1.3em; color: #000;}

#container {position: absolute; top: 50%; left: 50%; margin: -280px 0 0 -400px; width: 800px; height: 560px; background: #fff url(../images/back_content.gif) no-repeat;}

a {text-decoration: none;} 
img {border: 0; padding: 0; margin: 0;}


/* logo */

#logo {position: absolute; top: 29px; left: 1px; width: 286px; height: 17px;}
#logo img {width: 286px; height: 17px;}


/* image */

#image {position: absolute; top: 70px; left: 1px; width: 286px; height: 464px; background: #fff;}
#image img {width: 286px; height: 380px; margin: 0; padding: 0; border: 0;}

#image p {margin: 0 0 0 0; padding: 0 10px 0 18px; line-height: 120%;}

#imageNavi {position: absolute; bottom: 8px; left: 18px;}

#img2, #img3, #img4, #img5, #img6, #img7, #img8, #img9, #img10, #img11 {display: none;}

#imageNavi ul {float: left; list-style: none; padding: 0; margin: 0;}
#imageNavi li {float: left; padding: 0; margin: 0 10px 0 0;}

#imageNavi li a {text-decoration: none; display: block; font-size: 1px; line-height: 9px; width: 9px; height: 9px; overflow: hidden;}

#imageNavi li a.off:link, #imageNavi li a.off:active, #imageNavi li a.off:visited {color: #fff; border: 1px solid #b9bfc2;}
#imageNavi li a.off:hover {color: #b9bfc2; background: #b9bfc2;}

#imageNavi li a.on:link, #imageNavi li a.on:active, #imageNavi li a.on:visited, #imageNavi li a.on:hover {color: #b9bfc2; border: 1px solid #b9bfc2; background: #b9bfc2;}

#bigImg {position: absolute; bottom: 8px; left: 265px; width: 11px; height: 11px;}
#bigImg img {width: 11px; height: 11px;}

/* impressum */

#impressum {position: absolute; top: 541px; left: 370px; padding: 0; margin: 0; text-align: left;}
#impressum a {margin: 0; padding: 0;}
#impressum a:link, #impressum a:active, #impressum a:visited {color: #b9bfc2;}
#impressum a:hover {color: #bd2716;}
#impressum a.active:link, #impressum a.active:active, #impressum a.active:visited, #impressum a.active:hover {color: #bd2716;}



/* CONTENT */

/* scrolling text  */

#scrollingText, #wn {position: absolute; width: 430px; height: 465px; overflow: hidden;}
#scrollingText {left: 370px; top: 69px;}
#wn {left: 0; top: 0; clip: rect(0, 430px, 464px, 0);}
#scrollbar {position: absolute; visibility: hidden; left: 415px; top: 0; width: 15px; height: 473px; font-size: 1px;}
#track {position: absolute; left: 0; top: 14px; width: 15px; height: 438px;}
#dragBar {position: absolute; left: 0; top: 0; height: 20px; border: 1px solid #b9bfc2; background: #fff;
	width: 13px !important;
	width /**/: 15px;}
#up {position: absolute; left: 0; top: 0;}  
#down {position: absolute; left: 0; top: 451px;}


#content {margin: 0; padding: 35px 0 70px 0;}

#content {position: absolute; left: 0; top: 0; width: 378px; text-align: left}
#content p {margin: 0; padding: 0 0 1em 0; line-height: 160%;}
#content p.datum {color: #737a7e; padding-bottom: 0;}
#content h2 {margin: 0; padding: 0 0 1.5em 0; line-height: 120%; font-size: 180%; font-weight: normal; color: #bd2716;}
#content h2.grau {color: #737a7e;}
#content h3 {margin: 0; padding: 1em 0 1em 0; font-weight: bold; color: #737a7e; font-size: 100%;}
#content h4 {margin: 0; padding: 0 0 2.5em 0; font-weight: bold; color: #bd2716; font-size: 100%;}
#content h4.noPadding {padding-bottom: 0;}

#content a {text-decoration: none;} 
#content a:link, #content a:active, #content a:visited {color: #bd2716;}
#content a:hover {color: #fff; background: #bd2716;}

#content table {margin: 0; padding: 0; border: 0; font-size: 100%; line-height: 1.5em;} 
#content td {padding: 0 20px 1em 0; vertical-align: top;}
#content td h3 {margin-top: 1em;}
#content td h3.first {margin-top: 0;}



/* MAIN NAVIGATION */

#navigationContainer {position: absolute; top: 30px; left: 370px; width: 420px; height: 15px; z-index: 2;}

#navigation {position: absolute; top: 0; left: 0; height: 15px; width: 420px;}

#navigation, #navigation ul {float: left; list-style: none; padding: 0; margin: 0;}
#navigation ul {position: absolute; left: -999em; height: auto; top: 15px;}
#navigation li {float: left; padding: 0; margin: 0 10px 0 0;}
#navigation li a {display: block;}

/* first level */

#navigation li a img {height: 15px; visibility: hidden;} 

#b0 {background: url(../images/btn_galerie_over.gif) no-repeat;}
#b0 a {background: url(../images/btn_galerie.gif) no-repeat;}
#b0, b0 a {width: 100px;}

#b1 {background: url(../images/btn_kuenstler_over.gif) no-repeat;}
#b1 a {background: url(../images/btn_kuenstler.gif) no-repeat;}
#b1, #b1 a {width: 81px;}

#b2 {background: url(../images/btn_ausstellung_over.gif) no-repeat;}
#b2 a {background: url(../images/btn_ausstellung.gif) no-repeat;}
#b2, #b2 a {width: 104px;}

#b3 {background: url(../images/btn_kontakt_over.gif) no-repeat;}
#b3 a {background: url(../images/btn_kontakt.gif) no-repeat;}
#b3, #b3 a {width: 78px;}

#b0 a:hover, #b0 a.active, 
#b1 a:hover, #b1 a.active, 
#b2 a:hover, #b2 a.active, 
#b3 a:hover, #b3 a.active {background: none;}

/* second level */

#navigation ul {margin: 0; padding: 16px 0 7px 0; border-bottom: 1px solid #b9bfc2;}
#navigation ul li {border-left: 1px solid #b9bfc2; float: none;}
#navigation ul li a {padding-bottom: 3px;}
#navigation ul li a img {height: 12px; visibility: hidden;} 

#b1 ul {width: 190px; background: #fff url(../images/back_navi_kuenstler.gif) repeat-y;}
#b2 ul {width: 80px; background: #fff url(../images/back_navi_ausstellung.gif) repeat-y;}