/* Css styles voor aportstep.nl 
	copyright: Henk van den Bor
	www.webtaurus.nl
	tel 06 - 53 55 96 17
	*/

/* {	
	margin: 0;
	padding: 0;
}*/

html, body 
{	
	color: #444444;
	font-size: 12px;
	font-family: Verdana, Arial;
	text-decoration: none;	
	text-align: center;
	margin: 0 auto;
	background-color: white;
	
}
body {
	overflow-x: hidden;
	overflow-y: scroll;
}

hr {
	color: #444444;
	height: 1px;
	background-color: #444;
	border: 0 none;
	
}

h1 
{
	font-size: 16px;
	font-weight: bold;
}

h2, h3, h4
{
   font-size: 12px;
   font-weight: bold;
}

 a:link, a:visited {
   color: #5791b3;
   border: none;
   text-decoration: none;
}
#content a:hover {
	color: #d77700;
}

#content a:link,#content a:visited {
   color: #5791b3;
   border-bottom: 1px dotted #5791b3;
   text-decoration: none;
}
#content a:hover {
	color: #d77700;
	border: none;
}
table
{
   font-family: Verdana, Arial;
   color: #555555;
	font-size: 12px;
	margin:10px 0 0 15px;;
}

div#container
{
   width: 980px;
   /*height: 700px;*/
   position: relative;
   margin: 0 auto; 
   padding-top: 8px;  
}

div#headercontainer
{
   position: relative;      
   left: 60px;
   background-color: white;
   width: 100%;
}

div#header
{
   background-color: white;
}

div#imglogo
{
   position: relative;
   margin-right: 0;		
	margin-bottom: 0;
	bottom: -10px;
	right: 0px;
   float: left;   
}

div#imgleft
{
   float: left;
   width: 300px;
}

div#imghomepage
{
   float: left;
   height:572px;
   width: 980px;
   margin:0;
}

div#content {
   padding: 20px 30px;
   float: left;
   width: 540px;
   min-height: 430px;
   text-align: left;
   overflow: auto;
   line-height: 150%;
   }

div#contenthomepage {
   position: absolute;   
   top: 90px;
   left: 550px;
   color: #FFFFFF;
   padding: 10px;   
   width: 360px;
   /*height: 300px;*/
   text-align: justify;
   font-size: 13px;
   line-height: 130%;
}

div#right {
   background-color: silver;
   float: left;
   width: 20px;
}

div#bottom {
   background-color: #e9d2a9;
   clear: both;
   height: 20px;
   margin:0 90px 20px 300px;
   /*width: 525px;*/
   padding: 0;
}
.center {
	text-align: center; height: 260px; 
}
a img{
	border: none; text-decoration: none;
	}
.right{
	float:right;
	margin:0 0 10px 20px;
}
#steps{
	/*width: 800px;
   height: 700px;*/
   position: relative;
   padding: 5px 25px; 
   margin: 0 auto;  
   text-align: left;
   background-color: white;
}
.acess{
	vertical-align: top;
	text-align: center;
}
#acessoires{
   position: relative;
   padding: 5px ; 
   margin: 0 auto;  
   text-align: left;
   background-color: white;
}
div#bottom-home
/*{
   background-color: #e9d2a9;
   clear: left;
   height: 20px;
   margin-left: 300px;
   width: 541px;
   padding: 0;
}*/
{
	border-bottom:20px solid #E9D2A9;
	clear:left;
	line-height:1.4em;
	margin-left:150px;
	padding:1em 0;
	text-align:justify;
	width:760px;
	min-height:400px;	
}
div.bottom-left{
	float:left;
	padding:0 20px 0 0;
	width: 360px;
}
div.bottom-right{
	clear:right;
	float:left;
	width: 340px;
	padding:0 0 0 30px;
}
#contenthomepage h1{
	font-size: 14px; text-align: left;
}
div#contenthomepage a{
	color: white;
}
.vertical{
	vertical-align: top;
}
.links{
	line-height: 1.8em;
	list-style-type: none;
	list-style-position: inside;
	padding:0 2px;
}
.route{
	min-height:160px;
}
#arrangement-homepage{
	position: absolute;   
   top: 490px;
   left: 640px;
   color: #323232;
   padding-top: 60px;   
   width: 260px;
   height: 110px;
   font-size: 18px;
   line-height: 100%;
   background: transparent url(../images/star-arrangementen.png) no-repeat 50% 50%;
   text-shadow:3px 2px 2px #FFFFFF;
}
#arrangement-homepage a{
	text-decoration: none;
}

/* These styles create the dropdown menus. */
#navbar {
   margin: 0 0 0 40px;
   padding: 0;
   height: 1em; 
   }
#navbar li {
   list-style: none;
   float: left;
   padding:0 10px 0 0; 
   }
#navbar li:hover a{
	background-color: #CFE0E9;
}   
   
#navbar li a {
   display: block;
   padding: 3px 6px;
   background-color: #E9D2A9;
   color: #000033;
   font-weight: bold;
   font-size: 13px;
   text-decoration: none; 
   }
#navbar li li a{
	font-size: 13px;
}
   
#navbar li ul {
   display: none; 
   width: 15em; /* Width to help Opera out */
   background-color: transparent; /*#FFF;*/
   z-index: 100; /* voor homepage */
   }
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; 
   }
#navbar li:hover li, #navbar li.hover li {
   float: none; 
   padding: 0;
   text-align: left;
   }
#navbar li:hover li a, #navbar li.hover li a {
   /*background-color: #e9d2a9;*/background: transparent url(../images/bg-menu.png) repeat 0 0;
   font-weight: normal;
   padding: 5px 6px;
   border-bottom: 1px solid #fff;
   color: #000; 
   }
#navbar li li a:hover {
   background: #9cbed2 none; 
   }
#navbar li li a{
	background: transparent url(../images/bg-menu.png) repeat 0 0;
}
#content a:link img, #content a:visited img{
	border: none;
}