@charset "utf-8";

body, html				{margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; color:#222222; line-height:1.6;}
body					{width:100%; height:100%; background:#1A1A1A url(../images/bg.jpg) no-repeat top center;}
a, a:hover, a:active, a:visited		{border:0; color:#1E1E1D;}
h1						{font:15px Arial, Helvetica, sans-serif; color:#333333; margin:0 0 20px 0; padding:0; font-weight:bold;}
table					{margin:20px 0 0 40px;}

div#pagetop				{width:100%; height:40px;}
div#menu				{width:322px; padding-top:12px; margin:0 auto;}
div#menu a				{height:11px; display:inline-block; margin:0 10px;}
div#menu a:hover		{background-position:0 -12px;}
a.home					{width:42px; background:url(../images/home.png) no-repeat;}
a.about					{width:143px; background:url(../images/about.png) no-repeat;}
a.contact				{width:71px; background:url(../images/contact.png) no-repeat;}

div#container			{width:810px; margin:0 auto;}
div#logo				{width:348px; height:55px; display:block; margin:50px auto 0 auto; background:url(../images/logo.png) no-repeat;}

div#footer				{width:100%; position:fixed; bottom:0; left:0; text-align:center; color:#343434; margin-bottom:10px; text-transform:uppercase; font-size:10px;}

.stepcarousel			{position:relative; overflow:scroll; width:810px; height:450px; margin-top:30px;}
.stepcarousel .belt		{position:absolute; left:0; top:0;}
.stepcarousel .panel	{float:left; overflow:hidden; margin:0 30px; width:750px; height:450px; background:url(../images/panel_bg.png) no-repeat;}
.stepcarousel .content	{width:670px; height:370px; padding:30px; margin:10px; background:#FAF8F3;}

input, textarea			{border:1px solid #CACACA; width:400px; overflow:hidden; padding:5px; font:11px Arial, Helvetica, sans-serif; color:#222222;}

input.verstuur			{border:0; width:95px; height:26px; padding:0; background:url(../images/verzenden.png) no-repeat;}
input.verstuur:hover	{background-position:0 -26px; color:none;}