/* (en) reset font size for all elements to standard (16 Pixel) */
/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
html * { font-size: 100.01%; }

textarea, pre, code, kbd, samp, var, tt {
font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}

/* (en) base layout gets standard font size 12px */
/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
body {
	font-family:  Arial, sans-serif;
	font-size: 81.25%;
	color: #fff;
	line-height: 1.5em;
}

/*--- Headings | Überschriften ------------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
	margin: 0 0 0.25em 0;
	font-style: italic;
}
h1:focus,
h2:focus, 
h3:focus, 
h4:focus, 
h5:focus, 
h6:focus {
	outline: none;
}

h1 { 
	font-size: 138.46%;
	line-height: 1.1em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 0.6em;
}                   
h2 { 
	font-size: 107.69%;
	margin-top: 2em;
	text-transform: uppercase;
}
h2, h3, h4, h5, h6 { font-style: normal; }
h3 { font-size: 100%; }
h4 { font-size: 100%;  }
h5, h6 { font-size: 100%; color: #333; }

/* --- Lists | Listen  -------------------------------------------------------------------------------- */

ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1.9em; }
ul { margin: 0 0 1em 1em; }

ul li { color:#073865; list-style-type: disc; }
ul ul li { list-style-type: circle; }

ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-latin; }

li { margin: 0 0 0.0em 0.1em;  }
  .liContentWrap { 
  color: #333;
} 

dt { font-weight: bold; }
dd { margin: 0 0 1.2em 0.8em; }

/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

p { margin: 0 0 1em 0; }

cite,q {		
	font-style:italic;
}
blockquote { 
	margin: 0 1em 1em 0em; 
	color: #666; 
	background: url(../../img/bg_blockquote.gif) no-repeat 2px 4px;
	font-size: 110%;
	padding-left: 45px;
	line-height: 1.6em;
	font-style: italic;
}
blockquote p {
	padding-right: 40px;
	background: url(../../img/bg_blockquote2.gif) no-repeat 99% 100%;
}

.rahmen { 
	border: 1px solid #476D92;
	padding: 0.6em; 
	margin:  0 -0.6em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.f-left {
	float: left;
	margin-right: 10px;
}


strong,b { font-weight: bold; }
em,i { font-style: italic; }

pre, code, kbd, tt, samp, var { font-size: 100%; }
pre, code { color: #800; }
pre { line-height: 1.5em; margin: 0 0 1em 0; }
kbd, samp, var { color: #666; }
var { font-style: italic; }

acronym, abbr {
	border-bottom: 1px #666 dotted;
	letter-spacing: .07em;
	cursor: help;
}

sub, sup { font-size: 91.6667%; }

hr {}

/* Left, center, right and justify alignment of text in block elements*/
p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }



/*--- Forms ----------------------------------------------------------------------------------------- */


label, select, 
input[type=checkbox], 
input[type=radio], 
input[type=button], 
input[type=submit] {
	cursor: pointer;
}	

.form-input, .form-radio, .form-check  {
	margin-bottom:0.7em;
}

label, legend{
	cursor:pointer;
	display:block;
	color: #004480;
	font-weight: bold;
}	
legend {
	margin: 0.5em 0 0.5em 0;
}	
.form-radio-set {
	margin-bottom: 1em;
}
.form-check,
.form-radio {
	display: block;
}
.form-radio label, .form-check label  {
	display: inline;
	vertical-align:middle;
}
.form-radio input, .form-check input {
	vertical-align:middle;
	margin-right: 0.5em;
}
.form-radio .type-radio {
	clear: both;
}


.maincontent fieldset {
	overflow: hidden;
	margin:0 10em 1em 0;
	padding:0;
}	

.donation-amount-text fieldset {
	margin:0;
	padding: 0;
}	

fieldset.csc-mailform {
	border:3px solid #c1d3ef;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:1em 1.2em;
}

input.type-text,
.type-select {
	background: #bad0e8; /*#e8f1ff;*/
	border: solid 2px #bad0e8; /*819ecd;*/
	padding: 0.3em 0.3em 0.4em 0.3em;
	color: #333;
	font-size: 110%;
	margin: 0;
	width:70%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
input.type-text:hover,
.type-select:hover{
	border: solid 2px #3a6daf;
	outline: 0;
}	
input.type-text:focus,
input.type-text:active,
.type-select:focus,
.type-select:active{
	background: #E8F1FF;
	border: solid 2px #3a6daf;
}	
.type-select {
	width:40%;
}	
.type-submit {
	cursor:pointer;
	font-weight: bold;
	color: #fff;
	font-size: 110%;
	background: #004480; 
	border: none; 
	padding: 4px 10px 4px 10px;
	margin-top: 1.6em;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
}
.type-submit:hover,
.type-submit:focus,
.type-submit:active,
.type-submit-focus {
	cursor:pointer;
	color: #073865;
	background: #FF9900 !important;
	border: solid 2px #cc6600 !important;
	padding: 2px 8px 2px 8px;
}	


form div.error, form fieldset.error {
	border: solid 1px #ED2024;
	margin:0 0 1em 0;
	padding:1em 2em 1em 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
form .donation-amount-text div.error {
	border: solid 1px #ED2024;
	margin:0em 0 1em 0;
	padding:0em 2em 1em 1em;
}
.tx-sremailsubscribe-pi1 label.error, #donation-form label.error {
	font-weight: normal;
	margin: 0.5em 0;
	color: #ED2024;		
	padding-left: 1.8em;
	background: url(../../img/exclamation.png) no-repeat 0 0em;
	display: block;
}
#donation-form .error h2 {
	color: #333;	
	margin-top: 0.5em;
	list-style-type: none;
}
#donation-form .error li {
	margin-left: 0;
}
#donation-form .error li {
	list-style-type: none;
}
#donation-form .error li a {
	font-weight: normal;
	margin: 0.5em 0;
	color: #ED2024;		
	display: block;
}
.form-info {
	font-weight: normal;
	padding-left: 1.9em;
	background: url(../../img/information.png) no-repeat 0 0em;
	margin: 0.5em 0;
}
.form-lock {
	font-weight: normal;
	padding-left: 1.9em;
	background: url(../../img/lock.png) no-repeat 0 0em;
	margin: 1em 0 0.5em 0;
}


