﻿body
{
	background-image: url(Images/bg_connexeon.gif);
	background-repeat: repeat-x;
	background-color: #e8e8e8;
	margin: 0px;
	font-family: 'Segoe UI' ,Verdana, Arial, Helvetica, sans-serif;
	color: #383838;
	font-size: 13px;
}
.maintable
{
	width: 1010px;
	vertical-align: top;
	padding: 0px;
	border-spacing: 0px;
}
.left
{
	width: 160px;
	float: left;
	margin-left: 26px;
	margin-top: 25px;
}
.main
{
	width: 555px;
	float: left;
	
	margin-left: 22px;
	margin-top: 25px;
}
.right
{
	width: 160px;
	float: left;
	margin-left: 21px;
	margin-top: 25px;
}
.wrapper
{
	width: 1009px;
	margin-left: auto;
	margin-right: auto;
	height: 682px;
}
.designcolleft
{
	background-image: url(Images/backdrop_master_r1_c1.png);
	background-repeat: repeat-y;
	width: 17px;
	padding: 0px;
	border-spacing: 0px;
}
.designcolright
{
	background-image: url(Images/backdrop_master_r1_c3.png);
	background-repeat: repeat-y;
	width: 21px;
	padding: 0px;
	border-spacing: 0px;
}
.designrowbottom
{
	background-image: url(Images/backdrop_master_r2_c1.png);
	background-repeat: no-repeat;
	height: 26px;
	padding: 0px;
	border-spacing: 0px;
}
.designrowmaster
{
	background-image: url(Images/backdrop_master_r1_c2.png);
	height: 556px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	vertical-align: top;
	padding: 0px;
	border-spacing: 0px;
}
.metanav
{
	font-family: 'Segoe UI' ,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7e7e7e;
	float: none;
	margin-left: 530px;
	width: 400px;
	text-align: right;
	margin-top: 30px;
	text-transform: uppercase;
}
.nav
{
	float: none;
	margin-left: 312px;
	margin-top: 50px;
	text-align: right;
	width: 630px;
}
/*img
{
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	width: 170px;
	height: 82px;
}
*/
.nav1
{
	float: left;
	text-decoration: none;
	text-align: right;
	background-image: url(Images/nav1.png);
	background-position: 0px 0px;
	color: #FFFFFF;
	padding-top: 45px;
	height: 23px;
	padding-right: 4px;
	width: 116px;
	text-transform: uppercase;
	font-family: 'Segoe UI' ,Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin-right: 5px;
	margin-top: 3px;
}
.nav1:hover
{
	background-image: url(Images/nav1.png);
	background-position: 0px 68px;
	color: #000000;
	text-decoration: none;
}
.nav2
{
	float: left;
	text-decoration: none;
	text-align: right;
	background-image: url(Images/nav2.png);
	background-position: 0px 0px;
	color: #FFFFFF;
	padding-top: 45px;
	height: 23px;
	padding-right: 4px;
	width: 116px;
	text-transform: uppercase;
	font-family: 'Segoe UI' ,Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin-right: 5px;
	margin-top: 3px;
}
.nav2:hover
{
	background-image: url(Images/nav2.png);
	background-position: 0px 68px;
	color: #000000;
	text-decoration: none;
}
.nav3
{
	float: left;
	text-decoration: none;
	text-align: right;
	background-image: url(Images/nav3.png);
	background-position: 0px 0px;
	color: #FFFFFF;
	padding-top: 45px;
	height: 23px;
	padding-right: 4px;
	width: 116px;
	text-transform: uppercase;
	font-family: 'Segoe UI' ,Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin-right: 5px;
	margin-top: 3px;
}
.nav3:hover
{
	background-image: url(Images/nav3.png);
	background-position: 0px 68px;
	color: #000000;
	text-decoration: none;
}
.nav4
{
	float: left;
	text-decoration: none;
	text-align: right;
	background-image: url(Images/nav4.png);
	background-position: 0px 0px;
	color: #FFFFFF;
	padding-top: 45px;
	height: 23px;
	padding-right: 4px;
	width: 116px;
	text-transform: uppercase;
	font-family: 'Segoe UI' ,Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin-right: 5px;
	margin-top: 3px;
}
.nav4:hover
{
	background-image: url(Images/nav4.png);
	background-position: 0px 68px;
	color: #000000;
	text-decoration: none;
}
.nav5
{
	float: left;
	text-decoration: none;
	text-align: right;
	background-image: url(Images/nav5.png);
	background-position: 0px 0px;
	color: #FFFFFF;
	padding-top: 45px;
	height: 23px;
	padding-right: 4px;
	width: 116px;
	text-transform: uppercase;
	font-family: 'Segoe UI' ,Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin-right: 5px;
	margin-top: 3px;
}
.nav5:hover
{
	background-image: url(Images/nav4.png);
	background-position: 0px 68px;
	color: #000000;
	text-decoration: none;
}

