@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family:'Amarelinha';
	src: url('../webfonts/206354_0_0.eot');
	src: url('../webfonts/206354_0_0.eot?#iefix') format('embedded-opentype'),
	url('../webfonts/206354_0_0.woff') format('woff'),
	url('../webfonts/206354_0_0.ttf') format('truetype');}
@font-face {
    font-family:'PTSansNarrowRegular';
    src: url('../webfonts/ptsans/PTN57F-webfont.eot');
    src: url('../webfonts/ptsans/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/ptsans/PTN57F-webfont.woff') format('woff'),
         url('../webfonts/ptsans/PTN57F-webfont.ttf') format('truetype'),
         url('../webfonts/ptsans/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: 400;
    font-style: normal;}
	@font-face {
    font-family:'PTSansNarrowRegular';
    src: url('../webfonts/ptsans/PTN77F-webfont.eot');
    src: url('../webfonts/ptsans/PTN77F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/ptsans/PTN77F-webfont.woff') format('woff'),
         url('../webfonts/ptsans/PTN77F-webfont.ttf') format('truetype'),
         url('../webfonts/ptsans/PTN77F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: 700;
    font-style: normal;}
@font-face {
    font-family:'open_sanscondensed_light';
    src: url('../webfonts/opensans/OpenSans-CondLight-webfont.eot');
    src: url('../webfonts/opensans/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/opensans/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../webfonts/opensans/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../webfonts/opensans/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;}

body {background:url(../images/background.jpg) top center no-repeat #503845;font:normal 17px 'PTSansNarrowRegular',Helvetica,sans-serif;color:#333;font-weight:300;margin:0;}

img {max-width: 100%; height: auto;}


#wrapper {margin:0 auto;width:890px;}

#navitop {float:left;width:735px;height:45px}
#navitop ul {list-style:none;margin:20px 0 0 0;padding:0 0 0 10px;height:25px;line-height:20px;text-align:left;text-transform:uppercase;}
#navitop li {display:inline;padding-right:10px;font-size:18px;}
#navitop li a:link, #navitop li a:visited  {color:#fff;text-decoration:none;letter-spacing:1px}
#navitop li a:hover, #navitop li strong  {color: #b2d38f;}
#navitop strong.active  {font-weight:normal;}

#mobilenavi {display:none;}

#language ul {float:right;width:110px;list-style:none;padding:0;margin:20px 0 0 0;}
#language li {display:inline;padding-right:10px;font-size:18px;}
#language li a:link, #language li a:visited  {color:#fff;text-decoration:none;text-transform:lowercase;font-size:15px;}
#language li a:hover, #language li strong  {color: #b2d38f;}

#startbild {width:890px;height:659px;}
#Amarelinha {position:absolute;top:70px;left:40px;font:normal 46px/48px 'Amarelinha';color:#391937;letter-spacing:2px;}
#logo {width:200px;height:189px;position:absolute;top:70px;right:30px;}
#about {position:absolute;top:594px;left:190px;font:normal 30px/36px 'open_sanscondensed_light';color:white;}

ul.share {list-style:none;margin:0px 0 30px 20px;padding:0;float:left;width:150px;}
.share li {display:inline;}
.share li a {color:white;padding-right:10px; }

ul.gotop {list-style:none;float:right;margin:0px 0 30px 20px;padding:0;color:white;font-size:12px;width:230px;text-align:right;}
.gotop li {display:inline;}
.gotop li a {color:white;padding-right:10px;text-decoration:none;}

p.impressum {color:#83936e;}


/* Seiten */

h1, h2 {font-family:'Amarelinha';font-weight:normal;color:#391937;letter-spacing:2px;}
h1 {font-size: 46px;margin:30px 0 7px;padding-bottom:5px;color:white;}
h2 {font-size: 38px;margin:30px 0 19px 0;}
h4 {font-size: 17px;margin:0 40px;letter-spacing:1px;}
p {margin:0;line-height:21px;}
strong {font-weight:700;letter-spacing:1px;}

.mod_article {min-height:600px;}
.mod_article .ce_text {padding: 0 60px 40px 60px;}
.mod_article a:link, .mod_article a:visited {color:#391937;}
.mod_article a:hover {color:#557752;}
/* .pdf_link {position:absolute;} */

#arthead {padding-top:80px; background:url(../images/bg-artikel.jpg) top right no-repeat;margin-bottom:10px;color:white;}
#arthead.ce_text p {font-size:20px;line-height:23px;} 
#art2 {background:#e1ebd2;margin-bottom:10px;}
#art2 p {width:415px;}
#art2 p.pics {float:right;margin:4px 0 0 15px;width:325px;}

#art2.spenden p {margin-left:40px;width:85%;}
#art2.spenden.mitglied {background:url(../images/content/spenden-bg.gif) top right no-repeat #e1ebd2;}
#art2.download {min-height:540px;background:url(../images/content/download-bg.gif) top right no-repeat #e1ebd2;font-size:17px;}
#art2.download p {width:85%;}
#art2.spenden.mitglied p {margin-left:40px;width:70%;}
#art2 p.noborder {margin-left:0;width:550px;}


#art-team {background:#e1ebd2;margin-bottom:10px;}
#art-team p {background:url(../images/border.gif) bottom left no-repeat;margin:0 0 20px 40px;min-height:280px;}
#art-team .pics {float:right;margin:0 0 0 40px;width:150px;}
#art-team p.last {background:none;}


/* Galerie */
.ce_gallery {padding: 0 60px 40px 60px;}
.ce_gallery .image_container {margin:0;padding:0 10px 3px 0;}


/* Kontaktform */
#art2.ce_form  {padding: 40px 60px 40px 60px;}
#kontakt .kontaktform h2 {margin-top:0;}

p.error {
color: #780e0e;
}
#kontakt input, textarea, select {
/*  gibt allen Feldern gleiche Laenge   */
color: #515151;
width: 230px;
border: 1px solid #808080;
margin: 1px;
background-color: #fff;
font: normal 12px/16px Arial, Helvetica, sans-serif;
}
span.mandatory {padding-left:3px;}
#kontakt #ctrl_9 {   /*  formatiert Sendebutton, div-ID kontrollieren   */
width: 100px;background-color: #E1E1E1;cursor: pointer;margin-top: 5px;
}
#ctrl_2 {width:130px;border: 1px solid #808080;margin: 1px;background-color: #E1E1E1;
}
table td {vertical-align: top;padding-bottom: 7px;
}
td.col_first {width: 180px;}

/* Ende Kontaktform */


.ce_masonry_gallery h2 {margin-left:60px;}
#masonry_92{margin-left:60px;}
.ce_masonry_gallery {padding: 0 60px 40px 60px;}


@media screen and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)  {
#wrapper {width: 98%;max-width:760px;}

#startbild {position:relative;width:750px!important;height:auto;border:0px solid red;}
#about {position:absolute;top:464px;left:160px;}
#navitop {float:left;width:85%;}
#mobilenavi {display:none;}
#language ul {float:right;width:95px;}
#language li {padding-right:5px;font-size:16px;}
#language li.first {padding-right:0px;float:right;}

#navitop li {display:inline;padding-right:7px;font-size:16px;}
ul.share {margin:5px 0 30px 20px;}

}



@media only screen 
    and (max-device-width: 767px), 
    only screen and (max-device-width: 667px), 
    only screen and (max-width: 480px),
	only screen and (min-width: 533px) and (max-width:767px) and (orientation : portrait) 
{
html {-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */}
#wrapper {width:98%;max-width:640px;}
#navitop {display:none;}
#startbild {position:relative;width:100%;height:auto;}
#logo {max-width:100px;height:auto;top:20px;right:10px;}
#Amarelinha {position:relative;top:20px;left:10px;font:normal 28px/34px 'Amarelinha';color:white;}
#about {position:static;margin-top:-155px;font:normal 18px/23px 'open_sanscondensed_light';text-align:center;}
ul.share {margin:20px 0 30px 0;width:30%;}
ul.gotop {margin:15px 0 30px 0;font-size:16px;width:70%;text-align:right;}

.home ul.share, .home ul.gotop {display:none}

#mobilenavi {float:left;display:block;margin:0;width:60%;}
#mobilenavi.mod_quicknav .select {display:block;height:50px;width:100%;border:0px; padding-left:10px;font-size:18px;}
#mobilenavi.mod_quicknav option {padding:5px;}
#mobilenavi button.submit {display:none;}

#language ul {margin:15px 0 0 0;}

/* Seiten */

.mod_article .ce_text {padding: 0 20px 20px 20px;max-width:98%;}
#art2 p {width:100%;}
#art2 p.pics {float:none;margin:0;width:100%;}
#art-team p {margin:0 0 20px 0px;}
#art-team .pics {float:right;margin:0 0 0 10px;width:150px;}
h4 {margin:0 0;}
#art2.spenden p {margin-left:0;width:85%;}
#art2.spenden.mitglied p {margin-left:0;width:70%;}
#art2.spenden.mitglied {background:url(../images/content/mobil-spenden-bg.gif) top right no-repeat #e1ebd2;}
#art2.download {min-height:540px;background:url(../images/content/mobil-download-bg.gif) top right no-repeat #e1ebd2;font-size:17px;}

.ce_gallery {padding: 0 0px 40px 20px;}
#art2.ce_form  {padding: 40px 20px 40px 20px;}
td.col_first {width: 30%;}
#ctrl_8 {display:block;}
td.colspan.explanation p {max-width:320px;font-size:12px;}
#kontakt input, textarea, select {width: 78%;}


}