body {position : relative; left : 0px; top : 0px; width : 100%; height : auto; text-align : center; background : #fff url(i/bg2.png) 0 0 repeat-x}
body#home {background : #fff url(i/bg.png) 0 0 repeat-x}

body, div, span, p, a, img, form, h1, h2, h3, h4, h5, h6, ul, li, table, th, td, address {margin : 0px; padding : 0px}

img {display : block; border : none}
form {display : inline}

body, div, span, p, h1, h2, h3, h4, h5, h6, ul, li, input, select, textarea, label, pre, td, th, address {font-family : arial,verdana,sans-serif}
body {font-size : 66%}
/* \*/
body {font-size : 62.5%}
/* */

.noScr, hr {display : none}

/* \*/
* li {height : 1%}
/* */

#container {position : relative; margin : 0px auto 0px auto; width : 774px; height : auto; text-align : left; z-index : 15}

/* HEADER */
#header {position : absolute; left : 0px; top : 0px; height : 34px; width : 100%; z-index : 20; background : url(i/bg.png) 0 0 repeat-x}
body#home #header {height : 84px}
body.kontakt #header {background-image : none}
#header h1, #header h2, #header div {position : absolute}
#header h2 {top : 36px; height : 14px}
#header h2 strong, #header h1, #header div a strong, #header div strong {display : none}
#logo {left : 0px; top : 0px; width : 134px; height : 34px; background : #000 url(i/jutta_virus.png) 27px 11px no-repeat}
body#home #logo {width : 134px; height : 84px; background : #000 url(i/jutta_virus.png) 26px 36px no-repeat}
#head1 {left : 243px; width : 100px; background : url(i/grafikdesign.png) no-repeat}
#head2 {left : 364px; width : 88px; background : url(i/illustration.png) no-repeat}
#head3 {left : 473px; width : 93px; background : url(i/objektkunst.png) no-repeat}
#kontakt {left : 670px; top : 11px; width : 73px; height : 14px; background : url(i/kontakt.png) no-repeat}
body#home #kontakt {left : 671px; top : 36px}
#kontakt a {display : block; width : 73px; height : 14px}
body.kontakt #kontakt {left : 0px; top : 11px}
#band {position : absolute; left : 0px; top : 0px; height : 34px; width : 50%; z-index : 10; background-color : #000}
body#home #band {height : 84px}

/* THUMBS */
#thumbs {position : absolute; left : 26px; top : 134px}
#thumbs ul {width : auto; height : auto; font-size : 1.2em; list-style-type : none; list-style-position : outside; list-style-image : none}
#thumbs ul li {position : absolute; display : inline}
#thumbs ul li a {color : #666; font-weight : bold}
#thumbs ul li a em {display : none}
#thumbs ul li a img {margin : 0 0 4px 0}
#marokko {left : 0px}
#huchting {left : 109px}
#reinecke {left : 218px}
#ewiger {left : 327px}
#lilaeule {left : 436px}
#objektkunst {left : 545px}
#reiseaz {left : 109px; top : 130px}
#gozzano {left : 218px; top : 130px}
#buchumschlage {left : 327px; top : 130px}
#zeitung {left : 545px; top : 130px}
#jazzlab {left : 654px; top : 130px}
#extras div {position : absolute; width : 75px; height : 75px}
#extra2 {left : 654px; background-color : #044476}
#extra3 {top : 130px; background-color : #AD460D}
#extra4 {left : 436px; top : 130px; background-color : #4E3B71}

/* CONTENT */
#content {position : absolute; top : 55px; padding-bottom : 50px}
#content h2 {font-size : 1.5em; width : 725px; margin-left : 26px}
#content h3 {font-size : 1.3em; width : 725px; margin-left : 26px}
#content p {font-size : 1.2em; width : 725px; margin-left : 26px}
.close {display : block; margin : 0.9em 0 0.2em 0; text-align : right; color : #000; text-decoration : none; font-size : 1.2em}
#content a {color : #000}

/* IMAGES */
.images {margin-top : 36px}
.images img {display : inline}
#marokkoImgs img {margin : 0 20px 50px 26px}
#huchtingImgs {margin-left : 6px}
#huchtingImgs img {margin : 0 0px 27px 20px; border : solid 1px #282828}
#reineckeImgs {margin-left : 6px}
#reineckeImgs img {margin : 0 0px 27px 20px; border : solid 1px #282828}
#reineckeImgs img#img02 {border : none; margin-left : 86px}
#lilaeuleImgs {margin-left : 6px}
#lilaeuleImgs img {margin : 0 0px 17px 15px}
#lilaeuleImgs img#img02 {margin-bottom : 20px; margin-top : 2px}
#lilaeuleImgs div {width : 300px; display : block; vertical-align : top; float : right}
#lilaeuleImgs div img {margin-left : 20px}
#reiseazImgs {margin-left : 24px}
#reiseazImgs img {margin : 0 0px 17px 15px}
#reiseazImgs img#img01 {border : solid 1px #282828}
#buchumschlageImgs {margin-left : 0px}
#buchumschlageImgs img {margin : 0 58px 27px 28px}
#zeitungImgs {margin-left : 0px}
#zeitungImgs img {margin : 0 58px 27px 48px}
#jazzlabImgs {margin-left : 26px}
#jazzlabImgs img {margin : 0 0 35px 0px}
#gozzanoImgs {margin-left : 26px}
#gozzanoImgs img {margin : 0 57px 15px 0px}
#ewigerImgs {margin-left : 26px}
#ewigerImgs img {margin : 0 15px 0 0}
#objektkunstImgs {margin-left : 26px}
#objektkunstImgs img {border : solid 1px #282828}
#objektkunstImgs a {color : #282828; display : block; width : 113px; float : left; margin-right : 32px; text-decoration : none}
/* \*/
#objektkunstImgs a {width : auto}
/* */
#objektkunstImgs a em {font-style : normal; font-size : 1.2em; margin : 0.2em 0 1.5em 0; display : block; text-decoration : underline}
#objektkunstImgs a:visited {color : #ccc}

/* KONTAKT */
body.kontakt {background : #fff url(i/bg3.png) repeat-x}
body.kontakt #kontakt {background : url(i/kontakt3.png) no-repeat}
body.kontakt #container {width : 340px}
body.kontakt #content h2 {font-size : 1.5em; width : auto; margin : 0 0 0.2em 0px}
body.kontakt #content h3 {font-size : 1.3em; width : auto; margin : 0 0 1.1em 0px; font-weight : normal}
body.kontakt #content p {font-size : 1.2em; width : auto; margin-left : 0px}
body.kontakt #content a {color : #000; font-size : 1.2em}
body.kontakt #content a.close {text-align : left; margin : 2.6em 0 0.2em 0}

/* OBJEKT ZOOM */
body.objektZoom {background-image : none; background-color : #000; text-align : left; overflow : hidden}
#objektNavigation {position : absolute; width : 100%; height : 100%; left: 0px; top : 0px}
/* \*/
body.objektZoom {position : absolute; height : 100%; overflow : auto}
#objektNavigation {bottom : 0px}
/* */
#objektNavigation #numLinks {padding : 0.4em 10px 0.8em 30px}
#objektNavigation #numLinks a {color : #fff; display : block; float : left; margin : 0.6em 1.2em 0.4em 0; font-size : 1.2em}
#objektNavigation #numLinks a:visited {color : #ccc}
#objektNavigation a.close {color : #fff; margin : 0 2em 0.5em 0; clear : left}
#objektContainer {background : #fff; padding : 0 0 15px 0}
#imgBlock {position : relative; width : auto; height : 450px; margin : 0 0 0 155px; text-align : center}
#imgBlock img {display : inline}
#legend {position : absolute; left : -155px; bottom : 220px; background : url(i/bg4.png) 0 0 repeat-y}
#legend h4 {font-size : 1.4em; padding : 0.1em 0 0.3em 30px; text-align : left}
#legend p {font-size : 1.2em; padding : 0 0 0.1em 30px; text-align : left}

/* news */
#news {position: absolute; top: 290px; color: #000; width: 600px; font-size: 1.2em}
#news a {text-decoration: none; color: #000}