/* styles fuer doula.de */

body { margin:0; padding:20px; background-color: #900; color: #762727; min-width:780px; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; }

#canvas    { width:60em; margin-left:auto; margin-right:auto; position:relative; background-color:#ffc; border: 4px solid #6C2825;}
#banderole { height:30px; background:#6F2926 url(./../images/logo_header.gif) repeat-y left top; overflow:hidden; }
#leftside  { width:30%; background-color:#ffc; float:left; }
#rightside { width:68%; float:right; }
#mainnav   { clear:both; width:100%; margin-top:30px; }
#content   { clear:both; width:95%; margin:0 10px 10px 0; padding:10px 10px 10px 20px; border-left:1px solid #900; }
#footer 	  { clear:both; width:100%; text-align:center; border-top:1px dotted #DFA3A0; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:70%; font-weight: bold; float: none; }
#designernote   { clear:both; width:60em; margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:20px; text-align:left; color:#fff; font-size:100%; }
#designernote a { color:#fff; font-weight:bold; font-style:italic; text-decoration:none; }
#designernote a:hover { padding-bottom: 1px; border-bottom: 1px solid #fff; }
.logotext  { clear:both; width: 180px; height: 70px; padding:15px 0 0 45px; float:none; }
.logo      { clear:both; width: 201px; height: 188px; cursor:pointer; border:0; padding: 15px 0 0 20px; float:none; }
.doula     { clear:both; width: 450px; height: 80px; padding:25px 20px 10px 0; float:right; }

/* navigation */
#mainnav ul { list-style: none; margin: 0; padding: 0; font-size:95%; }
#mainnav li {  background-color: transparent; line-height:15px; padding: 5px 5px 5px 30px;
font-size: 105%; text-align: left; }
#mainnav li a { display: block; padding: 5px 5px 5px 60px; background: url(./../images/icon_spiral.gif) 0% 50% no-repeat;
color: #8c3153; font-weight: normal; text-decoration: none; }
#mainnav li a:hover { text-decoration: none; color: #88332f; background: url(./../images/icon_spiral_anim.gif) 4% 50% no-repeat;}
#mainnav li a:active { background-color: #FFEAEA; color: #88332f; }
#mainnav li.selected { background: url(../images/icon_spiral_sel.gif) 15% 50% no-repeat; padding: 5px 5px 5px 90px; color: #88332f;	font-weight: bold; } 

