/* Padding top & bottom is vanwege de navbar */
@font-face
{
font-family: Rambla-Regular-webfont;
src: url('../font/Rambla-Regular-webfont.eot'),
url('../font/Rambla-Regular-webfont.ttf'),
url('../font/Rambla-Regular-webfont.woff'),
     url('../font/Rambla-Regular-webfont.svg'); /* IE9+ */
}
footer a {
	color: white;
}
body {
margin-top: 0;
    padding-top: 70px;
    padding-bottom: 40px;
    color: #000000;
  text-shadow: 0px 0px 1px #DDDDDD; 
  font-size: large;   
    /* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
background-image: url(../img/site/cherry_blossom.jpg);
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/site/cherry_blossom.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/site/cherry_blossom.jpg', sizingMethod='scale')";  
  font-family:Rambla-Regular-webfont;            
  }
.container {
width: 1060px;
}            
.navbar .brand {
    max-height: 44px;
    overflow: visible;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -20px;
    margin-left: -110px;

}
.shiatsublock {
    border: 1px solid #666666;
    border-radius: 4px;
   /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);   
          padding: 4px;
    transition: all 0.2s ease-in-out 0s;
      -moz-box-shadow:    0px 0px 5px 1px #ccc;
  -webkit-box-shadow: 0px 0px 5px 1px #ccc;
  box-shadow:         0px 0px 5px 1px #ccc;
    */
    display: block;
    line-height: 28px;

  overflow:hidden;
padding: 18px;      
  background-color:#FFFFFF;
  
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#DDDDDD));
  opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
margin-bottom: 20px;
}
.shiatsublock .blockcontent  {
  opacity: 1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.shiatsublock .span12   {
margin-left: 0px;
}

.kadertje {
  border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    display: block;
    line-height: 20px;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
      -moz-box-shadow:    0px 0px 5px 1px #ccc;
  -webkit-box-shadow: 0px 0px 5px 1px #ccc;
  box-shadow:         0px 0px 5px 1px #ccc;
  overflow:hidden;
  padding: 18px;
  background-color:#FFFFFF;
}

.navbar .navbar-inner {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#DDDDDD));
  color: white;
  

  opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
font-size: 20px; 
}

h1 {

margin-top: -4px;
color: #A30745;
text-shadow: 1px 1px 1px #666666;
}
h1 small {
color: #444444;
text-shadow: 1px 1px 1px #333333;
}
footer {

 text-shadow: 0px 0px 1px #333333; 
 font-size: small;
color: white;

 }
 .well {
 padding-left:10px;
 }
 
 
 
 
 
 
 
 
 
 
 .navbar{
margin:20px 0px 40px 0px;

}

.navbar-inner > .container{
width:980px;
}

.navbar-inner{
border-radius:4px;

background: #C40837 !important; 
background-image: none;
background-repeat: no-repeat;
filter: none !important;
border-top:1px solid #850534 !important;
border-bottom:1px solid #850534 !important;
border-left:0px !important;
border-right:1px solid #850534 !important;

}

.navbar .btn{
background:#C40837 !important;  
font-size:13px;
padding:4px 10px;

}

.navbar .btn:hover{
background:#C40837 !important;
}

.navbar .caret{
border-top-color:#fff !important;
border-bottom-color:#fff !important;
}
/*
.navbar .brand{
color:#fff !important;
text-shadow:none !important;
}
*/
.navbar .nav{
border-left:1px solid #850534;
border-right:1px solid #E74878;

}

.navbar .nav > li > a{
padding:12px 15px 12px;
color:#fff !important;
text-shadow:none !important;
border-right: 1px solid #850534;
border-left:1px solid #E74878;
-webkit-transition:background 0.6s ease;
-moz-transition:background 0.6s ease;
-o-transition:background 0.6s ease;
transition:background 0.6s ease;
height: 40px; 
}

.navbar .nav > li > a:hover{
background:#850534 !important;
color:#fff !important;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

.navbar .nav .active > a,
.navbar .nav .active > a:hover,
.navbar .nav .active > a:focus {
color: #ffffff;
box-shadow:none;
background: #850534 !important;
}

.dropdown-toggle{
background: #C40837 !important;
}

.nav-collapse a{
font-weight:normal !important;
text-shadow:none !important;
}

.dropdown-menu{
background:#C40837 !important;
border-radius:0px !important;
box-shadow:none !important;
border-bottom:none !important;
padding:0px 0px;
margin:0px;
}

.dropdown-menu a{
background:#C40837 !important;
padding:9px 10px;
color:#fff !important;
text-shadow:none !important;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
border-bottom:1px solid #850534;
}

.dropdown-menu a:hover,.dropdown-menu a:focus{
filter:none !important;
background:#850534 !important;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

.dropdown-menu::after, .dropdown-menu::before{
border:none !important;
}


/* For Responsive design */


@media (max-width: 767px){
   .navbar{
   margin-left:-20px;
   margin-right:-20px;
   }
   .navbar .nav{
   border:0px !important;
   }
   .navbar .nav > li > a{
   border:0px !important;
   }
   .dropdown-menu a{
   border-bottom:none !important;
   }   
}

@media (min-width: 768px) and (max-width: 979px){
   .navbar .nav{
   border:0px !important;
   }
   .navbar .nav > li > a{
   border:0px !important;
   }
   .dropdown-menu a{
   border-bottom:none !important;
   }
}