/*  #################################################
    CSS Template «Kind und Krebs» for TYPO3
    -------------------------------------------------
	
	company:	DACHCOM digital AG
	publisher:	Marcel Zweifel
	date:		2010-01
	www:		www.dachcomdigital.com
	
	INCLUDES										  */
	
	@import url("resets.css");
	
/*	################################################# */

html {
	font-size: 100.1%;
	height: 100%;
	min-height: 100%;
}

body {
	font-size: .75em;
	font-family: Verdana, sans-serif;
	color:#2E2E2E;
	height: 100%;
	min-height: 100%;
	line-height:1.3em;
	text-align:center;
	margin:0;
	padding:0;
	background-image:url("../images/interface/bg.jpg");
	background-repeat:repeat-x;
}

#outer_wrapper {
	width: 100%;
	margin: 0 auto;
	text-align:left;
	position:relative;
  background:url("../images/interface/container_background.jpg") no-repeat 50% 0;
  
}

#inner_wrapper {
	width:900px;
	margin: 0 auto;
	text-align:left;
	position:relative;
	min-height:500px;
	background-color:#fff;
}

#header {
  height:110px;
  position:relative;
 	background-image:url("../images/interface/header_bg.jpg");
 	background-repeat:repeat-x;
}

#header #logo {
  position:absolute;
  left:-68px;
  top:0;
}

#header #search {
  position:absolute;
  right:0px;
  top:40px;
}

#search input.searchbox-sword {
	font-family: Verdana, sans-serif;
	font-size: 1em;
	border: 1px solid #C0C0C0;
	padding: 3px 10px;
	color: #2E2E2E;
	width: 108px;
	margin-right: 3px;
}

#search input.searchbutton {
	border: none;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	background-color: #eee;
	color: #2E2E2E;
	border:1px solid #C0C0C0;
	padding: 2px 6px 2px 6px;
	cursor: pointer;
}

#header #gnav ul {
  position:absolute;
  right:0px;
  bottom:21px;
  font-size:0.9em;
  line-height:0.9em;
}

#header #gnav ul li {
  float:left;
  border-left:1px solid #243C82;
  padding:0 7px;
}

#header #gnav ul li:first-child {
  border-left:none;
  padding-left:0px;
}

#banner {
  height:320px;
  background: #C0C0C0 url(../images/home/banner_900.jpg) no-repeat 0 0;
}


/*********************/
/* HNAV              */
/*********************/

#hnav {
  height:40px;
  position:relative;
  background:#FCFCFC url("../images/interface/hnav_bg.jpg") repeat-x;
  z-index:2;
}

#hnav ul {
  position:absolute;
  left:30px;
  top:0px;
}

#hnav ul li:active,
#hnav ul li:hover {
  background:url("../images/interface/hnav_overpfeil.gif") no-repeat 50% 100%;
}

#hnav ul li#hnav_6.act,
#hnav ul li#hnav_6:active,
#hnav ul li#hnav_6:hover {
  background:url("../images/interface/hnav_spende_overpfeil.gif") no-repeat 50% 100% !important;
}

/* 1. Ebene */
#hnav ul li {
  position:relative;
  float:left;
  list-style-type:none;
  display:block;
}

#hnav ul li a,
#hnav ul li a:link,
#hnav ul li a:visited {
  display:block;
  text-decoration:none;
  text-transform:uppercase;
  color:#515151;
  font-weight:bold;
  font-size:1.1em;
}

#hnav ul li:hover a,
#hnav ul li a:hover,
#hnav ul li a:active {
  color:#fff;
}

/* 2. Ebene */

#hnav ul ul {
  position:absolute;
  display:none;
  width:200px;
  /*background:transparent url(../images/interface/navi_bg.png) repeat;*/
  background-color:#31488C;
  opacity:0.9;
  filter: alpha(opacity = 90);
  top:40px;
  left:0px;
  padding:5px 0 10px 0;
}

#hnav ul li#hnav_6 ul {
  background-color:#91CD75;
}

#hnav ul li:hover ul {display:block;}
#hnav ul li:hover ul ul {display:none;}

#hnav ul ul li {
  position: relative;
  padding:0;
  margin-right:0;
}

