/* whiteribbon.at css
    strg.at 2005 */

body {
font:99.9% arial, helvetica, verdana sans-serif;
color:#333;
background:#fff url(pix/bg.gif);
text-align: center;
margin:0;
padding:0;
}

img {
border: none;
}

.right p,
.right li,
label,
td,
.cart p,
.shopright p,
.shopleft p,
.spenden p,
.spendeninfo li,
.spendeninfo p,
.startsitenews p,
.box p
 {
font-size: .8em;
line-height: 130%;
}

p.tdp {
font-size: 1em;
}


fieldset {
background:#EFEFD1;
border: 1px solid #ccc;
margin: 1em .4em .4em 0;
padding: .6em;
}

legend {
font-weight: bold;
border: 1px solid #ccc;
background:#DBDBA4;
margin: 0;
padding: 0;
}


#jump {
position:absolute;
top:-200px;
left:-1000px;
}

.clear {
clear: both;
}

h1 {
font-size: 1em;
margin: 0;
padding: 0;
color: #999;
}

h2 {
font-size: 1.2em;
color: #666;
margin: .2em .8em .6em 0;
padding: 0;
}


.center {
margin:0 auto;
text-align:left;
width: 44em;
position: relative;
}


.wrheader {
margin: 0 0 .4em 0;
}

/* top logo */
.wrheader h1 {
font-size: 1.9em;
margin: 0;
}
.wrheader h1 a, .wrheader h1 a:hover {
font-size: 1.2em;
line-height: .9em;
color: #999;
text-decoration: none;
margin: 0;
}
.wrheader h1 img {
margin: 0;
width: .75em;
}
.wrheader h1 span {
font-size: .8em;
font-weight:normal;
}


/* header img */
.header {
border:1px solid #666;
margin:0 0 1em 0;
width: 44em;
height:9.3em;
position: relative;
overflow: hidden;
}

.header img {
height: 9.3em;
}

.header a {
text-decoration: none;
}

.transhead {
position: absolute;

/* firefox 1.5 bottom: 0 - also firfox 1.0.7 on linux */
bottom: 1px;

left: 0;
width: 100%;
height: auto;
opacity: .7;
background: #fff;
}
.transhead p {
font-size: .9em;
font-weight: bold;
color: #666;
text-align: right;
padding: .24em 1em .1em 1em;
margin: 0;
}


.main {
border-right:1px solid #666;
border-bottom:1px solid #666;
border-left:1px solid #666;
margin: 0 0 2em 0;
width: 44em;
background: #f9f9f9;
padding: 1em 0 0 0;
}

span.date {
display: block;
text-align: right;
font-size: .8em;
color: #666;
}

.menu {
width: 44em;
height: auto;
margin: 0;
padding: 0;
background: #666;
border-right: 1px solid #666;
border-left: 1px solid #666;
}

.menu ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 0.8em;
text-align: center;
}

.menu li {
/*width: 11.44em;*/

height: auto;
display: inline;
margin: 0;
padding: 0;
font-size: 1em;
}


.menu li a {
width: auto;
height: auto;
display: inline;
padding: 0 1.7em 0 1.7em;
margin:0;
background: #666;
text-decoration: none;
color: #fff;
text-align: center;
border-left:1px solid #666;
border-right:1px solid #666;
font-size: 1em;
font-weight: bold;
}

.menu li a:hover {
background: #999;
color: #fff;
border-left: 1px solid #ddd;
border-right: 1px solid #aaa;
}
.menu li a.aktiv, .menu li a.aktiv:hover {
background: #ed2224;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
color: #fff;
font-weight: bold;
}




.right {
margin: 0 1.5em 0 7.5em;

color: #666;

}




/* startseite */

.box {
width: auto;
margin: 0 1em 0 20em;
padding: .6em;

background: #fff;


}
.box h2 {
margin: 0;
}
.box p {
font-size: .8em;
}



.startsitenews {
float: left;
width: 18em;
margin: 0;
padding: .5em;
}

.startsitenewsitem {
margin: 0 0 1em 0;
}

.startsitenewsitem h3 {
font-size: 1em;
margin: 0;
padding: 0;
}
.startsitenewsitem p {
margin: .5em 0 0 0;
}
.startsitenewsitem span {
color: #999;
}
.startsitenewsitem img {
float: left;
margin: .5em .5em 0 0;
}

.footer {
text-align: center;
margin: 1em 0 1em 0;
}

.footer ul, ul.counter, ul.aktionmenu {
list-style-type: none;
}

.footer li, .counter li {
display:inline;
text-align: center;
}
.footer a {
font-size: .8em;
color: #666;
}
.footer a:hover {
color: #000;
}


ul.counter {
background: #eee;
border: 1px solid #eee;
text-align: center;
margin: 0 0 .5em 0;
padding: 0;
}

ul.counter li a {
background: #999;
color: #fff;
padding: 0 .4em 0 .4em;
margin: 0;
text-decoration: none;
font-weight: bold;
border: 1px solid #999;
}

ul.counter li a:hover, ul.counter li a.aktiv {
background: #fff;
border: 1px solid #ed2224;
color: #999;
}



/* aktionen */

