body {
	margin: -20px 0px 0px 0px; /* minus 39 px to get every thing up (and do not need to change all */
} 
body, div, p, td {
	font-family: Helvetica Neue, Helvetica, Arial, serif;
	font-size: 12px;
	color: #000000;
	line-height: 15px;
}
#name {/* h1 layer */
	height: 87px; 
	margin: 0px;
}
h1 { /* ragna berlin */
	font-family: Helvetica Neue, Helvetica, Arial, serif;
	font-weight: normal;
	font-size: 160%;
	/*letter-spacing: 3px;*/
	padding: 65px 0px 30px 47px;
}
h2 { /* artwork name 
	font-weight: bold;
	border: 1px solid black; */
	font-size: 130%;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
a {
	color: #006699; /*old 2009-10-21: 0099ff hellblau */
	text-decoration: none;
}
a.home { /* used at Ragna Berlin */
	color: #000000;
	text-decoration: none;
}
a.likeText { /* used at webNavigation links */
	color: #000000;
	text-decoration: none;
}

.here, a.here { /* used for webnavigation here */
    color: #006699; /* 0099ff*/
}
.jbLink a{ /* used at home page*/
	color: #000000;
	text-decoration: none;
}
.jbLink { /* used at home page*/
	margin: 5px 0px 0px 980px;
	width: 300px;
}

/* requested Images sizes in P000.php */
.bigImage { /* also home image */
	margin: 18px 0px 0px 0px; /* top margin 18 to stay in same bottom line as farbBG */
	border: 0px;
}
/* big image 1224 > Ragna want to do it 1264 in future == gray BG width total*/
#farbBG { /* f4f4f4 */
	width:1224px; /* total width = width plus padding left and right = 1264 > good for screen resolution 1280 */
	height: 322px; /* = 362 in total ( padding top and bottom ) */
	margin: 18px 0px 0px 0px; /* top margin 18 to stay in same bottom line like image at home */
	padding: 20px 0px 20px 40px;
	background-color: #eaeaea;
	/*overflow: hidden; */ /* nicht hidden, da dann oberer Rand auch weg ist*/
	z-index: 1px;
}

/* ======================================== */
/* content artwork pages */
/* ======================================== */

/* text part */
/* ======================================== */
#textLayer { 
	width: 270px;/* auch in fckeditor/fckeditor_php5.php aendern */
	height: 330px;
    padding: 0px 0px 0px 0px;
    margin: 0px 40px 0px 10px;
    float: left;
}
#text {
    padding: 0px 30px 10px 0px;
	height: 245px;/* auch in fckeditor/fckeditor_php5.php aendern */
	overflow: auto;
}
#photoInfos {
 	width: 270px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* image part */
/* ======================================== */
#imageLayer { 
/* requested Images sizes in P000.php */
	width:870px; /* definition by Ragna */
	height: 400px; /*  > layer nur 400px, that thumbnail layer doesn't move, image can be 440px */
    padding: 0px 0px 0px 0px;
    margin: -56px 0px 0px 0px; /* overlapping gray bg (36 above gray plus 20padding in gray)
	border: 1px solid red;*/
    float: left;
}


/* ======================================== */
/* content info pages */
/* ======================================== */

/* text part */
/* ======================================== */
#textLayerInfo {
	width: 540px;/* auch in fckeditor/fckeditor_php5.php aendern >> was 600 */
	height: 330px;
	overflow: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 40px 0px 10px;
    float: left;
    /*
    border-right: 1px solid blue;
    */
}
#textInfo {
    padding: 0px 10px 10px 0px;
	height: 290px;/* auch in fckeditor/fckeditor_php5.php aendern */
	overflow: auto; 
}

/* image part */
/* ========================================*/
#imageLayerInfo { 
/* requested Images sizes in P000.php */
	width:584px; /* definition by Ragna alt: 540px neu: gesamte breite neben text mit gleichem Rand links und rechts: 1224px + 40 padding farbbg - 680px (summe der anderen elemente) */
	height: 362px; /* definition by Ragna  */
    padding: 0px 0px 0px 0px;
    margin: -20px 0px 0px 0px; /* overlapping gray bg (19 above gray plus 20padding in gray) */
    float: left;
    /*
    border-left: 1px solid blue;
    border-right: 1px solid blue;*/
}


/* ======================================== */
/* Navigation  */
/* ======================================== */
#thumbLayerRahmenEmpty { /* same a thumbLayerRahmen, without bgcolor */
	width:1214px; /* total has to be 1264 */
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 15px 50px;
	height: 65px;	
	background-color:#fff;
	/* auch das oben drauf, damit bei pagetype nichts , unterer bildrand versteckt bleibt */
	border-bottom: 1px solid white;
	z-index: 5px;
	position:relative;
}
#thumbLayerRahmen {
	width:1214px; /* total has to be 1264 */
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 15px 50px;
	height: 65px;	
	background-color:#fff;
	/*
	background-color:#e3e3e3;
	*/
	border-bottom: 1px solid gray;
	z-index: 5px;
	position:relative;
}
.thumbBox img, a { 
	border: 0px;
}
.thumbBox { 
	height: 55px; 
	margin: 0px 5px 5px 0px; 
	padding: 1px;
	border: 1px solid #d1d1d1;
    float: left;
    text-align:center;
	color: #eaeaea; 
}
#navLayerRahmen { /* frame around main navigation level 1 - 4) */
	width:1224px; /* total has to be 1264 */
	margin: 15px 0px 0px 40px;
	height: 150px; 
}
.navLayerHome { /* different because of JB Link */
/* in webNavigationLevel1 function */
	margin: -20px 0px 0px 0px;
	width:140px;
	height: 150px; 
	padding: 0px 10px;
	border-right: 1px solid gray;
    float: left;
}
.navLayer {
/* navlayers in each webNavigationLevel 1- 3 function */
	width:140px;
	min-height: 150px; 
	padding: 0px 10px;
	border-right: 1px solid gray;
    float: left;
}
.navLayerLevel4 { 
/* in webNavigationLevel4 */
	padding: 0px 10px;
	/*
	border-right: 1px solid gray;
	*/
    float: left;
}
.navImg {
/* in webNavigationLevel4 */
/* thumbnail with title */
	margin: 0px 6px 0 0;
	padding: 0;
    float: left;
    width: 135px;
}
.navImgTitle {
/* in webNavigationLevel4 */
/* title */
	margin: 0 0 9px 0;
}

/* ======================================== */
/* weiteres */
/* ======================================== */
#endLine {
    text-align:right;
	margin: 20px 120px 0px 0px;
	font-size: 115%;
}
.mini {
    font-size: 75%;
}