#hnav ul ul li a,
#hnav ul ul li a:link,
#hnav ul ul li a:visited {
  display:block;
  color:#F2EEED;
  padding:4px 0 4px 35px;
  width: 180px;
  text-transform:none;
  font-weight:normal;
  background: transparent;
}

#hnav ul ul li.sub_act a,
#hnav ul ul li.sub_act a:link,
#hnav ul ul li.sub_act a:hover,
#hnav ul ul li.sub_act a:visited,
#hnav ul ul li a:hover,
#hnav ul ul li a:active {
  zoom: 1; /* hasLayout bug IE7 */
  background:transparent url(../images/interface/snav_home_pfeil.gif) no-repeat 14px 8px;;
}

#hnav ul li#hnav_6.cur,
#hnav ul li#hnav_6:active,
#hnav ul li#hnav_6:hover,
#hnav ul li.cur,
#hnav ul li:active,
#hnav ul li:hover {
  background:none;
}

#lnav {
  position:absolute;
  right:-8px;
  top:14px;
}

#lnav ul li {
  float:left;
  margin-right:7px;
}

.content_wrap {
  margin:20px 30px 20px 30px;
}

.content {
  margin-bottom:20px;
}

.content h1 {
  display:block;
  font-weight:bold;
  margin-bottom:10px;
  font-size:1.2em;
}

.content h2 {
  font-weight:bold;
  margin-bottom:10px;
}

.content h3 {
  font-weight:bold;
}

.content h4 {
  margin-bottom:10px;
}

.content h5 {
  display:block;
  background-color:red;
  padding:4px;
  margin-bottom:15px;
  font-weight:bold;
  background-color:#32498D;
  color:#fff;
}

.content p {
  margin-bottom:15px;
}

.content ul {
  margin-bottom:10px;
}

.content ul li {
  list-style-type:disc;
  margin-left:16px;
  line-height:1.8em;
}

.template_1 .left {
  width:540px;
  float:left;
  margin-right:30px;
}

.template_1 .right {
  width:270px;
  float:left;
}


#patrons {
  border-top:1px solid #C0C0C0;
  border-bottom:1px solid #C0C0C0;
  padding:8px 0px;
  margin-bottom:20px;
}

#patrons ul li {
  float:left;
  display:block;
  height:54px;
  background:url("../images/interface/logo_trenner.gif") no-repeat 0 0;
  margin-right:9px;
}

#patrons ul li.blue_spirit {
  border-right:1px solid #C0C0C0;
  padding-right:10px;
}


#patrons ul li:first-child {
  margin-left:0px;
  background:none;
}

#patrons ul li.thank_patrons {
  width:100px;
  display:block;
  text-align:right;
  margin: 0 25px 0 0;
}

#patrons ul li.zewo {
  float:right;
  display:block;
  background:none;
}

#patrons ul li.zewo a,
#patrons ul li.zewo a:link,
#patrons ul li.zewo a:visited {
  margin:0;
}

#footer {
  font-size:0.9em;
  padding-bottom:20px;
}

#footer ul {
  margin-bottom:20px;
}

#footer ul ul {
  margin-bottom:0px;
}

#footer #sitemap ul li {
  float:left;
  line-height:0.9em;
  width:140px;
  font-weight:bold;
  margin-right:20px;
  line-height:1.5em;
}

#footer #sitemap ul li a {
  display:block;
  color:#000;
}

#footer #sitemap ul li li a {
  text-transform:none;
  color:#243C82;
}

#footer #sitemap ul li li {
  float:none;
  font-weight:normal;
  border:none;
  height:auto;
}

#footer #adress {
  border-top:1px solid #C0C0C0;
  padding-top:15px;
}


a,
a:link,
a:visited {
  text-decoration:none;
  color:#243C82;
}

a:active,
a:hover {
  text-decoration:underline;
}

/* Sitemap */

.csc-sitemap {
  margin-bottom:30px;
}

/*clearfixing for sitemap*/
.csc-sitemap li:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.csc-sitemap li {
	display: inline-block;
}
html[xmlns] .csc-sitemap li {
	display: block;
}
* html .csc-sitemap li {
	height: 1%;
}

