@charset 'utf-8';
@import url(reset.css);
@import url(lightbox.css);

/* ----------------------------------------------------- All browsers */

body { text-align:center; font:12px Arial, Helvetica, sans-serif; color:#333 }

/* ----- SEITENAUFBAU */
#nonFooter { position: relative; min-height: 100%; width:775px; margin:auto }
#content { padding-bottom:40px; text-align:left; line-height:1.5em }
#header { padding-top:25px }
#footer {	width:775px; margin:auto; text-align:center; position: relative; font-size:10px; margin-top: -40px; height:39px; line-height:39px; text-align:right; border-top:1px solid silver } 

/* ----- NAVIGATION */
div#navigation { float:right; margin-top:5px }
div#navigation ul { text-align:right; position:relative; background:transparent url(../../bitmaps/bg_nav.gif) 5px -20px no-repeat; padding-left:10px }
div#navigation ul li { float:left }
div#navigation ul li a { font-size:14px; font-weight:bold; color:#555; line-height:20px; text-decoration:none; padding:0 7px; background:transparent url(../../bitmaps/bg_nav.gif) 0 0 no-repeat }
div#navigation ul li a#home { background:url(../../bitmaps/bg_nav_home.gif) 0 0 no-repeat; padding:0 7px 0 17px }
div#navigation ul li a:hover, div#navigation ul li a.aktiv { color:#e70018; background-position:0 -20px }

div#navigation ul.sub { position:absolute; padding-top:5px; top:20px; left:auto; background:none; display:none }
div#navigation ul.sub li { margin-left:-14px; background:none }
div#navigation ul.sub li a { background-image:none }
div#navigation li:hover ul.sub, div#navigation li.aktiv ul.sub { display:block !important }

/* ----- LINKS */
a.textlink, a.mailer { color:#e70018; text-decoration:underline }
a.textlink:hover, a.mailer:hover { text-decoration:none }
a:active { position: relative; top:1px }
#footer a { text-decoration:none; color:#888 }
#footer a:hover { color:#555 }

/* ----- TAGS */
p { margin:5px 0 }
h1 { margin:20px 0; color:#e70018; font-weight:normal; font-size:36px }
h2 { margin:10px 0; color:#e70018; font-weight:normal; font-size:18px }
h3 { margin:5px 0; color:#555555; font-weight:bold; font-size:15px }

ul.rednose { position:relative; margin:10px 0 }
ul.rednose li { background:url(../../bitmaps/li.gif) 0 0 no-repeat; padding-left:25px; margin:3px 0; margin-left:50px }

div.image {	float:right; width:275px;	text-align:right }
div.subtitel { color:#888; text-align:left;	padding-left:25px; margin-top:5px }
div.leftcol { width:500px; margin-bottom:20px; text-align:justify }
div.justify p { text-align:justify; margin-bottom:20px }

table td {
	text-align:left;
	vertical-align:top;
	line-height:1.5em;
}

#spendenformular { width:550px; border:1px dashed silver; padding:20px }
#spendenformular label { cursor:pointer }
#spendenformular .checkbox {  }
#spendenformular label span { font-weight:bold; font-size:18px; color:#e7021a }
#spendenformular input.texteingabe { height:18px; margin:1px 0; padding:4px 0 0 0; width:210px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid silver }
#spendenformular input.kurz { width:30px; text-align:center }
#spendenformular textarea { width:210px; height:60px; margin:1px 0; padding:2px 0; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid silver }

#spendenformular label.fl { display:block; width:120px; line-height:24px; float:left }
#spendenformular br { clear:left }


/* ----------------------------------------------------- JS enabled browsers */

.js div { }

/* ----------------------------------------------------- IE7 and below */

.ie7 div { }

/* ----------------------------------------------------- IE6 and below */

.ie6 div { }
.ie6 div#nonFooter {
	height: 100%;
}
.ie6 div.leftcol { width:497px }