/*--- Links ----------------------------------------------------------------------------------------- */

a, a:link,
a:visited {
	color: #0068C8;
	font-weight: bold;
	text-decoration: none;
}
a span {
}

a:hover,
a:active {  
	outline: none;
}
a:focus,
#main a:focus {  
	outline: dotted 1px #073865 !important;
}

#main a.inline {
	display: inline !important;
}

.skip:focus, .skip:hover, .skip:active {
	background:#3a6daf none repeat scroll 0 0;
	color: #fff;
	border:1px solid #396bad;
	padding:0.5em;
}

a.rzcolorbox:hover img, a.rzcolorbox:focus img {
	cursor:-webkit-zoom-in;
	cursor:-moz-zoom-in;
	opacity: 1;
}

#main a {
	padding: 0 0 0 1em;
	background: url(../../img/link_arrow.gif) no-repeat 0 0.4em;
	font-weight: normal;
	display: inline-block;
}
#main a:focus,
#main a:hover,
#main a:active {  
	color: #073865;
	text-decoration: underline; 
	background-position: -797px 0.4em;
	background-color: #fff;
}

#main a:visited {
}

#main a.no-arrow {
	padding-left: 0 !important;
	background-image: none !important;
}
#main a.external-link,
#index a.external-link { 
	background-image: url(../../img/link_arrow_extern.png);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding-left: 1.2em !important;
}
#index a.external-link { 
	background-position: 0 0.5em;
	background-image: url(../../img/link_arrow_extern_white.png);
}
#main h3 a, #main h4 a {
	background: none;
	padding: 0;
}

#main a.printlink {
	padding-left: 17px;
	background: url(../../img/icon_print.gif) no-repeat 0 50%;
	display: none;
}
.js #main a.printlink {
	display: inline;
}

#main a.totop-link {
	padding-left: 15px;
	margin-right: 1em;
	background: url(../../img/icon_totop2.gif) no-repeat 0 50%;
}
#main a.totop-link:hover,
#main a.totop-link:focus,
#main a.totop-link:active,
#main a.printlink:hover,
#main a.printlink:focus,
#main a.printlink:active
{
	background-position: -300px 50%;
	background-color: #fff;
}

#main a.anchor, a.anchor {
	background: none;
	padding: 0;
	border: none;
	margin: 0.2em 0;
}

#main a.button {
	background:#3A6DAF none repeat scroll 0 0;
	border:2px solid #3A6DAF;
	padding:0.2em 0.7em 0.2em 1em;
	color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
}
#main a.button:hover,
#main a.button:focus {
	border:2px solid #004480;
}