/* overwrites content styles */
#main .csc-sitemap ul {margin: 0;}
#main .csc-sitemap ul li {list-style-type:none; margin-left: 0;}

.csc-sitemap ul {
	width: 100%;
	border-top: 1px solid #CCC;
}


/* level 1 */
.csc-sitemap li {
	display:block;
	float: none;
	clear: both;
	vertical-align: bottom;
	border-bottom: 1px solid #CCC;
}

.csc-sitemap a:hover,
.csc-sitemap a:active {
	text-decoration:none;
}

.csc-sitemap ul ul li a:hover,
.csc-sitemap ul ul li a:active {
	color: #fff;
}

.csc-sitemap ul li a,
.csc-sitemap ul li a:link,
.csc-sitemap ul li a:visited {
	padding: 4px 0;
	font-weight:bold;
	display: block;
	float: left;
	width: 35%;
	vertical-align: bottom;
}

.csc-sitemap ul li li a,
.csc-sitemap ul li li a:link,
.csc-sitemap ul li li a:visited {
	font-weight:normal;
}

.csc-sitemap ul ul {
	float: left;
	width: 65%;
	vertical-align: bottom;
	border: none;
}


/* level 2 */
.csc-sitemap ul ul li {
	border-bottom: none;
	padding-bottom: 0;
	border-top: 1px dotted #CCC;
}
.csc-sitemap ul ul li:first-child {
	border: none;
}

.csc-sitemap ul ul li a,
.csc-sitemap ul ul li a:link,
.csc-sitemap ul ul li a:visited {
	width: 51%;
	padding-left:2%;
}
.csc-sitemap ul ul ul {
	width: 47%;
}

.csc-sitemap ul ul li:hover a,
.csc-sitemap ul ul li:hover a:link,
.csc-sitemap ul ul li:hover a:visited {
  color:#fff;
}

