/*
CSS-Datei für standardkonforme Browser
Copyright 2010 Matthias Hommes für Vita Veris Regenerationsstudio am Schluchsee
*/


* {margin:0; padding:0; border:0; outline:0; background:transparent;}

body {position:relative; margin-bottom:20px; font-family:verdana, geneva, arial, helvetica, sans-serif; background:url(../bilder/bodybg.jpg) repeat-x #9c6; color:#222;}



h1,h2,h3,h4,p {font-weight:normal;}

h1 {font-size:24px; margin-top:4px; background:transparent; color:#fff;}

h1.info {font-size:18px; display:none;}

h2 {font-size:20px;}

h3 {font-size:16px; margin:16px 0 5px;}

h3.space {padding-top:16px;}

h4 {font-size:14px; margin:10px 0; line-height:130%;}

p {font-size:13px; margin-bottom:14px; line-height:130%;}

p.listspace {margin-top:10px;}

p.space {margin-top:20px;}

p.lessspace {margin-bottom:5px;}

p.nospace {margin-bottom:0;}

p.break {text-align:center;}

p.xhtml {text-align:right; margin-bottom:0;}

p.zitat {font-style:italic; background:transparent; color:#ff9;}

dl,ul {list-style:none;}

dl {margin-top:24px; float:left;}

dl.right {margin-right:0; padding:0; float:right; background:transparent; color:#222; border:0;}

dd {margin:2px 0 24px; font-size:16px;}

a:link, a:visited, a:hover, a:active {font-size:13px; text-decoration:underline; background:transparent; color:#222;}

a:hover {text-decoration:none; background:transparent; color:#06c;}

strong {font-size:13px; background:transparent; color:#333;}

em {font-style:italic;}

span {font-size:14px; visibility:hidden;}

span.bigger {font-size:16px;}

b {font-size:13px; background:transparent; color:#333;}

.left {float:left; width:370px; margin-top:24px; padding:10px 10px 0; background:url(../bilder/windowbg.jpg) repeat-x transparent; color:#222; border:1px solid #690; -moz-border-radius:5px;}

.right {float:right; width:370px; margin-top:24px; padding:10px 10px 0; background:url(../bilder/windowbg.jpg) repeat-x transparent; color:#222; border:1px solid #690; -moz-border-radius:5px;}

.bottom {clear:both; width:800px; margin-top:24px; padding:10px 10px 0; background:url(../bilder/windowbg.jpg) repeat-x transparent; color:#222; border:1px solid #690; -moz-border-radius:5px;}

.right ul, .left ul {margin:0 0 16px 20px; list-style:circle; font-size:13px; line-height:110%;} 

.bottom ul {margin-bottom:12px;}

.rc {margin-top:24px; padding:10px 10px 0; background:url(../bilder/windowbg.jpg) repeat-x transparent; color:#222; border:1px solid #690; -moz-border-radius:5px;}

.term {float:left; width:150px;}

.def {float:left; width:670px;}

.topspace {margin-top:10px;}

.clear {clear:both;}

.gebet {text-align:center; font-style:italic; padding:25px 10px 13px; background:url(../bilder/indianbg.jpg) repeat-x transparent; color:#222;}

.ll {float:left; width:256px; margin:24px 26px 20px 0;}

.lm {float:left; width:256px; margin:24px 26px 20px 0;}

.lr {float:left; width:256px; margin:24px 0 20px;}

img.floatright {float:right; margin:0 0 10px 20px;}



#head {width:900px; height:100px; margin:0 auto; text-align:center; padding-top:20px; border-bottom:1px solid #8b2; background:url(../bilder/headbg.jpg) repeat-x #acf; color:#222;}

#box {position:relative; width:900px; margin:0 auto; background:url(../bilder/boxbg.jpg) repeat-x #acf; color:#222;}

#dankebox {position:relative; width:900px; margin:0 auto; color:#000; background:transparent;}

#navi {width:900px; height:32px; margin:20px auto 0; padding-top:9px; background:#8b2; color:#fff; border-bottom:1px solid #8b2; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}

#mainout {padding:30px 40px 15px;}

#main {padding:30px 40px 20px;}

#main li {list-style:circle; margin-left:2em; font-size:13px; line-height:130%;}

#main img {border:1px solid #ffc;}

#block {float:left; width:360px;}

#ribbon {margin:23px -40px 0; padding:7px 20px 0;}

img.ribbon {margin-right:20px; padding:0;}

img.fullribbon {margin:0; padding:0;}

img.full {margin:0; padding:0;}

img.screenshot {margin-top:24px;}

img.danke {float:right; margin-bottom:20px;}

#data {float:left; width:410px;}

#data a, p.linksize a {font-size:13px;}

#law {float:right; width:410px;}

#outermap {width:798px; margin:24px auto; border:1px solid #690; -moz-border-radius:5px; text-align:center; padding:10px; background:url(../bilder/indianbg.jpg) repeat-x transparent; color:#222;}

#map {width:756px; height:426px; margin:20px auto; border:1px solid #999; -moz-border-radius:5px;}

#foot {clear:both; width:880px; height:33px; margin:0 auto; padding:1px 10px 0; text-align:right; background:url(../bilder/footbg.jpg) repeat-x #69c; color:#222; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}

p.foot a {text-decoration:none; margin-left:30px; line-height:170%;}

#foot a:link, #foot a:visited, #foot a:hover, #foot a:active {font-size:13px; text-decoration:none; background:transparent; color:#fff;}

#foot a:hover {background:transparent; color:#222;}



#nav a {display:block; height:32px; text-decoration:none; font-size:12px; line-height:30px;}

#nav a.clearlineheight {line-height:125%;}

#nav li {float:left; width:230px; margin-right:1px; text-align:center;}

#nav li.nolink {display:block; height:32px; font-size:12px; line-height:30px; background:url(../bilder/link.jpg) repeat-x #fff; color:#000;}

#nav li.nolink:hover {background:url(../bilder/link.jpg) repeat-x #fff; color:#000;}

#nav li.end {width:116px; margin-right:0;}

#nav li.small {width:160px;}

#nav li:hover {background:#fb0; color:#000;}

#nav li ul li {width:230px; border-top:1px solid #999; background:url(../bilder/hover.jpg) bottom left repeat-x #fff; color:#000;}

#nav li ul {position:absolute; left:-900em; z-index:1000; width:224px;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left:auto; margin-top:2px;}

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {background:url(../bilder/link.jpg) repeat-x #fff; color:#000;}

#nav li ul li a:link, #nav li ul li a:visited, #nav li ul li a:hover, #nav li ul li a:active {background:url(../bilder/hover.jpg) repeat-x #fff; color:#000;}

#nav a:hover {background:url(../bilder/hover.jpg) repeat-x #fff; color:#000;}

#nav li ul li a:hover {background:url(../bilder/link.jpg) repeat-x #fff; color:#000;}

#nav a:link.downlink, #nav a:visited.downlink, #nav a:hover.downlink, #nav a:active.downlink {}

#nav a:hover.downlink {}



fieldset {width:410px; margin:20px 0 0; background:url(../bilder/windowbg.jpg) repeat-x transparent; color:#000; border:1px solid #690; -moz-border-radius:5px;}

form {margin:16px;}

form p {font-size:13px; margin:2px 0 0 0; text-align:left;}

form p.nospace {margin:0;}

form p.space {margin-top:20px;}

form p.center {text-align:center;}

input, textarea {width:372px; padding:2px; border:1px solid #888; background:#dbe9fb; color:#222;}

input:focus, textarea:focus {background:#fff; color:#900;}

textarea {height:140px; overflow:auto; margin-bottom:10px; font-size:100%; background:url(../bilder/stift.gif) bottom right no-repeat #dbe9fb; color:#222;}

input.button {float:left; width:140px; margin-bottom:16px; cursor:pointer; padding:1px 2px; background:url(../bilder/delete.png) 5% no-repeat #dbe9fb; color:#222; border:1px solid #999;}

input.space {float:left; margin:0 98px 0 0; background:url(../bilder/accept.png) 5% no-repeat #dbe9fb; color:#222;}

input.button:hover {background:url(../bilder/delete.png) 5% no-repeat #fff; color:#000;}

input.space:hover {background:url(../bilder/accept.png) 5% no-repeat #fff; color:#000;}

input.down {width:134px; padding:2px; margin-bottom:16px;}