@import url(http://fonts.googleapis.com/css?family=Armata);

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { background: url('../layout-img/body-bg-2.jpg') repeat; font-family: 'Armata', sans-serif; font-size: 12px; line-height: 20px; color: #333; }
input, select, textarea { font-family: 'Armata', sans-serif;font-size: 12px; }
img { border: 0px; display: block; }
a, input { outline: none; }
a[href], input[type='submit'], label[for], select { cursor:pointer; }
.movead { cursor:move; margin-left: 15px; }
table { color:#333; }
table .tableView td { padding: 5px; }
hr { color:#FF0000; border:none; border-top:1px dotted #999; height:1px; }
span .status { width: 30px; }
div.BrowserCheck { width:100%; height: 15px; text-align:center; margin-top: 15px; }
div.BrowserCheck p { color:#FFF; text-transform: uppercase; letter-spacing:1px; font-size:10px; text-decoration:underline; }
h3.subtitle { font-size:12px; color: #EE7406; }

input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label {
    color:#333;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
	margin-left: 5px;
    vertical-align:middle;
    background:url('../layout-img/checkbox-radiobutton_2.png') left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url('../layout-img/checkbox-radiobutton_2.png') -21px top no-repeat;
}

/* SCRIPT MESSAGES  ffeded*/
.messagebox {width: 100%; text-align: center; font-size: 12px; font-weight: bold; background-color:#DFF2BF; color:#49691F; padding:5px; height: 20px; margin-bottom: 10px; border-radius: 3px; border-color:#4F8A10;border-style:solid;border-width:thin; }
.errorBox {width: 100%; text-align: center; font-size: 12px; font-weight: bold; background-color:#FF8282; color:#910000; padding:5px; height: 20px; margin-bottom: 10px; border-radius: 3px; border-color:#910000;border-style:solid;border-width:thin; }
.trueresult {width: 100%; text-align: center; font-size: 12px; font-weight: bold; background-color:#DFF2BF; color:#49691F; padding:5px; height: 20px; margin-bottom: 10px; border-radius: 3px; border-color:#4F8A10;border-style:solid;border-width:thin; display: none; }
.falseresult {width: 100%; text-align: center; font-size: 12px; font-weight: bold; background-color:#FF8282; color:#910000; padding:5px; height: 20px; margin-bottom: 10px; border-radius: 3px; border-color:#910000;border-style:solid;border-width:thin; display: none; }

.hulpBox { width: 100%; background-color:#BDE5F8; padding:0px; height: auto; margin-bottom: 10px; border-radius: 3px; border-color:#00529B;border-style:solid;border-width:thin; margin-top: 25px; }
.hulpBox h2 { padding: 5px; color:#00529B !important; font-size:14px !important; }
.hulpBox p { padding: 5px; color:#00529B; font-size: 12px; font-weight: normal; }


/* ### form fields ### */
div.loginfield input[type='text'], input[type='password'] {width:	230px;padding:	5px;background: #FFF;border-radius: 3px; border-color:#C1C1C1;border-style:solid;border-width:thin;font-family: "Verdana", Arial, Helvetica, sans-serif;font-size:11px;color:#333;}
div.loginfield input[type='text']:focus, input[type='password']:focus {width:	230px;padding:5px;background: #FFF;border-radius: 3px; -moz-box-shadow: 0px 0px 7px #FCBB81; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 7px #FCBB81; /*Safari/Chrome */box-shadow: 0px 0px 7px #FCBB81; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#FCBB81')";border-color:#f7941e;border-style:solid;border-width:thin;font-family: "Verdana", Arial, Helvetica, sans-serif;font-size:11px;color:#333;}

select { width:	160px;padding:3px;border-color:#ababab;border-style:solid;border-width:thin;font-family: "Verdana", Arial, Helvetica, sans-serif;font-size:11px;color:#838383;margin-left: 5px;}
div.login input[type='submit'] { width: 100px;height: 30px;background-color: #f7941e;padding: 3px;border-color: #ababab;border-style: solid;border-width: thin;font-size: 11px;color: #FFF; border-radius: 3px;}
div.login input[type='submit']:hover {background-color: #A09F9F;color: #FFF;}
div.vergeten input[type='submit'] { width: 140px;height: 30px;background-color: #E6E6E6;padding: 3px;border-color: #ababab;border-style: solid;border-width: thin;font-size: 11px;color: #333; border-radius: 3px;}
div.vergeten input[type='submit']:hover {background-color: #A09F9F;color: #FFF;}
div.passwordreset input[type='submit'] { width: 155px;height: 30px;background-color: #f7941e;padding: 3px;border-color: #ababab;border-style: solid;border-width: thin;font-size: 11px;color: #FFF; border-radius: 3px;}
div.passwordreset input[type='submit']:hover {background-color: #A09F9F;color: #FFF;}
div.login2nd input[type='submit'] { width: 155px;height: 30px;background-color: #E6E6E6;padding: 3px;border-color: #ababab;border-style: solid;border-width: thin;font-size: 11px;color: #333; border-radius: 3px;}
div.login2nd input[type='submit']:hover {background-color: #A09F9F;color: #FFF;}

div.edittopBox input[type='text'] { margin-left: 5px; width:350px;padding:5px;background: #FFF;border-radius: 3px; border-color:#C1C1C1;border-style:solid;border-width:thin;font-family: "Verdana", Arial, Helvetica, sans-serif;font-size:11px;color:#333; }
div.edittopBox input[type='text']:focus, input[type='password']:focus { -moz-box-shadow: 0px 0px 7px #FCBB81; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 7px #FCBB81; /*Safari/Chrome */box-shadow: 0px 0px 7px #FCBB81; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#FCBB81')";border-color:#f7941e;}
div.edittopBox input[type='text'].disabled {color:#999;}
div.edittopBox select { width:125px;padding:5px;background: #FFF;border-radius: 3px; border-color:#C1C1C1;border-style:solid;border-width:thin;font-family: "Verdana", Arial, Helvetica, sans-serif;font-size:11px;color:#333; }
div.edittopBox select.koppelen { width:225px;padding:5px;background: #FFF;border-radius: 3px; border-color:#C1C1C1;border-style:solid;border-width:thin;font-family: "Verdana", Arial, Helvetica, sans-serif;font-size:11px;color:#333; }
div.edittopBox textarea { margin-left: 5px; width:350px; height: 50px;line-height: 18px;padding:5px;background: #FFF;border-radius: 3px; border-color:#C1C1C1;border-style:solid;border-width:thin;font-family: "Verdana", Arial, Helvetica, sans-serif;font-size:11px;color:#333; }
div.edittopBox td.DateSelect input[type='text']{ float: left;width:290px;}
div.edittopBox td.DateSelect img { float: left; margin: 5px 0 0 10px; }

div.CompBox input[type='text'] { width:225px;padding:5px;background: #FFF;border-radius: 3px; border-color:#C1C1C1;border-style:solid;border-width:thin;font-family: "Verdana", Arial, Helvetica, sans-serif;font-size:11px;color:#333; }
div.CompBox input[type='text']:focus { -moz-box-shadow: 0px 0px 7px #FCBB81; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 7px #FCBB81; /*Safari/Chrome */box-shadow: 0px 0px 7px #FCBB81; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#FCBB81')";border-color:#f7941e;}
div.CompBox input[type='text'].PostcodeBox { width:60px !important; margin-top: 5px; }
div.CompBox input[type='text'].WoonplaatsBox { width:137px !important; margin-top: 5px; }

/* ### page edit propeties ### */
.edittopBox { width: 100%; max-width: 964px; min-height:300px;height: auto; margin-bottom: 25px; padding: 10px; border-radius: 3px; border-color: #999; border-style: solid; border-width: thin; -moz-box-shadow: 1px 1px 1px #666; /* Firefox/Mozilla */ -webkit-box-shadow:  1px 1px 1px #666; /*Safari/Chrome */box-shadow: 1px 1px 1px #666; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#666')"; }
.edittopBox.small { width: 100%; max-width: 964px; min-height:100px;height:auto; }
 .inhoudBox { float: left; }
 .vlagBox { float: left; margin: 4px 0 0 10px; }
.editcontentBox { width: 100%; max-width: 964px; height: auto; margin-bottom: 25px; padding: 10px; border-radius: 3px; border-color: #999; border-style: solid; border-width: thin; -moz-box-shadow: 1px 1px 1px #666; /* Firefox/Mozilla */ -webkit-box-shadow:  1px 1px 1px #666; /*Safari/Chrome */box-shadow: 1px 1px 1px #666; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#666')"; }
.editcontentBox textarea { height:600px; }

/* instellingen eigenschappen */
.CompPakketBox { width: 100%; height: auto; }
 .CompBox { float: left; width: 50%; min-height: 375px; border-color: #999; border-style: solid; border-width: thin; border-radius: 5px; -moz-box-shadow: 1px 1px 1px #666; /* Firefox/Mozilla */ -webkit-box-shadow:  1px 1px 1px #666; /*Safari/Chrome */box-shadow: 1px 1px 1px #666; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#666')"; }
 .CompBox h3 { padding: 10px; color:#EE7406; }
 .CompBox p { padding: 10px; width: 425px; } 
 .PakketBox { margin-left:25px; float: left; height: 375px; border-color: #999; border-style: solid; border-width: thin; border-radius: 5px; -moz-box-shadow: 1px 1px 1px #666; /* Firefox/Mozilla */ -webkit-box-shadow:  1px 1px 1px #666; /*Safari/Chrome */box-shadow: 1px 1px 1px #666; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#666')"; }
 .PakketBox h3 { padding: 10px; color:#EE7406; }
 .PakketBox p { padding: 10px; width: 425px; }
 div.PakketBox input[type='password'] { margin-left: 5px; width:150px;padding:5px;background: #FFF;border-radius: 3px; border-color:#C1C1C1;border-style:solid;border-width:thin;font-family: "Verdana", Arial, Helvetica, sans-serif;font-size:11px;color:#333; }
 div.PakketBox input[type='password']:focus { -moz-box-shadow: 0px 0px 7px #FCBB81; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 7px #FCBB81; /*Safari/Chrome */box-shadow: 0px 0px 7px #FCBB81; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#FCBB81')";border-color:#f7941e;}
 

/* ### draggMenuPosition ### */
.draggProjectPosition ul { list-style: none; padding-top:5px;}
.draggProjectPosition li { height: 60px;margin-bottom:20px; }
.draggProjectPosition li table { width: 100%; border-color: #999; border-style: solid; border-width: thin; background:#E1E1E1; }
.draggProjectPosition li tr { height: 35px; }
.draggProjectPosition li td { padding:5px; }
.draggProjectPosition li td.MenuTitel { width: 60%;  border-style: solid; border-width: thin; background: #EE7406; margin: 10px; padding: 7px; border-radius: 3px; border-color: #FFF; border-style: solid; border-width: thin;-moz-box-shadow: 0px 0px 5px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 5px #333; /*Safari/Chrome */box-shadow: 0px 0px 5px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')";  }
.draggProjectPosition li td.EditMenuBox { padding-left: 25px; width: 75%; }
.draggProjectPosition li span { font-weight: bold; color: #FFF; }

.draggProjCatPosition ul { list-style: none; padding-top:5px;}
.draggProjCatPosition li { height: 30px;margin-bottom:15px; }
.draggProjCatPosition li table { width: 100%; border-color: #999; border-style: solid; border-width: thin; background:#E1E1E1; }
.draggProjCatPosition li tr { height: 35px; }
.draggProjCatPosition li td { padding:5px; }
.draggProjCatPosition li td.MenuTitel { width: 60%;  border-style: solid; border-width: thin; background: #EE7406; margin: 10px; padding: 7px; border-radius: 3px; border-color: #FFF; border-style: solid; border-width: thin;-moz-box-shadow: 0px 0px 5px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 5px #333; /*Safari/Chrome */box-shadow: 0px 0px 5px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')";  }
.draggProjCatPosition li td.EditMenuBox { padding-left: 25px; width: 75%; }
.draggProjCatPosition li span { font-weight: bold; color: #FFF; }

.draggSlidePosition ul { list-style: none; padding-top:5px;}
.draggSlidePosition li { height: 75px;margin-bottom:20px; }
.draggSlidePosition li table { width: 100%; border-color: #999; border-style: solid; border-width: thin; background:#E1E1E1; }
.draggSlidePosition li tr { height: 35px; }
.draggSlidePosition li td { padding:5px; }
.draggSlidePosition li td.MenuTitel { width: 60%;  border-style: solid; border-width: thin; background: #EE7406; margin: 10px; padding: 7px; border-radius: 3px; border-color: #FFF; border-style: solid; border-width: thin;-moz-box-shadow: 0px 0px 5px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 5px #333; /*Safari/Chrome */box-shadow: 0px 0px 5px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')";  }
.draggSlidePosition li td.EditMenuBox { padding-left: 25px; width: 75%; }
.draggSlidePosition li span { font-weight: bold; color: #FFF; }

.draggMenuPosition ul { list-style: none; padding-top: 25px;}
.draggMenuPosition li { height: 75px; }
.draggMenuPosition li table { width: 50%; border-color: #999; border-style: solid; border-width: thin; padding: 10px; border-radius: 3px; background:#E1E1E1; }
.draggMenuPosition li tr { height: 35px; }
.draggMenuPosition li td.MenuTitel { width: 60%;  border-style: solid; border-width: thin; background: #EE7406; margin: 10px; padding: 7px; border-radius: 3px; border-color: #FFF; border-style: solid; border-width: thin;-moz-box-shadow: 0px 0px 5px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 5px #333; /*Safari/Chrome */box-shadow: 0px 0px 5px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')";  }
.draggMenuPosition li td.EditMenuBox { padding-left: 25px; width: 75%; }
.draggMenuPosition li span { font-weight: bold; color: #FFF; }

.draggSubMenuPosition ul { list-style: none;}
.draggSubMenuPosition li { height: 50px; background: #FFF; }
.draggSubMenuPosition li table { width: 100%; border-color: #999; border-style: solid; border-width: thin; padding: 5px; border-radius: 3px; }
.draggSubMenuPosition li tr { height: 20px; }
.draggSubMenuPosition li td.MenuTitel { width: 60%;  border-style: solid; border-width: thin; background: #EE7406; margin: 5px; padding: 2px; border-radius: 3px; border-color: #FFF; border-style: solid; border-width: thin;-moz-box-shadow: 0px 0px 5px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 5px #333; /*Safari/Chrome */box-shadow: 0px 0px 5px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')";  }
.draggSubMenuPosition li td.EditMenuBox { padding-left: 25px; width: 50%; }
.draggSubMenuPosition li span { font-weight: bold; color: #FFF; }

.result { border-radius: 10px 10px 10px 10px; padding: 10px 0 10px 0; margin-bottom: 5px; border-color: #CECECE; border-style: solid; border-width: thin; width: 50%; font-size: 12px; color: #F00; font-weight:bold; }

/* ### global classes ### */
.clear { clear: both; height: 1px; }

.EditButton { float: left; margin-right: 10px; background: #EE7406; border: solid 1px #FFF; padding: 3px; color: #FFF; font-size: 10px; font-weight:bold; text-transform: uppercase; letter-spacing:1px; -moz-box-shadow: 0px 0px 3px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 3px #333; /*Safari/Chrome */box-shadow: 0px 0px 3px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')"; border-radius: 3px; }
.EditButton:hover  { background: #666; }

.EditButton2 { float: right; background: #EE7406; border: solid 1px #FFF; padding: 3px; color: #FFF; font-size: 10px; font-weight:bold; text-transform: uppercase; letter-spacing:1px; -moz-box-shadow: 0px 0px 3px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 3px #333; /*Safari/Chrome */box-shadow: 0px 0px 3px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')"; border-radius: 3px; }
.EditButton2:hover  { background: #666; }

.EditButtonGrijs { float: left; margin-right: 10px; background: #666; border: solid 1px #FFF; padding: 3px; color: #FFF; font-size: 10px; font-weight:bold; text-transform: uppercase; letter-spacing:1px; -moz-box-shadow: 0px 0px 3px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 3px #333; /*Safari/Chrome */box-shadow: 0px 0px 3px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')"; border-radius: 3px; }
.EditButtonGrijs:hover  { background: #EE7406; color: #FFF; }

.EditMenuButton { float: left; margin-right: 10px; background: #666; border: solid 1px #FFF; padding: 3px; color: #FFF; font-size: 10px; font-weight:bold; text-transform: uppercase; letter-spacing:1px; -moz-box-shadow: 0px 0px 3px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 3px #333; /*Safari/Chrome */box-shadow: 0px 0px 3px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')"; border-radius: 3px; }
.EditMenuButton:hover  { background: #EE7406; }

.AddsubButton { background: #999; border: solid 1px #FFF; padding: 5px; color: #FFF; font-size: 10px; font-weight:bold; text-transform: uppercase; letter-spacing:1px; -moz-box-shadow: 0px 0px 3px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 3px #333; /*Safari/Chrome */box-shadow: 0px 0px 3px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')"; border-radius: 3px;margin-bottom:7px; }
.AddsubButton:hover  { background: #EE7406; }

.OpslaanButton { background: #EE7406; border: solid 1px #FFF; padding: 5px; color: #FFF; font-size: 12px; font-weight:bold; text-transform: uppercase; letter-spacing:1px; -moz-box-shadow: 0px 0px 3px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 3px #333; /*Safari/Chrome */box-shadow: 0px 0px 3px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')"; border-radius: 3px; }
.OpslaanButton:hover  { background: #666; }

.button { border: 1px solid #000000; background: #444444; color: #FFFFFF; font-size: 12px; letter-spacing: 2px; }
.button:hover { border: 1px solid #222222; background: #FF9900; }
.activebutton { border: 1px solid #000000;background: #FF2200; color: #FFFFFF; font-size: 12px; letter-spacing: 2px;}
	
#TopMenu a:link    {color: #FF9900; font-weight: bolder; font-size: 10px; text-decoration: none; }
#TopMenu a:visited {color: #FF9900; font-weight: bolder; font-size: 10px; text-decoration: none; }
#TopMenu a:active  {color: #FF9900; font-weight: bolder; font-size: 10px; text-decoration: none;}
#TopMenu a:hover   {color: #FFFFFF; font-weight: bolder; font-size: 10px; text-decoration: none;} 


/* DIV EIGENSCHAPPEN LOGIN */
#LoginBox1Cntr{ background-color: #FFF;margin: 0 auto; width:600px; min-height: 150px;height: auto;margin-top: 25px;border-radius: 5px 5px 0 0; -moz-box-shadow: 0px 0px 12px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 12px #333; /*Safari/Chrome */box-shadow: 0px 0px 12px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')";}
 #LoginBox1Cntr h3 { text-align: center; padding: 15px; color: #C1C1C1; font-weight:normal; }
 #LoginBox1Cntr img { margin: 0 auto; padding: 15px; width: 100%; max-width: 350px; height: auto; }

#LoginBox2Cntr{ background-color: #FFF;margin: 0 auto;width:600px; min-height: 150px;height: auto;margin-top: 10px;border-radius: 0 0 5px 5px; border-style: none; border-color: #C1C1C1; -moz-box-shadow: 0px 0px 12px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 12px #333; /*Safari/Chrome */box-shadow: 0px 0px 12px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')";}
 #LoginBox2Cntr .LoginMsg { position: relative; background: #FB9940; width: 100%; height: 30px; }
 #LoginBox2Cntr .LoginMsg p { text-align: center; color: #FFF; text-transform: uppercase; font-size:11px; font-weight: normal; padding-top: 8px; letter-spacing:1px; }
 #LoginBox2Cntr .LoginMsg strong { color:#900; }
 #LoginBox2Cntr .LoginBox2 { margin: 0 auto; padding: 15px;  }
 #LoginBox2Cntr h3 { text-align: center; font-size: 12px; margin-bottom: 20px; }
 #LoginBox2Cntr p { text-align: center; font-size: 11px; margin-bottom: 20px; font-weight:normal; }
 #LoginBox2Cntr table { margin: 0 auto; width: 65%; }
 #LoginBox2Cntr td { padding: 3px; vertical-align:top; }
 #LoginBox2Cntr td .vergeten { float: right; margin-right: 15px; }
 #LoginBox2Cntr td .login { float: right; margin-right: 15px; }
 #LoginBox2Cntr td .passwordreset { float: right; margin-right: 17px; }
 #LoginBox2Cntr td .login2nd { float: right; margin-right: 15px; }

/* DIV DESIGN EIGENSCHAPPEN CMS */
#topCntr { position: relative; width: 100%; height: 75px; border-bottom-color:#FFF; border-bottom-style:dotted; border-bottom-width:1px; -moz-box-shadow: 0px 0px 7px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 7px #333; /*Safari/Chrome */box-shadow: 0px 0px 7px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')"; background: #333; /* Old browsers */
    background: -moz-linear-gradient(top, #444 0%, #222 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#222)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #444 0%,#222 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #444 0%,#222 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #444 0%,#222 100%); /* IE10+ */
    background: linear-gradient(to bottom, #444 0%,#222 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444', endColorstr='#222',GradientType=0 ); /* IE6-9 */ z-index: 100; }
 #topCntr .topBox { margin: 0 auto; width: 100%; max-width: 1024px; color: #999; text-transform: uppercase; font-weight: normal; letter-spacing:1px; }
  .topBox .logoBox { float:left; padding-top: 7px; width: 100%; max-width: 124px; }
   .topBox .logoBox img { width: 100%; max-width: 90px; height: auto;  }
  .topBox .efsBox { float:left; padding-top: 30px; width: 100%; max-width: 300px; font-size:14px; }
  .topBox .datumBox { float: left; text-align: right; padding-top: 30px; width: 100%; max-width: 250px; font-size:12px; }
  .topBox .ingelogdBox { float: left; text-align: right; padding-top: 30px; width: 100%; max-width: 350px; font-size:12px; }
   .ingelogdBox a { padding-left: 5px; padding-right: 5px; color: #FFF; text-decoration:none; font-size: 10px; }
   .ingelogdBox a:hover { color: #EE7406; }

#menuCntr { position: relative; width: 100%; height: auto; z-index: 99; margin-bottom: 20px; }
 #menuCntr .menuBox { margin: 0 auto; width: 100%; max-width: 1024px; height: 75px; color: #999; -moz-box-shadow: 0px 0px 7px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 7px #333; /*Safari/Chrome */box-shadow: 0px 0px 7px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')"; border-radius: 0 0 5px 5px; background: #E6E6E6; /* Old browsers */
    background: -moz-linear-gradient(top, #E6E6E6 0%, #FFF 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(100%,#FFF)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E6E6E6 0%,#FFF 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E6E6E6 0%,#FFF 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #E6E6E6 0%,#FFF 100%); /* IE10+ */
    background: linear-gradient(to bottom, #C1C1C1 0%,#FFF 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6E6E6', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */ }
  .menuBox ul { list-style: none; padding-top: 25px;}
  .menuBox li { float: left; position: relative; font-weight: normal; margin-left: 12px; letter-spacing:1px; }
  .menuBox li a { display: block; text-decoration: none; color: #333; padding: 10px; border-radius: 3px 3px 0 0; height: 30px; font-size: 12px; font-weight: bold; }
  .menuBox li a:hover, .menuBox li:hover > a { background: #A1A1A1; color: #FFF; }
  .menuBox li a.active { background: #EE7406; color: #FFF; }
  
  .menuBox li ul { position: absolute; margin-top: 30px; width: 190px; height: auto; background-color: #999; opacity:0.95; filter:alpha(opacity=95); border-radius: 0 0 3px 3px; display: none; box-shadow: 0px 0px 5px #333; z-index: -1; }
  .menuBox li li { line-height: 24px; float: none; width: 161px; padding-bottom: 0; }
  .menuBox li li a { padding: 0; line-height: 28px; color: #FFF; font-weight: normal !important; font-size: 12px; }
  .menuBox li li a:hover { background: url('../layout-img/arrow-wit.png') no-repeat 0 9px; padding-left: 12px; color: #FFF; }
  .menuBox li:hover ul { display: block; } 
  
#breadCntr { position: relative; width: 100%; height: auto; margin: 10px 0 10px 0; } 
 #breadCntr .breadBox { margin: 0 auto; width: 100%; max-width: 1024px; height: 20px; }
  .breadBox p { color: #FFF; font-size: 22px; text-align: center; text-shadow: 0px 0px 10px #333; }
  .breadBox a { color:#FFF; text-decoration: none; }
  .breadBox a:hover { color: #C1C1C1; }

#contentCntr { position: relative; width: 100%; height: auto; margin-top: 25px; }
 #contentCntr .contentBox { margin: 0 auto; width: 100%; max-width: 984px; height: auto; min-height: 500px; background:#FFF; color: #333; -moz-box-shadow: 0px 0px 7px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 7px #333; /*Safari/Chrome */box-shadow: 0px 0px 7px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')"; border-radius:5px; padding: 20px; }
 .contentBox h2 { color: #EE7406; font-size: 14px; margin-bottom: 15px; }
 .contentBox a {color: #999; font-weight: bolder; font-size: 11px; text-decoration: none; }
 .contentBox a:hover {color: #EE7406; font-weight: bolder; font-size: 11px; text-decoration: none;} 
 .TitleMsgBox { width: 100%; }
  .TitleBox { float: left; width:30%; }
  .MsgBox { float: left; width: 65%; }
 .deleteMsgBox { text-align: center; margin:0 auto; width: 50%; -moz-box-shadow: 0px 0px 7px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 7px #333; /*Safari/Chrome */box-shadow: 0px 0px 7px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')"; border-radius:5px; padding: 20px; }
 .MainPageBox { width: 50%; height: auto; margin: 0 auto; text-align: center; -moz-box-shadow: 0px 0px 7px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 7px #333; /*Safari/Chrome */box-shadow: 0px 0px 7px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')"; border-radius:5px; padding: 20px; background: #F9F9F9; }
 .snelkoppelingBox { width: 100%; max-width: 400px; height: auto; margin: 0 auto; }
 .snelkoppelingBox .snelkoppeling { margin: 0 auto; margin: 5px; background: #FFF; }
 .ProjectImg { float: left; padding: 10px; margin-right: 20px; background: #FFF; border-radius: 3px; border-color: #999; border-style: solid; border-width: thin;  }
 .ProjectImg:hover { border-color: #EE7406; -moz-box-shadow: 0px 0px 5px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 5px #EE7406; /*Safari/Chrome */box-shadow: 0px 0px 5px #EE7406; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#EE7406')"; }
 
 .dashboardBox { width: 100%; height: auto; }
 .dashboardBox h2 { color: #666; font-size: 14px; margin-bottom: 15px; }
 .dashboardBox p { color: #666; font-size: 12px; }
  .dashboardLeft { float: left; width:49%; }
  .dashboardRight { float: right; width: 49%; }
  .snelkoppeling { float: left; width: 100px; height: 100px; padding: 10px; margin-right: 20px; background: #F1F1F1; border-radius: 3px; border-color: #999; border-style: solid; border-width: thin;  }
  .snelkoppeling:hover { border-color: #EE7406; -moz-box-shadow: 0px 0px 5px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 5px #EE7406; /*Safari/Chrome */box-shadow: 0px 0px 5px #EE7406; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#EE7406')"; }
  .snelkoppeling h3 { text-align: center; font-size: 10px; text-transform: uppercase; color: #EE7406; text-decoration: underline; line-height: 24px }
  .snelkoppeling img { margin:0 auto; }
  .dashboardInfoBox { padding: 20px; margin-bottom: 18px; height: 250px; border-radius: 3px; border-color: #C1C1C1; border-style: solid; border-width: thin; }
  .modInfoBox { padding: 20px; margin-bottom: 18px; min-height: 340px; border-radius: 3px; border-color: #C1C1C1; border-style: solid; border-width: thin; }
  .modInfoBox table img.dashflag { float:left;margin-right:5px; }
  .newsInfoBox { padding: 20px; margin-bottom: 18px; height: 250px; border-radius: 3px; border-color: #C1C1C1; border-style: solid; border-width: thin; }
   .newsInfoBox a { color:#0066FF; margin-right: 10px; }
   .newsInfoBox a:hover { color:#EE7406; }
  .compInfoBox { padding: 20px; margin-bottom: 18px; min-height: 340px; border-radius: 3px; border-color: #C1C1C1; border-style: solid; border-width: thin; }
  .compInfoBox img { margin:0 auto; }  
 
#footerCntr1 { position: relative; width: 100%; margin: 25px 0 25px 0; }
 #footerCntr1 .footerBox1 { margin: 0 auto; width: 100%; max-width: 1024px; height: 30px; background: #000; border-radius: 3px; -moz-box-shadow: 0px 0px 7px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 7px #333; /*Safari/Chrome */box-shadow: 0px 0px 7px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')"; opacity:0.5; filter:alpha(opacity=50); }
 .footerBox1 p{ text-align: center; color: #999; padding-top:6px; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; } 
 .footerBox1 a{color:#999;text-decoration:none;}
 .footerBox1 a:hover{color:#EE7406;}

#footerCntr2 { position: relative; margin: 0 auto; width: 600px; margin-top: 25px; }
 #footerCntr2 .footerBox2 { margin: 0 auto; width: 100%; height: 30px; background: #333; border-radius: 3px; -moz-box-shadow: 0px 0px 7px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 7px #333; /*Safari/Chrome */box-shadow: 0px 0px 7px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')"; opacity:0.7; filter:alpha(opacity=70); }
 .footerBox2 p { text-align: center; color: #999; padding-top:6px; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; }



.CellInhoud{
	vertical-align: center;
	text-align: left;
}

.CellInhoud a:link    {color: #FF6600; font-size: 10px; text-decoration: none; }
.CellInhoud a:visited {color: #FF6600; font-size: 10px; text-decoration: none; }
.CellInhoud a:active  {color: #FF6600; font-size: 10px; text-decoration: none;}
.CellInhoud a:hover   {color: #BE161C; font-size: 10px; text-decoration: underline;} 
.CellInhoud img { float: left; }
.CellInhoud span { float: left; margin-left: 10px; }

.TitleMsgBox a.AddsubButton { background: #999; border: solid 1px #FFF; padding: 5px; color: #FFF; font-size: 10px; font-weight:bold; text-transform: uppercase; letter-spacing:1px; -moz-box-shadow: 0px 0px 3px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 3px #333; /*Safari/Chrome */box-shadow: 0px 0px 3px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')"; border-radius: 3px; }
.TitleMsgBox a.AddsubButton:hover  { background: #EE7406; }
.TitleBox form { width:200px; border:none; }

.CellInhoud a.EditButton { float: left; margin-right: 10px; background: #EE7406; border: solid 1px #FFF; padding: 0 3px; color: #FFF; font-size: 10px; font-weight:bold; text-transform: uppercase; letter-spacing:1px; -moz-box-shadow: 0px 0px 3px #333; /* Firefox/Mozilla */ -webkit-box-shadow:  0px 0px 3px #333; /*Safari/Chrome */box-shadow: 0px 0px 3px #333; /* Opera & hoe het zou moeten */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#333')"; border-radius: 3px; }
.CellInhoud a.EditButton:hover  { background: #666; }

.AddProduct input, textarea {
	width: 270px;
	padding: 3px;
	border-color: #ababab;
	border-style: solid;
	border-width: thin;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

.AddProduct .radio {
	width: 35px;
	padding: 3px;
	border-color: #ababab;
	border-style: solid;
	border-width: thin;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

.AddProduct .submit {
    border: 1px solid #000000;
    background: #444444;	
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 2px;	
}

.AddProduct .submit:hover {
    border: 1px solid #222222;
    background: #FF9900;	
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

#BerichtVerwijderen{
	background-color: #FFFFFF;
	border-style: dashed dashed dashed dashed;
	border-width: 2px 2px 2px 2px;
	border-color: #9B9B9B;
	width: 65%;
	text-align: center;
	color: #F00;
	padding: 10px 10px 10px 10px;
	margin-left: 10px;
}

tr.bg1 {
background: #F0F0F0;
}
tr.bg0 {
background: #FFFFFF;
}
tr.highlight { 
	background-color: #DDDDDD; 
}

/* FOTO EIGENSCHAPPEN */
fieldset.FieldsetFoto { 
	background: #FFFFFF;
	border-style: dashed dashed dashed dashed;
	border-width: 1px 1px 1px 1px;
	border-color: #9B9B9B;
}

fieldset.FieldsetFotoLight { 
	background: #F0F0F0;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	border-color: #000000;
}