@import url("reset.css");
@import url("fonts.css");

html {height:101%; margin:0; padding:0;}

body {
	text-align: center;
	margin: 0 auto;
	background-color: #cec9c0;
	/*
	background: #cec9c0 url(../img/background.gif) repeat-y fixed top center;
	*/
}

#page {
	margin: 29px auto 0px auto;
	width: 850px;
	height: 100%;
	background-color: #fff;
}

div#header {
	position: relative;
	height: 107px;
}

div#header img#logo {
	position: absolute;
	top: 0px; left: 0px;
}

div#line1 {
	clear: both;
}

div#image-pane {
	height: 141px;
	background-color: #9b1c3f;
}

div#main {
	position: relative;
}

#page td {
	vertical-align: top;
}

#content-pane {
	float: right;
	margin: 2.2em 28px 0 0;
	display: inline;
	width: 587px;
}

div.content {
	padding: 16px 0 16px 0;
	/*padding: 16px 0 14px 0;*/
}

p {
	margin-bottom: 1.7em;
}
p.last, p.nospace {
	margin-bottom: 0.0em;
}

h1,h2,h3,h4,h5,h6,p {
	padding: 0 15px;
}
div.csc-textpic p {
	padding: 0;
}

#content-pane ul.csc-bulletlist,
p.bodytext ul {
	padding: 0 15px;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url(../img/dot-red.gif);
	color: #9b1c3f;
}

#content-pane ul.csc-bulletlist li {
	margin-left: 1.3em;
	margin-bottom: 0.7em;
}

#content-pane ul.csc-bulletlist a:hover {
	color: #f29427;
}

.csc-textpic {
	padding: 0 15px;
}

div.box {
	margin-bottom: 2.2em;
}

#nav-pane {
	float: left;
	margin: 2.0em 0 0 28px;
	display: inline;
	width: 215px;
	width: 187px;
}

#donation {
	width: 60%;
}

/**
 * main menu styles are declared here
 */
div#main-menu a {
	text-decoration: none;
}
div#main-menu li.l1, div#main-menu li.l1-act {
	border-top: 1px solid #f29427;
	margin-top: 0.3em;
	padding: 0.4em 0 0 0.4em;	
}
div#main-menu li.l1 a:hover, div#main-menu li.l1-act a {
	font-weight: bold;
}
div#main-menu li.l2, div#main-menu li.l2-act {
	padding: 0 0 0 1.0em;
}
div#main-menu li.l2 a {
	color: #f29427;
}
div#main-menu li.l3 a {
	color: #9b1c3f;
}
div#main-menu li.l2 a:hover, div#main-menu li.l2-act {
	color: #9b1c3f;
}
div#main-menu li.l3 a:hover, div#main-menu li.l3-act a {
	color: #f29427;
}
div#main-menu li.l3, div#main-menu li.l3-act {
	padding: 0 0 0 2.0em;
}

/**
 * head menu settings
 */
#head-menu {
	position: absolute;
	bottom: 10px;
	right: 28px;
}

#head-menu a {
	text-decoration: none;
}

#head-menu li.l1 a:hover, #head-menu li.l1-act a {
	color: #f29427;
}

#head-menu li {
	float: right; margin-left: 10px;
}

/**
 * gallery
 **/
div.gallery-category {
	height: 120px;
}
div.detail-gallery-pane {
	padding: 0 15px;
	margin: 0 0 2em 0;
}
div.detail-gallery-pane img {
	margin: 1em 0;
}
ul#gallery-nav-1 {
	clear: both;
}
ul#gallery-nav-1 li, ul#gallery-nav-2 li {
	float: left;
	color: #f29427;
}
/*ul#gallery-nav-1 li {
	margin-right: 1em;
}*/
ul#gallery-nav-1 a, ul#gallery-nav-2 a {
	/*
	text-decoration: none;
	*/
	color: #9b1c3f;
}
ul#gallery-nav-1 a:hover, ul#gallery-nav-2 a:hover,
ul#gallery-nav-1 li.act a, ul#gallery-nav-2 li.act a {
	color: #f29427;
}
.gallery-category {
	padding: 0 15px;
	clear: left;
}
.gallery-category p {
	padding: 0;
	margin: 0;
}
.gallery-category img {
	float: left;
	margin: 0 1em 1em 0;
}
.gallery-teaser {
	float: left;
	margin: 10px 20px 10px 0;
	width: 100px;
	overflow: hidden;
}
.gallery-teaser a {
	font-size: smaller;
}	
/**
 * forms
 */
