/*====================================*/
/*============== SINOXI ==============*/
/*====================================*/

html,body {
	font-family:verdana,arial,sans-serif;
	font-size:9px;
	color:#333;
	padding:0px;
}

html {
	width:100%;
	height:100%;
	margin:0px;
	background:#fff;
}

body {
	margin:0px auto;
	padding:10px;
}

h1 {
	margin-top: 0px;
	padding:0px;
}

#topmenu {
	float:right;
	text-align:left;
}

	#topmenu a,#bottommenu a {
		color:#888;
		text-decoration:none;
		height:32px;
		line-height:32px;
	}
	
		#topmenu a:hover, #bottommenu a:hover {
			text-decoration:underline;
		}
		
	#topmenu a {
		margin-left:10px;
	}
		
#mainWrapper {
	background:#fff;
	clear:both;
	margin-bottom:10px;	
	border:1px solid #ddd;
}

#logo {
	text-align:center;
}

#siteTitle {
	background:#1F2547;
	margin:0px;
	padding:0px;
	text-align:center;
	color:#fff;
}

#tabs {
	overflow:auto;
}

#mainmenu {
	height:25px;
	padding-top:30px;
	padding-left:20px;
	border-bottom:8px solid #E1EDDB;
}

	#mainmenu a {
		
		font-weight:bold;
		text-decoration:none;
		display:block;
		float:left;
		padding:3px 8px;
	}
	
		#mainmenu a:hover {
			color:#333;
		}
		
#breadCrumbs {
	margin:4px 0px 20px 20px;
}

	#breadCrumbs a {
		color:#009;
		text-decoration:none;
	}
		
#subNav {
	width:230px;
	float:left;
}
		
#content {
	padding:0px 0px;
	float:left;
	margin-bottom:20px;
	width:100%;
	text-align:center;
	line-height:19px;
}

#tabs .ui-tabs-panel {
	padding: 1em 0 !important;
	overflow: auto;
}

#blok {
	clear:both;
	display:block;
	margin:30px auto 0px;
}
/* =========== Box with feadback ====================*/
.repeatbox {
	width:95%;
	border: 1px solid #ff0000;
	background: #FFF0F0;
	margin: 0px auto 17px;
	color: #555;
	overflow: hidden;
	font-weight: normal;
}

#repeatbox {
	display:none;
}

.repeatbox, .okbox {
	padding: 8px;
}

.okbox {
	width:95%;
	border: 1px solid #85c703;
	background: #f2fddb;
	margin: 0px auto 17px;
	color: #555; 
	overflow: hidden;
	font-weight: normal;
	list-style: none;
}

.repeatbox h3 {
	margin-bottom: 20px;
	color: #555555;
}

.okbox h3 {
	margin-bottom: 5px;
	color: #555555;
	margin-top:0px;
}  

.repeatbox li {
	font-size: 11px;
	color: #555;
}

/*=============================================*/

#telraam #content {
	width:100%;
}

#telraam .ui-tabs {
	border:0px;
	padding:0px;
}

.klantenTabel {
	width:100%;
}

	.klantenTabel th {
		background:#5CD65C;
		font-weight:bold;
		color:#fff;
		padding:4px;
		border-right:1px solid #E6E6E6;
	}
	
	.klantenTabel td {
		padding:3px;
		border-right:1px solid #E6E6E6;
		border-bottom:1px solid #E6E6E6;
	}
	
	.klantenTabel .odd td {
		background:#E6F0FA;
	}
	
#telraam,#cvbTabel,.window {
	width: 100%;
}

	#telraam th, #cvbTabel th, .window th, .telraam_table th {
		background:#4E7EB1;
		font-weight:bold;
		color:#fff;
		padding:4px;
		border-right:1px solid #E6E6E6;
		text-align:center;
	}
	
	#telraam td, #cvbTabel td, .window td, .telraam_table td {
		padding:2px;
		border-right:1px solid #E6E6E6;
		border-bottom:1px solid #E6E6E6;
		text-align:left;
	}
	
	#telraam .odd td, #cvbTabel .odd td, .window .odd td, .telraam_table .odd td {
		background:#E6F0FA;
	}
	
	#telraam .verhouding {
		width:40px;
	}
	
	#telraam .bottomline, .window .bottomline {
		border-bottom:2px solid #000;
	}
	
.right {
	text-align:right;
	width:250px;
}

.left {
	text-align:left;
}
.float_right {
	float:right;
}

.float_left {
	float:left;
}

.startTelraam {
	border:1px solid #000;
	padding:6px;
	background: #cfc;
}