.csc-sitemap ul ul li:hover {background: #31488C;}
.csc-sitemap ul ul li:hover li {background: #31488C;}
.csc-sitemap ul ul li:hover li li {background: #31488C;}

/* level 3 */
.csc-sitemap ul ul ul li a,
.csc-sitemap ul ul ul li a:link,
.csc-sitemap ul ul ul li a:visited {
	width: 28%;
	padding-left:2%;
}
.csc-sitemap ul ul ul ul {
	width: 70%;
}

/* level 4 */
.csc-sitemap ul ul ul ul li a,
.csc-sitemap ul ul ul ul li a:link,
.csc-sitemap ul ul ul ul li a:visited {
	width: 40%;
}
.csc-sitemap ul ul ul ul ul {
	width: 60%;
}



/* Powermail */


span.powermail_mandatory {
	color: #31488C;
	margin-left:2px;
}

.tx-powermail-pi1 .star {
  font-weight:normal;
  color:#92A935;
}

/* Ausgabetext Fehlermeldung*/
div.powermail_mandatory_js {
	color: #31488C;
	margin: 2px 0 5px 161px;
	font-weight:normal;
	font-size:0.9em;
}

fieldset.tx-powermail-pi1_fieldset {
	font-weight:bold;
	margin-bottom:15px;
}

fieldset.tx-powermail-pi1_fieldset legend {
  /*display:none;*/
}

fieldset.tx-powermail-pi1_fieldset label {
	display: block;
	width: 160px;
	float: left;
	font-weight:normal;
	font-size:0.9em;
	margin-top:3px;
}

fieldset.tx-powermail-pi1_fieldset input,
fieldset.tx-powermail-pi1_fieldset textarea {
	width: 370px;
	font-size:1.0em;
	background-color:#DCDCD6;
	border:none;
	padding:4px 3px;
	font-weight:normal;
}

fieldset.tx-powermail-pi1_fieldset textarea {
	font-family: Verdana, sans-serif;
	font-size:0.9em;
	margin:0;
}

.tx_powermail_pi1_fieldwrap_html_select {
  clear:both;
}

fieldset.tx-powermail-pi1_fieldset select {
	border:1px solid #ccc;
	font-size:1.0em;
	background-color:#fff;
	border:1px solid #9B9B9B;
	width:140px;
}

div.tx_powermail_pi1_fieldwrap_html {
	margin: 5px 0;
}

fieldset input#submit,
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	margin:25px 0px 0px 160px;
	width: 140px;
	background-color:#31488C;
	color:#fff;
	border:none;
}

td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

fieldset.tx-powermail-pi1_fieldset input.validation-failed,
fieldset.tx-powermail-pi1_fieldset textarea.validation-failed {
	background-color:#EBF0F3;
}

fieldset.tx-powermail-pi1_fieldset .powermail_check_inner input {
  padding:0;
  width:20px;
  float:left;
}

.tx-powermail-pi1 img.powermail_captcha {
  margin-left:160px;
  margin-top:5px;
}

.tx-powermail-pi1 input.tx-powermail-pi1_mandatory_submit {
	background-color:#31488C;
  border:medium none;
  color:#FFFFFF;
  width:200px;
  padding:3px 0;
  margin-top:10px;
}

.tx-powermail-pi1 li.powermail_mandatory_listitem {
  list-style-type:none;
  background:none;
  margin:0;
  padding:0;
}

.tx-powermail-pi1 li.powermail_mandatory_listitem strong {
  font-weight:normal;
}

.tx-powermail-pi1 .tx-powermail-pi1_thx {
  border:1px solid #31488C;
  background-color:#EBF0F3;
  padding:15px;
}

.tx-powermail-pi1 .tx-powermail-pi1_thx p {
  margin:0 !important;
}


/* Powermail spenden */
.tx-powermail-pi1 fieldset.spenden span.powermail_mandatory {
  color:#70A358;
}

.tx-powermail-pi1 fieldset.spenden input.powermail_submit {
  background-color:#91CD75;
  width:140px !important;
  margin-left:190px !important;
}

.tx-powermail-pi1 fieldset.spenden .powermail_mandatory_js {
  color:#70A358;
  margin-left:190px;
}

.tx-powermail-pi1 fieldset.spenden input.validation-failed,
.tx-powermail-pi1 fieldset.spenden textarea.validation-failed {
  background-color:#E5EFE0;
}

#page_8 .tx-powermail-pi1 input.tx-powermail-pi1_mandatory_submit {
	background-color:#91CD75;
}

#page_8 .tx-powermail-pi1 .tx-powermail-pi1_thx {
  border:1px solid #91CD75;
  background-color:#E5EFE0;
}

.tx-powermail-pi1 fieldset.spenden input {
  width:320px;
}

.tx-powermail-pi1 fieldset.spenden img.powermail_captcha {
  margin-left:190px;
}

.tx-powermail-pi1 fieldset.spenden label {
  width:190px;
}