/**
* ------------------------------------------------------------------------------------------------- #
*
* Generic Content Classes
*
* (en) standard classes for positioning and highlighting
* (de) Standardklassen zur Positionierung und Hervorhebung
*
* @section content-generic-classes
*/

.highlight { color: #f60; }
.dimmed { color: #888; }

.note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
.important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
.warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }

.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
.center { display:block; text-align:center; margin: 0.5em auto; }

/**
* ------------------------------------------------------------------------------------------------- #
*
* Tables | Tabellen
*
* (en) Generic classes for table-width and design definition
* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
*
* @section content-tables
*/

table { 
	width: 100%; 
	border-collapse:collapse; 
	margin-bottom: 0.5em; 
}
table caption { 
	font-variant:small-caps; 
	color: #333;
	font-weight: bold;
	font-size: 112%;
	margin: 0.5em 0;
}
table.full { width: 100%; }
table.fixed { table-layout:fixed; }

th,td { padding: 0.2em 0.2em 0.5em 0.2em; }
td p, th p { margin: 0; }
thead th { 
	color: #000; 
	background: #BAD0E8; 
	text-align: left;
	vertical-align: top;
}
#main thead th p { color: #003366; }
tbody th { background: #e0e0e0; color: #333; }
tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }

tbody th { text-align: left; }
tbody td { border-bottom: 1px solid #BAD0E8; vertical-align: top; }


/**
* ------------------------------------------------------------------------------------------------- #
*
* Text mit Bild + Nur Bild
*
*/	

div.csc-textpic-intext-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin-left:1.2em !important;
	margin-bottom: 1em;
	margin-top: 0.3em;
}	

/* clearing für bild mit text */
.csc-textpic:after {
	content: ".";
	display: block;
	font-size:0;
	height: 0;
	clear: both;
	visibility: hidden;
}
.csc-textpic { 
	display: block;
	clear: both;
}
/*centered image above, text normal */
div.csc-textpic-center {
    text-align: left;
}

div.csc-textpic-caption-l .csc-textpic-caption {
	background: #c0d0e9;
	padding: 0.2em 0.2em 0.5em 0.2em;
	color: #333;
}
div.csc-textpic-imagewrap {
	margin-bottom: 2em;
}

#main .csc-textpic-image div a{ 
	padding: 0; 
	background: none; 
}

#main .csc-textpic-image div a:hover, 
#main .csc-textpic-image div a:focus,
#main .csc-textpic-image div a:active{ 
	border: none;
}

.c75r div.pic-imagewrap {
	margin-bottom: 1.5em;
} 
.csc-textpic-image .csc-textpic-caption  {
	background: #c0d0e9;
	padding: 0.2em 0.2em 0.3em 0.2em;
	width: 90%;
	color: #333;
	font-weight: bold;
	text-align: left;
}
#sidebar .csc-textpic-caption {
	position: absolute;
	bottom: 0;
	opacity: 0.7;
	left: 8px;
	width: 80%;
	background: #fff;
	text-align: left;
}
#sidebar .csc-textpic-caption {
	padding-left: 12px;
}
.csc-textpic-caption .copyright {
	display: block;
	opacity: 1;
	font-weight: normal;
}
.csc-textpic-image {
	position: relative;
}



/**
* ------------------------------------------------------------------------------------------------- #
*
* Teaserboxen
*
*/	


.teaser {
	background-color: #E3EDFF;
    padding: 0;
	font-family: 92.3%;
	-moz-box-shadow:0 0 10px #111;
	-webkit-box-shadow:0 0 10px #111;
	box-shadow:0 0 10px #111;

	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	margin-bottom: 1em;
	overflow: hidden;
}
.teaser div.pic-imagewrap div {
	margin-right: 0;
}
.teaser .teaserText { padding: 5px 12px 10px 12px; }