.klantenTabel {
	text-align:left
}

.selected {
	background:#E6F0FA;
}

#telraam {
	text-align:left;
	clear:both;
}

.weegfactoren {
	display:none;
}

.invoer .DS,.invoer .RAS,.invoer .RE,.invoer .RVET,.invoer .RC,.invoer .SUI,
.invoer .NDF,.invoer .ADF,.invoer .ADL,.invoer .VEM,.invoer .VOS,.invoer .FOS,
.invoer .DVE,.invoer .OEB,.invoer .SW,.invoer .BZET,.invoer .OZET {
	width: 40px;
	text-align:left;
}

.invoer .TYPE {
	width:75px;
}


.cvb_type {
	width:75px;
}

.invoer .voedermiddelen {
	text-align:left;
}

	.invoer .voedermiddelen .id {
		width:20px;
	}

input.nummer {
	width:40px;
}

.hidden {
	display:none;
}

.rantsoen_invoer {
	width:445px;
	margin:10px 20px 10px 0px;
	float:left;
}

	.rantsoen_invoer .header {
		background:#4E7EB1;
		font-weight:bold;
		color:#fff;
		padding:4px;
		overflow:auto;
	}
		
		.rantsoen_invoer .header a {
			color:#fff;
			text-decoration:none;
		}
		
		.rantsoen_invoer .header .showHide {
			float:left;
		}
		
		.rantsoen_invoer .header .info {
			float:right;
		}
		
		.rantsoen_invoer .secondLabel {
			width:50px;
		}
		
	.rantsoen_invoer .inner {
		padding-left:10px;
	}
	
.productie_invoer {
	width:250px;
	float:left;
	margin:10px 0px;
}

	.productie_invoer .header {
		background:#4E7EB1;
		font-weight:bold;
		color:#fff;
		padding:4px;
		overflow:auto;
		text-align:left;
	}
		
		.productie_invoer .header a {
			color:#fff;
			text-decoration:none;
		}
		
		.productie_invoer .labels {
			text-align:right;
		}
		
		.productie_invoer .eenheid {
			text-align:left;
		}
		
#options {
	display:none;
}

#maak_groep {
	width:300px;
	text-align:left;
	margin:0px auto;
	border-left:1px solid #E6E6E6;
}

.center {
	text-align:center;
}

.overig {
	width:200px;
	height:100px;
}

#nieuw_account input[type=text],#nieuw_account input[type=password] {
	width:200px;
}

.top {
	vertical-align:top;
}

.contentTabTd:hover {
	cursor:pointer;
}

.klanten .right {
	width: 133px;
}

.weegfactor_input {
	width:37px;
}

.sendmail {
	background:#E6F0FA;
	padding:2px;
	display:block;
	margin:5px auto;
	width:59px;
	border:1px solid #ddd;
}

.login_inputs td {
	padding:2px;
}

.login_table {
	border:2px solid #1F2547;
}

.weegfactor_value {
	min-width: 34px;
}

.groepen {
	margin-left:6px;
}

.klant_gegevens {
	margin-right:6px;
	line-height:11px
}

#telraamFrameTop {
	position:relative;
	overflow:hidden;
}

	#telraamFrameTop .groepen {
		/*position:absolute;
		bottom:0px;*/
	}
	
.inner td.grey_tekst input {
	color:#888888;
}

#telraam .voedermiddel {
	text-align:left;
}

.selectMiddel {
 	width:100%;
}

.naam, .cvb_naam {
	width:240px;
}

.emailForm {
	width:400px;
	margin:0px auto;
}

	.emailForm table {
		text-align:left;
	}

		.emailForm table td {
			vertical-align: top;
		}

		.emailForm label input {
			display:none;
		}

		.emailForm label.checked {
			background-color:#85c703;
			color:#fff;
		}

	.emailForm label {
		padding: 4px 8px;
		width: 66px;
		float: left;
		text-align: center;
		border: 1px solid #ddd;
		margin: 0px 6px 6px 0px;
	}

	.emailForm textarea {
		border:1px solid #ddd;
		width:324px;
		height:150px;
		display:none;
	}

	.emailForm .sendEmail {
		text-decoration: none;
		text-align:center;
		background: #4E7EB1;
		color:#fff;
		font-weight:bold;
	}

.productie_invoer.categorie_totalen {
	width:150px;
	margin-left:15px;
}

.categorie_totalen table {
	width:100%;
}

.categorie_totalen .label {
	text-align: right;
}

.categorie_totalen .bedrag {
	text-align: right;
}