* { margin: 0px; padding: 0px; }
body {
  margin: 0px;
  font-family: Arial, Sans-Serif;
  font-size: 10pt;

 /* background: url('../images/back.png') repeat;*/
}

h1, h2, h3 { font-weight: bold; }
h1 { font-size: 16pt; margin-bottom: 10px; }
h2 { font-size: 16pt; margin: 10px 0px 3px 0px; }
h3 { font-size: 12pt; margin: 10px 0px 0px 0px; }

#body ul { padding-left: 25px; list-style-type: circle; }
#body li { padding-left: 5px; }
#body li:hover { color: #E68A00; }

a img { border: 0px; }

/* Hyperlinks */
a { color: #000; }
a:hover { color: #E68A00; }

div#container {
	margin: 0px auto 0px auto;
        width: 100%;
        max-width: 1000px;
	background: #fff;

	border: 1px solid #8d8d8d;
	border-top: 0px;
}
div#header img {
	margin: 10px 10px 0px 10px;width: 100%;max-width: 345px;
}

.hidden { display: none; }

/************************************************************
* Menu
************************************************************/

#menu {
	float: right;
	font-size: 1pt;
	height: 26px;
	width: 500px;
}
#menu .tab {
	width: 114px;
	float: right;
	margin: 0px 3px -2px 3px;
}

#menu .tab img {
	margin-left: 12px;
	margin-top: -28px;
}
html > body #menu .tab img { margin-left: 0px; margin-top: 0px; }

#menu .left {
	float: left;
	width: 12px;
	height: 26px;
}

#menu .right {
	float: right;
	width: 12px;
	height: 26px;
}

	/**************
	* Green
	**************/
	#menu #green .left { background: url('../images/top1green.gif') no-repeat; }
	#menu #green .right { background: url('../images/top3green.gif') no-repeat; }

	/**************
	* Yellow
	**************/
	#menu #yellow .left { background: url('../images/top1yellow.gif') no-repeat; }
	#menu #yellow .right { background: url('../images/top3yellow.gif') no-repeat; }

	/**************
	* Blue
	**************/
	#menu #blue .left { background: url('../images/top1blue.gif') no-repeat; }
	#menu #blue .right { background: url('../images/top3blue.gif') no-repeat; }

	/**************
	* Red
	**************/
	#menu #red .left { background: url('../images/top1red.gif') no-repeat; }
	#menu #red .right { background: url('../images/top3red.gif') no-repeat; }


div#upperbar {
	background: url('../images/upperbar_green.gif');
	height: 21px;
	max-height: 21px;
	clear: both;

	text-align: right;
	font-size: 10pt;
}
div#upperbar div { padding-top: 3px; }

div#upperbar a {
	padding: 0px 10px 0px 11px;
	text-decoration: none;
}
div#upperbar a:hover { text-decoration: underline; color: #000; }

div#upperbar.green a { background: url('../images/divider_g.gif') bottom left no-repeat; }
div#upperbar.red a { background: url('../images/divider_r.gif') bottom left no-repeat; }
div#upperbar.yellow a { background: url('../images/divider_y.gif') bottom left no-repeat; }
div#upperbar.blue a { background: url('../images/divider_b.gif') bottom left no-repeat; }

#upperbar img { margin: 0px 5px; }
#upperbar ul { padding-top: 4px; }
#upperbar li { font-size: 10pt; border: 1px black solid; height: 21px; display: inline; padding-right: 5px; padding-left: 5px; }
#upperbar ul#green li { background: url('../images/divider_g.gif') bottom left no-repeat; }

div#body {
	width:auto;
        padding: 20px;
        background: url('../images/banner2.jpg') no-repeat bottom  left ;
        min-height: 800px;
	height: 800px;
}
html>body div#body {
	width:auto;
        height: auto;
}

/************************************************************
* Buttons header
************************************************************/

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:15px;
	padding:4px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}



/************************************************************
* Box
************************************************************/

div.box {
margin: 5px;padding: 15px;width: 400px;
}

div.box div.header {
	height: 26px;
}

div.box div.header div.header_left {
	height: 26px;
	float: left;
	width: 12px;
}

div.box div.header div.header_right {
	height: 26px;
	float: right;
	width: 12px;
}

div.box img { padding: 0 auto 0 auto; }
html > body div.box img { margin: 0px;padding: 0 auto 0 auto; }



div.box div.content {

	padding: 5px;

}
html > body div.box div.content {
	height: auto;
}

	/********
	* Green
	********/
	div.box#green .content { background-color: #b3e398; border: 1px #68c731 solid; width: 400px;height: 800px; }
	

	/********
	* Yellow
	********/
	div.box#geel .content { background-color: #e2e480; border: 1px #d4d70f solid;height: 375px; }
        div.box#yellow .content { background-color: #e2e480; border: 1px #d4d70f solid;  width: 400px;}
	div.box#yellow img { background: url('../images/top2yellow.gif') repeat-x; }
	div.box#yellow .header .header_left { background: url('../images/top1yellow.gif') no-repeat; }
	div.box#yellow .header .header_right { background: url('../images/top3yellow.gif') no-repeat; }

	/********
	* Blue
	********/
	div.box#blauw .content { background-color: #92bde8; border: 1px #2c8cec solid; height: 373px;}
        div.box#blue .content { background-color: #92bde8; border: 1px #2c8cec solid;  width: 400px;}
	div.box#blue img { background: url('../images/top2blue.gif') repeat-x; }
	div.box#blue .header .header_left { background: url('../images/top1blue.gif') no-repeat; }
	div.box#blue .header .header_right { background: url('../images/top3blue.gif') no-repeat; }


	/********
	* Red
	********/
	div.box#red .content { background-color: #f2c3c3; border: 1px #f54f4f solid; border-top: none; }
	div.box#red img { background: url('../images/top2red.gif') repeat-x; }
	div.box#red .header .header_left { background: url('../images/top1red.gif') no-repeat; }
	div.box#red .header .header_right { background: url('../images/top3red.gif') no-repeat; }
                    div.box#img { text-align: center; width: 263px; margin: 0px; }
                    div.box#img table { margin: 0px auto; }
                    div.box#img img { background: none; margin-top: 5px; float: left; }

div.box a {	color: #000; text-decoration: none; }
div.box a:hover { text-decoration: underline; }

.line_g, .line_y, .line_b, .line_r {
	height: 2px;
	font-size: 1pt;
	width: auto;
}

.line_g { background: url('../images/line_g.gif') repeat-x; }
.line_y { background: url('../images/line_y.gif') repeat-x; }
.line_b { background: url('../images/line_b.gif') repeat-x; }
.line_r { background: url('../images/line_r.gif') repeat-x; }   

/********
* RSS
********/

.rssxpresschannel {
      text-align : left;
    }
/********
* Wrapper
********/

 .wrapper {
    display: flex;
}

.sidebar {
    background: #b3e398;
 
    padding: 20px;
    border: 1px solid black;
    width: 100px;
    height: 100%;
}

.content {
    background: none;
    border: none;
    padding: 0px 15px  20px 15px;

    flex: 1;
}