/* Stylesheet for general CMSv2 site... */

/* a:visited  { color:#FFFFFF; text-decoration:none; border-bottom:1pt dotted #FFFFFF; } */
/* a:link     { color:#FFFFFF; text-decoration:none; border-bottom:1pt dotted #FFFFFF; } */

/* For W3C browsers: make sure the entire window is filled. */

html {
  margin:0px; 
  padding:0px; 
  width:100%; 
  height:100%;
} 

/* The appearance of the site body */
.site_body     { 
  margin:0px; 
  padding:0px; 
  background-color:#ADFF30; 
  height:100%;
  color:#000000; 
  font-size:12px; 
  font-family: Arial, Arial, Helvetica, sans-serif; 
  overflow:hidden;
}

/* The appearance of the content iframe */
/* Here it can be choosen if the frameset has scrollbars, or the iframe.
 * 
 * Situation 1: Scrollbars in the iframe:
 *   - content_frame needs either a height or a bottom spec.
 *   - content_frame may NOT contain overflow:hidden (overflow-x:hidden is allowed though)
 *   - <body> tag in content.php may NOT contain "scroll=no"
 *
 * Situation 2: Scrollbars in the complete site (e.g. like CashToday)
 *   - content_frame may NOT have a height or a bottom spec.
 *   - content_frame contains overflow:hidden
 *   - <body> tag in content.php contains "scroll=no"
 *
 * DO NEVER SPECIFY height FOR content_body
 *
 */
