body { 
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
	line-height: 175%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size:13px;
	color: rgb(52, 73, 94);}


div#background { 	
	background-image:url('./img/header.jpg');
	background-size:cover;
	position:fixed;
	z-index:-10;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;}



a.button { 
	background-color: #dc5a5d;
	display:inline-block;
	padding:30px;
	font-size:22px;
	font-weight: bold;
	color:#fff;
	text-decoration: none;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;}

h2 { 
	font-size:26px;
	font-weight:100;
	border-bottom:1px solid #ecf0f1;}

h3 { 
	font-size:20px;
	font-weight:100;
	border-bottom:1px solid #ecf0f1;
	color:#999;}

h4 { 
	font-size:16px;
	font-weight:100;
	border-bottom:1px solid #ecf0f1;
	color:#555;}

ul.listing { 
	list-style: circle;
	padding-left:40px;}

ul.submenu { 
	border: 1px solid #ecf0f1;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#ecf0f1;}

.submenu-fixed { 
	position: fixed;
	top:20px;
	width:218px;}

ul.submenu li:first-child { 	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;}

ul.submenu li:last-child { 
	border-bottom:0px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;}

ul.submenu li { 
	display:block;}

ul.submenu li a { 
	text-decoration: none;
	color: #dc5a5d;
	display:block;
	padding:10px;
	border-bottom:1px solid #ecf0f1;}

ul.submenu li:hover { 
	background:#f9f9f9;}

ul { 
	padding: 0px;
	margin: 0px;
	list-style: none;}

ul#chapters { 
	margin-top:15px;}
	
ul#chapters li { 
	display: block;
	float: left;}

ul#chapters li a { 
	display: block;
	padding: 10px;
	line-height:100%;
	color:#dc5a5d;
	text-decoration:none;
	margin-right: 3px;}

ul#chapters li a:hover, ul#chapters li a.active { 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#dc5a5d;
	color:#fff;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;}
	
ul#chapters li a.active { 
	color:#000000;
	background: #f9f9f9;
	border:1px solid rgba(52, 73, 94,0.1);}

div.row-full-width { 
	width:100%;
	overflow:auto;}

div.row-full-width-fill { 
	width:100%;
	overflow:auto;
	background:#fff;}

div.row { 
	width:940px;
	padding:10px;
	margin:0 auto;
	overflow:auto;
	text-align:left;}

div.chapter-title { 
	width:940px;
	padding:10px;
	height:125px;
	padding-top:30px;
	margin:0 auto;
	text-align:left;}

span#logo { 
	background:url('http://biedmeerwebwinkels.nl/images/bm_logo_beeldmerk.png');
	display:block;
	width:45px;
	height:62px;}

div.gutter { 
	width:20px;
	float:left;}
	
div.span1 { 
	width:60px;
	float:left;}

div.span3 { 
	width:220px;
	float:left;}

div.span9 { 
	width:700px;
	float:left;}

div.span11 { 
	width:860px;
	float:left;}


table.table { 
	width:100%;
	border-spacing:0px;}

table.table td { 
	padding:5px;}

table.table tbody tr td { 
	border-left:1px solid #ecf0f1;}

table.table tbody tr td:last-child { 
	border-right:1px solid #ecf0f1;}

table.table thead tr td:first-child { 
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;}

table.table thead tr td:last-child { 
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;}

table.table thead tr td { 
	font-weight: bold;
	background:rgb(52, 73, 94);
	color:#fff;
	border-bottom:2px solid #dc5a5d;
	padding-right:20px;}

table.table tbody tr td:first-child {
	width:190px;}

table.table tbody tr td { 
	border-bottom:1px solid #ecf0f1;}

table.table tbody tr:nth-child(odd) td {
	background:#f9f9f9;}

table.table tbody tr:last-child td { 
	border-bottom:2px solid #ecf0f1;}

span.code { 
	display:block;
	padding:10px;
	border:1px solid #ecf0f1;
	background:#f9f9f9;
	color:#777;
	font-family: monospace;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}

ul.subsubmenu { 
	display:none;}

ul.subsubmenu li  {
	display:block;}

ul.subsubmenu li a { 
	display: block;
	padding: 10px;
	padding-left:20px;
	line-height:100%;
	color:#999;
	font-style:italic;
	text-decoration:none;}

ul.subsubmenu li a:hover { 
	background:#ededed;}

.code_brace { 
	color:#3BAFED;}

.code_function {
	color:#ED3BD2;}

.code_variable { 
	color:#EDB83B;}
	
.warning {
	border: 1px solid #dc5a5d;
	padding: 4px;
	text-align: center;}
	
.warning strong {
	font-size: 14px;
	font-weight: normal;
}

.hide {
	display: none;
}
.show {
	display: block;
}
var {
	font-weight: bold;
}