@charset "UTF-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
	background-color: #e6e6e6;
	margin:0px;
}
#dfact {
	position:absolute;
	top:0px;
	left:10px;
}

#message {
	width:100%;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-image:url(../img/message_back.jpg);
	font-weight:bold;
	font-size:15px;
	color:#000000;
	behavior: url(js/PIE.htc);
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-bottom:15px;
}
#error {
	width:100%;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-image:url(../img/error_back.jpg);
	font-weight:bold;
	font-size:15px;
	color:#FFFFFF;
	behavior: url(../js/PIE.htc);
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-bottom:15px;
}
#intro {
	width:900px;
	text-align:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight:normal;
	font-size:13px;
	color:#333;
	behavior: url(../js/PIE.htc);
	padding:20px;
	background-color:#ead9ea;
	margin-bottom:20px;
}
#info {
	width:860px;
	text-align:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight:normal;
	font-size:13px;
	color:#333;
	behavior: url(../js/PIE.htc);
	padding:20px;
	background-color:#ead9ea;
	margin-bottom:20px;
}
#info h4 {
	color:#333;
	text-shadow:#FFF 0px 1px 0px;
}
#option {
	width:860px;
	text-align:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight:normal;
	font-size:13px;
	color:#333;
	behavior: url(../js/PIE.htc);
	padding:20px;
	background-color:#d9e0ea;
	margin-bottom:20px;
}
#option h4 {
	color:#333;
	text-shadow:#FFF 0px 1px 0px;
}
.maintable {
	font-size:11px;
}
#logo {
	width:980px;
	height:76px;
	margin:0 auto;
}
#head {
	width:100%;
	height:110px;
	margin-top:15px;
}
#headcontent {
	position:relative;
	width:980px;
	height:42px;
	margin:0 auto;
	background:url(../img/back_menu.png);
}
#menu {
	width:980px;
	position:absolute;
	bottom:0px;
	left:0px;
}

#main {
	min-height:10px;
	width:100%;
}
#maincontent {
	width:940px;
	margin:0 auto;
	padding:20px;
	background-color:#FFFFFF;
	min-height:10px;
}
.actionbar {
	text-align:right;
	margin-bottom:10px;
}
td.last {
	border-bottom:1px #ccc solid;
}

.iconbuttons {
	clear:both;
	min-height:55px;
	margin-top:15px;
}
.iconbuttons div {
	float:left;
	margin-left:10px;
	text-align:center;
}
.iconbuttons div a {
	text-decoration:none;
	color:#373b41;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
}

.buttons {
	clear:both;
}
.buttons div:first-child {
	-moz-border-radius: 5px 0px 0px 5px;
}
.buttons div:last-child {
	-moz-border-radius: 0px 5px 5px 0px;
	border-right:0px;
}
.button {
	display:block;
	min-width:30px;
	text-align:center;
	background: #dde0e1;
	float:left;
	margin-bottom:5px;
	margin-right:0px;
	color:#abaeb1;
	border-right:1px #abaeb1 solid;
}
.button:hover {
	color:#FFFFFF;
}
.button a {
	display:block;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 14px 10px 14px;
	color:inherit;
}


.active {
	color:#FFF;
	background: #174a8e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3568ab), to(#174a8e));
	background: -moz-linear-gradient(#3568ab, #174a8e);
	background: linear-gradient(#3568ab, #174a8e);		
}

.sub_menu {
	
}



#maincontent uul {
	list-style:circle;
	padding-left:10px;
	margin-left:10px;
	z-index:10;
}
.errorinput {
	border-color:#FF0000;
	background-color:#FFC5BF;
}
.formacties {
	width:70px;
	color:#666666;
	padding:5px;
	float:left;
	margin-right:5px;
	cursor:pointer;
	text-align:center;
	font-size:11px;
	border-left:#CCCCCC 1px dotted;
}
.formacties img {
	
}
.formbuttons {
	float:left;
}
.formbuttons input {
	height:75px;
	border:#666666 1px solid;
	color:#666666;
	padding:5px;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:20px;
	font-weight:lighter;
	text-shadow:#FFF 0px 1px 0px;
	margin:0px;
	padding:0px;
	padding-bottom:6px;
}

.lijstacties {
	width:25px;
	float:left;
	margin-left:5px;
	cursor:pointer;
}
.lijstacties img {
	cursor:pointer;
	border:0px;
}






ul									{ list-style: none; padding:0px; margin:0px; position:relative; top:0px; z-index:99}


/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; white-space:nowrap; width:100%; left:0px; background-color:#000000; text-align:left;}
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; margin-right:0px;}
ul.dropdown a:hover		            { color: #FFF; text-decoration:none }
ul.dropdown a:active                { color: #FFF; text-decoration:none }
ul.dropdown li a                    {
	display: block;
	color: #FFF;
	text-decoration:none;
	height:32px;
	background:url(../img/seperator.png);
	padding:10px 10px 0px 15px;
}
ul.dropdown li a.actief {
	background:url(../img/seperator_active.png);
}
ul.dropdown li a.actief:hover {
	background:url(../img/seperator_active.png);
}
ul.dropdown li a:hover                    {
	background:url(../img/seperator_roll.png);
}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: ; color: #FFFFFF; position: relative; }
ul.dropdown li.hover a              { color: #FFFFFF; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 25px; left: -10px; padding:10px; -moz-border-radius: 0px !important; }
ul.dropdown ul li 					{ font-weight: normal; background:url(../img/submenuu.png); color: #FFFFFF; 
									  border-bottom: 0px solid #63707e; float: none; height:30px; -moz-border-radius: 0px !important; }
ul.dropdown ul li:hover 					{background:none; -moz-border-radius: 0px !important;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; color:#bec3c7; -moz-border-radius: 0px !important; background:#000; } 
ul.dropdown ul li a:hover			{ border-right: none; width: 100%; display: inline-block; color:#FFF; background-color: ;-moz-border-radius: 0px !important; background:#000; } 
#000/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }



span.small {
	font-size:10px;
	color:#666666;
	font-style:italic;
}

#fotoupload {
	float:left;
}
.addupload {
	cursor:pointer;
}
.addupload input {
	cursor:pointer;
}
.sortable { list-style-type: none; margin: 0; padding: 0; }
.sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 156px; height: 133px; font-size: 12px; text-align: center; list-style:none; }
.sortable ul { list-style:none; }
.sortable input {z-index:9999999; }

.sorteer { list-style-type: none; margin: 0; padding: 0; }
.sorteer li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 156px; height: 133px; font-size: 12px; text-align: center; list-style:none; }
.sorteer ul { list-style:none; }
.sorteer input {z-index:9999999; }

#delete {
	width:25px;
	height:25px;
	cursor:pointer;
	white-space:nowrap;
	padding-left:4px;
	padding-top:3px;
}

#deletebigpic {
	cursor:pointer;
	white-space:nowrap;
	padding-left:4px;
	padding-top:3px;
}

#edit {
	width:25px;
	height:25px;
	cursor:pointer;
	white-space:nowrap;
	padding-left:4px;
	padding-top:3px;
}