/* round corners */
.meerweten
{
	background-image: url(Images/meerweten.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 176px;
	height: 32px;
	font-family: 'Segoe UI' ,Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #666666;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	display: table-cell;
	vertical-align: middle;
	padding-top: 8px;
}
.panecontent
{
	height: 160px;
}
.pane4
{
	width: 547px;
	background-image: url(Images/big_gray_pane_02.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #f3b051;
	padding-bottom: 5px;
	height: 280px;
	float: left;
	margin-left: 5px;
}
.pane4top
{
	width: 547px;
	background-image: url(Images/big_gray_pane_01.gif);
	height: 10px;
	background-repeat: no-repeat;
}

.pane1
{
	width: 176px;
	background-image: url(Images/pane3_02.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #f3b051;
	padding-bottom: 5px;
	height: 280px;
	float: left;
	margin-left: 5px;
}
.pane1top
{
	width: 176px;
	background-image: url(Images/pane3_01.gif);
	height: 10px;
	background-repeat: no-repeat;
}

.spacer
{
	height: 10px;
	clear: both;
}
.graypane
{
	width: 547px;
	background-image: url(Images/big_gray_pane_02.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #d2d2d2;
	padding-bottom: 5px;
	clear: both;
	margin-left: 4px;
}
.graypanetop
{
	width: 547px;
	background-image: url(Images/big_gray_pane_01.gif);
	height: 10px;
	background-repeat: no-repeat;
}
.graypanecontent
{
	margin-left: 12px;
	text-align: left;
	vertical-align: top;
	padding-top: 0px;
}
.pane2
{
	width: 176px;
	background-image: url(Images/pane2_02.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #f4a54f;
	padding-bottom: 5px;
	height: 280px;
	float: left;
	margin-left: 12px;
}
.pane2top
{
	width: 176px;
	background-image: url(Images/pane2_01.gif);
	height: 10px;
	background-repeat: no-repeat;
}
.pane3
{
	width: 176px;
	background-image: url(Images/pane1_02.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #df8a37;
	padding-bottom: 5px;
	height: 280px;
	float: left;
	margin-left: 10px;
}
.pane3top
{
	width: 176px;
	background-image: url(Images/pane1_01.gif);
	height: 10px;
	background-repeat: no-repeat;
}
.button1
{
	width: 157px;
	background-image: url(Images/button1_bot.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #666666;
	padding-bottom: 5px;
}
.button2
{
	width: 157px;
	background-image: url(Images/button2_bot.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #666666;
	padding-bottom: 5px;
}

.buttontop
{
	width: 157px;
	background-image: url(Images/button_top.gif);
	height: 11px;
}

.banner
{
	text-align: center;
	border: 0;
	padding: 2px;
}

/* blog and potential sidenav */
.sidenavitem
{
	display: block;
	width: 140px;
	padding: 4px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc; /*         list-style-position: outside;         list-style-type: none; 		list-style-image: url(Images/bullet_actionbutton.gif);        */
}
/* textformatting */

.buttonaction
{
	font-family: 'Segoe UI' ,Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #FF9900;
	font-weight: bold;
	text-align: right;
	margin-bottom: 10px;
	background-image: url(Images/bullet_actionbutton.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 23px;
	margin-right: 5px;
	margin-top: 1px;
	vertical-align: top;
}
.buttoncontent
{
	font-family: 'Segoe UI' ,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding-left: 10px;
}
.buttonactionlink
{
	font-family: 'Segoe UI' ,Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fcfdff;
	font-weight: bold;
	text-transform: uppercase;
}
.buttonactionlink:hover
{
	font-family: 'Segoe UI' ,Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9900;
	font-weight: bold;
}
/* collumns */


/* design sets */


.box1
{
	margin: 18px;
	text-align: center;
}
.box1 a
{
	display: block;
	background-image: url(Images/box1.png);
	padding-top: 6px;
	height: 26px;
	width: 141px;
	text-transform: uppercase;
	font-family: 'Segoe UI' ,Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #5a5a5a;
	text-decoration: none;
}
.box1 a:hover
{
	background-image: url(Images/box1.png);
	background-position: 0px 32px;
	color: #000000;
	text-decoration: none;
}


/* HAN EN TOMPIE*/

.banner1b1f, .banner1b2f, .banner1b3f, .banner1b4f
{
	font-size: 1px;
	overflow: hidden;
	display: block;
}
.banner1b1f
{
	height: 1px;
	background: #f3b051;
	margin: 0 5px;
}
.banner1b2f
{
	height: 1px;
	background: #f3b051;
	margin: 0 3px;
}
.banner1b3f
{
	height: 1px;
	background: #f3b051;
	margin: 0 2px;
}
.banner1b4f
{
	height: 2px;
	background: #f3b051;
	margin: 0 1px;
}
.banner1contentf
{
	background: #f3b051;
	background-position: center right;
	background-repeat: no-repeat;
	background-image: url(Images/smallbg3.gif);
	height: 80px;
}
.banner2b1f, .banner2b2f, .banner2b3f, .banner2b4f
{
	font-size: 1px;
	overflow: hidden;
	display: block;
}
.banner2b1f
{
	height: 1px;
	background: #f4a54f;
	margin: 0 5px;
}
.banner2b2f
{
	height: 1px;
	background: #f4a54f;
	margin: 0 3px;
}
.banner2b3f
{
	height: 1px;
	background: #f4a54f;
	margin: 0 2px;
}
.banner2b4f
{
	height: 2px;
	background: #f4a54f;
	margin: 0 1px;
}
.banner2contentf
{
	background: #f4a54f;
	background-position: center right;
	background-repeat: no-repeat;
	background-image: url(Images/smallbg2.gif);
	height: 80px;
}
.banner2contentf div
{
	margin-left: 5px;
}

.banner3b1f, .banner3b2f, .banner3b3f, .banner3b4f
{
	font-size: 1px;
	overflow: hidden;
	display: block;
}
.banner3b1f
{
	height: 1px;
	background: #df8a37;
	margin: 0 5px;
}
.banner3b2f
{
	height: 1px;
	background: #df8a37;
	margin: 0 3px;
}
.banner3b3f
{
	height: 1px;
	background: #df8a37;
	margin: 0 2px;
}
.banner3b4f
{
	height: 2px;
	background: #df8a37;
	margin: 0 1px;
}
.banner3contentf
{
	background: #df8a37;
	background-position: center right;
	background-repeat: no-repeat;
	background-image: url(Images/smallbg1.gif);
	height: 80px;
}
.banner3contentf div
{
	margin-left: 5px;
}

.banner4b1f, .banner4b2f, .banner4b3f, .banner4b4f
{
	font-size: 1px;
	overflow: hidden;
	display: block;
}
.banner4b1f
{
	height: 1px;
	background: #079eeb;
	margin: 0 5px;
}
.banner4b2f
{
	height: 1px;
	background: #079eeb;
	margin: 0 3px;
}
.banner4b3f
{
	height: 1px;
	background: #079eeb;
	margin: 0 2px;
}
.banner4b4f
{
	height: 2px;
	background: #079eeb;
	margin: 0 1px;
}
.banner4contentf
{
	background: #079eeb;
	background-position: center right;
	background-repeat: no-repeat;
/*	background-image: url(Images/smallbg1.gif);*/
	height: 80px;
}
.banner4contentf div
{
	margin-left: 5px;
}

.banner1contentf div
{
	margin-left: 5px;
}

.bannerhighlight
{
	font-family: 'Segoe UI' ,Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
	text-align:center;
}

li.normal
{
	text-transform: none;
	font-size: 11px;
	list-style-image: none;
}

li
{
	list-style-image: url(Images/bullet_actionbutton.gif);
	font-size: 13px;
	text-transform: uppercase;
}



.but1-1f, .but1-2f, .but1-3f, .but1-4f
{
	font-size: 1px;
	overflow: hidden;
	display: block;
}
.but1-1f
{
	height: 1px;
	background: #C0C0C0;
	margin: 0 5px;
}
.but1-2f
{
	height: 1px;
	background: #C0C0C0;
	margin: 0 3px;
}
.but1-3f
{
	height: 1px;
	background: #C0C0C0;
	margin: 0 2px;
}
.but1-4f
{
	height: 2px;
	background: #C0C0C0;
	margin: 0 1px;
}
.but1-contentf
{
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url(Images/buttonback1.png);
	background-color: #C0C0C0; /*height: 80px;*/
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: top; /* 	padding-left: 5px;  		padding-right: 23px; 	 	margin-top: 1px; 	margin-bottom: 10px;*/
	width: 100%;
}
.but1-contentf div
{
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 10px;
}
.but1-contentf a
{
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	margin-bottom: 10px;
	margin-right: 2px;
	margin-top: 1px;
	background-image: url(Images/bullet_actionbutton.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
}


.tableform
{
	margin: 1px;
	padding: 5px 1px 1px 1px;
	border-spacing: 1px;
	vertical-align: middle;
	text-align: left;
	width: 100%;
	border: none;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	border-right: 1px solid #ededed;
}
.tableform td.normal
{
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #ededed;
	border-width: 1px;
	border-color: #fcfcfc #ededed;
	border-spacing: 5px;
	padding: 3px 3px 2px 2px;
}

.grid-view td
{
	border: none;
}

.tableform .firstcol
{
	width: 150px;
}
.tableform .required
{
	font-weight: bold;
}
input, textarea
{
	color: #06c;
	font-family: 'Segoe UI' , Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
input.text, select
{
	color: #06c;
	font-family: 'Segoe UI' , Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 150px;
}
.PageUpdateProgress
{
	color: #fff;
	cursor: wait;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: top;
	position: absolute;
	top: 10px;
	right: 25px;
}

.TransparentGrayBackground
{
	position: fixed;
	top: 0;
	left: 0;
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%;
}

.NoticeWarning
{
	margin: 15px 0 10px 0;
	border: #eee 2px solid;
	background-color: #FFFFCC;
	text-align: left;
	padding: 10px 32px;
	background-repeat: no-repeat;
	background-position: 10px 11px;
	background-image: url(images/att.gif);
}

.NoticeOK
{
	margin: 15px 0 10px 0;
	border: #eee 2px solid;
	background-color: #CCFF99;
	text-align: left;
	padding: 10px 32px;
	background-repeat: no-repeat;
	background-position: 10px 11px;
	background-image: url(images/ok.gif);
}

.NoticeFail
{
	margin: 15px 0 10px 0;
	border: #eee 2px solid;
	background-color: #FF9999;
	text-align: left;
	padding: 10px 32px;
	background-repeat: no-repeat;
	background-position: 10px 11px;
	background-image: url(images/off.gif);
}

