/* Article classes */
.articleToptitle				{margin-top: 7px; background: #F17901; color: #FFFFFF; height: 1.5em; font-family: Verdana,Tahoma,sans-serif; font-weight:bold; font-size: 80%; padding-top: 0px; padding-left: 0px; background-image: url(/portals/images/bg_curve_left.gif); background-repeat: no-repeat; }
.article						{padding-top: 1px; padding-right: 6px; padding-bottom: 6px; font-family: Verdana,Tahoma,sans-serif; }
.articleDate				{position: absolute; right: 6px; top: 28px; color: #FFFFFF; font-family:Verdana,Tahoma,sans-serif; font-weight:bold; font-size: 70%; /*width: 100px */ ;z-index: 5;padding-top:3px; text-align:right;}
.articlePics				{position: relative; width: 234px; float: right;  margin-left: 6px; margin-bottom: 6px;}

.artfotoLijst		{display: block; position: absolute; right: 0px; border: none; top: 0px; }

.articlemainPic			{width: 234px; float: right; background: #F17901;  text-align: center;}
.articlePicture			{border:none; display:inline; cursor:-moz-zoom-in; cursor:url('/portals/ico/zoomin.cur'), auto; margin:2px;}
.thumbframe					{float: right;  border: 2px solid #F9A70D; border-top: 0px; color: #000000; font-size: 75%; text-indent: 8px; padding-bottom: 4px; padding-top: 2px; }
.thumbSpacer				{height: 6px;}
.articleThumb				{float: left; border: 2px solid #F17901; margin-bottom: 4px; margin-top: 4px; margin-left: 8px; margin-right: 0px;  cursor:-moz-zoom-in; cursor:url('/portals/ico/zoomin.cur'), auto; }	
.articlePicsControl	{text-indent: 0px; font-size: 80%; color: #000000; padding: 4px; float: right;}
.articleTitle				{padding-left: 6px; font-weight: bold; font-size: 130%; color: #000000; background: #F9A70D; border-bottom: 2px solid #000000;}
.articleSubtitle		{padding-left: 6px; font-weight: bold; font-size: 80%; color: #000000; margin-bottom: 6px; background: #F9A70D;}
.articleIntro				{padding-left: 6px; font-weight: bold; font-size: 70%; color: #000000;}
.articleBody				{padding-left: 6px; font-size: 70%; color: #000000;  margin-top: 6px;}

.articleTitle h1 {font-size:100%;margin-bottom:1px;margin-top:0px;}
.paragraph h2 {font-size:100%;margin-bottom:1px;}

/* Paragraph */
.paragraph					{padding-left: 6px;font-family: Verdana,Tahoma,sans-serif; margin-top: 12px; clear: left;}
.paragraphTitle			{font-size: 70%; font-weight: bold; color: #F17901;}
.paragraphBody			{font-size: 70%; color: #000000;}
/* Quote */
.quote							{padding-left: 6px;font-family: Verdana,Tahoma,sans-serif;  margin-top: 12px;  margin-right: 6px;  width: 100%; margin-bottom: 12px;}
.quoteBackGround		{background: #FFF6E5; padding: 12px; float: left;}
.quoteTitle					{font-size: 85%; font-weight: bold; color: #F17901;}
.quoteBody					{font-size: 70%; margin-top: 6px; color: #000000;}
/* Sidebars */
.sidebar						{padding-left: 6px;font-family: Verdana,Tahoma,sans-serif;  margin-top: 12px;  margin-right: 6px;  width: 100%; margin-bottom: 12px;}
.sidebarBackGround	{background: #F9A70D; padding: 12px; float: left;}
.sidebarTitle				{font-size: 70%; font-weight: bold; color: #000000;}
.sidebarBody				{font-size: 70%; margin-top: 6px; color: #000000;}
/* Authors */
.author							{padding-left: 6px;font-family: Verdana,Tahoma,sans-serif; margin-top: 12px; clear: left;}
.authorName					{font-size: 70%; color: #664200;}
/* Copyright */
.copyright					{padding-left: 6px;font-family: Verdana,Tahoma,sans-serif; margin-top: 12px; clear: left;}
.copyrightName				{font-size: 70%; color: #664200;}
/* Copyright Image*/
.copyrightImg					{padding-left: 6px;font-family: Verdana,Tahoma,sans-serif; margin-top: 12px; clear: left;}
.copyrightImgName			{font-size: 70%; color: #664200;}
/* article opties*/
.articleOptions		{padding-left: 6px;z-index:99; font-family:Verdana,Tahoma,sans-serif; color:#000000; font-weight:bold; text-decoration: none; font-size:70%;  padding-top: 12px;}
.articleDivider		{padding: 0px; border-top: 1px solid #F17901; margin-bottom: 12px;}
.articleReact			{visibility: hidden; float: left; padding-right: 42px; cursor: pointer;}
.articleReactOver	{visibility: visible; float: left; text-decoration: underline; color:#00DAFD; padding-right: 42px;cursor: pointer;}
.articleMail			{visibility: visible; float: middle; padding-right: 42px; cursor: pointer;}
.articleMailOver	{visibility: visible; float: middle; text-decoration: underline; color:#00DAFD; padding-right: 42px; cursor: pointer;}
.articlePrint			{visibility: visible; float: right; padding-right: 70px;}
a.articlePrintLink, a.articlePrintLink:visited	{padding: 3px; padding-top:0px; text-decoration: none;}
a.articlePrintLink:hover	{color:#00DAFD; text-decoration: underline;}
.icon							{margin-right: 3px;}
/* articleReactions */
.articleReactTopTitle {height: 18px; font-family:Verdana,Tahoma,sans-serif;color:#FFFFFF;font-weight:bold; font-size:70%; background-color: #000000;padding-left: 0px; padding-top: 0px; background-image: url(/portals/programs/images/bg_curve_left.gif); background-repeat:no-repeat;}
.article {border: 2px solid #F9A70D; border-top: 0px;}
.articleCurverIMG 		{z-index: 999; visibility: visible; }
.articleCurver				{float: right;}
.articleReactions 		{padding: 6px; font-family:Verdana,Tahoma,sans-serif; color:#000000; font-size:70%; }
.articleReactTitle		{font-weight: bold;}
.articleReactText			{padding-top: 6px; }
.articleReactDivider	{padding: 0px; border-top: 1px solid #F9A70D; margin-bottom: 12px; margin-top: 12px;}
/* articleReactions Tha Form*/
.reactieFormulier 		{/* de style staat als attribute vermeldt omdat het dragscript anders niet werkt :-( */ }
.artReageerHeader			{background: #000000; font-size: 70%; color:#FFFFFF; font-weight: bold; border-bottom: 0px solid #F9A70D; cursor: move; text-align: right; padding: 3px;}
.artReageer						{background: #FFF6E5; padding: 6px; padding-left: 9px; font-family: Verdana,Tahoma,sans-serif; border:2px solid #F9A70D; border-top: 0px;}
a.artReageerLink, a.reageerLink:visited {color: #FFFFFF;}
a.artReageerLink:hover	{color: #FFF6E5; }
.artReageerText				{background: #FFF6E5; color: #000000; font-size: 75%; font-weight: bold; padding-top: 3px;}
.artReageerBody				{background: #FFFFFF; color: #000000;}
.artReageerInput			{background: #FFFFFF; color: #000000;}
.artReageerBottom			{background: #FFF6E5; color: #000000; font-size: 75%; padding-top: 12px; text-align: right; }
.artReageerSubmit			{color: #000000; cursor: pointer; right: 6px; ; }
/* Articles Zie Ook*/
.dotZieOok {border:2px solid #F17901; border-top: 0px; border-bottom: 2px solid #F17901; border-left: 2px solid #FFFFFF; z-index:3; padding: 0px; padding-left: 3px;}
/* .dotZieOok					{border:0px; border-left: 1px dotted #F17901;padding-left: 6px; padding-top: 3px;padding-bottom: 0px;} */
.dotZieOokTitle				{border:0px; border-left: 0px dotted #F17901;padding-left: 6px; padding-top: 3px;padding-bottom: 0px;}
.artZieOok						{position:relative; padding-left: 0px; }
.ZieOokTitle				{position: relative;	height: 1.7em; z-index:2; background:#F9A70D; font-family: Verdana,Tahoma,sans-serif; color: #FFFFFF; font-weight: bold; font-size: 70%; padding-left: 0px; padding-top: 0px;  background-position : top right; background-image: url(/portals/images/bg_curve_right.gif); background-repeat: no-repeat;}
.ZieOokIcon				{position:relative; padding-top:3px; padding-left: 0px; padding-bottom:0px;padding-right: 6px; font-family:Verdana,Tahoma,sans-serif;color:#000000;font-weight:bold; font-size:70%; width: 130px;}
.ZieOokText				{padding:0px; padding-left: 17px; padding-top: 0px; padding-bottom: 3px; }
.ZieOokText > ul > li > a				{font-family: Verdana,Tahoma,sans-serif; color:#F17901; font-weight: normal; font-size:70%; text-decoration: none;}
.ZieOokText > ul > li > a:hover {font-family: Verdana,Tahoma,sans-serif; color:#00DAFD; font-weight: normal; font-size:70%; text-decoration: underline;}
.artZieOokSpacer			{position:relative; width: 163px; border-top: 1px dotted #F9A70D; height: 1px; }