html{
margin: 0;
margin-top: 12px;
padding:0;
}
body {
	background: #000;
	position:relative;
	font-family: Calibri;
	margin-top: 10px;
	margin: auto;
	color: #fff;
}
.content{ 
	width:62%;
	position:relative;
	min-height: 100%;
	height: auto !important;
	margin: auto;
	max-width:1090px;
}

@media screen and (max-width: 1650px) {
.content{ width: 64.5%;}
}
@media screen and (max-width: 1500px) {
.content{ width: 72.5%;}
}
@media screen and (max-width: 1400px) {
.content{ width: 76.5%;}
}
@media screen and (max-width: 1300px) {
.content{ width: 81.5%;}
}
@media screen and (max-width: 1025px) {
.content{ width: 93%;}
}
@media screen and (max-width: 768px) {
.content{width: 94%;}
}
@media screen and (max-width: 480px) {
.content{ width: 90%;}
}
.slides{
	margin: auto;
}

#header {position: relative; margin: auto; height: 200px;}
@media screen and (max-width: 480px) {
#header{ height: 50px;}
}
#header-content { position: absolute; bottom: 0; left: 0;}
.box {
	float: right;
	width: 80%;
	max-width: 800px;
}
@media screen and (max-width: 1025px) {
.box{width: 75%;}
}
@media screen and (max-width: 768px) {
.box{width: 74%;}
}
@media screen and (max-width: 480px) {
.box{ width: 100%;margin-bottom: 16px;}
}

.grey {	background: #191919;}
.left{ 
	float: left; 
	padding: 10px;
	margin: 0px;
	margin-bottom: 16px;
	width: 21%;
	max-width: 200px;
}

@media screen and (max-width: 480px) {
.left{max-width: 100%; width: 94%;}
}

@media screen and (max-width: 480px) {
.no-iphone {display: none !important; visibility: hidden;}
}
.center {text-align: center}

.logo{
float: left;
width : 180px;
margin: 0 10px 10px 5px;
}
@media screen and (max-width: 768px) {
.logo { width: 170px;}
}
@media screen and (max-width: 480px) {
.logo { width: 200px; margin: 0 0 10px 0;}
}
img{border:0px;   
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/*default link styles*/
a {color: #ccc; text-decoration: none; text-align: left;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;}
a:link    {text-decoration: none; color: #ccc; border:0px;}
a:visited {text-decoration: none; color: #ccc; border:0px;}
a:active  {text-decoration: underline; color: #ccc; border:0px;} 
a:hover   {text-decoration: underline; color: #fff; border:0px;}

li {
	margin-left: 20px;
}

input, textarea, select {
	font-size: 0.95em;
}

/* Site Title */
.title {
	font-size: 30px;
	color: #fff;
	padding: 5px 0 0 25px;
	font-family: 'Yanone Kaffeesatz';
	padding-top: 15px;
}

.subtitle {	
	font-size: 20px;
	color: #fff;
	font-family: 'Yanone Kaffeesatz';
	padding: 5px 0 10px 0;
}

.page-menu {
	width: 100%;
	height: 77px;
	margin: auto;
	background:#191919;
}

#nav ul {
	list-style: none;
	margin: 0;
}

#nav li{
	font-family: 'Helvetica', Arial, Verdana, sans serif;
	margin-left: -52px;
	list-style: none;
	text-transform:uppercase;
}

#nav li a:link, #nav li a:visited {
	font-size: 17px;
	display: block;
	padding: 14px 35px 15px 35px;
	color: #fff;
	text-decoration: none;
	right:11px;
}

#nav li a:hover, #nav li a:focus {
	left:-6px;
	padding: 14px 8px 15px 25px;
	background: #000;
}

.navactive, #nav li a:active {
	background: #000;
	color: #ff0000;
}

hr {
	width:60%;
	border-top:#d8d8d8 1px solid;
	border-left:0;border-right:0;
	border-bottom:#fff 2px solid;
	margin:0 auto;
	clear:both;
	position:relative;
}
#menu-icon{display:none;}

/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 750px) {

	/* nav-wrap */
	#nav-wrap {
		position: relative;
	}

	/* menu icon */
	#menu-icon {
		font: .9em/150%;
		color: #fff;
		height: 65px;
		background: url(http://nahrin.nl/images/menu-icon.png) no-repeat 10px center;
		padding: 22px 10px 0 42px;
		cursor: pointer;
		display: block;
		font-family: 'Yanone Kaffeesatz';
		font-size: 30px;
}
	#menu-icon:hover {
	color:#FFF;
	}
	#menu-icon.active {
		background-color: #191919;
	}
	
	/* main nav */
	#nav {
		clear: both;
		position: absolute;
		top: 77px;
		width: 85%;
		z-index: 10000;
		padding: 0;
		padding-left: 40px;
		background: #000;
		display: none;
	}
	#nav a, #nav li a,
	#nav ul a {
		font: .9em/150%;
		margin: 0;
		display: table;
		padding: 14px 35px 15px 10px;
		float: none;
		color: #666;
		border: none;
		text-align: left;
		overflow: auto;
		width: 100%;
	}

	#nav li {width: 95%; }
	.navactive { 
	background:url(http://nahrin.nl/images/bg3.jpg) repeat bottom; 
	color:#FFF;
	z-index: 1001;
	}

	#nav a:hover, #nav li a:hover,
	#nav ul a:hover {
		color: #fff;
		background-color: #191919;
		padding: 14px 8px 15px 0px;
	}
		
	/* dropdown */
	#nav ul {
		width: 100%;
		position: static;
		display: table;
		border: none;
		background: inherit;
	}
	#nav ul li {
		margin: 0;
	}

}

