table.logo {width:100%; background-image:url(backs/blueheart.gif); font:bold 25px/30px Arial; color:#000080; letter-spacing: 3px; text-shadow: #ff0000 -1px 1px;}
table.logo {border-top: solid 6px #ff00ff; border-left: solid 6px #ff00ff; border-right: solid 6px #0000ff; border-bottom: solid 6px #0000ff; border-radius:20px; box-shadow: #000033 8px 8px 4px;}
table.logo span {font:bold 40px/50px Arial; color:#ff0000; text-shadow: #0000ff -1px 2px;}
table.logo span span {color:#ffd700;}
table.logo img {border:solid 1px #fffaf0; border-radius:5px; box-shadow: #666666 6px 6px 3px;}

table.pose  {width:100%; margin-top:15px;}
table.story {width:100%; height:250px; font: bold 16px/20px Arial; color:#000080; background-color:#ffd700; text-shadow:#999999 -1px 1px; border:solid 8px #0000ff; border-radius: 20px; box-shadow:#000033 8px 8px 4px;}
table.story:hover {border-color:#ff00ff;}
table.story th {vertical-align:bottom; border-radius: 10px;}

table.start {width:100%; margin-top:15px; font:bold 14px/20px Arial; color:#ffd700;} 
table.start {border-top: solid 8px #ffffff; border-left: solid 8px #ffffff; border-right: solid 8px #ffd700; border-bottom: solid 8px #ffd700; border-radius:20px; box-shadow:#000033 8px 8px 4px;}
table.start:hover {border-color:#ff00ff;}
table.start th {background-color:#00008b;}
table.start td {background:url(backs/back3.jpg); text-align:center;}
table.start th, 
table.start td {border-top: solid 1px #ffd700; border-left: solid 1px #ffd700; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; border-radius: 10px;}

a {text-decoration:none;}
a:hover {text-decoration:none;}
b {color:#ffffff;}
p {text-align:justify;}
th.links img {margin-bottom:8px;}
th.links a {border:dotted 2px transparent;}
th.links a:before,
th.links a:after {color:transparent; content:" ... ";}
th.links a:hover {border-radius: 20px;}

img {border:none;}
img.schatten {border:solid 2px #fffaf0; box-shadow:#333333 8px 8px 4px;}

body {margin: 10mm 15mm}
body {background:url(backs/bstarb.gif) repeat;}

body.story1 table {width:100%; font:bold 17px/20px Arial; color:#000080;}
body.story1 h1 {font: bold 40px/50px fantasy; color:#cc0099; text-shadow:#666666 -1px 2px;}
body.story1 p:first-letter {font:normal 24px/30px Arial; color:#cc0099; margin-right:1px;}
body.story1 p {line-height:8mm;}
body.story1 hr {color:#000080; width:90%;}
body.story1 small {font:bold 15px/20px Arial; color:#cc0099;}
body.story1 th.links {font-size:16px; color:#000080;}
body.story1 a {font-size:15px; color:#000080;}
body.story1 a:hover {color:#ff0000; border: dotted 2px #0000ff;}
.story1 {background:url(backs/musicback.gif) repeat;}

body.story2 table {width:100%; font:bold 17px/21px Arial; color:#000080;}
body.story2 h1 {font:bold 40px/50px fantasy; color:#cc0099; text-shadow:#666666 -1px 2px;}
body.story2 p:first-letter {font-family: Arial; font-size:24px; color:#cc0099; margin-right:1px;}
body.story2 p {line-height:7mm;}
body.story2 small {font:bolder 15px/18px Arial; color:#cc0099;}
body.story2 hr {color:#000080; width:90%;}
body.story2 th.links {font-size:16px; color:#000080;}
body.story2 a {font-size:15px; color:#000080;}
body.story2 a:hover {color:#ff0000; border: dotted 2px #000080;}
.story2 {background:url(backs/cloud.jpg) repeat;}

body.story3 table {width:100%; font:bold 17px/21px Arial; color:#000080;}
body.story3 h1 {font:bold 40px/50px Arial; color:#cc0099; text-shadow:#999999 -1px 1px;}
body.story3 p:first-letter {font-family: Arial; font-size:24px; color:#cc0099; margin-right:1px;}
body.story3 p {line-height:8mm;}
body.story3 small {font:bolder 15px/18px Arial; color:#cc0099;}
body.story3 th.links {font-size:16px; color:#000080;}
body.story3 a {font-size:15px; color:#000080;}
body.story3 a:hover {color:#ff0000; border:dotted 2px #000080;}
body.story3 hr {color:#000080; width:90%;}
.story3 {background:url(backs/pinkroseback.jpg) repeat;}

body.story4 table {width:100%; font:bold 17px/21px Arial; color:#000080;}
body.story4 h1 {font:bold 40px/50px Arial; color:#cc0099; text-shadow:#fffaf0 -1px 2px;}
body.story4 p:first-letter {font-family: Arial; font-size:24px; color:#cc0099; margin-right:1px;}
body.story4 p {line-height:7mm;}
body.story4 small {font:bolder 15px/18px Arial; color:#cc0099;}
body.story4 th.links {font-size:16px; color:#000080;}
body.story4 a {font-size:15px; color:#000080;}
body.story4 a:hover {color:#ff0000; border: dotted 2px #000080;}
body.story4 hr {color:#000080; width:90%;}
.story4 {background:url(backs/back1.jpg) repeat;}

body.story5 table {width:100%; font:bold 17px/21px Arial; color:#000080;}
body.story5 h1 {font:bold 40px/50px Arial; color:#ff0099; text-shadow: #fffaf0 -1px 2px;}
body.story5 p:first-letter {font-family: Arial; font-size:24px; color:#ff0099; margin-right:1px;}
body.story5 p {line-height:7mm;}
body.story5 small {font:bold 15px/18px Arial; color:#ff0099;}
body.story5 th.links {font-size:16px; color:#ffffff;}
body.story5 a {font-size:15px; color:#ffffff;}
body.story5 a:hover {color:#ffd700; border: dotted 2px #ffffff;}
body.story5 hr {color:#000080; width:90%;}
.story5 {background:url(backs/water.gif) repeat;}

body.story6 table {width:100%; font:bold 17px/21px Arial; color:#000080;}
body.story6 h1 {font:bold 40px/50px Arial; color:#cc0099; text-shadow:#fffaf0 -1px 2px;}
body.story6 p:first-letter {font-family: Arial; font-size:24px; color:#cc0099; margin-right:1px;}
body.story6 p {line-height:7mm;}
body.story6 small {font:bolder 15px/18px Arial; color:#cc0099;}
body.story6 th.links {font-size:16px; color:#000080;}
body.story6 a {font-size:15px; color:#000080;}
body.story6 a:hover {color:#ff0000; border: dotted 2px #000080;}
body.story6 hr {color:#000080; width:90%;}
.story6 {background:url(backs/rainbowbacks.gif) repeat;}

body.story7 table {width:100%; font:bold 17px/20px Arial; color:#ffffff;}
body.story7 h1 {font:bolder 40px/50px Arial; color:#cc0099; text-shadow: #fffaf0 -1px 2px;}
body.story7 p:first-letter {font-family: Arial; font-size:24px; color:#cc0099; font-weight:900; margin-right:1px;}
body.story7 p {line-height:7mm;}
body.story7 small {font:bolder 15px/18px Arial; color:#cc0099;}
body.story7 th.links {font-size:16px; color:#ffffff;}
body.story7 a {font-size:15px; color:#ffffff;}
body.story7 a:hover {color:#ff0000; border: dotted 2px #ffffff;}
body.story7 hr {color:#ffffff; width:90%;}
.story7 {background:url(backs/back3.jpg) repeat;}

body.story8 table {width:100%; font:bold 18px/22px Arial; color:#000080;}
body.story8 h1 {font:bold 40px/50px fantasy; color:#cc0099; text-shadow:#333333 -1px 1px;}
body.story8 p:first-letter {font-family: Arial; font-size:24px; color:#cc0099; margin-right:1px;}
body.story8 p {line-height:7mm;}
body.story8 small {font:bolder 15px/18px Arial; color:#cc0099;}
body.story8 th.links {font-size:16px; color:#000080;}
body.story8 a {font-size:15px; color:#000080;}
body.story8 a:hover {color:#ff0000; border: dotted 2px #000080;}
body.story8 hr {color:#000080, width:90%;}
.story8 {background:url(backs/kidback3.gif) repeat;}

body.story9 table {width:100%; font:bold 18px/22px Arial; color:#000080;}
body.story9 h1 {font:bold 40px/50px Arial; color:#cc0099; text-shadow:#fffaf0 -1px 1px;}
body.story9 p:first-letter {font-family: Arial; font-size:24px; color:#cc0099; margin-right:1px;}
body.story9 p {line-height:8mm;}
body.story9 small {font:bolder 15px/18px Arial; color:#cc0099;}
body.story9 th.links {font-size:16px; color:#000080;}
body.story9 a {font-size:15px; color:#000080;}
body.story9 a:hover {color:#ff0000; border: dotted 2px #000080;}
body.story9 hr {color:#000080; width:90%;}
.story9 {background:url(backs/littlecloudsb.jpg) repeat;}

body.story10 table {width:100%; font:bold 18px/22px Arial; color:#ffd700;}
body.story10 h1 {font: bold 40px/50px fantasy; color:#ff7000; text-shadow:#ffffff -1px 1px;}
body.story10 p:first-letter {font-family: Arial; font-size:24px; color:#ff0000; font-weight:900; margin-right:1px;}
body.story10 p {line-height:8mm;}
body.story10 small {font:bolder 15px/18px Arial; color:#cc0099;}
body.story10 hr {color:#ffd700; width:90%;}
body.story10 th.links {font-size:16px; color:#ffffff;}
body.story10 a {font-size:15px; color:#ffffff;}
body.story10 a:hover {color:#ff0000; border: dotted 2px #ffffff;}
.story10 {background:url(backs/starbg.jpg) repeat;}

body.story11 table {width:100%; font:bold 18px/22px Arial; color:#ffd700;}
body.story11 h1 {font:bold 40px/50px fantasy; color:#ff7000; text-shadow: #fffaf0 -1px 1px;}
body.story11 p:first-letter {font-family: Arial; font-size:24px; color:#ff0000; font-weight:900; margin-right:1px;}
body.story11 p {line-height:8mm;}
body.story11 small {font:bolder 15px/18px Arial; color:#cc0099;}
body.story11 hr {color:#ffd700; width:90%;}
body.story11 th.links {font-size:16px; color:#ffffff;}
body.story11 a {font-size:15px; color:#ffffff;}
body.story11 a:hover {color:#ff0000; border: dotted 2px #ffffff;}
.story11 {background:url(backs/starbg.jpg) repeat;}

body.story12 table {width:100%; font:bold 18px/21px Arial; color:#ffd700;}
body.story12 h1 {font:bold 40px/50px fantasy; color:#ff7000; text-shadow: #fffaf0 -1px 2px;}
body.story12 p:first-letter {font-family: Arial; font-size:24px; color:#ff7000; font-weight:900; margin-right:1px;}
body.story12 p {line-height:7mm;}
body.story12 small {font:bolder 15px/18px Arial; color:#cc0099;}
body.story12 hr {color:#ffd700; width:90%;}
body.story12 th.links {font-size:16px; color:#ffffff;}
body.story12 a {font-size:15px; color:#ffffff;}
body.story12 a:hover {color:#ff0000; border:dotted 2px #fffaf0;}
.story12 {background:url(backs/blueback.jpg) repeat;}

body.story13 table {width:100%; font:bold 17px/20px Arial; color:#000080;}
body.story13 h1 {font:bold 40px/50px Arial; color:#cc0099; text-shadow: #fffaf0 -1px 2px;}
body.story13 p:first-letter {font-family: Arial; font-size:24px; color:#cc0099; margin-right:1px;}
body.story13 p {line-height:7mm;}
body.story13 small {font:bolder 15px/20px Arial; color:#cc0099;}
body.story13 th.links {font-size:16px; color:#000080;}
body.story13 a {font-size:15px; color:#000080;}
body.story13 a:hover {color:#ff0000; border: dotted 2px #fffaf0;}
body.story13 hr {color:#000080; width:90%;}
.story13 {background:url(backs/blueskys.jpg) repeat;}

body.story14 table {width:100%; font:bold 17px/20px Arial; color:#000080;}
body.story14 h1 {font:bold 40px/50px Arial; color:#cc0099; text-shadow: #fffaf0 -1px 2px;}
body.story14 p:first-letter {font-family: Arial; font-size:24px; color:#cc0099; margin-right:1px;}
body.story14 p {line-height:7mm;}
body.story14 small {font:bolder 15px/20px Arial; color:#cc0099;}
body.story14 th.links {font-size:16px; color:#000080;}
body.story14 a {font-size:15px; color:#000080;}
body.story14 a:hover {color:#ff0000; border: dotted 2px #fffaf0;}
body.story14 hr {color:#000080; width:90%;}
.story14 {background:url(backs/blueskys.jpg) repeat;}

body.story15 table {width:100%; font:bold 17px/20px Arial; color:#000080;}
body.story15 h1 {font:bold 40px/50px Arial; color:#cc0099; text-shadow: #666666 -1px 2px;}
body.story15 p:first-letter {font-family: Arial; font-size:24px; color:#cc0099; margin-right:1px;}
body.story15 p {line-height:7mm;}
body.story15 small {font:bolder 15px/18px Arial; color:#cc0099;}
body.story15 th.links {font-size:16px; color:#000080;}
body.story15 a {font-size:15px; color:#000080;}
body.story15 a:hover {color:#ff0000; border:dotted 2px #000080;}
body.story15 hr {color:#000080; width:90%;}
.story15 {background:url(backs/bluesky.gif) repeat;}

body.story16 table {width:100%; font:bold 17px/20px Arial; color:#ffd700;}
body.story16 h1 {font:bolder 60px/80px Arial; color:#cc0099; text-shadow:#fffaf0 1px -1px 20px;}
body.story16 p:first-letter {float:left; font-family: Arial; font-size:36px; color:#cc0099; text-shadow:#fffaf0 1px -1px 20px; margin-right:2px;}
body.story16 p {line-height:7mm; text-shadow:#000000 -1px 1px;}
body.story16 th.DS {filter:dropshadow(color=#ffffff,offx=-3,offy=-2);}
body.story16 small {font:bolder 15px/20px Arial; color:#cc0099; text-shadow: #000000 1px -1px;}
body.story16 th.links {font-size:16px; color:#ffd700;}
body.story16 a {font-size:15px; color:#ffd700;}
body.story16 a:hover {color:#ffd700; border: dotted 2px #ffffff;}
body.story16 hr {color:#ffd700; width:90%;}
.story16 {background:url(backs/bstarb.gif) repeat;}

table.frieden {margin-bottom:50px;}
table.frieden a {font:bold 20px/25px Arial; color:#ffd700;text-decoration:none;}
table.frieden a:hover {text-decoration:none; border:dotted 2px #ffd700;}
th.frieden {line-height:10mm;} 
th.frieden {background:url(../backs/lichtkette.jpg) center no-repeat;}

table.mutter {font:bold 18px/22px Arial; color:#00009b;}
table.mutter h1 {font-size: 40px; color:#cc0099; line-height:50px; text-shadow: #0000ff -1px 1px;}
table.mutter h2 {font-size: 26px; color:#cc0099; line-height:35px; text-shadow: #fffaf0 -1px 2px;}
table.mutter big {font-size:20px; color:#cc0099; line-height:25px; text-shadow: #fffaf0 -1px 2px;}
table.mutter td {text-align:justify;}
table.mutter small {font-size:14px; color:#cc0099; line-height:18px;}
table.mutter a {font-size: 16px; color:#00009b;}
table.mutter a:hover {color:#ff0000; border:dotted 2px #00009b;}
table.mutter hr {width:50%; color:#00009b;}
body.mutter, body.muttertag {margin: 2mm 10mm;}
body.mutter  {background:url(backs/pinkroseback.jpg);}
table.story th.mutter  {background:url(backs/pinkroseback.jpg);}
body.muttertag {background:url(backs/kidback3.gif);}
table.story th.xmas {background:url(backs/nightsback.jpg);}