* { padding: 0; margin: 0; }

body {
}

#wrapper {
	margin: 0 auto;
	width: 961px;
	background-image: url(images/CXI-bg.gif);

}
#header {
	width: 961px;
	float: left;
	padding: 0px;
	height: 114px;
	margin: 0px;
	background-image: url(images/codex-international_banner.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#leftcolumn {
	width: 285px;
	float: left;
}
#rightcolumn {
	width: 618px;
	display: inline;
	float: left;
	margin-left: 20px;
}
#footer {
	width: 961px;
	clear: both;
	background-image: url(images/lowerline.gif);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #FFF;
	text-align: right;
	height: 22px;
	padding-top: 7px;
}


/* CSS Document */

html { height:100%; }
p, div, ul, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#339966;
	line-height: 1.2;
}
table, tr, td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	color:#339966;
	padding: 0px;
}
.normal, .Normal {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 1.2;
	color:#339966;
}
.NormalBold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#339966;
	line-height: 1.2;
}
.NormalRed {
	color:#c50000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height: 1.2;
}
.FullHeight { height:100%; }
.FullWidth { width:100%; }


  .clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }
  
.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
    }


#totaal {
	padding-top: 20px;
	height:1%
}


/*-----------------------------------------------------------------------*/
/* Links																 */
/*-----------------------------------------------------------------------*/
a:link, a:visited, a:active {
	color:#0098ca;
	font-weight:normal;
	text-decoration:underline;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
a.Normal:link, a.Normal:visited {
	color:#0098CA;
	font-weight:normal;
	text-decoration:none;
}
a.Normal:hover {
	color:#000;
	text-decoration:underline;
}
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {
	font-family:Arial, Helvetica, sans-serif;
	color:#7a7a7a;
	font-weight:bold;
	text-decoration:underline;
}
A.CommandButton:hover { color:#9e9e9e; text-decoration:underline; }

.SkinObject
{
	color:#0098ca;
	font-weight:normal;
	text-decoration:underline;
}

A.SkinObject:link
{
	color:#0098ca;
	font-weight:normal;
	text-decoration:underline;
}

A.SkinObject:visited
{
	color:#0098ca;
	font-weight:normal;
	text-decoration:underline;
}

A.SkinObject:hover
{
	color:#000;
	text-decoration:underline;
}

A.SkinObject:active
{
	color:#0098ca;
	font-weight:normal;
	text-decoration:underline;
}



/*-----------------------------------------------------------------------*/
/* Headings																 */
/*-----------------------------------------------------------------------*/
H1 {
	font-family:arial,helvetica,verdana;
	font-size:18px;
	color:#2DAAD6;
	font-weight:bold;
}
H2 {
	font-family:arial,helvetica,verdana;
	font-size:16px;
	color:#2FA8D3;
	font-weight:bold;
}
H3 {
	font-family:arial,helvetica,verdana;
	font-size:14px;
	color:#339966;
	font-weight:bold;
}
H4 {
	font-family:arial,helvetica,verdana;
	font-size:12px;
	color:#339966;
	font-weight:bold;
}
H5 {
	font-family:arial,helvetica,verdana;
	font-size:12px;
	color:#666;
	font-weight:bold;
}
H6 {
	font-family:arial,helvetica,verdana;
	font-size:12px;
	color:#9e9e9e;
	font-weight:bold;
}
.Head {
	font-family:arial,helvetica,verdana;
	font-size:18px;
	color:#9e9e9e;
	font-weight:bold;
	padding:0;
	margin:0;
}
.SubHead {
	font-family:arial,helvetica,verdana;
	font-size:16px;
	font-weight:bold;
	color:#585858;
	padding:0;
}

/*-----------------------------------------------------------------------*/
/* Forms																 */
/*-----------------------------------------------------------------------*/
select, input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
.NormalTextBox {
	color:#333333;
	padding-left:4px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
}
td.NormalTextBox { padding:0; margin:0; background:transparent; border:0; }
.StandardButton {
	background:#f2f2f2 none;
	color:#575757;
	font-family:arial,helvetica,verdana;
	font-size:12px;
	font-weight:normal;
}

/*-----------------------------------------------------------------------*/
/* Rest																 */
/*-----------------------------------------------------------------------*/

hr {
	border:0 #ccc solid;
	border-top-width:1px;
	clear:both;
	height:0
}

ol {
	list-style:decimal
}
ul {
	list-style:disc
}
li {
	margin-left:30px
}

.footer,a.footer:link,a.footer:active,a.footer:visited{
	font-size:12px;
	color:#333333;
	text-decoration:none;
	font-weight:Normal;
	font-family: Arial, Helvetica, sans-serif;
}
a.footer:hover{
	color:#333333;
	text-decoration:underline;
	font-weight:Normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*toegevoegd*/
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, address, fieldset {
	margin-bottom: 10px;
}



/*-----------------------------------------------------------------------*/
/* Buttons 															 */
/*-----------------------------------------------------------------------*/
#wrapper #leftcolumn #home {
	height: 69px;
	width: 285px;
}
#wrapper #leftcolumn #volunteering {
	height: 70px;
	width: 285px;
}
#wrapper #rightcolumn #menu {
	height: 30px;
	width: 620px;
}

