/* Asterix around the World */
/* info: http://www.webontwikkelaar.nl/css/cursus */
/* margin, padding >> B,R,O,L of B+O, R+L */


/* //////////////////////////////// */
/* Algemene elementen */

html, * {
	margin:0 auto;	
	padding:0;
}

body {
	background-image:url('images/css/bg-gradient.png');
	background-repeat:repeat-x;
	background-color:#131313;
	margin:0px auto;	
	padding:0px;
	font-family:"Trebuchet MS",Verdana,Arial;
	font-size:10pt;
	line-height:1.4em;
}

/* h2 wordt alleen toegepast in <td>, padding left en right zijn in <td> al 5px */
h2 {
	padding:5px 0px 5px 0px;	
	font-size:1.65em;
	font-weight:normal;
}

p {
	font-family:"Trebuchet MS",Verdana,Arial;
	padding:0px 0px 10px 0px;
}

/* voor printversie */
ol {    margin-left:20px; }


/* einde float aangeven */
.clear {
	clear:both;
}


/* //////////////////////////////// */
/* Box elementen */ 

/* container voor website */
div#wrap {
     width:1000px;
	margin:0px auto 0px auto;
	padding:0;
}

/* header met logo */
div#header {
	width:100%;
	float:left;
	background-color:#426692;
	padding-left:0px;	/* ivm border bij div#page */
	// border-right:5px solid #3F618C;
}

/* links menu, rechts content */
div#page {
	background-color:#ffffff;
	border-left:5px solid #3F618C; 
	border-right:5px solid #3F618C; 
	border-bottom:5px solid #3F618C; 
	border-top:none;
	margin:0px;
     padding:0px;
}

/* het menu */
div#sidebar-main {
	width:14%;
	float:left;
	padding-left:0px;
}
/* hand en elleboog Asterix plaatje */
div#sidebar-top {
	margin:0px;
     padding:0px;
	color:#ffffff;
}
div#sidebar-menu {
	margin:10px 3px;	
     padding:3px;
     line-height:1.6em;	/* regelhoogte menu-items */
}
div#sidebar-menu h4 {
	color:#333333;
	font-weight:normal;
	letter-spacing:-1px;
	font-size:1.7em;
	margin:0px 0px 10px 0px;	
	padding:0px;
	font-family:Geneva,Arial,Helvetica,sans-serif;
}

div#content {
	font-size:10pt;
	float:left;
	// width:97%; /* menu 14% + content 83% + padding */
	border-right:0px solid #dddddd;
	padding-left:5px;
	padding-right:0px;
}
#content img {		/* 10 pixels ruimte rondom plaatjes in div content */
	margin:10px;
}
#content td.pict img {	/* 0 pixels ruimte rondom plaatjes in consice en thumb tabellen */
	margin:0px;
}
#content li {
	margin-left:10px;
}
#content ul {
	margin:5px;
}
#content ol {
	margin-left:20px;
}

/* footer */
div.footer {
	background-image:url('images/css/footer-left.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#3F618C;
	margin-top:10px; /* 1- pixels ruimte tussen div content en div footer */
}
div.footer-level-2 {
	background-image:url('images/css/footer-right.jpg');
	background-repeat:no-repeat;
	background-position:top right;
	text-align:center;  /* de tekst voor de footer komt in deze div */
}
/* website einde */
div.page-end {
	border-top:1px solid #4F79B0;
	background-image:url('images/css/page-end-fade.jpg');
	background-repeat:repeat-x;
	padding:5px 0 10px 0;
}


/* ////////////////////////////////////////////// */
/* tabellen en links */

td {                                /* Tabel kolomen */
   font-size:10pt;
   padding-left:5pt;
   padding-right:5pt;
   
}

td.invers {                         /* Kolom headers */
   color:white;
   background-color:#C9A983;
   border:1px solid #B0844F;
}

td.pict {                           /* Consice en thumb tabellen */
   padding-left:0pt;
   padding-right:0pt;
}

td.pictinvers {                     /* Consice en thumb tabellen */
   color:white;
   background-color:#C9A983;
   border:1px solid #B0844F;
   padding-left:0pt;
   padding-right:0pt;
}

td.box {                            /* Kolom met achtergrondkleur */
   background-color:#ECDCCA;
}

td.box2 {                           /* box met rand voor taalbestanden */
   border: solid;
   border-width: thin;
   border-color:#C9A983;
}

th {                                /* Headers met achtergrondkleur */
    background-color:#C9A983;
    border:1px solid #B0844F;
    font-size:10pt;
    color:white;
}

a:link{                              /* Instellingen voor links */
	color:#607DC6;
	text-decoration:none;
	font-weight:bold;
}
a:visited{
	color:#607DC6;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	color:#607DC6;
	text-decoration:underline;
	font-weight:bold;
}

/* Links in menu */
a.menu, a.menu:link {               
    color:#606060;                  
    text-decoration:none;
    text-align:left;
    margin-left:5px;
    margin-top:5px;
    height:12px;
}
a.menu:visited {
    color:#606060;                   
    height:12px;
}
a.menu:hover, a.menu:active {
    color:#000;
}



/* //////////////////////////////// */
/* Overige */

/* instellingen voor news */
td.other { backGround-color:#ECDCCA; }
span.title { color:#3a6ea5; }
a.kaal { text-decoration: none;color:black; }
a.kaal:hover { text-decoration:underline; }

/* hjh - even voorstellen */
.yellowbox { margin-top:0pt; padding:4px; border-color:black; border:2px solid black; background:yellow; }
.picturebox { margin-bottom:0px; padding-bottom:0px; }

/* voorkomt het tonen van het OneStat plaatje */
div#OneStatTag {
	width:0px;
	height:0px;
	background-color:#23364E;
}

#dhtmlgoodies_tooltip{
	background-color:#ffffff;
	position:absolute;
	display:none;
	z-index:20000;
	padding:2px;
	font-size:0.9em;
	font-family: Verdana, sans-serif;
}