/* CSS Document */

body {
	background:url(../images/top_line.jpg) repeat-x top; 
	font-size:12px;
	color:#656565;
	margin:0;
}

img {
	border:none;
}

h1 {
	font-size:21px;
}

h2 {
	font-size:18px;
}

h3 {
	font-size:15px;
}

input, textarea
{
  font-size: 9pt;
  font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  padding: 1px;
  padding-left: 3px;
  padding-right: 3px;
  background-color: #ffffff;
  border: 1px solid #666666;
}

input.button
{
  height: 20px;
  color: #333333;
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
  background: url(../images/bt.gif) repeat-x #f0f0f0;
  border: 1px solid #a4a4a4;
}

input.button:hover
{
  color: black;
  font-weight:bold;
}

table.plan{
	border:1px solid #000000;
	text-align:center;
}

td.head{
	background:#B9ECCB;
	border:1px solid #000000;	
}

tr.headline{
	background:#B9ECCB;
}
table.plan td{
	border:1px solid #000000;	
}

#main {
	width:100%;
	float:left;
	padding:20px 0 0 0;
	margin:0;
}

/* --------------------------------- BEGIN HEADER --------------------------------------------- */
#head {
	width:100%;
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#head a {
	color:#666666;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}

#head a:hover {
	color:#fcaf16;
	font-size:18px;
}

#head .buttons_left {
	width: 12%;
	float:left;
	text-align:center;
	height:67px;
	font-weight:bold;	
	color:#575E82;
	font-size:14px;	
}

#head .logo_center {
	width: 26%;
	float:left;
	height:67px;
}

#head .buttons_right {
	width: 12%;
	float:left;
	text-align:center;	
	height:67px;
	font-weight:bold;	
	color:#575E82;
	font-size:14px;	
}

#head .line {
	width:100%;
	border-bottom:#000033 2px solid;
	height:30px;
	padding-top:5px;
	float:left;
	font-size:14px;
}

#head .line .tekst{
	width:25%;
	padding-left:5%;
	padding-right:5%;
	float:left;
	height:15px;	
}

#head .line .lang{
	height:15px;
	float:right;
	padding-right:8%;
}

#head .line .lang a {
	font-weight:normal;
	color:#656565;
}

#head .line .lang a:hover {
	font-weight:normal;
	color:#656565;
	text-decoration:underline;
	font-size:14px;
}


/* --------------------------------- END HEADER --------------------------------------------- */


/* --------------------------------- BEGIN CONTENT --------------------------------------------- */
#content {
	width:100%;
	float:left;
	padding:0;
	margin:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-bottom:#000033 2px solid;	
}

/* -- for index page */

#content .col_img{
	width:33%;
	text-align:center;
	padding:0;
	float:left;
}

#content .col_img a{
	font-size:21px;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}

#content .col_img a:hover{
	color:#fcaf16;
}


#content .col_bar {
	width:33%;
	float:left;
}

#content .col_center {
	width:33%;
	float:left;
	border-left:1px dotted #999999;
	border-right:1px dotted #999999;	
}

#content .col_bar p, #content .col_center p {
	padding:0 20px 0 20px;
}

#content .col_bar h3, #content .col_center h3 {
	padding:0 20px 0 20px;
	text-align:center;
}

/* -- end of for index page */



#content .leftbar{
	width:18%;
	float:left;
	padding:0;
}

#content .rightbar{
	width:18%;
	float:right;
	padding:0;
}

#content .leftmenu{
 width:90%;
 padding:5px 5% 0 5%;
 color:#000066;
 font-size:14px;
}

#content .leftmenu hr{
	border:1px solid #999999;
}

#content a{
	color:#666666;
	text-decoration:none;
}

#content a:hover{
	color:#fcaf16;
}

#content .leftbar .mail, #content .rightbar .acct{
	width:90%;
	padding:0 5% 0 5%;
	float:left;
	color:#FFFFFF;	
}

#content .leftbar .mail{
	background:#80c341;	
}

#content .rightbar .acct{
	background:#fcaf16;
}

#content .leftbar .title{
	background:#666666;
	color:#F8FEE2;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
}

#content .middle{
	width:63%;
	float:left;
}

#content .middle div{
	padding:10px;
}

/* --------------------------------- END CONTENT --------------------------------------------- */

/* --------------------------------- BEGIN Footer --------------------------------------------- */
#footer {
	width:100%;
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


/* --------------------------------- BEGIN Footer --------------------------------------------- */

/* -- for index page */

#footer .foo_bar1 {
	background:#80c341;
	width:20%;
	float:left;
	height:150px;
	color:#FFFFFF;
}
#footer .foo_bar2 {
	background:#686d71;
	width:60%;
	float:left;
	height:150px;
	color:#FFFFFF;
}

#footer .foo_bar3 {
	background:#fcaf16;
	width:20%;
	float:left;
	height:150px;
	color:#FFFFFF;	
}

#footer .foo_bar1 div, #footer .foo_bar2 div, #footer .foo_bar3 div {
	padding:0 10px 0 10px;
}