.teaser.yellow { background: #ffdc02; }
.teaser.spenden { background-color:  #FF9900; }
.teaser.yellow { background-color: #FFDC02; }

.teaser.sportlerMitHerz {
	background-image: url(../../img/serivcebox_sportler_mit_herz.png);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 100px;
}


.teaser h2 {
	font-size: 116.67%;
	padding-top: 0.3em;
	margin-bottom: 0.3em;
	text-transform: none;
	text-transform: uppercase;
	margin-top: 0;
}
.yellowstar h2 {
	background: url(../../img/star_yellow.gif) no-repeat 0 0.45em;
}
.bluestar h2 {
	background: url(../../img/star_blue.gif) no-repeat 0 0.45em;
}


.teaser p, .teaser ul {
}	

.spenden h2, .green h2,
.yellow h2, .red h2 {
	color: #341f00;
}
#main .spenden p , #main .green p,
#main .yellow p , #main .red p{
	color: #341f00;
}
.yellow h2,
#main .yellow p  {
	color: #403701;
}
.spenden  a, .green a,
.yellow  a, .red a {
	background: none;
	padding: 0.8em 0;
}
	
#main .spenden .bodytext a,
#main .yellow .bodytext a,
#main .green .bodytext a,
#main .red .bodytext a,
#main a.button-link {
	background: transparent url(../../img/teaserlink-spenden-bg.png) repeat-x 0 100%;
	border: solid 1px #cc6600;
	margin: 0.8em 0 0 0;
	display: inline-block;
	padding: 0.2em 0.8em 0.2em 0.6em;
	color: #222;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#main .spenden .bodytext a span,
#main .yellow .bodytext a span,
#main .green .bodytext a span,
#main .red .bodytext a span,
#main a.button-link  span {
	background: transparent url(../../img/teaserbox_link_arrow.png) no-repeat 0px 0px;
	padding-left: 1.6em;
}
#main .spenden .bodytext a:hover,
#main .spenden .bodytext a:focus,
#main .yellow .bodytext a:hover,
#main .yellow .bodytext a:focus,
#main .green .bodytext a:hover,
#main .green .bodytext a:focus,
#main .red .bodytext a:hover,
#main .red .bodytext a:focus{
	background: transparent url(../../img/teaserlink-spenden-bg-hover.png) repeat-x 0 0;
	color: #000;
	border: solid 1px #b04f00;
	text-decoration: none !important;
}
#main .spenden .bodytext a:focus,
#main .yellow .bodytext a:focus,
#main .green .bodytext a:focus,
#main .red .bodytext a:focus{  
	outline: dotted 1px black !important;
}
#main .spenden .bodytext a:hover span,
#main .spenden .bodytext a:focus span,
#main .yellow .bodytext a:hover span,
#main .yellow .bodytext a:focus span,
#main .green .bodytext a:hover span,
#main .green .bodytext a:focus span,
#main .red .bodytext a:hover span,
#main .red .bodytext a:focus span {
	
}

#main a.button-link {
	cursor:pointer;
	font-weight: bold;
	color: #fff ! important;
	font-size: 110%;
	background: #004480; /*#004480;*/
	border: solid 2px #004480; /*819ecd;*/
	padding: 0.2em 0.8em 0.2em 0.8em;
	margin-top: 1.6em;
	margin-right: 1em;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
}		
#main a.button-link:hover,
#main a.button-link:focus,
#main a.button-link.active{
	cursor:pointer;
	color: #073865;
	background: #FF9900;
	border: solid 2px #cc6600;
}
#main a.internal-button-link,
#main a.external-button-link  {
	background-color: #d1e1ff;
	display: inline-block;
	padding: 0.3em 0.8em;
	cursor:pointer;
	background: #f6f6f6 url(../../img/internal-button-bg.png) repeat-x 0 100%;
	color: #0068C8;	
	font-weight: bold;
	font-size: 110%;
	border: solid 1px #8ba2bb; 
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #073865;
}
#main a.internal-button-link span,
#main a.external-button-link span {
	padding-left: 1.2em;
	
	background:transparent url(../../img/link_arrow.gif) no-repeat scroll -800px 0.35em;
}
#main a.internal-button-link:hover,
#main a.internal-button-link:focus,
#main a.internal-button-link.active,
#main a.external-button-link:hover,
#main a.external-button-link:focus,
#main a.external-button-link.active{
	cursor:pointer;
	color: #073865;
	background-position: 0 0;
	background-color: #d8e5f9;
	border: solid 1px #476D92;
}
#main a.internal-button-link:hover span,
#main a.internal-button-link:focus span,
#main a.internal-button-link.active span,
#main a.external-button-link:hover span,
#main a.external-button-link:focus span,
#main a.external-button-link.active span {
	background-position: -800px 0.35em;
}