.pic      { border:1px solid #666; float:left; margin:0 15px 10px 0; }

/* links */
a                    { color: #6F2926; font-weight:bold; text-decoration:none; }
a:hover					{ text-decoration:underline; }
a[href^="http:"]     { background: url(./../images/link_external.gif) no-repeat right top; padding-right:16px; }
a[href^="mailto:"]   { background: url(./../images/link_email.gif) no-repeat right top; padding-right:16px; }

/* schriften */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal; text-align:left;
	color: #8c3531;
	margin: 30px 0 10px 0;
	padding: 3px;
	}
h1 	    { font-size: 175%; }
h2 	    { font-size: 150%; }
h3        { font-size: 120%; margin:5px 0; padding:3px; }
p         { line-height:1.5em; margin:3px 10px 12px 0; }
p.betont  {  font-size:110%; text-align:center; margin:8px 25px; }
p.literatur { font-size:80%; }
ul + p    { margin-top:25px; }

#content > ul      { margin:0; padding:0; list-style: url(../images/icon_list.gif); }
#content > ol      { margin:0; padding:0; }
#content > ol ul   { margin:0; padding:0; list-style: url(../images/icon_list.gif);}
#content > ul li, #content > ol li   { margin-left:30px; padding: 3px 10px; line-height:1.5em;}

label     { width:30%; float:left; height:25px; }
input, textarea     { width:300px; font-size:90%; padding:2px 5px; color:#762727; }
textarea  { height:100px; font-size:105%; }
.btn_submit  { width:110px; padding:3px 5px; color:#fff; background-color: #900; border:1px solid #999; }
.btn_submit:hover  { color:#FFFF66; background-color: #4F1E1B; border:1px solid #999; cursor: pointer; }

.msg_success	 { margin:5px auto 15px auto; padding:10px 0; color: Green; font-weight:bold; border-top:1px solid #336633; border-bottom:1px solid #336633; }
.msg_error		 { margin:5px auto 15px auto; padding:10px 0; color: #CC0000; font-weight:bold; border-top:1px solid #CC0000; border-bottom:1px solid #CC0000; }

/* Format strong ueberschreiben */
strong          { font-weight:bold; font-size:95%; color:#9E3B36; }

/* erste Buchstaben in jedem Paragraph werden hervorgehoben */
.show p{  margin:0; padding:0; display:inline; }
.letter_a .show { background:  url(./../images/letter_a.gif) no-repeat top left; margin-top:0px;  margin-right:0px; padding: 3px 15px 0 0; }
.letter_b .show { background:  url(./../images/letter_b.gif) no-repeat top left; margin-top:0px;  margin-left:-3px; padding: 5px 20px 0 0; }
.letter_c .show { background:  url(./../images/letter_c.gif) no-repeat top left; margin-top:0px;  margin-left:-3px; padding: 5px 18px 0 0; }
.letter_d .show { background:  url(./../images/letter_d.gif) no-repeat top left; margin-top:0px;  margin-right:0px; padding: 0px 10px 0 0; }
.letter_e .show { background:  url(./../images/letter_e.gif) no-repeat top left; margin-top:0px;  margin-left:-4px; padding: 4px 13px 0 0; }
.letter_f .show { background:  url(./../images/letter_f.gif) no-repeat top left; margin-top:0px;  margin-right:0px; padding: 5px 10px 0 0; }
.letter_g .show { background:  url(./../images/letter_g.gif) no-repeat top left; margin-top:0px;  margin-right:0px; padding: 5px 15px 0 0; }
.letter_h .show { background:  url(./../images/letter_h.gif) no-repeat top left; margin-top:0px;  margin-left:-2px; padding: 5px 20px 0 0; }
.letter_i .show { background:  url(./../images/letter_i.gif) no-repeat top left; margin-top:0px;  margin-right:0px; padding: 2px 2px 0 0; }
.letter_j .show { background:  url(./../images/letter_j.gif) no-repeat top left; margin-top:0px;  margin-left:-2px; padding: 4px 6px 0 0; }
.letter_k .show { background:  url(./../images/letter_k.gif) no-repeat top left; margin-top:0px;  margin-left:-3px; padding: 5px 20px 0 0; }
.letter_l .show { background:  url(./../images/letter_l.gif) no-repeat top left; margin-top:0px;  margin-left:-3px; padding: 5px 20px 0 0; }
.letter_m .show { background:  url(./../images/letter_m.gif) no-repeat top left; margin-top:0px;  margin-right:0px; padding: 5px 15px 0 0; }
.letter_n .show { background:  url(./../images/letter_n.gif) no-repeat top left; margin-top:0px;  margin-left:-2px; padding: 5px 20px 0 0; }
.letter_o .show { background:  url(./../images/letter_o.gif) no-repeat top left; margin-top:0px;  margin-left:-2px; padding: 5px 21px 0 0; }
.letter_p .show { background:  url(./../images/letter_p.gif) no-repeat top left; margin-top:0px;  margin-left:-2px; padding: 5px 17px 0 0; }
.letter_q .show { background:  url(./../images/letter_q.gif) no-repeat top left; margin-top:0px;  margin-left:-2px; padding: 5px 20px 0 0; }
.letter_r .show { background:  url(./../images/letter_r.gif) no-repeat top left; margin-top:0px;  margin-left:-2px; padding: 5px 20px 0 0; }
.letter_s .show { background:  url(./../images/letter_s.gif) no-repeat top left; margin-top:0px;  margin-left:-2px; padding: 3px 15px 0 0; }
.letter_t .show { background:  url(./../images/letter_t.gif) no-repeat top left; margin-top:0px;  margin-left:-2px; padding: 5px 16px 0 0; }
.letter_u .show { background:  url(./../images/letter_u.gif) no-repeat top left; margin-top:0px;  margin-left:-2px; padding: 5px 20px 0 0; }
.letter_v .show { background:  url(./../images/letter_v.gif) no-repeat top left; margin-top:0px;  margin-left:-2px; padding: 5px 18px 0 0; }
.letter_w .show { background:  url(./../images/letter_w.gif) no-repeat top left; margin-top:0px;  margin-left:0px; padding: 5px 15px 0 0; }
.letter_x .show { background:  url(./../images/letter_x.gif) no-repeat top left; margin-top:0px;  margin-left:-2px; padding: 5px 20px 0 0; }
.letter_ae .show { background:  url(./../images/letter_ae.gif) no-repeat top left; margin-top:0px;  margin-left:-2px; padding: 5px 20px 0 0; }
.letter_oe .show { background:  url(./../images/letter_oe.gif) no-repeat top left; margin-top:0px;  margin-left:-2px; padding: 9px 20px 0 0; }
.letter_ue .show { background:  url(./../images/letter_ue.gif) no-repeat top left; margin-top:0px;  margin-left:-2px; padding: 8px 16px 0 0; }


table { border-collapse: collapse; margin-bottom:20px; font-size: 100%; font-weight:normal; }
caption { display:none; }
td      { line-height:1.3em; }
td.item { width:90%; text-align: left; padding:4px 15px 4px 0; }
td.cost { width:10%; text-align: right; vertical-align: bottom; padding:4px; }