#sprekertje {
	clear:both;
	border:#999999 1px solid;
	margin-bottom: 10px;
}
#nieuwespreker {
	cursor:pointer;
}

#adv_kopregel {
	width:100%;
	font-weight:bold;
	clear:both;
	padding:2px;
	background-color:#CCCCCC;
	height:25px;
}

#regels {
	width:100%;
	clear:both;
}

#menu_titel {
	float:left;
	width:25%;
	margin-left:10px;
}
#menu_link {
	float:left;
	width:25%;
	margin-left:10px;
}
#menu_sorteer {
	float:left;
	width:12%;
	margin-left:10px;
}
#menu_active {
	float:left;
	width:12%;
	margin-left:10px;
}
.menu_regel {
	padding:5px;
	height:20px;
}
.menu_regel input {
	border:#CCCCCC 1px solid;
	color:#666666;
	padding:2px;
	margin-top:1px;
	margin-bottom:1px;
}



#adv_naam {
	float:left;
	width:25%;
	margin-left:10px;
}
#adv_functie {
	float:left;
	width:25%;
	margin-left:10px;
}
#adv_bedrijf {
	float:left;
	width:25%;
	margin-left:10px;
}
#adv_sort {
	float:left;
	width:15%;
	margin-left:10px;
}
.adv_regel {
	padding:5px;
	height:20px;
}
.adv_regel input {
	border:#CCCCCC 1px solid;
	color:#666666;
	padding:2px;
	margin-top:1px;
	margin-bottom:1px;
}

.ja {
	font-weight:bold;
	color:#006600;
}
.nee {
	font-weight:bold;
	color:#990000;
}

.red {
	font-weight:bold;
	color:#900;
}
.green {
	font-weight:bold;
	color:#090;
}
.red2 {
	font-weight:bold;
	color:#900;
	float:right;
}
.green2 {
	font-weight:bold;
	color:#090;
	float:right;
}
.normal2 {
	font-weight:bold;
	color:#333;
	float:right;
}



.addfoto {
	cursor:pointer;
}
.addlogo {
	cursor:pointer;
}
.addgallerij {
	cursor:pointer;
}


th {
	text-align:left;
}

#flag {
	float: right;
}


/*2013*/
hr {
	border: 0;
	height:1px;
	margin:15px 0;
	background-color:#CCC;
}
label, input, select {
	display:inline-block;
	vertical-align:middle;
}
label {
	width:175px;
}
label + .inline-block {
	display:inline-block;
	width:760px;
	vertical-align:top;
}
label + .inline-block.scroll {
	height:100px;
	overflow-y:scroll;
	border:1px dashed #ccc;
}
label + .inline-block.half {
	height:100px;
	overflow-y:scroll;
	width:290px;
	margin-right:20px;
}
.inline-block.half + label {
	text-align:right;
	width:125px;
}
input[type=text], input[type=password], textarea {
	width:350px;
	clear:right;
	padding:4px;
	background-color:none;
	border:1px #CCC solid;
	margin:2px 0;
	resize:none;
	margin-right:4px;
}
input[type=text].small {
	width:175px;
}
select {
	padding:4px;
	background-color:none;
	border:1px #CCC solid;
	margin:2px 0;
}
.photo {
	padding:4px;
	border:1px solid #CCC;
	display:inline-block;
}

h3, h5 {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #CCC;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: lighter;
	color:#666;	
}
h5 {
	font-size:14px;
}




.group {
	border-radius:3px;
	border:1px solid #CCC;
	margin:4px 0;
	padding:10px;
}
.group .name {
	font-weight:bold;
}
.group .numbers {
	float:right;
}


.alert {
	border-radius:3px;
	border:1px solid #FF0000;
	margin:4px 0;
	padding:3px 10px;
	font-size:11px;
	background-color:#FFC5BF;
}
.alert .alert_text {
	font-weight:bold;
}
.alert .partner {
	float:right;
}

.output {
	border-radius:3px;
	border-bottom:1px solid #eaedef;
	margin:4px 0;
	padding:10px;
	font-size:11px;
}
.output a.button{
	float:right;
}