@font-face {
  font-family: 'Hevetica Neue';
  src: url('/fonts/HelveticaNeueLTCom-Roman.woff') format('woff'), url('/fonts/HelveticaNeueLTCom-Roman.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto Slab Bold';
  src: url('/fonts/RobotoSlab-Bold.woff') format('woff'), url('/fonts/RobotoSlab-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Pluto Sans Cond';
  src: url('/fonts/plutosanscondregular-webfont.woff') format('woff'), url('/fonts/plutosanscondregular-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'socicon';
  src: url('/fonts/socicon-webfont.woff') format('woff'), url('/fonts/socicon-webfont.ttf') format('truetype');
}

i.socicon {
	font-family:'socicon';
	font-style:normal;
	margin-right:5px;
	cursor:pointer;       
}


.modal-dialog {
  background-color:white;
  color: #0a0a0a;
}

body {
  font-family: 'Helvetica Neue', sans-serif;
  font-size:16px;
  margin-top:80px;
}

hr {
 height: 6px;
 background-color: #CA6500;
 border: 0px;
}

h1 {
	font-family:'Roboto Slab Bold',sans-serif;
	font-size:21px;
	margin-top:5px;
        padding-bottom: 4px;
        border-bottom: 4px #CA6500 solid;
}

.noborder {
  border:0px;
}

h2 {
	font-family:'Roboto Slab Bold',sans-serif;
	font-size:14px;
}
h3 {
	font-family:'Pluto Sans Cond',sans-serif;
	font-size:14px;
}
h4 {
	font-family:'Pluto Sans Cond Bold',sans-serif;
	font-size:12px;
}
h5 {
	font-family:'Pluto Sans Cond Bold',sans-serif;
	font-size:11px;
}



.navbar-toggle {
	margin-right:0px;
	padding:9px 0px;
}

.navbar-bottom {
  background-color: rgba(32, 32, 32, 0.8);
  color:#f0f0f0;
  padding:10px 0px;
  
}

.navbar-bottom a {
  display:inline-block;
  color:#f0f0f0;
  padding:0px 20px;
}

.navbar-kook {
  border-radius: 4px;
  background-color: rgba(32, 32, 32, 0.8);

}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #f0f0f0;
  color:#202020;
  border-top: 4px #c0c0c0 solid;
}
    
.navbar-logo img {
	padding-top:8px;
	margin-right:30px;
	max-width:200px;
}

.navbar-kook .navbar-nav > li > a {
  color: #F0F0F0;
  border-top:4px transparent solid;
}


.navbar-kook .navbar-nav >li >a:hover {
  background-color: #f0f0f0;
  color:#202020;
  border-top: 4px #C0C0C0 solid;
}

.dropdown-menu > li > a {
	color: #F0F0F0;
}


.navbar-kook .navbar-toggle .icon-bar {
  background-color:#505050;
  min-height:4px;
  border-radius:4px;
}

.btn-search {
	height: 38px;
	background-color:white;
	border:1px solid white;
	margin-top:-4px;
}

.msearch {
  display:none;
  height:38px;
  margin-left:-10px;
  border:1px solid white;
  border-radius:0px 4px 4px 0px;
}

.msearch.active {
	display:inline-block;
}


.cover {
   background-color: black;
}
.content img {
	border:4px solid white;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease;  	
}

.content img:hover {
	border-color: #FFE1C4;
}


@media screen and (min-width: 1250px) {
.navbar-logo img {
	padding-top:8px;
	margin-right:30px;
	max-width:320px;
}
}

@media screen and (min-width: 768px) {

.cover {
	background:url('/images/cover_.jpg') center center fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;  	
}



.dropdown-menu > li > a {
	color: #202020;
}

.content img {
	border:8px solid white;
}



}


.content {
  background-color: rgba(2,2,2,0.8);
  border-radius: 0px;
  color: #F0F0F0;
}

.graybar {
background-color:rgba(32,32,32,0.8);
color: #F0F0F0;
margin: 20px 0px;
padding: 10px 0px;
}

.navbar-kook .navbar-nav >li.active > a {
  background-color: #f0f0f0;
  color:#202020;
  border-top: 4px #CA6500 solid;   /*! Bij seizoenswissel deze #xxxxxx aanpassen */
}

/* Stylesheet: style Modified On 2015-04-10 16:02:13 */