.aktimage {
text-align: center;
background: #f0f0f0;
width: 100%;
overflow: hidden;
}

.aktimage img {
margin-bottom: 1em;
}



ul.aktionmenu {
margin: 1em 0 0 1em;
padding: 0;
float: left;
}

.aktionmenu li {
margin: 0 0 .5em 0;
padding: 0;
}

.aktionmenu a {
border: 1px solid #666;
padding: .1em .3em 0 .3em;
margin: 0;
text-decoration: none;
color: #666;
width: 5em;
display: block;
text-align: center;
}

.aktionmenu a:hover {
border: 1px solid #ed2224;
color: #333;
}

.aktionmenu a.active {
background: #ed2224;
border: 1px solid #ed2224;
font-weight: bold;
color: #fff;
}

.aktionlist, .singlenewsitem, .textbox, .faq, .akt {
background: #f6f6f6;
padding: .6em 1em .6em 1em;
}

.aktionlist h2, .singlenewsitem h2 {
margin: 0;
}

.aktionlist p, .akt p {
margin: .2em 0 .3em 0;
line-height: 140%;
}

.aktionlist a,
.singlenewsitem a,
.startsitenewsitem a {
color: #666;
text-decoration: underline;
}
.aktionlist a:hover,
.singlenewsitem a:hover,
.startsitenewsitem a:hover {
/*background: #fefefe;*/
color: #333;
}

.aktionlist h2 a,
.singlenewsitem h2 a,
.startsitenewsitem h3 a {
text-decoration: none;
}


.singlenewsitem span {
font-size: .8em;
color: #999;
display: block;
text-align: right;
}
.singlenewsitem img {
float: left;
margin: 0 .5em .5em 0;
}



/* shop */

.shopleft {
width: 12em;
margin: 0 1.5em 0 .5em;
float: left;
}

.cart {
padding: .4em;
border: 1px solid #999;
background: #efefd1;
}
.cart h3 {
margin: 0 0 .5em 0;
padding: 0;
}
.cart p {
color: #666;
}
.shopright {
margin: 0 1.5em 0 14em;
}
.shopcat {
margin: 0 0 1em 0;
}

.shopprod {
margin: 0 0 1em 0;
border-bottom: 1px solid #ccc;
}

.shopimg {
float: left;
width: 7em;
overflow: hidden;
}

.shopimg img {
border: 1px solid #ccc;
padding: 3px;
}


.shoptxt {
margin: 0 0 0 8em;
}

.shoptxt h2 {
font-size: 1em;
margin: 0;
}

.formelement {
border-width: 1px;
border-color: #ccc;
border-style: solid;
background-color: #fff;
}

.shoporder {
border-style: solid;
border-width: 1px;
border-color: #999;
margin: 5px 0 0 0;
padding: 5px;
}

p.total {
text-align: right;
border-top: 3px solid #999;
padding:1em 0 1em 0;
}

p.total a {
font-weight: bold;
display: block;
margin-top: .8em;
text-decoration: none;
}

p.order {
text-align: right;
}

p.order a {
background: #eee;
border: 1px solid #ccc;
padding: .1em .4em .1em .4em;
text-decoration: none;
}



/* faq */

.faq {
padding: .6em 0 .8em 2.4em;
}

ol.faq li {
color: #999;
padding: .3em 0 .2em 0;
}

.faq a {
text-decoration: none;
color: #333;
padding: 0 .2em 0 0;
}

.faq a:hover {
color: #000;
text-decoration: underline;
}

ol.faq li.faq-q {
font-weight: bold;
color: #333;
background: #fff;
border: 1px solid #ed2224;
margin: 1em 1em 1em 0;
padding: 1em;
list-style-position: inside;
}

li.faq-q span {
padding: .5em 0 0 0;
font-weight: normal;
display: block;
width: 97%;
line-height: 1.35em;
}

a {
color: #666;
}

a:hover {
color: #333;
}


.spenden {
margin: 0 1.5em 0 1.5em;
}
.spenden p, .spendeninfo p {
margin: 0;
padding: 0;
}

.spendeninfo {
margin: 0 1em 0 70%;
width: 20%;
}


.form input, .form textarea {
border: 1px solid #ccc;
background: #fff;
padding: 0;
}

.form input:focus,
.form textarea:focus {
border: 1px solid #999;
}


h4.warn {
color: red;
}


.switch {
text-align: right;
}
.switchitem {
width: auto;
background: #fff;
padding: 0 .3em 0 .3em;
display: inline;

}
.switch a {
text-decoration: none;
color: #aaa;
}
.switchsmall {
font-size: .6em;
}
.switchmed {
font-size: .7em;
}
.switchbig {
font-size: .9em;
}

.linklist h3 {
font-size: .9em;
color: #999;
}

.mailman {
display: inline;
font-size: .8em;
color: #666;
}
.mailman input {
border: 1px solid #999;
color: #333;
}
.mailman input:focus {
border: 1px solid #333;
}

#shopshow {
text-align: center;
margin: 20px;
}

#shopshow img {
border: 1px solid #ccc;
padding: 6px;
margin: 0 0 10px 0;
}

.close {
width: 480px;
text-align: right;
font-size: 11px;
}