#footer_toolbox_toggle {
    position: fixed;
    height: 4rem;
    bottom: 0rem;
    width: 100%;
	border-top:3px solid #aaa;
	background-color:#eee;
	padding:1rem !important;
}

nav .active, nav .active * {
	font-weight:bold;
}

#footer_toolbox {
	margin-bottom:4rem !important;
}

.nav-tabs, .nav-tabs * {
	color:#333 !important;
}	

.nav-tabs, .nav-tabs .active * {
	color:#f4bb30 !important;
}	

.btn, .btn * {
	font-weight:bold;
}

main  {
	margin-top:6rem !important;
}

/* Apply to all columns */
.col_fixed_height_12, .col_fixed_height_16 {
	/*box-shadow:2px 2px 12px #999;
	border-radius:4px;*/
	padding:1rem;
}

.col_fixed_height_12 {
	height:12rem;
}

.col_fixed_height_16 {
	height:16rem;
}

.taak_voltooid, .taak_voltooid * {
	text-decoration: line-through;
}

/* kleine schermen */
@media only screen and (max-width: 720px) 
{
	.alert, .alert * {
		font-size:0.8rem !important;
	}
	
	.col_fixed_height_12, .col_fixed_height_16 {
		height:auto !important;
	}	
	
	.alert, .alert * {
		font-size:0.64rem !important;
	}

}

@media only screen and (max-width: 1024px) 
{
	#header {
		background-image: linear-gradient(to bottom right, #ffe7cc, #ffd044) !important;
	}
}

.alert, .alert *, .alert a, .alert a * {
	color:#333 !important;
}


#header_top 
{
	background-image: linear-gradient(to bottom right, #ffe7cc, #ffd044) !important;
}


/* Css voor iframe voorbeeld */
.wramp {
	width: 750px;
	max-width:100%;
	padding: 0;
	overflow: hidden;
}

.scaled_down {
	width: 1000px;
	height: 2000px;
	border: 0px;
}

.scaled_down {
	zoom: 0.5;
	-moz-transform: scale(0.5);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.5);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.5);
	-webkit-transform-origin: 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

.scaled_down {
  zoom: 1;
}

}

.scaled_down {
   display:block;
}


/* default; deze style toepassen */
body {
	table, table * {
		border:4px dashed red;
	}
}

/* zo niet; klein scherm? => deze style-override toepassen! */
@media only screen and (max-width: 1024px) {
	body {
	}
	
	table, table * {
		/*border:2px dashed lime;
		background:#333 !important;*/
		font-size:0.6rem !important;
	}
	
	.btn, .btn * {
		font-size:0.6rem !important;
	}

}