@media screen and (min-width: 750px) {
	#nav {
		display: block !important;
	}
}

/* ------------ Miro Webdesign ------------ */
.main { padding: 20px; min-height: 470px;}
.subtitle {	
	font-size: 20px;
	color: #fff;
	font-family: 'Yanone Kaffeesatz';
}
.hometitle {	
	font-size: 20px;
	color: #fff;
	font-family: 'Yanone Kaffeesatz';
	padding: 0 0 10px;
}
.footer{ 
	color: #757477;
	font-size: 13px;
	margin: 20px 0 20px 0;
	text-align: center;
width: 100%;
float: left;
}

.error{
	color: #ff0000;
	font-weight: bold;
}

input, textarea{
	font-family:Helvetica,Arial,sans-serif;
	color:#333;
	background:#FBFBFB none repeat scroll 0 0;
	border:1px solid #ccc;
	font-size:12px;
	line-height: 16px;
}
  
input[type="button"], input[type="submit"], input[type="reset"] {
	cursor: pointer;
	background: #1E1E1E;
	color: #fff;
	padding: 5px 10px 6px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url(PIE.htc);
	border-radius: 5px;
	border: none;
	font-weight: bold;
	width:auto;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	cursor: pointer;
	background: #000;
	font-weight: bold;
	color: #fff;
	width:auto;
}

/* socialise bookmarks styles */
.social-bookmarks{list-style-type:none;}
.social-bookmarks li,.widget .social-bookmarks li,#footer .social-bookmarks li{float:left;margin-right:2px;display:inline;width:auto;}
.social-bookmarks li span{display:inline-block;font-size:18px;}
.social-bookmarks ul { margin: 0 0 0 -30px;}
#footer .social-bookmarks li{float:left;margin-right:2px;}
#footer.social-bookmarks li a{display:block;float:left;height:100%;margin:0;padding:0;width:40px;height:40px}
.social-bookmarks li a{
	display:block;
	float:left;
	margin:0;
	padding:0;
    width: 40px;
    height: 40px;
    transition: all 0.3s ease-out;    
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;     
    text-indent: -999em;
}
.social-bookmarks li.facebook a{background:url(http://nahrin.nl//images/facebook.png) no-repeat 0 0}

.social-bookmarks li.facebook a:hover{background-color:#000}
.social-bookmarks li.googleplus a{background:url(http://nahrin.nl//images/googleplus.png) no-repeat 0 0}
.social-bookmarks li.googleplus a:hover{background-color:#000}
.social-bookmarks li.linkedin a{background:url(http://nahrin.nl//images/linkedin.png) no-repeat 0 0}
.social-bookmarks li.linkedin a:hover{background-color:#000}
.social-bookmarks li.twitter a{background:url(http://nahrin.nl//images/twitter.png) no-repeat 0 0}
.social-bookmarks li.twitter a:hover{background-color:#000}
.social-bookmarks li a:hover{background-position:0 0px}

/*----------- nieuws ----------- */
.calendar-date-from {
font-weight:bold;
}
.date {
font-weight:bold;
}
div#news {
	text-align:left;
	width: 90%;
}
div.news_row1 {
	border-bottom: 1px solid #333;
	padding: 10px;
	margin-bottom: 10px;
}
div.news_row2 {
	background: #252525;
	border-bottom: 1px solid #333;
	padding: 10px;
	margin-bottom: 10px;
}

.NewsSummary {
	padding: 0em 0.5em 1em;
	margin: 0 0.5em 1em 0.5em;
	border-bottom: 1px solid #252525;
}
.NewsSummaryLink {
	font-weight: bold;
	padding-top: 0.2em;
}

.NewsSummarySummary {
	line-height: 140%;
}
.NewsSummaryMorelink {
	padding-top: 0.5em;
}
#NewsPostDetailDate {
	font-size: 90%;
	margin-bottom: 5px;
	font-weight: bold;
}
#NewsPostDetailSummary {
	font-size: 130%;
	padding-bottom: 10px;
}
#NewsPostDetailCategory {
	font-style: italic;
	border-top: 1px solid #252525;
	margin-top: 0.5em;
	padding: 0.2em 0;
}
#NewsPostDetailContent {
	margin-bottom: 15px;
	line-height: 150%;
}
#NewsPostDetailTitle {
	font-size: 25px;
	font-weight:bold;
	color: #fff;
}

a.anews:link    {color:#CCC; text-decoration:none;}
a.anews:visited {color:#CCC; text-decoration:none;}
a.anews:active  {color:#CCC; text-decoration:none;}
a.anews:hover   {color:#FFF; text-decoration:none;}

/* clearing */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	height: 0;
	clear: both;
	width: 90%;
	visibility: hidden;
}
#main .clear {
	height: 0;
	clear: right;
	width: 80%;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clear {
/* Hides from IE-mac \*/
	height: 10%;
	clear: right;
	width: 90%;
/* End hide from IE-mac */
}
/* end clearing */

/* Block: Carousel  */

.list_carousel {
				width: 100%;
				margin:auto;
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {
				text-align: center;
				width: 210px;
				height: 150px;
				padding: 0;
				display: block;
				float: left;
			}
			.clearfix {
				float: none;
				clear: both;
			}
/* Stylesheet: Nahrin: Layout Modified On 2015-05-09 23:00:25 */