/* Powermail Tooltip */
div.tx_powermail_pi1_fieldwrap_html label a,
div.tx_powermail_pi1_fieldwrap_html p a {
	/* Description */
	cursor: help;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn,
div.tx_powermail_pi1_fieldwrap_html p a dfn {
	/* Description */
	display: none;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #F5F5F5;
	border: 1px solid #9F9F9F;
	color:#000;
	text-decoration: none;
	font-size: 0.9em;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 4px;
}

/* Powermail Radionbuttons/Checkboxen */

.tx_powermail_pi1_fieldwrap_html_checkbox_title,
.tx_powermail_pi1_fieldwrap_html_radio_title {
  font-weight:bold;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_check input,
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_radio input {
  float:left;
  width:20px;;
  clear:left;
  background-color:#fff;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_check label,
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_radio label {
  float:left;
  width:390px;
  margin-top:1px;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_check,
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_radio {
  margin-bottom:20px !important;
}


.tx_powermail_pi1_fieldwrap_html_check {
  background-color:#F5F5F5;
  padding:10px 10px 18px 10px;
}

#tx-powermail-pi1_fieldset_10,
#tx-powermail-pi1_fieldset_8,
#tx-powermail-pi1_fieldset_7 {
  margin-bottom:0px;
}

#tx-powermail-pi1_fieldset_10 legend,
#tx-powermail-pi1_fieldset_8 legend,
#tx-powermail-pi1_fieldset_7 legend {
  display:none;
}


/* Impressum */
#page_30 .right {
  margin-top:25px;
}

a.Link-extern,
a.Link-extern:link,
a.Link-extern:visited,
a.more, 
a.more:link, 
a.more:visited {
  background:url("../images/interface/pfeil_rechts.gif") no-repeat scroll 0 51% transparent;
  display:block;
  padding-left:15px;
}

.border_bottom {
  border-bottom:1px solid #C0C0C0;
  margin-bottom:20px;
}

a.more_button,
a.more_button:link,
a.more_button:visited {
  padding:3px 20px;
  color:#fff;
  margin-top:10px;
  display:block;
  background:url("../images/interface/pfeil_weiss_re.gif") #7988AB no-repeat scroll 5px 50% ;
  width:30px;
}

a.back_overview,
a.back_overview:link,
a.back_overview:visited {
  padding:3px 20px;
  color:#fff;
  margin-top:10px;
  display:block;
  background:url("../images/interface/pfeil_weiss_li.gif") #7988AB no-repeat scroll 5px 50% ;
  width:130px;
}

/* Paypal */

.paypal_form {
  margin-bottom:15px;
}

.paypal_form label {
	display: block;
	width: 160px;
	float: left;
	font-weight:normal;
	font-size:0.9em;
	margin-top:3px;
	margin-bottom:5px;
}

.paypal_form select,
.paypal_form input.default {
	width: 370px;
	font-size:1.0em;
	background-color:#DCDCD6;
	border:none;
	padding:4px 3px;
	font-weight:normal;
	margin-bottom:5px;
}

.paypal_form legend {
  margin-bottom:7px;
}

.paypal_form fieldset {
	font-weight:bold;
	margin-bottom:15px;
}

.paypal_form .submit {
  margin-left:160px !important;
}

.paypal_form label a,
.paypal_form p a {
	cursor: help;
	text-decoration: none;
}

.paypal_form label a dfn,
.paypal_form p a dfn {
	/* Description */
	display: none;
	text-decoration: none;
}

.paypal_form label a:hover dfn,
.paypal_form p a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #F5F5F5;
	border: 1px solid #9F9F9F;
	color:#000;
	text-decoration: none;
	font-size: 0.9em;
	text-decoration: none;
}

.paypal_form img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 4px;
}


/* Tooltips Glossar */

/*
a.tp-glossary span {
	display:none;
	position: absolute;
	top:15px;
	left:0px;
	width: 300px;
	padding:10px;
	background-color: #F5F5F5;
	border: 1px solid #9F9F9F;
	color:#000;
	text-decoration: none;
	font-size: 0.9em;
}

a.tp-glossary,
a.tp-glossary:link,
a.tp-glossary:visited {
  border-bottom:1px dotted #243C82;
  position:relative;
  z-index:10;
}

a.tp-glossary:hover {
  text-decoration:none;
  z-index:20;
}

a.tp-glossary:hover span {
	display: block;
}


a.tp-glossary span {
	display:none;
	position:absolute;
	left:0;
	top:0;
	padding:10px;
	color:#000;
	text-decoration: none;
	font-size: 0.9em;
}

a.tp-glossary:hover span {
  display:block;

}
*/

a.tp-glossary,
a.tp-glossary:link,
a.tp-glossary:visited {
  position:relative; 
  z-index:0; 
  text-decoration:none;
  border-bottom:1px dotted #243C82;
}

a.tp-glossary:hover{
  z-index:1; 
  background-color:#fff;
  text-decoration:none;
}

a.tp-glossary span{
  display: none;
}

a.tp-glossary:hover span { 
  display:block;
  position:absolute;
	top:15px;
	left:0px;
	width: 300px;
	padding:10px;
	background-color: #F5F5F5;
	border: 1px solid #9F9F9F;
  text-align:left;
	font-size: 0.9em;
	text-decoration: none;
	color:#000;
}

#page_62 p.tx_powermail_pi1_fieldwrap_html_checkbox_title {
  display:none;
}

#page_24 #tx-powermail-pi1_fieldset_3 legend {
  display:none;
}

.image-wrap {
  margin-bottom:10px;
}