#styleswitcher {
	display: none;
	margin-bottom: 2em;
}
.js #styleswitcher {
	display: block;
}


.c25l .box-header-dark {
	background-color: #BAD0E8 !important;
}
.c25l .box-header-margin {
	padding: 10px 12px 6px 12px;
}
.c25l .box-header p {
	margin-bottom: 0!important;
}

.bik-test a {
	padding:  0;
	margin-top: 5px;
	display: block;
}

/**
* ------------------------------------------------------------------------------------------------- #
*
* Main Typografie
*
*/	

#main p, ul, #lbCaption  {
	color: #333;
	font-size: 100%;
}

.maincontent,
.teaser {
	color:#333;
}

/*  kontentbox   */
.contentbox {
	margin: 2em 0;
	padding: 1em 0.5em 0.2em 2.5em;
	border:1px dotted #BFC8DA;
}

.maincontent {
	background-color: #E3EDFF;

	-moz-box-shadow:0 0 10px #111;
	-webkit-box-shadow:0 0 10px #111;
	box-shadow:0 0 10px #111;

	-moz-border-radius:15px 0 15px 15px;
	-webkit-border-radius:15px 0 15px 15px;
	border-radius:15px 0 15px 15px;
}
.maincontent .margin {
    padding: 1.9em 2.6em;
	min-height: 250px;
}

/**
* ------------------------------------------------------------------------------------------------- #
*
* Content Footer
*
*/		

.content-footer {
	clear: both;
	margin-top: 0.5em;
	border-top: #bfc8da 1px solid;
	padding: 0.5em 0;
}

.content-footer li {
	list-stxle: none inside;
	display: inline;
	
}

.sponsors {
	clear: both;
	margin-top: 1em;
	display: block;
}
.sponsor-item {
	width: 20%;
}
.sponsor-item a {
	color: #fff;
	text-decoration: underline;
}
#index {
	margin-top: 1em;
	
}


/**
* ------------------------------------------------------------------------------------------------- #
*
* Search and Subnav Box
*
*/
.search-subnav {
	background-color: #BAD0E8;
	-moz-box-shadow:0 0 10px #111;
	-webkit-box-shadow:0 0 10px #111;
	box-shadow:0 0 10px #111;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin-bottom: 1em;
	padding:  0.5em 0 0.5em 0;
}


/**
* ------------------------------------------------------------------------------------------------- #
*
* Pagemenu
*
*/		

ul.csc-menu{
	margin: 0.5em 0 4em;
}

ul.csc-menu li {
	list-style-type: none;
	padding: none;
	list-style-position: inside;
	margin: 0 0 0.6em 0.5em;
	width: 38em;
}	
#main .csc-section a {
	background:transparent url(../../img/icon_csc-section.gif) no-repeat scroll 0 0.3em;
	padding-left:16px;
	display: block;
	margin-left: 0.5em;
}
#main .csc-section a:hover,
#main .csc-section a:focus{
	background-position: -1000px 0.3em;
	text-decoration: underline;
	border: none;
}		


/**
* ------------------------------------------------------------------------------------------------- #
*
* Pagemenu Projects
*
*/		

.projectmenu ul.csc-menu{
	margin: 1.5em 0 4em;
}
.projectmenu ul.csc-menu li {
	width: 49%;
	float: left;
	display: inline;
	min-height: 2em;
	list-style-type: none;
	list-style-position: inside;
	margin: 0px;
}
.projectmenu ul.csc-menu li.odd {
	clear: left;
}
.projectmenu ul.csc-menu li span.project-item {
	width: 80%;
	border-top: 1px solid #BAD0E8;
	padding: 0.8em 0 1em 3em;
	display: block;
	background: transparent url(../../img/projects_star.png) no-repeat 0 0.3em;
}
.projectmenu ul.csc-menu li span.project-location {
	display: block;
}
#main .projectmenu ul.csc-menu li a{
	background: none;
	padding: 0;
}

/**
*
* Projects Shortnavigation
*
*/	

#projects-shortnav {
	position: relative;
	margin-bottom: 1.5em;
	text-align: right;
	border-bottom:1px solid #BFC8DA;
	padding-bottom: 0.5em;
	width: 100%;
}
#projects-shortnav form {
	width: 23em;
	border: none;
}
#projects-shortnav select {
	background-color: #E8F1FF;
	border: 1px solid #819ECD;
	width: 100%;
	padding:0.3em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 108%;
	margin-top: -0.5em;
}
#projects-shortnav option {
	padding: 0 0.2em;
}

