html { overflow: auto; }

body {
	margin: 0; padding: 0;
	font: normal 10pt Verdana,sans serif;
	overflow: auto;
}

/***********************************************\
 * Common for all pages
\***********************************************/

a:link, a:visited { text-decoration: underline; }
a:hover, a:active, a:focus { text-decoration: underline; }

hr { border-style:solid; border-width:1px; height:0px; width:97%; }

h1 { font-weight:bold; margin:6px 0px 2px 0px; }
h2 { font-weight:bold; font-size:12pt; margin:6px 0px 4px 0px; }
h3 { font-weight:bold; font-size:11pt; margin:6px 0px 4px 0px; }
h4 { font-weight:bold; font-size:10pt; margin:6px 0px 2px 0px; }
h5 { font-weight:bold; font-size:10pt; margin:6px 0px 2px 0px; }

h2.bot { margin: 10px 0 0 0; padding:0; float: right; }

p, div { margin:0; padding:0; }

.flft { float:left; }
.frgt { float:right; }
.prgt { text-align: right; }
.small { font-size: 0.85em; }
.right { text-align: right; }
.padl8 { padding-left: 8px; }
.padl16 { padding-left: 16px; }
.padt8 { padding-top: 8px; }
.padb8 { padding-bottom: 8px; }
.marb8 { margin-bottom: 8px; }
.marb16 { margin-bottom: 16px; }
.center { text-align:center; }

noscript div {
	display: block;
	padding: 4px; margin-bottom: 6px;
	background-color: #e8e8e8;
	color: #222;
	text-align: center;
	font-weight: bold;
	border: 1px solid #aaa;
}

/* left: www.Embodied-Art.de - right: page-title */
div.d10 {
    position: absolute;
    top: 0;
    left: 84px;
    right: 4px;
    height: 65px; /* original: 78px */
    overflow: hidden;
}

.d10 h1 {
	margin: 13px 0 0 0;
	float: left;
}

.d10 h2 {
	margin: 10px 0 0 0;
	float: right
}

.d10 img.ptitle {
	margin: 6px 8px 0 0;
	float: right;
}

/* Vertical main menu */

