/*
* Reset default based on work by Eric Meyer
*
* iPad Stylesheet
*
* iPhone Stylesheet
*
*
*
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; background: transparent; border: 0; vertical-align: baseline; }
body { line-height: 1; }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; }
ol, ul { list-style: none; }
blockquote { quotes: none; }
blockquote:before,
blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }
a:link { text-decoration:underline; color: #DF7000}
::selection { background: #09f; color: #fff; }
::-moz-selection { background: #09f; color: #fff; }
header, section, footer { display:block; }
.clear { clear:both; display:block; }
.float-left { float:left; }
.float-right { float:right; }
.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.hidden { visibility:hidden; }
img.picture { background:url('images/picture.png') center center no-repeat #edebe5; display:block; }
/*
* Grid
*/
.grid-w137-g20 .cell { width:143px; margin-right:20px; position:relative; }
.grid-w137-g20 .cell-dop {
width:220px;
margin-right:20px;
position:relative;
float:left;
}
.grid-w137-g20 .cell-2 { width:294px; padding-left:10px;}
.grid-w137-g20 header .cell-2 {width:294px; padding-left:10px; }
.grid-w137-g20 .cell-3 { width:451px; }
.grid-w137-g20 .cell-4 { width:630px; }
.grid-w137-g20 .cell-5 { width:765px; }
.grid-w137-g20 .cell-6 { width:990px; }
.grid .cell { float:left; }
.grid .cell-last { margin-right:0; }
/*
* Typography
*/
body { font: normal 13px/22px Helvetica, Arial, sans-serif; }
.heading-1 { font: normal 30px/41px Helvetica, Arial, sans-serif; text-shadow:1px 1px 1px #000; color: #fff;}
.heading-2 { font: bold 16px/20px Helvetica, Arial, sans-serif; display:block; margin-bottom:10px; }
.heading-3 { font: bold 18px/24px Helvetica, Arial, sans-serif; display:block; margin-bottom:10px; }
.heading-4 { font: bold 16px/22px Helvetica, Arial, sans-serif; display:block; margin-bottom:10px; }
.teasing-1 { font: normal 21px/34px Helvetica, Arial, sans-serif;
text-shadow:1px 1px 1px #fff; }
blockquote { background:url(images/quote.png) no-repeat 0 2px;
font: italic 18px/26px Arial; padding: 0 0 0 40px; }
blockquote.quoting-1 { background:none;
font: italic 26px/36px Helvetica, Arial, sans-serif; padding:0 0 20px 0; }
.heading-1 strong,
.heading-2 strong,
.teasing-1 strong { font-weight:normal; }
.infos { font: normal 12px/18px Helvetica, Arial, sans-serif; }
.more { font-size:10px; }
h2 {font: bold 17px/20px Helvetica, Arial, sans-serif; display:block; margin-bottom:10px; color: #b5c93c;}
.heading-content{ font: normal 20px/30px Helvetica, Arial, sans-serif; display:block;
border-bottom: 1px solid #777; top: -20px; height:35px; width:980px
}
/*-*/
body, .standard, a, footer.p p, .more, blockquote.quoting-1 {
color:#4a4a4a; }
.black, footer.p ul a, .content-home a, .heading-3, .tab li a, .heading-2, .carousel-ui .carousel-list .active,
.carousel-ui .carousel-list .active .heading-2 {
color:#000; }
.blue, a:hover, .heading-1 strong, .heading-2 strong, .teasing-1 strong, a .heading-3, .heading-3 a, footer.p ul a:hover,
.tab li.active a, ul.features-expand a:hover .heading-2, .more:hover, a:hover .more, aside .heading-3 a, .infos a {
color:#DF7000; }
.white {
color:#fff; }
.hr {padding-top: 99px}
/*
* Common structure
*/
html { background:#fff; }
body { text-align:center; }
header.p { background:url(pics/green_back.jpg) top center repeat #BDD621; }
header.p .inner {
margin:0 auto;
width:1020px;
height:101px;
position:relative;
}
header.p a.logo {
display:block;
position:absolute;
bottom:20px;
padding-left:20px;
}
header.p .primary-menu {
position:absolute;
right:0;
bottom:40px;
font:bold 11px/16px Arial, sans-serif;
text-transform:uppercase;
}
section.p { }
section.p header.s { background:url(pics/green_back.jpg) center -100px repeat #BDD621; }
section.p header .m { width:1020px; margin:0 auto;}
section.p header.s .inner { margin:0 auto; padding:30px 0; width:980px; height:321px; background:url(pics/kind.jpg) top left no-repeat;}
section.p .content .inner { margin:0 auto; padding:55px 0; padding-top:25px; width:1000px; text-align:left; padding-left:20px; padding:right:20px;}
footer.p { background:url(pics/footer.jpg) top center repeat #BAF016; font-size:13px; line-height:30px; }
footer.p .inner { margin:0 auto; padding-top:24px; padding-bottom:60px; width:1000px; text-align:left; padding-left:20px; }
footer.p ul { position:relative; top:-5px; }
footer a:link, footer a { text-decoration:none; }
/*
* Nav
*/
.primary-menu .list .menu_box{ padding-left:148px; top:30px; left:149px; z-index:12; position:absolute; text-align:left;}
.primary-menu .global a { display:block; font-weight:bold; color:#fff; text-shadow:1px 1px #000; line-height:38px; text-transform:uppercase; text-decoration:none}
.primary-menu .menu_box a span{ display:block}
.menu_box{ width:151px; height:0; background:url(pics/menu_box.png) no-repeat; display:none}
.primary-menu .list:hover .menu_box{ height:86px; padding:8px 3px 8px 5px; font-size:10px; display:block}
.primary-menu .list:hover .menu_box li a{ line-height:26px; font-size:12px; text-shadow:1px 1px #6b7f03; width:138px;}
.primary-menu .list:hover .menu_box li a span span{ padding:0; margin:0 7px;}
.primary-menu .list:hover .menu_box li a:hover{ background:url(pics/menu_left2.png) top left no-repeat; text-shadow:none}
.primary-menu .list:hover .menu_box li a:hover span{ background:url(pics/menu_right2.png) top right no-repeat}
.primary-menu .list:hover .menu_box li a:hover span span{ background:url(pics/mid.png) top left repeat; }
header.p .primary-menu li { float:left; }
header.p .primary-menu a { float:left; margin-left:10px; display:block; padding:3px 6px; color:#444;}
header.p .primary-menu .menu_box a {float:left; margin:0; display:block; padding:0; color:#fff; font-size:10px;}
header.p .secondary-menu li { margin-left:10px; display:inline; }
nav { position:absolute; left: 322px; top:70px; }
.spenden {
-moz-box-shadow: 0px 1px 6px 0px #37191b;
-webkit-box-shadow: 0px 1px 6px 0px #37191b;
box-shadow: 0px 1px 6px 0px #37191b;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ccae80), color-stop(1, #37191b) );
background:-moz-linear-gradient( center top, #ccae80 5%, #37191b 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccae80', endColorstr='#37191b');
background-color:#ccae80;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
border:1px solid #575149;
display:inline-block;
color:#ffffff;
font-family:Trebuchet MS;
font-size:15px;
font-weight:bold;
padding:5px 28px;
text-decoration:none;
text-shadow:1px 3px 3px #37191b;
}
.spenden:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #37191b), color-stop(1, #ccae80) );
background:-moz-linear-gradient( center top, #37191b 5%, #ccae80 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#37191b', endColorstr='#ccae80');
background-color:#37191b;
}
.spenden:active {
position:relative;
top:1px;
}
#n_karmetta {
background-image:url(pics/karmetta.gif);
background-repeat:no-repeat;
position:absolute;
height:25px;
width:141px;
top:0px;
left:0px;
margin:0;
padding:0;
}
a#n_karmetta:hover, #n_karmetta.active {
background-position:-141px 0px;
}
#n_foerderung {
background-image:url(pics/foerderung.gif);
background-repeat:no-repeat;
position:absolute;
height:25px;
width:116px;
top:0px;
left:141px;
margin:0;
padding:0;
}
a#n_foerderung:hover, #n_foerderung.active {
background-position:-116px 0px;
padding-bottom:30px;
}
#n_spenden {
background-image:url(pics/spenden.gif);
background-repeat:no-repeat;
position:absolute;
height:25px;
width:182px;
top:0px;
left:257px;
margin:0;
padding:0;
}
a#n_spenden:hover, #n_spenden.active {
background-position:-182px 0px;
}
#n_links {
background-image:url(pics/links.gif);
background-repeat:no-repeat;
position:absolute;
height:25px;
width:66px;
top:0px;
left:439px;
margin:0;
padding:0;
}
a#n_links:hover, #n_links.active {
background-position:-66px 0px;
}
#n_kontakt {
background-image:url(pics/kontakt.gif);
background-repeat:no-repeat;
position:absolute;
height:25px;
width:90px;
top:0px;
left:505px;
margin:0;
padding:0;
}
a#n_kontakt:hover, #n_kontakt.active {
background-position:-90px 0px;
}
#n_aktuelles {
background-image:url(pics/aktuelles.gif);
background-repeat:no-repeat;
position:absolute;
height:25px;
width:90px;
top:0px;
left:505px;
margin:0;
padding:0;
}
a#n_aktuelles:hover, #n_aktuelles.active {
background-position:-90px 0px;
}
#n_presse{
background-image:url(pics/presse.gif);
background-repeat:no-repeat;
position:absolute;
height:25px;
width:90px;
top:0px;
left:600px;
margin:0;
padding:0;
}
a#n_presse:hover, #n_presse.active {
background-position:-90px 0px;
}
span {
display:none;
}
span.cc-message {
display: block;
}
.button {
width: 200px;
margin: 40px 0;
}
.button a {
display: block;
height: 50px;
width: 200px;
/*TYPE*/
color: white;
font: 17px/50px Helvetica, Verdana, sans-serif;
text-decoration: none;
text-align: center;
text-transform: uppercase;
/*GRADIENT*/
background: #9ECE06; /* Old browsers */
background: -moz-linear-gradient(top, #9ECE06 0%, #BBEF20 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ECE06), color-stop(100%,#BBEF20)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9ECE06 0%,#BBEF20 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9ECE06 0%,#BBEF20 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9ECE06 0%,#BBEF20 100%); /* IE10+ */
background: linear-gradient(top, #9ECE06 0%,#BBEF20 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ECE06', endColorstr='#BBEF20',GradientType=0 ); /* IE6-9 */
}
.button a {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}
.button p {
background: #222;
display: block;
height: 40px;
width: 180px;
margin: -50px 0 0 10px;
/*TYPE*/
text-align: center;
font: 12px/45px Helvetica, Verdana, sans-serif;
color: #fff;
/*POSITION*/
position: absolute;
z-index: -1;
/*TRANSITION*/
-webkit-transition: margin 0.5s ease;
-moz-transition: margin 0.5s ease;
-o-transition: margin 0.5s ease;
-ms-transition: margin 0.5s ease;
transition: margin 0.5s ease;
}
/*HOVER*/
.button:hover .bottom {
margin: -10px 0 0 10px;
}
.button:hover .top {
margin: -80px 0 0 10px;
line-height: 35px;
}
/*ACTIVE*/
.button a:active {
background: #9ECE06; /* Old browsers */
background: -moz-linear-gradient(top, #9ECE06 36%, #BBEF20 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#9ECE06), color-stop(100%,#BBEF20)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9ECE06 36%,#BBEF20 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9ECE06 36%,#BBEF20 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9ECE06 36%,#BBEF20 100%); /* IE10+ */
background: linear-gradient(top, #9ECE06 36%,#BBEF20 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ECE06', endColorstr='#BBEF20',GradientType=0 ); /* IE6-9 */
}
.button:active .bottom {
margin: -20px 0 0 10px;
}
.button:active .top {
margin: -70px 0 0 10px;
}