#projects-shortnav ol {
	text-align: left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 0.3em;
	padding: 0.2em 0 0 0;
	position: absolute;
	right: 0;
	background-color: #d1e0f5;
	border-right: 2px solid #819ECD;
	border-left: 2px solid #819ECD;
	border-bottom: 2px solid #819ECD;
	width: 40em;
	display: none;
}
#projects-shortnav:hover ol,
#projects-shortnav:focus ol {
	display: block;
}
#projects-shortnav h1 {
	padding: 0.5em 0.3em 0.5em 20px;
	margin: 0;
	font-style: normal;
	font-weight: bold;
	font-size: 110%;
	text-transform: none;
	background: url(../../img/projects-shortnav-dropdown.png) no-repeat 0% 50%;
	color: #0072d4;
	display: inline;
	/*
		background: #d1e0f5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #819ECD;
	*/
	
}
#projects-shortnav li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0 0 0 0;
	padding: 0;
	display: block;
}
#projects-shortnav a {
	display: block;
	background: none;
	padding: 0.5em 1em 0.5em 0.5em;
	border-bottom: 1px solid #fff;
}
#projects-shortnav a:hover,
#projects-shortnav a:focus,
#projects-shortnav a:active {
	display: block;
	border-bottom: 1px solid #fff;
	background: #fff;
}


/**
* ------------------------------------------------------------------------------------------------- #
*
* filelist
*
*/	
.filelist  {
	list-style-type:none;
	margin: 0 0 1em 0;
	padding: 0;
	width: 80%
}
.filelist li  {
	list-style-type:none;
	margin: 0;
	padding: 0em 0 0.7em 1.6em; 
	display:block;
	min-height: 2.5em;
}

#main .filelist li.file-pdf {
	background: url(../../img/fileicons/pdf.gif) no-repeat left 0.2em;
}
#main .filelist li.file-jpg {
	background: url(../../img/fileicons/jpg.gif) no-repeat left 0.2em;
}
#main .filelist li.file-gif {
	background: url(../../img/fileicons/gif.gif) no-repeat left 0.2em;
}
#main .filelist li a {
	background: none;
	padding: 0;
}
#main .filelist a:focus,
#main .filelist a:hover,
#main .filelist a:active {
	border: none;
	background: #fff;
}

#main .acrobat-needed {
	clear: both;
	color: #333;
}
#main .acrobat-needed a{
	font-weight: normal;
}
.filelist .fileinfo {
	display: block;
	color: #333;
	font-weight: normal;
}


/**
* ------------------------------------------------------------------------------------------------- #
*
* Search
*
*/		
.infobox {
	background: url(../../img/bg_info.png) no-repeat left top;
	margin: 2em 0;
	padding: 3.5em 0.5em 0.2em 11em;
	min-height: 12em;
}

/**
* ------------------------------------------------------------------------------------------------- #
*
* Photo-Gallery
*
*/		
.photo-gallery {
	position:relative;
}
.photo-gallery .csc-textpic-image{
	display:inline;
	float:left;
	position:relative;
}
dl.csc-textpic-image dd.csc-textpic-caption  {
	padding: 0.2em 0em 0.5em 0em;
	width: 100%;
	margin: 0 0.8em 1em 0;
	color: #333;
}

/**
* ------------------------------------------------------------------------------------------------- #
*
* Spende
*
*/	

#donation-progressbar {
	margin-bottom: 1.5em;
	font-weight: bold;
	border: solid 1px #7ea0cf;	
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	border-radius: 5px;
}

iframe {
	display: block;
}

