/* style sheet */
/* korade */
/* used colors */
/* 004684 dark blue */
/* 5588C8 light blue */

HTML							{text-align: left; width: 100%}
body								{height: 100%; padding:0; margin:0; text-align: center; font-family: verdana; font-size: x-small; background: white;}
a									{color: #004684;}
a:hover						{color: #5588C8; text-decoration: none;}
h1								{font-size: x-large; color: #004684; margin: 5px 0; font-weight: normal; padding-left: 10px; background: white url(../images/h1_arrow.gif) no-repeat left top;}
h2								{font-size: medium; color: #5588C8; margin: 5px 0; font-weight: normal; padding-left: 0px; background: url(../images/sub_back.gif) repeat-y top left;}
h3								{font-size: small; color: #004684; margin: 5px 0;}
h4								{font-size: small; color: #5588C8; margin: 5px 0;}
p									{margin: 5px 0 5px 0; line-height: 200%;}
hr									{size: 1px; height: 1px; color: #5588C8; margin: 5px 0; padding: 0;}

a h2								{text-decoration: none;}

fieldset							{border: 1px dotted #ccc; padding: 5px;}
label								{width: 100px; margin-right: 10px; display: inline-block; color:gray; font-weight: bold; margin: 10px 0;}
fieldset div						{float: left; width: 300px; border: 1px dotted #eee; margin: 0 5px 5px 0;}

.backdiv					{background: white url(../images/bck_03.jpg) repeat-x center top;}
.container				{border: 0px solid #CCC; width:900px; margin-right:auto; margin-left:auto; margin-top:0px; padding:0px; text-align:left; background: #fff; min-height: 450px;}
/**/
.logobar					{border: 0px dashed gray; height: 45px; padding: 5px; }
.logo							{border: 0px solid orange; float: left; margin: 5px 0 0 5px;}
.logo img					{border: 0;}
.homemenu					{border: 0px solid orange; color: #004684; float: right; font-size: xx-small; margin-top: 30px;}
	.homemenu a				{color: #004684;  text-decoration: none;}
	.homemenu a:hover	{color: #5588C8;  text-decoration: underline;}
/**/
.topbanner				{border: 0px solid pink; height: 252px; background: #004684 url(../images/korade_line.jpg) no-repeat bottom right; color: white;}
.menu							{border: 0px solid lime; height: 221px; width: 149px; text-align: left; float: left; font-size: medium; font-weight: bold;}
	.menu a						{color: white; text-decoration: none; height: 45px; padding: 5px; display: block;}
	.menu a:hover			{color: white; text-decoration: none;}
.breadcrumb					{margin: 10px; clear: both; float: right; width: auto; min-width: 75px; text-align: right; font-size: xx-small;}
.breadcrumb a					{color: #ccc;}
/**/
.submenu					{border: 0px solid purple; display: block; float: left; width: 145px; padding: 2px; margin: 2px; text-align: left; background: url(../images/sub_back.gif) repeat-y top left; font-weight: bold;}
	.submenu a					{display: block; color: #004684; padding: 2px 2px 15px 10px; background: url(../images/h2_arrow.gif) no-repeat left top;}
	.submenu a:hover		{color: #5588C8; text-decoration: none; }
/**/
.content					{border: 0px solid blue; margin: 5px 5px 10px 150px; padding: 5px; background: #fff; height: 1px; text-align: left; height: auto; min-height: 350px;}	
.container#homepage .content		{margin-left: 5px;}
.container#homepage .submenu		{display: none;}
.content ul				{line-height: 200%;}

.container#homepage .kader {display: inline;}
.kader						{width: 275px; height: auto; float: right; background: url(../images/kader_mid.gif) repeat-y top center; margin: 0 0 10px 10px; display: none;}
.kader div					{padding: 0 10px;}
.kader hr					{margin: 0;}
.newsdate, .newssource	{margin-bottom: 1px; padding-bottom: 2px; clear: both; width: auto; font-size: xx-small; font-style: italic; color: gray; display: block; text-align: right; border-bottom: 1px dotted #ccc;}
.newssource a			{ color: gray;}

.newsarchivedate 	{ font-size: xx-small; font-style: italic; color: gray; }

.inleiding				{font-weight: bold; line-height: 250%;}
.kader .inleiding	{font-weight: bold; line-height: 200%;}

.collumn					{border: 0px dashed red; display: inline-block; width: 275px; margin-right: 10px; float: left;}

.footer						{border-top: 1px dotted #aaa; color: #aaa; font-size: xx-small; letter-spacing: 2px; height: 50px; margin-top: 10px; margin-right:auto; margin-left:auto; text-align: center; clear: both; padding: 5px;}
.footertext				{border: 0px solid green; margin-top: 20px; display: inline-block;}
.footer a					{color: #aaa; text-decoration: none; }
.footer a:hover		{color: #999; text-decoration: underline; }

.graylink					{color: #aaaaaa;}

/*
.content1     				{display: block; float: left;  width: 500px; padding: 10px; margin: 5px; text-align: left; border-left: 2px dotted #CCC; }
*/


/*
.homeblock    { width: 345px; text-align: left; margin: 5px; padding: 5px; border: 1px solid #ccc; }

h2       { color: #004684; font-size: 14pt; }
h3       { color: #004684; font-size: 11pt; }
ul       { list-style-type: square; }
hr       { size: 1px; color: #004684; }
input    { font: 8pt courier; color: #004684; background: #EFEFEF; padding: 0.25em; margin: 0.25em; border: 1px solid #CCC; }
textarea { font: 8pt courier; color: #004684; background: #EFEFEF; padding: 0.25em; margin: 0.25em; border: 1px solid #CCC; SCROLLBAR-BASE-COLOR: #EFEFEF; }
q        { margin: 10px;  }
.button  { text-align: center; }
fieldset { border: 0px; }

label {
        margin: 0;
        display: inline;
        width: 11em;
        text-align: right;
        float: left;
}

fieldset div { width: auto; clear: left; float: left; }
*/


/* end */