/* 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: arial; font-size: x-small;}
a									{color: #004684;}
a:hover						{color: #5588C8; text-decoration: none;}
h1								{font-size: 25px; color: #004684; margin: 0px 0 5px 0; font-weight: bold;}
h2								{font-size: 16px; color: #004684; margin: 5px 0; font-weight: bold;}
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: white; margin: 5px 0; padding: 0;}

a h1								{text-decoration: none;}
a:hover h1					{text-decoration: underline;}
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;}

img.bg 						{/* Set rules to fill background */ 	min-height: 100%; min-width: 1024px;
									 /* Set up proportionate scaling */ width: 100%; height: auto;            
									 /* Set up positioning */        position: fixed; top: 0; left: 0;
									 /*background: url(../images/bgx.jpg) no-repeat center top;*/}
@media screen and (max-width: 1024px) {/* Specific to this particular image */ img.bg {left: 50%; margin-left: -512px;   /* 50% */}  }

.backdiv					{position: relative;}
.container				{border: 0px solid #CCC; width:960px; margin-right:auto; margin-left:auto; margin-top:0px; padding:0px; text-align:left; min-height: 450px;}
/**/
.logobar					{height: 120px;}
.logo							{float: left; margin: 70px 0 0 35px;}
.logobackground		{background: url(../images/korade-logo-background.png) no-repeat left top; height: 176px; width: 266px; position: absolute; margin: 0 0 0 -50px; float: left; clear: both;}

.homemenu						{color: white; font-size: 10px; padding: 0px 60px 0 0; float: right;}
	.homemenu a				{color: white;  text-decoration: none;}
	.homemenu a:hover	{color: #5588C8;  text-decoration: underline;}

.vlagmenu					{color: #004684; font-size: xx-small; float: right; padding: 0px 85px 0 0; clear: both;}
.vlagmenu img 			{margin: 5px 10px 0px 0; border: 1px solid white; top: 10px;}

/**/
.menu								{text-align: left; float: left; font-size: 14px; font-weight: bold; padding: 10px 0 0 0;}
	.menu a						{color: white; text-decoration: none; padding: 0 10px 0 10px;}
	.menu a:hover			{color: white; text-decoration: none;}

.topbanner					{height: 270px; color: white;}
.topbanner#content	{height: 60px;}
.title							{float: left; margin: 75px 0 0 25px;}
.video							{float: right; background: white; padding: 10px;}

.breadcrumb					{margin: 10px 10px 10px 0; clear: both; float: right; width: auto; min-width: 960px; text-align: right; font-size: xx-small;}
.breadcrumb a				{color: #ccc;}

/**/
.submenu						{border: 0px solid purple; display: block; float: left; width: 180px; padding: 10px 10px 0 10px; margin: 0 20px 0 0; text-align: left; font-weight: bold; background: white;}
	.submenu a					{display: block; color: #004684; padding: 2px 2px 15px 10px; background: url(../images/h2_arrow.gif) no-repeat 0px 2px; text-decoration: none; font-size: 13px;}
	.submenu a:hover		{color: #5588C8; text-decoration: none; }
	
/**/
.content						{border: 0px solid blue; margin: 0px 0px 10px 0px; height: 1px; text-align: left; height: auto; min-height: 350px;}	
.container#homepage .content		{}
.container#homepage .submenu		{display: none;}
.content#content		{background: white; padding: 10px 10px 30px 10px; width: 720px; float: right;}
.content ul					{line-height: 200%;}

.left							{float: left; width: 630px;}
.right						{float: right; width: 330px;}

.kader						{width: 280px; height: auto; float: left; margin-left: 30px; background: white; padding: 10px;}
.kader hr					{margin: 0;}
.kader .inleiding	{font-weight: bold; line-height: 200%;}
.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%; font-size: 12px;}

.qtachad					{border: 0px solid black; float: right; margin: 20px 0 0 0;}

.collumn1					{border: 0px dashed red; width: 280px; margin-right: 30px; background: white; padding: 10px; float: left;}
.collumn2					{border: 0px dashed red; width: 280px; background: white; padding: 10px; float: left;}
.collumn_wide1		{border: 0px dashed red; width: 610px; margin-top: 20px; background: white; padding: 10px; float: left; }
.collumn_wide2		{border: 0px dashed red; width: 610px; margin-top: 20px; background: white; padding: 10px; float: left; }
.collumn_wide2 img	{float: left; margin: 20px 0 0 0;}

.english					{float: right;}

.footer						{border-top: 1px dotted #aaa; color: white; font-size: 11px; text-align: center; clear: both; padding: 15px 0 0 0;}
.footer img				{float: right; margin: -15px 0 0 0;}
.footer a					{color: white; text-decoration: none; }
.footer a:hover		{color: #999; text-decoration: underline; }
.footertext				{border: 0px solid green; padding: 5px 0 0 0;}
.addthis_toolbox 	{float: left;}

.graylink					{color: #aaaaaa;}

.twitter  					{background: #004684; width: 960px; height: 70px; margin: 20px 0 0 0; float: left;}


/* end */