#donation-progressbar li.first {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-radius-topleft: 5px;
	border-radius-bottomleft: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-bottomleft: 5px;
}
#donation-progressbar li.last {
	border-right: none;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-radius-topright: 5px;
	border-radius-bottomright: 5px;
	-webkit-border-radius-topright: 5px;
	-webkit-border-radius-bottomright: 5px;		
}	
#donation-progressbar li {
	color: #666;
	width: 6.8em;
	padding: 0.2em 0.5em;
	height: 3.7em;
	border-right: solid 2px #BAD0E8;
}
#donation-progressbar li.active {
	color: #333;
	background: #FF9900;
	border-right: solid 2px #FF9900;
}
#donation-progressbar li.passed {
	color: #0068D3;
	border-right: solid 2px #E3EDFF;
}	
#donation-progressbar li.passed a{
	color: #0068D3;
	text-decoration: underline;
}	
#donation-progressbar li a {
	font-weight: bold;
	color: #0068C8;
	background: none;
	padding-left: 0;
	text-decoration: none;
	display: block;
}
#donation-progressbar li a:active,
#donation-progressbar li a:focus,
#donation-progressbar li a:hover {
	border: none;
	color: #0068C8;
	background: none;
}	
#donation-progressbar .donation-progressbar-number {
	font-size: 140%;
	padding: 0.1em 0.3em 0.1em 0;
	display: block;
	margin-bottom: 0.2em;	
		
}	
#donation-progressbar li.active .donation-progressbar-number,
#donation-progressbar li.passed .donation-progressbar-number {
	background:none;	
}	

.donation-amount #amount, #main p#amount {
	font-size: 150%;
	color: #004480;
	font-weight: bold;
	margin-top: 0.3em;
	width: 6em;
}
.donation-amount {
	position: relative;
	clear: both;
	padding: 8.5em 0 1em 0;
}
.donation-amount-text1 {
	padding: 0 0 0 290px;
}
.donation-amount-text2 {
	margin: 2em 0 0 290px;
}
.donation-img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 529px;
	height: 328px;
	z-index: 0;
}
#donation-img1 {
	position: absolute;
	background: url(../../img/spende-betrag-1.png) no-repeat top left;
}
#donation-img2 {
	position: absolute;
	background: url(../../img/spende-betrag-2.png) no-repeat top left;
}
#donation-img3 {
	position: absolute;
	background: url(../../img/spende-betrag-3.png) no-repeat top left;
}
#donation-img4 {
	position: absolute;
	background: url(../../img/spende-betrag-4.png) no-repeat top left;
}

.donation-amount-text {
	position: relative;
	z-index: 50;
}

#main p.donation-amount-strong {
	font-size: 170%;
	line-height: 1.1em;
	font-style: italic;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	margin-bottom: 0.8em;
	background: #e3edff;
	width: 100%;
}
#donation-container {
	clear: both;
}
#donation-container h3 {
	font-size: 100%;
	font-style: normal;
}


/**
*
* Sitemap
*
*/	

#main .sitemap li { list-style: none; margin-left: 0px; }
#main .sitemap ul { margin: 0em; }
#main .sitemap ul ul { margin-left: 3em; }
#main .sitemap a { display: block; margin:0.4em 0 0 0; }
#main .sitemap a:visited { color: #0068C8; 	background-position: 0 0.4em; }

/**
*
* Spendenseite Tabs
*
*/	

.panel-selected {
}
.panel-hide {
	display: none;
}


/**
*
* Sportler mit Herz - Box
*
*/	
.sport-latest-container {
}
.sport-latest-container a {
	display: block;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #E3EDFF; 
}

/**
*
* Jquery Jcarousel styling for JS diabled
*
*/	
.jcarousel li {
	display: inline;
	padding: 0 1em 1em 0;
	list-style-type:none;
}

.js .jcarousel li {
	padding: 0;
}


/**
*
* Video styling
*
*/	
.video-button {
	background: url(../../img/advent-calendar/advcal-video-icon.png) no-repeat left 0.1em;
	padding: 0px 5px 5px 30px;
	margin: 2em 0 0.5em 0;
}
.video-button .fileinfo {
	color:#333333;
	display:block;
	font-weight:normal;
}

/**
*
* Modern Clearfix
*
*/	
.tx-ttnews-browsebox:after,
.browsebox:after ,
.browsebox ul:after,
.browsebox span:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }



/* live ticker Sternstunden-Tag
*/

.live-ticket.maincontent .margin {
	min-height: 100px;
}
.live-ticker { display: none; }
.js .live-ticker { display: block; background-color: #fff; }
.news-latest-item.sticky { background-color:  #efefef; padding: 1em 1.5em !important; border-right: 1px solid #BFC8DA; border-left: 1px solid #BFC8DA; }
.live-ticker .loading {
	text-align: center;
	margin:  2em 0;
}
.live-ticker .loading .img {
	margin:  0.5em auto;
	width: 128px;
	height: 15px;
	background: url(../lightbox/ajax-loader.gif) no-repeat 0 0;
}
.live-ticker h2 { text-transform: none;}