body{
font-family: FuturaPT-Book,futura-pt,Futura,Arial;
color: #DB162F;
font-size:13px;
background-color:#ffffff;
}
a {

	color: #DB162F;
	text-decoration: none;
	font-weight: bold;

}

a:hover {

	color: #86B85C;

}
iframe{
  width:100%;
  border:0;
  margin:0;
}
.mitgliederliste {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}


#sitetitle{
  font-size:20px;
  margin:5px auto 10px auto;
  color:#ffffff;
}
#sitetitle a{
  font-size:20px;
  margin:5px auto 10px auto;
  color:#ffffff;
}
/*Detail*/
#imgdesc{
  margin-bottom:20px;
  font-size:14px;
  border:1px solid white;
  background:#DADCDB;
  color:#000000;
  padding:5px;
  font-weight:bold;
}
/*Detail*/
#maincontent{
text-align:center;
}
#content{
max-width:80%;
text-align:center;
margin:auto;
color:#000000;
}

#pict img{
max-width:500px;
text-align:center;
}

.responsive {
  width: 100%;
  height: auto;
}
h1{
  font-size:20px;
  color:#000000;
}

h2{
  color:#000000;
}
#header {
background-color: #DB162F;
padding:10px 10px 10px 10px;
}

#header h1 a{
  color:#ffffff;
}
#menuabjad, #menuabjad a{
  color:#ffffff;
}
#menucat{
padding-bottom:10px;
color:#ffffff;
}
#menucat a{
text-decoration:none;
color:#ffffff;
}
#footer {
background-color: #DB162F;
width:100%;
text-align:center;
}

#justadded {
padding:10px 0 0 0;
margin:5px 10px 5px 0;
}
#justadded a{
color:#ffffff;
text-decoration:underline;
line-height:30px;
font-size:12px;
}
#justadded span .sep{
font-weight:bold;
}
#menubawah {
color:#ffffff;

text-align:center;
border-top:2px groove white;
border-bottom:2px groove white;
padding:10px 10px 10px 10px;
margin:10px auto 5px 10px;
}
#menubawah a{
color:#ffffff;
text-decoration:none;
}
.loading{display:none;}
#relatedimage {
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  padding:0 10px 0 10px;
}
#moreimage{
border-left:1px solid #ccc;
border-right:1px solid #ccc;  
padding:0 10px 0 10px;
}
#relatedcontainer h3{
  text-align:left;
}
#relatedcontainer h4{
  text-align:left;
}
#content h4{
  text-align:left;
}
#content #isi{
text-align:left;  
}
.pagination {
  margin:15px 0 20px 0;
}
.pagination a{
  border:1px solid white;
  background:#DB162F;
  color:#ffffff;
  padding:5px;
}
#tg{
  width:100%;
}
#tiga{
  text-align:center;
  max-width:900px;
  margin:auto;
}
.listtiga{
max-width:250px;
float:left;  
margin:auto 10px auto 10px;
text-align:center;
}
.listtiga img{
width:100%;
margin:auto;
padding:auto;
text-align:auto;
}
#list{

}
#search{
  text-align:right;
  
}
#search form{
  width:220px;
  background-color:#DB162F;
  padding:7px 15px 10px 10px;
  text-align:right;
  margin:auto 0 auto auto;
}
#search #button{
  background-color:#DB162F;
  padding-top:10px;
  color:#ffffff;
  border:2px double #cccccc;
  padding:1px 10px 1px 10px;
}
#imgsize{
  padding-bottom:10px;
}
#imgsize a{
  font-weight:normal;
  border:1px solid white;
  background:#DB162F;
  color:#ffffff;
  padding:5px;
}
#imgsize span{
  line-height:30px;  
}
@media only screen and (max-width : 768px) {  
  #search form{
    width:250px;
    background-color:#DB162F;
    padding:7px 0px 10px 0px;
    text-align:center;
    margin:auto 0 auto auto;
  }
}
@media only screen and (max-width : 360px) {    
    #search form{
    width:250px;
    background-color:#DB162F;
    padding:7px 0px 10px 0px;
    text-align:center;
    margin:auto 0 auto auto;
   }   
}
.columns {
  column-width: 240px;
  column-gap: 15px;
    width: 100%;
  max-width: 100%;
  margin: 30px auto;
}

div.columns .figure {
  background: #fefefe;
  border: 2px solid #fcfcfc;
  box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
  margin: 0 2px 10px 0px;
  padding: 5px;
  padding-bottom: 10px;
  transition: opacity .4s ease-in-out;
  display: inline-block;
  column-break-inside: avoid;
  width: 240px;  
}

div.columns .figure img {
  max-width: 100%; height: auto;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 5px;
  text-align:center;
}
.figure img {
  margin:auto;
  text-align:center;
}

div.columns .figure .figcaption {
  font-size: .9rem;
  color: #444;
  line-height: 1.5;
}

div.columns small { 
  font-size: 1rem;
  float: right; 
  text-transform: uppercase;
  color: #aaa;
} 

div.columns small a { 
  color: #666; 
  text-decoration: none; 
  transition: .4s color;
}

div.columns:hover figure:not(:hover) {
  opacity: 0.4;
}

@media screen and (max-width: 750px) { 
  .columns { column-gap: 0px; }
  .columns figure { width: 100%; }
}