@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
img { border: none; }
ul, ol, dl { list-style: none; }
a { text-decoration: none; }
:focus { outline: 0; }

body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 62.5% !important; /* setzt medium Text von 16px auf 10px herunter */ color: #000; background: #DBD6F0; /*background: url(layout/raster.gif) no-repeat; */ }

/* Layout */
/* ******************************************************* */
#page { width: 882px; padding: 18px 0 18px 18px; }
#navigation { float: left; width: 360px; margin-right: 18px; /*background: yellow;*/ }
#foto { width: 360px; height: 216px; background: #000; }
#menu { /*background: aqua;*/ padding: 35px 0 0 126px; }
#text { float: left; width: 360px; /*background: lime;*/ }
	#text.index { padding-top: 148px;}
#logo { float: left; width: 126px; }
#logo img { margin: 0 0 0 15px; }
	#logo.index img { position: absolute; top: 85%; left: 80px; padding-bottom: 18px; }


/* Navigation */
/* ******************************************************* */
#nav, #nav ul { /* all lists */ float: left; width: 108px; background: #DBD6F0; /*background: red;*/ }
#nav li { /* all list items */ position: relative; float: left; line-height: 1.2em; margin-bottom : -1px; width: 108px; /*background: blue;*/ }
#nav li ul { /* second-level lists */ position: absolute; left: -999em; margin-left: 108px; margin-top: -3.7em; }
#nav li a { display: block; width: 108px; font-size: 1.5em; line-height: 1.2em; padding: 0 0 1.3em 0; color: #000;/* background-color : white;*/ }
	#nav li ul, #nav li li, #nav li li a { /* second-level 18px breiter */ width: 126px; }
#nav li a:hover { color : #900; /*background-color : black;*/ }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; background: lime; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }

/* first level active -> second level sichtbar */
#page.seminare #nav li.nav-seminare ul,
#page.kontakt #nav li.nav-kontakt ul { left: 0; }
/* first level active */
#page.start #nav li.nav-start a,
#page.seminare #nav li.nav-seminare a,
#page.medien #nav li.nav-buch a, 
#page.texte #nav li.nav-texte a,
#page.biografie #nav li.nav-biografie a,
#page.kontakt #nav li.nav-kontakt a,
#page.archiv #nav li.nav-archiv a { color: #900; }
/* second level hover */
#page.seminare #nav li.nav-seminare li a:link, #page.seminare #nav li.nav-seminare li a:visited,
#page.kontakt #nav li.nav-kontakt li a:link, #page.kontakt #nav li.nav-kontakt li a:visited { color: #000; /*background: pink;*/ }
#page.seminare #nav li.nav-seminare li a:focus, #page.seminare #nav li.nav-seminare li a:hover, #page.seminare #nav li.nav-seminare li a:active,
#page.kontakt #nav li.nav-kontakt li a:focus, #page.kontakt #nav li.nav-kontakt li a:hover, #page.kontakt #nav li.nav-kontakt li a:active { color: #900; }
/* second level active */
#page.seminare #menu.subEins #nav li.nav-seminare li.eins a,
#page.seminare #menu.subZwei #nav li.nav-seminare li.zwei a,
#page.seminare #menu.subDrei #nav li.nav-seminare li.drei a,
#page.seminare #menu.subVier #nav li.nav-seminare li.vier a,
#page.seminare #menu.subFuenf #nav li.nav-seminare li.fuenf a,
#page.seminare #menu.subSechs #nav li.nav-seminare li.sechs a,
#page.seminare #menu.subSieben #nav li.nav-seminare li.sieben a,
#page.kontakt #menu.subEins #nav li.nav-kontakt li.eins a,
#page.kontakt #menu.subZwei #nav li.nav-kontakt li.zwei a,
#page.kontakt #menu.subDrei #nav li.nav-kontakt li.drei a,
#page.kontakt #menu.subVier #nav li.nav-kontakt li.vier a { color: #900; }
/* second level kontakt soll seminar überdecken */
#nav li.nav-kontakt ul { background: #DBD6F0; border-top: 15em solid #DBD6F0; margin-top: -18.7em; border-bottom: 3em solid #DBD6F0; }




