body { margin-bottom: 20px; }

body.admin {  padding-top: 50px; padding-bottom: 20px;margin-bottom: 20px; }

#logo                  { width:350px; height:63px; max-width:100%; font-size:50px; font-weight:bold; background:url(../img/logo.png) no-repeat center; background-size:100%; text-indent:-999em; }
#logo a                { display:block; outline:none; }
#logo:hover            { opacity:0.9; }

.header .nav { margin-top:15px; padding:0; }

.jumbotron             { margin-bottom:15px; position:relative; padding:0; border-radius:10px; box-shadow:3px 3px 10px #ddd; min-height:400px; }
.jumbotron-caption     { position:absolute; left:0; bottom:0; width:100%; min-height:130px; padding:5px 30px 10px 30px; background:rgba(0, 0, 0, 0.5); color:#fff; text-shadow:0px 0px 7px #000; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.jumbotron h1          { font-size:42px; font-weight:bold; letter-spacing:1px; }
.jumbotron p           {  }
.jumbotron-sanrafael   { background:#eee url(../../static/media/jumbotron/jumbotron_san_rafael.jpg) no-repeat top; }
.jumbotron-project     { background:#eee url(../../static/media/jumbotron/jumbotron_project.jpg) no-repeat top left; }
.jumbotron-soy         { background:#eee url(../../static/media/jumbotron/jumbotron_soy.jpg) no-repeat top right; }
.jumbotron-contact     { background:#eee url(../../static/media/jumbotron/jumbotron_contact.jpg) no-repeat top center; }
.jumbotron-help        { background:#eee url(../../static/media/jumbotron/jumbotron_help.jpg) no-repeat top center; }
.jumbotron-help2       { background:#eee url(../../static/media/jumbotron/jumbotron_help2.jpg) no-repeat top center; background-size:cover; }
.jumbotron-news        { background:#eee url(../../static/media/jumbotron/jumbotron_news_5.jpg) no-repeat top center; }
.jumbotron-review-2010 { background:#eee url(../../static/media/jumbotron/jumbotron_review_2010.jpg) no-repeat top center; }
.jumbotron-review-2011 { background:#eee url(../../static/media/jumbotron/jumbotron_review_2011.jpg) no-repeat top center; }
.jumbotron-review-2012 { background:#eee url(../../static/media/jumbotron/jumbotron_review_2012.jpg) no-repeat top center; }
.jumbotron-review-2013 { background:#eee url(../../static/media/jumbotron/jumbotron_news_3.jpg) no-repeat top right; }
.jumbotron-review-2014 { background:#eee url(../../static/media/jumbotron/jumbotron_news_4.jpg) no-repeat center; }
.jumbotron-review-2015 { background:#eee url(../../static/media/jumbotron/jumbotron_news_5.jpg) no-repeat top center; }
.jumbotron-review-2016 { background:#eee url(../../static/media/jumbotron/jumbotron_review_2016.jpg) no-repeat top center; }
.jumbotron-review-2017 { background:#eee url(../../static/media/jumbotron/jumbotron_review_2017.jpg) no-repeat top center; }
.jumbotron-1           { background:#eee url(../../static/media/jumbotron/jumbotron_1.jpg) no-repeat top right; }
.jumbotron-flora-fauna { background:#eee url(../../static/media/jumbotron/jumbotron_mushrooms.jpg) no-repeat top center; }
.jumbotron-thank-you   { height:500px; background:#eee url(../../static/media/jumbotron/jumbotron_thank_you.jpg) no-repeat top center; }

.carousel { position:relative; margin-bottom:15px; border-radius:10px; box-shadow:3px 3px 10px #ddd; }
.carousel .item a  { z-index:500; }
.carousel .item a:hover { opacity:0.95; }
.carousel-inner, .carousel-control, .carousel .item img { border-radius:10px; }
.carousel-caption { text-align:left; width:100%; background: rgba(0, 0, 0, 0.5); left:0; bottom:0; padding:0 20px; z-index:500; border-bottom-right-radius:10px; border-bottom-left-radius:10px; }
.carousel-caption h3 { font-size:26px; font-weight:bold; margin:0; padding:10px 0 5px 0; text-shadow:0px 0px 7px #000; }
.carousel-caption p  { font-size:18px; margin:0; padding:0px 0 10px 0; text-shadow:0px 0px 7px #000; }
.carousel-indicators { top:10px; right:10px; bottom:inherit; left:auto; text-align:right; opacity:0.5; z-index:100; }
.carousel-control { outline:none !important; top:40%; bottom:60%; background:none !important; }
.carousel-control .icon-prev { top:45%; left:35px; right:auto; font-size:50px; line-height:50px; }
.carousel-control .icon-next { top:45%; left:auto; right:20px; font-size:50px; line-height:50px; }

.teaser p { min-height:145px; }
.teaser h2   { font-size:30px;  }
.teaser h2 a { color:#016d2f; text-decoration:none; }         

header { padding:10px 0 10px 0; }
header ul { padding:20px 0 0 0; }

.topsep { margin:10px 0 15px 0; }
.btn-fixed-width { width:300px; }

.alert-news    { margin:20px 0 0 0; line-height:175%; }

.body-content h1,
.body-content h2,
.body-content h3 { color:#016d2f; }
.body-content p { line-height:150%; }
.main-content p,
.main-content ul { line-height:175%; list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gwTEyAhpDHrWgAAAGZJREFUGNOFzrENAjEQRNHnzaiC2BGNHbr4yrB8jTkiJqAGhybAAaBDfGmSHc3qJ0jXywkrFi92lFFbT7O84eyTO3LM5Xdp3tZ4e3vEEv4QU+gXe6BMIQeSJUZtHRkbHjMb8qitPwGpkxh3gmFz6AAAAABJRU5ErkJggg=="); }

ul.news li { margin:0 0 15px 0; }

.caption { margin:3px 0 3px 0; color:#808080; font-style:italic; }
.date { font-style:italic; margin:20px 0 -10px 0; color:#808080; }

.news            { margin:20px 0; }
.news:first-child { margin-top:20px; }
.news h2         { margin:0 0 10px 0; padding:0; }
.news h2 a       { color:#016d2f; }
.news .time      { color:#808080; font-size:13px; margin:0 0 0 0; padding:0; }

.caption + p { margin-top:20px; }

#san_rafael_map { widh:100%; height:500px; }

.flag_de               { padding-left:23px; background:url(../img/flags.png) no-repeat 0 3px; no-repeat left; }
.flag_ch               { padding-left:19px; background:url(../img/flags.png) no-repeat 0 -22px; no-repeat left; }

.topspace { margin-top:10px; }
.closure { margin-top:50px; }

.footer  { color:#808080; text-align:center; font-size:14px; line-height:175%; }
.footer p { margin:0; }
.footer a { color:#808080; text-align:center; }
.footer a:hover { color:#2a6496; }
.footer ul                { list-style-type:none; margin:0; }
.footer li               { display:inline;  }
.footer li:after { content:" | "; color:#ccc; }
.footer li:last-child:after { content:none; }
.footer .lang { margin:0; padding:0; }

.sidebar>.panel:first-child { margin-top:20px; }
.sidebar h3 { color:#333; }

.header .nav a { color:#016d2f; }
.header .nav .active a { background:#016d2f !important; color:#fff; }
.header .nav .active a:hover { background: #008200; background:#016d2f; }
.header .nav > li > a { padding: 7px 13px; }

.nav .facebook { margin-left:10px;  }
.nav .facebook a { display:inline-block; width:23px; height:30px; background:url(../img/facebook.png) no-repeat center; opacity:0.5; }
.nav .facebook a:hover { opacity:1; background:transparent url(../img/facebook.png) no-repeat center; }
.nav .facebook span { display:none; }
.nav .twitter { margin-left:5px;  }
.nav .twitter a { display:inline-block; width:23px; height:30px; background:url(../img/twitter.png) no-repeat center; opacity:0.5; }
.nav .twitter a:hover { opacity:1; background:transparent url(../img/twitter.png) no-repeat center; }
.nav .twitter span { display:none; }
.nav .instagram { margin-left:5px;  }
.nav .instagram a { display:inline-block; width:23px; height:30px; background:url(../img/instagram.png) no-repeat center; opacity:0.5; }
.nav .instagram a:hover { opacity:1; background:transparent url(../img/instagram.png) no-repeat center; }
.nav .instagram span { display:none; }


.alert h3 { margin:0; }
.alert-danger h3 { color:#b94a48; }

#comments { margin-top:50px; }
#commentformwrapper { padding-top:20px; }
h3#preview { color:#ca9853; margin-bottom:10px;}
h4.author { font-size:14px; margin-bottom:5px; font-style:italic; }
.comment { position:relative; margin-bottom:25px; }
.comment-admin { position:absolute; top:0; right:0; }
.comment-delete { background:#f2dede; }
.comment-preview { color:#333; }
.comment-info { font-size:13px; color:#808080; margin:0 0 -10px 0;}

.gallery { margin:20px 0 30px 0; padding:30px 30px 0 30px; border:1px solid #ddd; border-radius: 4px 4px 4px 4px;  background:#f5f5f5; }
.gallery h3 { margin:-15px 0 20px 0; padding:0; font-size:14px; color:#808080; font-style:italic; text-align:center; }

.thumbnail { max-width:100% !important; height:auto; margin-bottom:2px; } 
.thumbnail-left { float:left; margin:0 15px 10px 0; }
.thumbnail-right { float:right; margin:0 0 10px 15px; }
.thumbnail img { width:100%; }
a.thumbnail:hover { opacity:0.9; } 

.thumbnail-wrapper { text-align:center; margin-bottom:30px; }
.thumbnail-wrapper a       { display:inline-block; margin:auto;  }
.thumbnail-wrapper img       {  }

.teaser-thumbnail { margin:0 7px 0px 0; }

#menu-toggle-handle    { display:block; margin:7px 0 1px 0; background:#016d2f; padding:10px 15px; color:#fff; text-align:center; text-decoration:none; }
#menu-toggle-handle .icon-bar { display: block; margin:auto; width:22px; height:2px;  background-color:#fff; border-radius:1px; }
#menu-toggle-handle .icon-bar + .icon-bar { margin-top:4px; }

.dropdown-menu .glyphicon { padding-right:5px; }  


a.rss                         { padding-left:23px; background:url(../img/rss.png) no-repeat left; }
a.pdf                         { padding-left:23px; background-image:url(../img/pdf.png); background-repeat:no-repeat; background-position: top left; }

@media (max-width: 768px)
 {
  .jumbotron           { border-radius:0 !important; margin:-10px -15px 0 -15px !important; }
  .carousel            { border-radius:0 !important; margin:-10px -15px 0 -15px !important; }
 }

@media (min-width: 992px)
 {
  .sidebar { padding-left:30px; }
  .header .nav { margin-top:37px; float:right; text-align:right; }
  .sidebar { padding-left:50px; }
 }

@media screen and (max-width:768px)
 {
  #logo { margin:auto; }
  .carousel, .carousel-inner, .carousel-control, .carousel .item img { border-radius:0 !important; }
  .carousel-caption { background:none; padding:0 15px;  }  
  .carousel-caption h3 { font-size:14px; font-weight:bold; margin:0; padding:10px 0 5px 0; text-shadow:0px 0px 7px #000; }
  .carousel-caption p  { display:none; }

  /*.jumbotron, .jumbotron-caption { border-radius:0; } */
  .jumbotron { margin:-8px 0 0 0; padding:0 !important; /*background:#e5f3eb;*/ box-shadow:none; height:auto; min-height:inherit; border-radius:0px; background-size:cover; }
  .jumbotron-caption { position:relative; padding:100px 0 0 0; background:none; bottom:inherit; min-height:inherit; }
  .jumbotron-caption h1 { font-size:20px; letter-spacing:none; background:rgba(0, 0, 0, 0.5); margin:0; padding:15px 15px 5px 15px; }
  .jumbotron-caption p { font-size:14px; background:rgba(0, 0, 0, 0.5); margin:0; padding:0 15px 15px 15px;  }
 
  #nav { display:none; margin:0; padding:0; }
  #nav ul { margin:0; padding:0; }
  #nav .nav-pills > li { text-align:center; float:none; background:#eee; }
  #nav .nav-pills > li > a { padding: 10px 15px; border-radius:0; }
  #nav .nav-pills > li + li > a { margin-top: 2px; margin-left: 0; }

  .nav .facebook { margin:2px 0; }
  .nav .facebook a { display:block; width:100%; height:40px; background:url(../img/facebook.png) no-repeat center; opacity:1; }
  .nav .twitter { margin:2px 0; }
  .nav .twitter a { display:block; width:100%; height:40px; background:url(../img/twitter.png) no-repeat center; opacity:1; }
  .nav .instagram { margin:2px 0; }
  .nav .instagram a { display:block; width:100%; height:40px; background:url(../img/instagram.png) no-repeat center; opacity:1; }

  .main-content p,
  .main-content ul { line-height:150%; }
  .main-content h2 { font-size:20px; }
 }

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width:  100% !important;display:block;z-index:2000;position:relative}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe  span[style] {width: 100% !important;display:block;z-index:2000;position:relative}

#mylightbox-background        { display:none; position:fixed; height:100%; width:100%; top:0; left:0; background:#000; border:1px solid #cecece; z-index:2000; }
#mylightbox                   { width:400px; display:none; position:absolute; background:#fff; z-index:2000; padding:3px 10px 0 10px; font-size:13px; border:1px solid #cecece; border-radius:5px; max-width:90%; height:auto; box-shadow:0 0 20px #000; }
#mylightbox img               { max-width:100%; height:auto; }
#mylightbox-header            { height:25px; font-size:13px; line-height:20px; padding:0 0 10px 0; }
#mylightbox-title             { position:absolute; top:3px; left:10px; width:90%; margin:0; padding:0; font-weight:bold; }
#mylightbox-controls          { position:absolute; top:5px; right:10px; width:14px; margin:0; padding:0; }
#mylightbox #photo            { margin:0; padding:0; }
#mylightbox-subtitle          { font-size:13px; line-height:150%; margin:5px 0 0 0; font-style:italic; color:#808080; }
#mylightbox-description       { font-size:14px; line-height:150%; margin:5px 0 10px 0; }
#mylightbox-author            { color:#808080; font-size:13px; margin:-8px 0 0 0; padding:0 0 8px 0; }
#mylightbox-throbber          { width:32px; height:32px; margin:0 auto 0 auto; padding:100px 0; background:url(../img/throbber.gif) no-repeat center; }
#mylightbox-photo             { position:relative; }
#mylightbox-prev              { width:50%; position:absolute; top:0; left:0; bottom:0; background:url(../img/prev.png) no-repeat -1000px 0; z-index:10000; text-indent:-999em; outline:none; }
#mylightbox-prev:hover        { background:url(../img/prev.png) no-repeat 7% center; }
#mylightbox-next              { width:50%; position:absolute; top:0; right:0; bottom:0; background:url(../img/next.png) no-repeat 1000px 0; z-index:10000; text-indent:-999em; outline:none; }
#mylightbox-next:hover        { background:url(../img/next.png) no-repeat 93% center;  }
#mylightbox-close             { width:16px; height:16px; display:inline-block; text-indent:-999em; background:url(../img/close_button.png) no-repeat 0 0; outline:none; opacity:0.7; }
#mylightbox-close:hover       { opacity:1; }