﻿/* General */
* {
    /* margin: 0; */
    /* padding: 0; */
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* hide blocks (e.g. skipnavigation) */
.hide {
    display: none;
}

/* Remove border around linked images */
img {
	clear:both;
	float:left;
	border:solid 1px #fff;
	padding:3px;
	margin: 0 24px 12px 0;
}

/*-----------------------------------------------------------------------------*/

body {
	/* font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif;
	line-height:1.5;
	font-size : 12px;
	margin: 0;
	padding: 0;
	color: #fff;
	background: #1a364e url(../images/general/DiamondCentersInternational.jpg) no-repeat 50% 97px;
	text-align:center; /* nodig voor centering design IE5 en IE6 in Quirks mode */
}

h1{
	margin:0;
	padding: 0 0 18px 0;
	font-size:28px;
	line-height:28px;
	font-weight:900;
	color:#fff;
}

h2{
	clear:both;
	margin:0;
	padding: 20px 0;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}

h3{
	margin:;
	padding: 18px 0;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}

table.general{
	border-collapse: collapse;
	border: 1px solid #000000;
}

table.general th{
	padding: 3px;
	font-weight:bold;
	font-size: 13px;
	text-align:left;
	background: #cccccc;
	border-bottom: solid 1px #000;
}

table.general td{
	padding: 3px;
	text-align:left;
	background: #000;
	border-bottom: solid 1px #ccc;
}	
	
div.highlight1{
	padding: 15px;
	margin-right: 15px;
	border: dotted 1px #fff;
}

/*  Stylen link algemeen */

a:link,a:visited,a:active
{
    background-image: none;
    background-repeat: repeat;
	color : #fff;
    text-decoration: underline;
}
a:hover
{
    background-image: none;
    background-repeat: repeat;
	color : #fff;
    text-decoration: none;
}

/* Languages */

#languages{
	margin:0;
	padding:0;
    list-style-type:none;
}

#languages img
{
	border: solid 1px #fff;
	margin: 0 6px 0 0;
	padding:0; 
}

#languages li{
	padding-bottom:6px;
}


/*  Wrapper */

#maincontainer{
	width: 960px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	text-align: left; /* zie ook body: nodig voor centering design IE5 en IE6 in Quirks mode */
}


#contentwrapper{
	float: left;
	width: 100%;
	height: 715px;
	background: url(../images/general/BgContentColumn.jpg) no-repeat 50% 0;
}

#contentcolumn{
	margin: 0 240px 0 240px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	padding-top:97px;
}

#contentcolumnwrapper{  /* alleen nodig voor scrollable area*/
	padding:40px 0 20px 0;
	height: 408px;
	overflow:auto;
	scrollbar-base-color:#369;
	scrollbar-arrow-color:#fff;
}

#leftcolumn{
	float: left;
	width: 240px; /*Width of left column in pixel*/
	margin-left: -960px; /*Set margin to that of -(MainContainerWidth)*/
	background: url(../images/general/BgLeftColumn.jpg) no-repeat right top;
	height: 715px;
}

#rightcolumn{
	float: left;
	width: 240px; /*Width of right column*/
	margin-left: -240px; /*Set left margin to -(RightColumnWidth)*/
	height: 715px;
}

#footer{
	clear: left;
	width: 100%;
	color: #FFF;
	text-align: center;
	padding: 4px 0;
	font-size: 11px;
	/* letter-spacing: -1pt */
}

#footer a{
	color: #fff;
}

#leftcolumn .innertube{
	padding-top: 130px;
}


/* Menu */

#menumain{
	margin:0;
	padding:0;
	list-style-type:none;
}

#menumain li{
	display:inline; /* Fix voor IE -> verwijderd extra ruimte boven en onder items */
}

#menumain ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

/*mmnormalwithsubs background:#1a364e url(../images/general/ArrowMore.gif) no-repeat right top; */

#menumain a.mmnormal, a.mmselected, a.mmnormalwithsubs{
	display:block;
	/* height:20px;  afzetten, anders worden menuitems die over meerdere regels gaan niet correct getoond */ 
	line-height:20px;
	border-top:solid 1px #eef6ff;
	border-bottom:solid 1px #eef6ff;
	border-right:solid 1px #eef6ff;
	text-decoration:none;
	font-size:10px;
}

#menumain a.mmnormal,
#menumain a.mmnormalwithsubs{
	color:#fff;
}

#menumain a.mmnormal:hover, a.mmselected{
	color:#fff;
}


/* ruimte tussen mainitems */
#menumain li a{
	margin:6px 0;
}

/* verberg subniveaus */

#menumain ul {
	display:none;
}

/* niveau 1 */

#menumain li a.mmnormal,
#menumain li a.mmnormalwithsubs,
#menumain li a.mmselected{
	width:200px;
	padding-left:10px;
}

#menumain li a.mmnormal{
	background: #1a364e;
}

#menumain li a.mmnormal:hover,
#menumain li a.mmselected{
	background: #7ba7cd;
}

#menumain li a.mmnormalwithsubs{
	background:#1a364e url(../images/general/ArrowMore.gif) no-repeat right top;
}

#menumain li a.mmnormalwithsubs:hover{
	background: #7ba7cd url(../images/general/ArrowMore.gif) no-repeat right top;
}

/* niveau 2 */

#menumain li ul li a.mmnormal,
#menumain li ul li a.mmselected{
	width:200px;
	padding-left:10px;
}

#menumain li ul li a.mmnormal{
	color:#1a364e;
	background: #fff;
}

#menumain li ul li a.mmnormal:hover,
#menumain li ul li a.mmselected{
	color:#1a364e;
	background: #fff;
}

/* niveau 3 */

#menumain li ul li ul li a.mmnormal,
#menumain li ul li ul li a.mmselected{
	width:200px;
	padding-left:10px;
}

#menumain li ul li ul li a.mmnormal{
	color:#1a364e;
	background: #ccc;
}

#menumain li ul li ul li a.mmnormal:hover,
#menumain li ul li ul li a.mmselected{
	color:#1a364e;
	background: #ccc;
}