form label {
	float: left;
	width: 25%;
	color: #9b1c3f;
	padding: 0 15px;
}

form input, form textarea {
	margin-bottom: 0.7em;
	width: 55%;
}

form p.key {
	clear: left;
	float: left;
	width: 25%;
	margin: 0;
	color: #9b1c3f;
}

form p.value {
	width: 55%;
	margin: 0;
}

form input#amount, form select {
	margin-bottom: 0.7em;
	width: 20%;
}

form p.error {
	margin: 0;
	color: #9b1c3f;
	font-weight: bold;
}



.bunny {
	background-image:url(../img/bunny-0.gif);
	background-repeat:no-repeat;
	background-position: top right;
	min-height: 245px;
}
.bunny-bkg {
	background-color: #fdebd7;
}
.bunny-2 {
	background-image:url(../img/bunny-2.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
}
.bunny-3 {
	background-image:url(../img/bunny-3.gif);
	background-repeat:no-repeat;
	background-position: top right;
	min-height: 400px;
}
.bunny-4 {
	background-image:url(../img/bunny-4.gif);
	background-repeat:no-repeat;
	background-position: top right;
}

h1,h2,h3,h4,h5,h6,em,strong,a {
	color: #9b1c3f;
}
h1, h2, h3, strong {
	font-weight: bold;
}
h1, strong {
	margin-bottom:1.9em;
}
h4,h5,h6,em {
	font-weight: normal;
}

/**
 * news -----
 */
div.news-list-container a {
	font-weight: bold;
}
div.news-list-container strong {
	color: #2d3436;
	font-weight: bold;
}
div.news-single-item h1, div.news-single-item h2, div.news-single-item h3, div.news-single-item h4, div.news-single-item h5, div.news-single-item h6, div.news-single-item strong,
div.news-single-item .important {
	color: #2d3436;
	font-weight: normal;
}
div.news-single-item h1, div.news-single-item h2, div.news-single-item h3 {
	font-weight: bold;
	margin-bottom:1.9em
}
div.news-single-item h3 {
	color: #9b1c3f;
}
div.news-single-item h1 {
	font-size: 125%;
}
div.news-single-item p.news-single-author {
	display: inline;
}
div.news-single-item span.fett {
	color: #000000;
}

/**
 * audio -----
 */
.user-audiosub-pi1{
	padding: 0 15px;
}

/**
 * some specials -----
 */

p.logo {
	margin: 20px 0px;
}

p.logo em {
	float: left;
	width: 15em;
}

p.logo strong {
	float: left;
	width: 20em;
}

p.logo img {
	vertical-align: middle;
}

.col1 {
	float: left;
	width: 15em;
}

.col2 {
	/*display: inline;*/
	width: 70%;
}

table#gallery-table td {
	vertical-align: middle;
	text-align: center;
}

td.gallery-thumbnail-frame, td.gallery-dummy-frame {
	width: 145px;
	height: 145px;
}

td.gallery-thumbnail-frame {
	border: 1px solid #f29427;
}

td.gallery-detail-frame {
	height: 10px;
	text-align: left;
	
	background-image:url(../img/bunny-1.gif);
	background-repeat:no-repeat;
	background-position: top right;
}

.gallery-detail .text {
	float: right;
	width: 140px;
	text-align: left;
}

div#aufbau-img {
	padding-left:15px;
	height:234px;
	float:left;
}
div#aufbau-bu1 {
	height: 110px;
	padding-left:2em;
	padding-top:2em;
}
div#aufbau-bu2 {
	height: 62px;
	padding-left:2em;
	padding-top:0.5em;
}

p {
	text-align: left;
}
p.fliesstext {
	color: #2d3436;
}
p.fliesstext a:hover {
	color: #f29427;
}
p.orange, span.orange {
	color: #f29427;	
}
.red {
	color: #9b1c3f;
}
p.rot, span.rot {
	color: #9b1c3f;
}
p.vorspann {
	font-weight: bold;
	color: #9b1c3f;
}
.important {
	font-weight: bold;
	color: #9b1c3f;
}
span.dav {
	font-weight: bold;
	color: #5bc1d4;
}
img.dav {
	vertical-align: middle;
	margin-left: 1em;
}
span.dmeier {
	font-weight: bold;
	color: #f29427;
}
p.fett, span.fett {
	font-weight: bold;
	color: #9b1c3f;
}
span.tel {
	width: 2em;
}
a.katze {
	font-size:1px;
	color: #ffffff;
}