#wrapper #leftcolumn #activities {
	height: 70px;
	width: 285px;
}

#wrapper #leftcolumn #cooperation {
	height: 77px;
	width: 285px;
}
#wrapper #leftcolumn #code-x {
	height: 64px;
	width: 285px;
}
#wrapper #leftcolumn #contact {
	height: 78px;
	width: 285px;
}
#wrapper #leftcolumn #button {
	height: 25px;
	width: 285px;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#button {
	background-image: url(images/emptybutton.gif);
	background-repeat: no-repeat;
}

#helft{
	width: 48%;
	float: left;
	clear: both;
	height:1%
}

#helftr{
	width: 48%;
	float: right;
	height:1%
}

#cp{
	padding:0px;
	float: left;
	width: 100%;
	margin: 0px;
	clear: both;
	height:1%
}
#bp {
	padding:0px;
	float: left;
	margin: 0px;
	height:1%
}
#MenuPane {
	padding:0px 0px 0px 0px;
}



/* ================================
      CSS STYLES voor het  Snapsis menu
   ================================
 */
 
  
.TabList {
    float:left;
    horizontal-align:center;
}
.TabList ul {
	clear:both;
	margin:0;
	list-style:none;
	display: inline;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.TabList li {
	float:left;
	margin:0;
	display: inline;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.TabList li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	voice-family: "\"}\"";
	voice-family:inherit;
	line-height:normal;
	font-weight: bold;
	color: #339966;
}

select.TabList {

    font-weight:bold;
    font-size:80%;
}

/* IE-PC doesn't see these child selectors but CSS2 compliant browsers can make use of them
#ParentTabs > ul a {width:auto;}
#ChildTabsLevel1 > ul a {width:auto;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#ParentTabs a {float:none;}
#ChildTabsLevel1 a {float:none;}
/* End IE5-Mac hack */

#ParentTabsContainer {
   position:relative;
   top:1px;
   z-index:5;
   height:20px;
   vertical-align:top;
   clear:both;

}

#ParentTabs a {
	float:left;
	display:block;
	width:auto;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#339966;
	text-transform: uppercase;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 0px;
}

#ParentTabs a:hover {
	text-decoration:none;
	background-position:100% -150px;
	color:#2da7cb;
}

#ParentTabs li {
    background:url("TabLeftLevel0.gif") no-repeat left top;
    
} 

#ParentTabs li:hover {
    background-position:0 -150px; 
}


#ParentTabs .SelectedTab {
    background-position:0 -150px;
    border-width:0;
}
#ParentTabs .SelectedTab a {
	background-position:100% -150px;
	padding-bottom:5px;
	color:#2da7cb;
	text-decoration: underline;
}
#ChildTabsRow {
   background-color:#336699;
}
#ChildTabsContainer {
   padding-top:5px;
   padding-bottom:5px;
   border-top: black 1px solid;
   vertical-align:middle;
   text-align:center;
   height: 20px;
   padding-left: 60px;
}

#ChildTabsLevel1 a {
    padding-left:5px;
    padding-right:5px;
    text-decoration:none;
    font-weight:bold;
    /* font-size:80%; */
    color:#CCCCCC;
}    

#ChildTabsLevel1 .SelectedTab a {
    color:#FFFFFF;
    vertical-align:middle;
}    

#ChildTabsLevel1 a:hover {
    color:#FFFFFF;
    text-decoration:none;
}    

#ChildTabsLevel1 .LinkLeft {
    position:relative;
    float:left;
    height:100%;
    border: 1px ;
    padding-right:1px;
    padding-left:1px;
    
}

@media all{body{o\verflow:visible}* html textarea{overflow:scroll;overflow-x:hidden}* html input{overflow:hidden}body,#main{position:relative}* html body{position:static}.clearfix{height:1%}.floatbox{width:100%}.slidebox{position:relative;margin-right:-1000px;height:1%}* html #col1,* html #col2,* html #col3{position:relative}body{height:1}.page_margins,.page,#header,#nav,#main,#footer{zoom:1}* html .page_margins,* html .page{height:1%;hei\ght:auto}* html #header,* html #nav,* html #main,* html #footer{width:100%;wid\th:auto}.subc,.subcl,.subcr{height:1%}* html ul,* html ol,* html dl{position:relative}body ol li{display:list-item}fieldset,legend{position:relative}html #ie_clearing{position:static;display:block;\clear:both;width:100%;font-size:0px;margin:-2px 0 -1em 1px}* html #ie_clearing{margin:-2px 0 -1em 0}#col3_content{margin-bottom:-2px}html{margin-right:1px}* html{margin-right:0}#col3{position:relative}* html body a,* html body a:hover{background-color:transparent}}