@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url('../plugins/fonts/robotoCondensed.woff') format('woff');
}

body {
	background-color: #DEDEDE;
	margin: 0px;
	padding: 0px;
	font-family: 'Roboto Condensed';
	font-size: 18px;
	line-height: 18px;
}

.container {
	width: 1032px;
	min-height: 1000px;
	margin: auto;
}

.pageHeader {
	width: 961px;
	height: 53px;
	margin: auto;
	margin-top: 50px;
	border-bottom: 2px solid black;
}

.logo {
	width: 366px;
	height: 53px;
	margin: auto;
}

.no_margin {
	margin: 0px;	
}

.content {
	width: 95%;
	height: 100%;
	background-color: white;
	padding: 2.5%;
	float: left;
}


.tulp {
	width: 164px;
	float: left;
	margin-right: 20px;
	border: 1px solid black;
	height: 125px;	
}

.links {
	width: 40%;
	height: 300px;
	float: left;	
	text-align: center;
}

.links_edit {
	width: 30%;
	height: 300px;
	float: left;	
	text-align: center;	
}

.rechts label {
	width: 150px;
	float: left;
}

.nieuws label {
	width: 150px;
	float: left;	
}

.nieuws div {
	margin-top: 10px;	
}

.add {
	position: relative;
	top: 3px;	
}

.kleur_2 {
	display: none;
}

.kleur_2 input {
	margin-left: 107px;	
}

.kleur_3 {
	display: none;
}

.kleur_3 input {
	margin-left: 107px;	
}

.button {
	float: left;	
}

.instellingen {
	width:375px;
	float: left;
	height: 100%;
	margin-right: 25px;
}

.instellingen table {
	width: 100%;
	float: left;
	padding: 1px !important;	
	border: 1px solid #CCC;
}

.instellingen th {
	background-color: #E9E9E9;
	padding: 10px;
}

.instellingen td {
	padding: 15px;
	border-bottom: 1px solid #CCC;
}

.tulpen {
	width: 100%;
	float: left;
	border: 1px solid #CCC;
}

.nieuws_overzicht {
	width: 50%;
	margin: auto;
	border: 1px solid #CCC;
}

table {
	border-spacing: 0px;	
}

.tulpen th, .nieuws_overzicht th {
	text-align: center;	
}

.highlight {
	background-color: #D4D8FF;
}

.lowlight {
}

.login_box {
	margin: auto;
	margin-top: 125px;
	background-color: #E4E4E4;
	width: 500px;
	height: 250px;
	border: 1px solid black;	
}

.login_box h1 {
	text-align: center;	
}

.login_box h2 {
	text-align: center;
	font-weight: 100;	
}

.login_box label{
	width: 100px;
	float: left;	
}

.login_form {
	margin: auto;
	margin-top: 40px;
	width: 240px;
}

.submitter {
	margin-left: 100px;	
}

.login_box p {
	margin-left: 100px;
	margin-top: 0px;
	padding-top: 0px;
	color: #F00;	
}

.tulpen table {
	width: 100%;	
}

.nieuws_overzicht table {
	width: 100%;
	margin: auto;	
}

.onder {
	float: left;
	width: 95%;	
}

.border_beschrijving {
	border: 1px solid black;	
}

.slider_config {
	float: left;	
}
.slider_config table {
	width: 100%;
	text-align: center;	
	border: 1px solid #CCC;
	margin-bottom: 25px;
}

.slider_config td {
	width: 30%;	
	padding: 15px;
	border-bottom: 1px solid #CCC;
}

.slider_config th {
	background-color: #E9E9E9;
	padding: 10px;
}

.centerize {
	height: 100%;
	width: 575px;
	margin: auto;
}

.centerize_instellingen {
	height: 100%;
	width: 800px;
	margin: auto;
}

.link {
	text-decoration: none;
	color: black;
}

.inactive_link {
	text-decoration: none;
	color: #666;
}

.media_preview {
	margin-left: 10px;
	margin-bottom: 5px;	
}

.url {
	border: 1px solid #898989;
}

.copy {
	padding: 10px;
	border: 2px solid #CCC;	
	margin: 10px 0px;
	float: left;
	margin-right: 70%;
}

.mediabibliotheek {
	float: left;	
}

.mediabibliotheek hr {
	width: 935px;
}

.hide {
	border: 2px solid #CCC;
	float: left;
	width: 300px;
	text-align: center;
}

.loader {
	display: none;
}

.sidebar {
	float: left;
	width: 51px;
	height: 100%;
	margin-top: 50px;
	cursor: pointer;
}

.sidebar img {
	float: left;
	margin-bottom: 2px;
}

.page {
	float: left;
	background-color: white;
	width: 981px;
	height: 100%;
	min-height: 1080px;
}

.toggleBox {
	width: 70px;
	height: 20px;
	float: left;
	background-color: #EEEEEE;
	border: 2px solid #999999;
	color: #999999;
}

.innerToggle {
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bolder;
	font-size: 14px;
	float: left;
	margin-left: 10px;
	margin-top: 1px;
}

.toggleStatus {
	width: 10px;
	height: 10px;
	float: right;
	margin-top: 3px;
	margin-right: 3px;
	border: 2px solid #999999;
}

.aan .toggleStatus {
	background-color: #49E375;
}

.uit .toggleStatus {
	background-color: #DE5959;
}

.costumers {
	width: 100%;
	border: 1px solid #CCC;
	float: left;
}

.costumers td {
	height: 20px;
}