/* Content Textformatierung */
/* ******************************************************* */
h1 { color: #009; font-size: 1.5em; line-height: 1.2em; padding-bottom: 1.2em; font-weight: normal;  }
h2 { color: #009; font-size: 1.5em; line-height: 1.2em; font-weight: normal; }
h3 { color: #009; font-size: 1.5em; line-height: 1.2em; font-style: italic; font-weight: normal; }
p { font-size: 1.5em; line-height: 1.2em; padding-bottom: 1.2em; }
	.index p { font-size: 2em; }
p.note { font-size: 1em; line-height: 1.2em; padding-bottom: 1.8em; }
p.indent em { color: #009; }
blockquote p { font-style: italic; }

#text ul { padding-bottom: 1.2em; }
#text ul li { font-size: 1.5em; line-height: 1.2em; }

hr { margin-bottom: 1.2em; }

#text a:link, #text a:visited { color: #900; }
#text a:focus, #text a:hover, #text a:active { /*text-decoration: underline;*/ }

.shopItem { padding-bottom: 1.5em; }
.shopItem img { float: right; padding: 0 0 18px 18px; }
.shopItem .order { }
.shopItem .order p { font-size: 1.2em; padding-bottom: .2em; }

.warenkorb { padding-bottom: 1.8em; }
.warenkorb table { width: 100%; font-size: 1.2em; line-height: 120%; margin-bottom: 1.8em; }
.warenkorb th, .warenkorb td { vertical-align: top; text-align: right; }
.warenkorb th { padding-bottom: .7em; border-bottom: 1px solid #ccc;}
.warenkorb td { padding: .5em 0; }
.warenkorb .artikel { text-align: left; padding-right: .2em; }
.warenkorb .summe { font-weight: bold; border-top: 1px solid #ccc; padding-top: .7em; }




/* Formulare */
/* ******************************************************* */
form { padding-bottom: 1.2em; }
form br { font-size: .1em;}
form fieldset { padding: 0 18px 27px; border: 0; }
form legend { color: #009; font-size: 1.5em; line-height: 1.2em; font-style: italic; }
form label { display: block; width: 306px; font-size: 1.2em; line-height: normal; padding: 12px 0 1px; }
form p { font-size: 1.2em; line-height: 120%; padding-bottom: .5em; }
form input, form textarea { width: 306px; padding: 2px; border: 1px solid #fff; border-bottom-color: #ccc; border-right-color: #ccc; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; color: #666; }
form textarea#field_9 { height: 90px;}
form input#field_10_option_1, form input#field_10_option_2,
form input#field_15_option_1 { width: auto; border: 1px solid #DBD6F0; margin: 5px 6px 0 0; }
form label.formFieldOption, form label.bedingungen { display: inline; width: auto; }
form input#field_12 { width: 126px; margin: 0 6px 2px 0; }
form input.button { float: right; width: auto; height: auto; border: none; background: none; font-size: 1.5em; color: #900; }
form input.mainFormError, form textarea.mainFormError { border: 1px solid #900; }
form input.mainFormError + label { color: #900; }

form.bestellung { font-size: 1.2em; }
form.bestellung input { width: 36px; }



/* Floats aufheben & Browser-Hacks */
/* ******************************************************* */
#page:after,
.shopItem:after,
form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
/* ie5/6 */
* html #page,
* html .shoptItem,
* html form { height: 1%; }
/* ie7 */
*:first-child+html #page,
*:first-child+html .shopItem,
*:first-child+html form { min-height: 1px; }

/* ie6 */
* html #logo img { behavior: url(layout/iepngfix.htc); margin-left: 12px; }

/* ie7 */
*:first-child+html form legend { margin-left: -7px; }