body {
	padding: 0px;
	margin: 0px;
	font-family: Trebuchet MS, Arial;
	font-size: 14px;
	color: #666666;
	background: url(../Images/bg_top.gif) repeat-x center top;
	background-color: #f1f2f1;
}

#wrapper{
	margin: 0px auto;
	width: 980px;
}

#top
{
	float:left;
	width:980px;
	height:159px;
	background: url(../Images/bg_polaroid_top.gif) repeat-x center top;
	}
	
#logo
{
	float:left;
	width:250px;
	height:100px;
	margin-top:28px;
	}
	
#login
{
	float:right;
	text-align:right;
	width:730px;
	height:42px;
	margin-top:15px;
	}
	
#menu
{
	float:right;
	margin-top:5px;
	width:720px;
	height:80px;
	font-size:12px;
	color:#666666;
	}


#visual
{
	float:left;
	width:980px;
	height:337px;
	background: url(../Images/bg_visual.gif) no-repeat center top;
	}

#slogan
{
	float:left;
	margin:20px 0 0 10px;
	width:970px;
	height:40px;
	font-size:34px;
	color:#ffffff;
	}

#show
{
	position:absolute;
	left:50%;
	margin-left:78px;
	margin-top:64px;
	width:249px;
	height:227px;
	padding-top:3px;
	}

#diensten
{
	float:left;
	margin:20px 0 0 10px;
	width:300px;
	height:220px;
	color:#ffffff;
	font-size:16px;
	}

#payoff
{
	float:left;
	width:970px;
	height:37px;
	margin:0;
	padding:8px 0 0 10px;
	text-align:left;
	font-size:14px;
	color:#666666;
	background: url(../Images/bg_polaroid_bottom.gif) no-repeat center top;
	}

#carousel { position: relative; height: 220px; margin:60px 0 0 400px; padding: 0; }
#carousel li { float: left; cursor: pointer; cursor: hand; list-style: none; margin: 0; padding: 0; width: 160px; height: 160px; }
#carousel li img { height: 100%; width: 100%; }	

#content
{
	float:left;
	width:940px;
	padding:20px;
	/*text-align:justify;*/
	}

#col1
{
	float:left;
	width:600px;
	min-height:300px;
	margin:0 20px 0 0;
	/*text-align:justify;*/
	}

#blok1
{
	float:left;
	width:290px;
	margin:0 10px 20px 0;
	}
	
#blok2
{
	float:left;
	width:290px;
	margin:0 0 20px 10px;
	}

#blok3
{
	float:left;
	width:290px;
	margin:0 10px 20px 0;
	}
#blok4
{
	float:left;
	width:290px;
	margin:0 0 20px 10px;
	}
	
#col2
{
	float:left;
	width:260px;
	min-height:290px;
	padding:10px 20px 20px 20px;
	/*text-align:justify;*/
	background-color:#f0f0f0;
	color:#666666;
	border:2px solid #e1e1e1;
	}	

#footer
{
	float:left;
	width:100%;
	height:345px;
	padding-top:80px;
	text-align:center;
	background: url(../Images/bg_footer.gif) repeat-x left top;
	}

#copyright
{
	float:left;
	margin-top:90px;
	width:100%;
	color:#ffffff;
	text-align:center;
	}	
	
a { color: #003170; text-decoration:underline; }
a:hover { color:#00a7e3; text-decoration: underline; }

a.linknav {font-size:16px; color: #000000; font-weight:bold; text-decoration:none; }
a.linknav:hover {font-size:16px; color:#02b6e8; font-weight:bold; text-decoration: none; }

a.linkwit { color: #ffffff; text-decoration:none; }
a.linkwit:hover { color:#ffffff; text-decoration: underline; }


.Titel{font-size: 24px;
	color:#003170;
	}

.SubTitel{font-size: 16px;
	color:#00a7e3;
	font-weight:bold;
	}

.Intro
{
	color:#000000;
	}



h1
{
	color: #ffffff;
	font-size:24px;
	margin:0;
	padding:0;
   }

h2
{
	font-size: 16px;
	color:#000000;
   }

h3
{
	font-size: 20px;
	color:#000000;
	padding:0;
	margin:0;
   }
	
.textbox
{
	width:400px;
}

.textboxdomain
{
	width:360px;
	padding:4px;
	height:16px;
	font-size:14px;
	font-weight:bold;
}

.btnDomain
{
	width:60px;
	padding:4px;
	height:30px;
	font-size:14px;
	font-weight:bold;
}

.textarea
{
	width:130px;
	font-family: Arial;
	font-size:12px;
}

.button
{
	width:120px;
	height:24px;
	
	
}

/*Modal Popup*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #ffffff;
	border-width: 3px;
	border-style: solid;
	border-color: #000000;
	padding: 10px;
	width: 300px;
}

/*Custom call-out*/
.customCalloutStyle div, .customCalloutStyle td
{
    border: solid 1px Black;
    background-color: #ac957f;
    color: #ffffff;
    font-weight:bold;
}


.highlight
{
    color: Red;
}