div.d01 {
    position: absolute;
    top: 0;
    left: 4px;
    width: 77px;
    bottom: 15px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Impressum and debug part */

div.d02 {
    position: absolute;
    left: 4px;
    width: 77px;
    bottom: 0;
    height: 15px;
    text-align: center;

/*	overflow: hidden; */ /* needed for debug div to be shown */
}

div.d02 a {
	display: block;
	width: 77px;
	text-decoration: none;
	font: 8pt Arial, sans serif;
}

div.debug {
	display: block;
	width: 600px;
	position: absolute; top: 16px; left: 0;
	padding: 4px;
	color: #000;
	background: #fff;
	font-size: 8pt;
	border-top: 2px solid #000;
	text-align: left;
}

/* D11 - Content div */

div.d11 {
    position: absolute;
    top: 66px;
    left: 84px;
    right: 8px;
    bottom: 48px;
    overflow: auto;
}

/* bottom part with CN logo and some text */

div.d12 {
    position: absolute;
    left: 84px;
    right: 4px;
    bottom: 3px;
    height: 44px;
	overflow: hidden;
}

div.d12 img.pcn {
	float: right;
	margin: 2px 8px 0 0;
	padding: 0;
	font: 8pt Arial;
}

/* Bottom text without class */
div.d12 div {
	margin-right: 170px;	/* avoid overwritting right floating image and headline */
	height: 44px;			/* table cell height */
	display: table-cell;	/* THIS is the trick to make it possible ... */
	vertical-align: middle;	/* ... and this centers it vertical */
	padding: 0 12px;
	border-width: 1px;
	border-style: solid;
	line-height: 1.25em;
}

/* --- mainmenu --- */

div.mainmenu {
	margin: 0 auto 0 auto;
	text-align: center;
}

ul.mainmenu {
	width: 61px; /* 69 - scrollbarwidth */
	margin: 16px auto 0 auto;
	padding: 0;
	list-style: none;
	font-size: 1pt; /* needed for IE to avoid spacing on bottom of listelements */
}

ul.mainmenu li {
	margin: 0;
	padding: 0 0 6px 0;
	list-style: none;
	width: 61px;
	font-size: 7pt;
	text-align: center;
}

ul.mainmenu a {
	display: block;
	text-decoration: none;
	width: 61px;
	text-align: center;
	line-height: 8pt;
	font-weight: normal;
}

ul.mainmenu a span {
	display: block;
	margin: auto;
	width: 45px;
	height: 60px;
}

ul.mainmenu a.menu0 span { background: transparent url("../img/menu/menu_btn00.png") left top no-repeat; }
ul.mainmenu a.menu1 span { background: transparent url("../img/menu/menu_btn01.png") left top no-repeat; }
ul.mainmenu a.menu2 span { background: transparent url("../img/menu/menu_btn02.png") left top no-repeat; }
ul.mainmenu a.menu3 span { background: transparent url("../img/menu/menu_btn03.png") left top no-repeat; }
ul.mainmenu a.menu4 span { background: transparent url("../img/menu/menu_btn04.png") left top no-repeat; }
ul.mainmenu a.menu5 span { background: transparent url("../img/menu/menu_btn05.png") left top no-repeat; }
ul.mainmenu a.menu6 span { background: transparent url("../img/menu/menu_btn06.png") left top no-repeat; }
ul.mainmenu a.menu7 span { background: transparent url("../img/menu/menu_btn07.png") left top no-repeat; }
ul.mainmenu a.menu11 span { background: transparent url("../img/menu/menu_btn11.png") left top no-repeat; }


ul.mainmenu a:hover span, ul.mainmenu a:active span, ul.mainmenu a:focus span {
	background-position: 0px -60px;
}


/***********************************************\
 * Page Error
\***********************************************/

div.error {
	padding: 1.0em;
	background-color: #E8FCED;
}

/***********************************************\
 * Page Embodied Art
\***********************************************/

div.embodied {
	background: #fff url(../img/pages/embodied_background.jpg) top left;
}

.embodied table.container {
	margin: 0 auto 0 auto;
	height: 100%;
	width: 90%;
	border: none;
}

.embodied div.inner {
	padding: 1.0em;
	/* background: transparent url(../img/white63.png) top left; */
	background-color: rgba(255,255,255,0.4);
	border-radius: 8px;
	box-shadow: 4px 4px 5px rgba(0,0,16,0.15);
	overflow: hidden;
}

.embodied p {
	margin-bottom: 0.4em;
}

/***********************************************\
 * Page Presse
\***********************************************/

div.presse {
	padding: 24px 32px 16px 32px;
}

.presse div.container {
	margin: auto;
	width: 90%;
}

.presse h2 {
	margin-bottom: 24px;
}

.presse div.pcontainer {
	padding: 16px 0px 16px 0px;
	overflow: hidden;
	clear: both;
}

.presse img.pimg {
	float: left;
	margin: 0 16px 8px 4px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #898;
	box-shadow: 2px 2px 3px rgba(0,0,16,0.3);
	border-radius: 2.5px;
}

.presse div.pcontainer div.pright {
	margin-bottom: 8px;
}

.presse hr.clean {
	clear: both;
}

.presse p.read {
	margin: 12px 0 0 12px;
}


/***********************************************\
 * Page Kurse
\***********************************************/

div.kurse {
	background: #fff url(../img/pages/kurse_background.jpg) top left;
	padding: 24px 32px 16px 32px;
}

.kurse table.container {
	margin: auto;
	width: 90%;
	height: 100%;
}

.kurse div.inner {
	margin: 1.0em auto;
	padding: 1.0em;
	/* background: transparent url(../img/white63.png) top left; */
	background-color: rgba(255,255,255,0.3);
	border-radius: 8px;
	box-shadow: 4px 4px 5px rgba(0,0,16,0.15);
	overflow: hidden;
}

.kurse h3 {
	margin: 16px 0 8px 0;
	font-size: 12pt;
}

.kurse div.absatz {
	padding: 0.5em 0.5em 1.0em 1.0em;
}

.kurse img.skypelogo1 {
	float: right;
}

.kurse div.feedback {
	margin: 0 0 1.5em 1.0em;
}

.kurse div.kunde {
	margin: 0 3.0em 0 1.0em;
	text-align: justify;
}

.kurse div.textblock0 {
	display: none;
	padding: 1.0em 1.5em 0.5em 1.0em;
	border-radius: 8px;
	background-color: rgba(128,128,128,0.1);
	box-shadow: inset 2px 2px 3px 1px rgba(0,0,32,0.2),
				inset -3px -3px 3px 1px rgba(255,255,255,0.8);
}
.kurse div.textblock1 {
	padding: 0 0 0 1.0em;
	text-decoration: underline;
}

.kurse a.showtext {
	color: #000; text-decoration: none;
}
.kurse .kunde a:hover.showtext,
.kurse .kunde a:active.showtext,
.kurse .kunde a:focus.showtext {
	color: #000; text-decoration: none;
}
.kurse .kunde a:hover.showtext div.textblock0,
.kurse .kunde a:active.showtext div.textblock0,
.kurse .kunde a:focus.showtext div.textblock0 {
	display: block;
}
.kurse .kunde a:hover.showtext div.textblock1,
.kurse .kunde a:active.showtext div.textblock1,
.kurse .kunde a:focus.showtext div.textblock1 {
	display: none;
}


.kurse .kunde div.text1 {
	font-style: italic;
	margin-bottom: 1.0em;
}

.kurse .kunde p.khead {
	margin-bottom: 0.25em;
	font-weight: bold;
}
.kurse .kunde p.khead img {
	margin-right: 0.75em;
}

.kurse .kunde p.ktext {
	margin-bottom: 0.35em;
	padding-left: 0.5em;
}
.kurse .kunde p.kfoot {
}


/***********************************************\
 * Page Links
\***********************************************/

div.links {
	background: #fff url(../img/pages/links_background.jpg) top left;
	padding: 24px 32px 16px 32px;
}

.links table.container {
	margin: auto;
	width: 90%;
	height: 100%;
}

.links div.inner {
	background-color: rgba(255,255,255,0.4);
	border-radius: 8px;
	box-shadow: 4px 4px 5px rgba(0,0,16,0.15);
	overflow: hidden;
}

.links table.inner {
	padding: 1.0em;
	width: 100%;
	margin: auto;
}

.links table.inner tr {
	vertical-align: top;
}

/***********************************************\
 * Page Aboutme
\***********************************************/

div.aboutme {
	background: #fff url(../img/pages/aboutme_background.jpg) top left;
	padding: 24px 32px 24px 32px;
}

.aboutme table.container {
	margin: auto;
	width: 90%;
	height: 100%;
}

.aboutme div.inner {
	margin: auto;
	padding: 1.0em;
	background-color: rgba(255,255,255,0.4);
	border-radius: 8px;
	box-shadow: 4px 4px 5px rgba(0,0,16,0.15);
	overflow: hidden;
	width: 550px;
}

.aboutme table.inner {
	margin: auto;
	padding: 0.5em;
	width: 550px;
}

.aboutme table.inner tr {
	vertical-align: top;
}

.aboutme img.chno {
	margin: 6px 0 6px 6px;
}

/***********************************************\
 * Page Ausstellungen
\***********************************************/

div.ausstellung {
	background: #fff url(../img/pages/aboutme_background.jpg) top left;
	padding: 24px 32px 16px 32px;
}

.ausstellung table.inner {
	width: 93%;
	padding: 0.5em 0.5em 0 0.5em;
	margin: auto;
	background: transparent url(../img/white47.png) top left;
}

.ausstellung h3 {
	margin: 0 0 4px 0;
}

/***********************************************\
 * Page Kontakt
\***********************************************/

div.kontakt {
	background: #fff url(../img/pages/kontakt_background.jpg) top left;
	padding: 24px 32px 16px 32px;
}

.kontakt table.container {
	margin: auto;
	width: 100%;
	height: 100%;
}
.kontakt table.container td {
}

.kontakt table.inner {
	width: 95%;
	padding: 0.5em;
	margin: auto;
	/* background: transparent url(../img/white63.png) top left;
	border-top: 2px solid #52F37D;
	border-bottom: 2px solid #52F37D; */
	background-color: rgba(255,255,255,0.4);
	border-radius: 8px;
	box-shadow: 6px 6px 6px rgba(0,0,16,0.15);
}

.kontakt table.inner tr {
	vertical-align: top;
}

.kontakt table.inner p {
	margin: 0.7em 0;
}

/***********************************************\
 * Page Impressum
\***********************************************/

div.imprint {
	background: #fff url(../img/pages/kontakt_background.jpg) top left;
	padding: 24px 32px 16px 32px;
}

.imprint table.container {
	width: 100%;
}

.imprint table.inner {
	width: 95%;
	padding: 0.5em;
	margin: auto;
	background: transparent url(../img/white63.png) top left;
}

.imprint table.inner tr {
	vertical-align: top;
}

/***********************************************\
 * Page Aktuelles
\***********************************************/

div.news {
	background: #fff url(../img/pages/aktuelles_background.jpg) top left;
	padding: 24px 16px 16px 16px;
}

.news div.container {
	margin: auto;
	width: 90%;
}

.news div.inner {
	padding: 1.0em;
	margin-bottom: 1.5em;
	/* background: transparent url(../img/white63.png) top left; */
	background-color: rgba(255,255,255,0.4);
	border-radius: 8px;
	box-shadow: 4px 4px 5px rgba(0,0,16,0.15);
	overflow: hidden;
}

.news div.inner table {
	width: 100%;
}

/***********************************************\
 * Page Malen
\***********************************************/

div.malen {
	background: #fff url(../img/pages/embodied_background.jpg) top left;
	padding: 24px 32px 24px 32px;
}

.malen table.inner {
	width: 540px;
	margin: auto;
	background: transparent url(../img/white63.png) top left;
	padding: 0.5em;
}

.malen table.inner tr {
	vertical-align: top;
}

.malen table.inner td {
	text-align: center;
}

.malen table.inner div.lft {
}

.malen table.inner div.rgt {
	padding-top: 110px;
}

.malen table.inner p {
	padding-bottom: 50px;
}

/***********************************************\
 * Page Galerie
\***********************************************/

div.galerie {
	/* see galleriffic.css */
	/* see color.???.css */
}

/***********************************************\
 * Page Shop
\***********************************************/

div.shop {
	/* see shop.css */
}

/***********************************************\
 * Page AGB, Datenschutz, Widerruf
\***********************************************/

div.agb {
	padding: 12px 16px;
}

.agb p {
	margin-bottom: 0.25em;
}

.agb ol {
	margin: 0; padding: 0;
	list-style-position: inside;
}
.agb ol li {
	margin: 0 0 0.25em 0;
	padding: 0;
}

.agb ol.level0 {
	margin: 0.5em 0 0 0;
	counter-reset: cntlev0;
	list-style-type: none;
}

.agb ol.level0 li:before {
	/* position: relative; left: -1.0em; */
	font-weight: bold;
	content: counter(cntlev0) ". ";
	counter-increment: cntlev0;
}

.agb ol.level1 {
	margin: 0 0 0 0;
	counter-reset: cntlev1;
	list-style-type: none;
	padding-left: 1.4em;
}

.agb ol.level1 li:before {
	content: counter(cntlev1,lower-alpha) ".) ";
	counter-increment: cntlev1;
}