.content_frame { 
  position:absolute; 
  left:164px;
  right:0px; 
  top: 77px;
  bottom:0px; 
  visibility:hidden; 
  overflow-x:hidden;
  background-color:#ADFF30;
  background-image:url(/p-httpd/images/); 
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.content_body  {
  background-color:transparent;
  margin:0; 
  padding:15px; 
  left:0px; 
  right:0px; 
  color:#000000; 
  font-size:12px; 
  font-family: Arial, Arial, Helvetica, sans-serif; 
  overflow-x:hidden;
}

.header {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%; /* Necessary for IE */
  height:75px; 
  background-color:#990100;
  border-top: 1px solid #FF0204;
  border-bottom: 1px solid #FF0204;
  border-left: 1px solid #FF0204;
  border-right: 1px solid #FF0204;
  background-image:url(/p-httpd/images/upload_phprxMyxg.gif); 
  background-position:180px 0px;
  background-repeat: no-repeat;
}

.menubalk {
  position: absolute;
  top: 73px; 
  left: 0px;
  width: 160px;
  height: 100%;
  background-color:#663398;
  background-image: url(/p-httpd/_cache/_style/images/menu_raam.gif);
  background-repeat: no-repeat;
  background-position: 5px 10px;
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  overflow:auto;
}

.company_name {
  position: absolute;
  top: 8px;
  left: 180px;
  background-repeat: no-repeat;
  
}

.subcompany_name {
  position: absolute;
  top: 65px;
  left: 180px;
  background-repeat: no-repeat;
  
}
.content_image {
  position: relative;
  
  z-index: 0;
}

.cms_groot {font-size:18px; }
.cms_middel {font-size:12px; }
.cms_klein {font-size:10px;}
.cms_blauw { background-color: #66CCFF; padding: 10px; }
.cms_klein_grijs  { color: #666666; font-size:10px; }

#uwlogo  { position: absolute; top: 1px; left: 1px; z-index:1000; }

a          { color:#990100; text-decoration: underline; }
a:visited  { color:#990100; text-decoration: underline; }

p,body,td  { color:#000000; font-size:12px; font-family: Arial, Arial, Helvetica, sans-serif; }
h1         { color:#000000; font-weight: bold; font-size:20px; text-align:left}
h2         { font-weight: bold; font-size:15px; text-align:left }
h3         { font-weight: bold; font-size:13px; }
h4         { font-weight: bold; font-size:13px; }
table      { border-color: #000000;}
img        { padding: 0px;}
.thumbnailer td img  { margin-left: 15px; margin-right: 15px;}

.PopStyle  { z-index: 20; top: 0px; left: 0px; position: absolute; visibility: hidden; width:200px;}
.NoteStyle { color:#000000; background-color:#FFFFA0; border: solid 1px #FFE53E; border-top: solid 5px #FFE53E; font-size:12px; padding:4px;}
.alt       { background-color:#8BDD10;}
.var       { background-color:#6ABB00;}
.inv       { background-color:#6ABB00;}
.error           { color:red; }

.email_response_form    { float:left; width:80%; padding-left:0px; margin:0px;}
.email_response_form td { padding:2px; padding-right:4px; padding-left:4px; margin:0px; font-size:13px; }
.email_response_form th { text-align:center; padding:0px; margin:0px; padding:3px; font-size:14px; color:#FFFFFF; }
.email_response_input    { color: #000000; width:100%; font-size:13px; }
.email_response_form input    { font-size:13px;}
.email_response_form textarea { font-size:13px; width:100%; }

.logon_help { font-size:12px;}
.logon_info { background-color:transparent;font-size:12px;}
.logon      { border: solid 1px #000000; background-color: #8BDD10;}
.logon_header { text-align:center; }
.logon .alt { background-color: #6ABB00;}


.news_title { text-align:left; font-weight:bold; padding-left:5px; padding-right:5px; border-bottom:solid 1px #000000; border-top:solid 1px #000000; }
.news_date { text-align:right; font-weight:bold; padding-left:5px; padding-right:5px; border-bottom:solid 1px #000000; border-top:solid 1px #000000; }
.news_subtitle { font-size: 14px; font-weight: bold; } 
.news_abstract { font-size:11px; font-weight:normal; } 
.news_detail_title { text-align:left; font-size:14px; font-weight:bold; padding-left:5px; padding-right:5px; border-bottom:solid 1px #000000; border-top:solid 1px #000000; } 
.news_detail_date { text-align:right; font-size:14px; font-weight:bold; padding-left:5px; padding-right:5px; border-bottom:solid 1px #000000; border-top:solid 1px #000000; }
.news_detail_body { font-size:11px; font-weight:normal; }
.news_detail_subtitle { font-size: 12px; font-weight: bold; } 
.news_more { display:block; font-size: 11px; font-weight: normal; font-style:italic; }

.thumbnailer td { padding:1px; }

.TabSet {
  clear:            both;
  width:            100%;
  font:             Menu;
  cursor:           Default;
  display:          inline;
  margin:           1px -1px 1px 2px;
  float:            left;
  padding:          2px 5px 3px 5px;
  border:           0;/* 1px solid; */
  z-index:          3;
  white-space:      nowrap;
  position:         relative;
  top:              5px;
}
.TabPage {
  z-index:          2;
  width:            100%;
  border:           1px solid #444444;
  clear:            left;
  padding:          10px;
  background-color: #8BDD10;
}
.Tab {
  font:             Menu;
  cursor:           Default;
  display:          inline;
  margin:           1px -1px 1px 2px;
  float:            left;
  padding:          2px 5px 3px 5px;
  border:           1px solid; #444444;
  border-bottom:    0;
  z-index:          1;
  white-space:      nowrap;
  position:       relative;
  top:              1px;
  color:            WindowText;
  text-decoration:  none;
  height:           17px;
  width:            70px;
  background-color: #6ABB00;
  overflow:         hidden;
  font:             10px Tahoma;
  text-align:       center;
  color:            #444444;
}
.Tab:hover {
  background-color: #8BDD10;
  color:            #000000;
}
.Tab_sel {
  background-color: #8BDD10;
  border:           1px solid #000000;
  border-bottom:    0px;
  z-index:          3;
  padding:          2px 6px 4px 6px;
  margin:           1px -3px -3px 0px;
  top:              -1px;
  height:           19px;
  width:            70px;
  font:             10px Tahoma;
  float:			      left;
  white-space:	    nowrap;
  text-align:		    center;
  text-decoration:	none;
  color:            #000000;
  display:          inline;
  overflow:         hidden;
  position:         relative;
	cursor:			        Default;
}
.Tab_disabled {
  background-color:	#999999;
  border:           1px solid #666666;
	z-index:		      1;
  padding:          2px 5px 3px 5px;
  margin:           1px -1px 1px 2px;
	top:			        0px;
	height:				    17px;
	width:				    70px;
	font:			        10px Tahoma;
	float:			      left;
	white-space:	    nowrap;
	text-align:		    center;
  text-decoration:  none;
  color:            #666666;
	display:		      inline;
	overflow:		      hidden;
	position:		      relative;
	cursor:			      Default;
}


.portfolio            { border: 1px solid #663398; margin:10px; width:280px; height:100px; margin:8px; float:left; }
.portfolio th         { text-align:center; font-size:12px; background-color:#663398; border: 1px solid #663398; }
.portfolio th a       { text-align:center; font-size:12px; color:#FFFFFF; font-weight:bold;}
.portfolio td         { font-size:11px; padding:5px; }
.portfolio_more       { background-color:#EEEEEE; padding:4px; font-size: 11px; font-weight: normal; font-style:italic; }
.portfolio_body       { width:80%; }

