/*-----------------------------------------------------------------*/
/* nke-scheepselektronica.nl

/*-----------------------------------------------------------------*/
/* [Table of contents]

1. 	Main
2. 	Body
3.		Outer #Outer
4.		Logo #Logo
5.		Nav #Nav
6.		Header #Header
7.		Content #Content
8.		Footer #Footer

/*-----------------------------------------------------------------*/
/* [1. Main] */

* { margin:0; padding:0; }
a { color: #4C4660; outline: none; text-decoration: underline; }
a:hover{ color: #797488; text-decoration: underline; }
ul, li{ list-style: none; }
td{ vertical-align: top; }

/*-----------------------------------------------------------------*/
/* [2. Body] */

Body{
	margin: 0;
	padding: 0px 0px 50px 0px;
	background: #252525 url(../images/layout/bg_body.png) repeat-x;
	font: 62.5% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

/*-----------------------------------------------------------------*/
/* [3. Outer #Outer] */

#Outer{
	position: relative;
	margin: 0px auto 0px auto;
	width: 920px;
	background: url(../images/layout/bg_outer.png);
	text-align: left;
}

/*-----------------------------------------------------------------*/
/* [4. Logo #Logo] */

#Outer #Logo a{
	position: absolute;
	top: 79px;
	left: 30px;
	width: 220px;
	height: 101px;
	overflow: hidden;
	line-height: 1000px;
	background: transparent url(../images/layout/logo_nke-scheepselectronica.png);
	z-index: 500;
}

/*-----------------------------------------------------------------*/
/* [5. Nav #Nav] */

#Outer #Nav{
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 500px; 
	width: 400px; /* 900-500 */
	height: 200px;
	border-left: 10px solid #615D6D;
	border-right: 10px solid #615D6D;
	z-index: 100;
}

#Nav ul{
	margin: 10px 0px 0px 0px;
	width: 200px;
}

#Nav ul li a{
	float: left;
	display: block;
	margin: 0px 0px 0px 0px;
	width: 200px;
	height: 30px;
	overflow: hidden;
	line-height: 1000px;
}

#Nav a.home{ background: url(../images/layout/nav_home.png) 0px 0px; }
#Nav a.home:hover{ background: url(../images/layout/nav_home.png) 0px 30px; }
#Nav a.producten{ background: url(../images/layout/nav_producten.png) 0px 0px; }
#Nav a.producten:hover{ background: url(../images/layout/nav_producten.png) 0px 30px; }
#Nav a.adrena{ background: url(../images/layout/nav_adrena.png) 0px 0px; }
#Nav a.adrena:hover{ background: url(../images/layout/nav_adrena.png) 0px 30px; }
#Nav a.dealers{ background: url(../images/layout/nav_dealers.png) 0px 0px; }
#Nav a.dealers:hover{ background: url(../images/layout/nav_dealers.png) 0px 30px; }
#Nav a.contact{ background: url(../images/layout/nav_contact.png) 0px 0px; }
#Nav a.contact:hover{ background: url(../images/layout/nav_contact.png) 0px 30px; }
#Nav a.links{ background: url(../images/layout/nav_links.png) 0px 0px; }
#Nav a.links:hover{ background: url(../images/layout/nav_links.png) 0px 30px; }

/*-----------------------------------------------------------------*/
/* [6. Header #Header] */

#Outer #Header{
	position: absolute;
	top: 200px;
	left: 0px;
	width: 900px;
	height: 200px;
	background: #D3D1D8;
	border-left: 10px solid #3D384D;
	border-right: 10px solid #3D384D;
	z-index: 100;
}

/*-----------------------------------------------------------------*/
/* [7. Content #Content] */

#Outer #Content{
	padding: 450px 0px 20px 30px;
	width: 460px;
}

#Content h1{
	margin: 0px 0px 20px 00px;
	font: italic bold 1.3em/2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

#Content h2{
	margin: 0px 0px 20px 00px;
	font: bold 1.1em/2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

#Content p, #Content table{
	margin: 0px 0px 20px 0px;
	font: 1.1em/2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

#Content table tr.trheader{ background: #D3D1D8; }
#Content table tr.trdark{ background: #F1F1F3; }
#Content table tr.trlight{ background: #FFFFFF; }
#Content table td.tdstart{ padding-left: 5px; }
#Content table td.tdend{ padding-right: 5px; }

#Content ul{
	margin: 0px 0px 20px 0px;
	font: 1.1em/2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

#Content ul li{
	padding: 0px 0px 0px 14px;
	background: url(../images/layout/bg_li.png) no-repeat 0px 10px;
}

#Content hr{
	margin: 0px 0px 20px 0px;
	background: #D3D1D8;
	border: 0;
	border-top: 1px solid #D3D1D8;
	color: #D3D1D8;
	height: 1px;
}

#Content #Header_home{
	margin: 0px 0px 20px 0px;
	width: 289px;
	height: 22px;
	overflow: hidden;
	line-height: 1000px;
	background: transparent url(../images/layout/header_homepage.png) no-repeat;
}

#Content #Header_contact{
	margin: 0px 0px 20px 0px;
	width: 200px;
	height: 18px;
	overflow: hidden;
	line-height: 1000px;
	background: transparent url(../images/layout/header_contact.png) no-repeat;
}

#Content #Header_links{
	margin: 0px 0px 20px 0px;
	width: 200px;
	height: 18px;
	overflow: hidden;
	line-height: 1000px;
	background: transparent url(../images/layout/header_links.png) no-repeat;
}

#Content #Header_dealers{
	margin: 0px 0px 20px 0px;
	width: 200px;
	height: 18px;
	overflow: hidden;
	line-height: 1000px;
	background: transparent url(../images/layout/header_dealers.png) no-repeat;
}

#Content #Header_producten{
	margin: 0px 0px 20px 0px;
	width: 289px;
	height: 22px;
	overflow: hidden;
	line-height: 1000px;
	background: transparent url(../images/layout/header_producten.png) no-repeat;
}

#Content #Header_adrena{
	margin: 0px 0px 20px 0px;
	width: 289px;
	height: 18px;
	overflow: hidden;
	line-height: 1000px;
	background: transparent url(../images/layout/header_adrena.png) no-repeat;
}

#Content input{
	margin: 0px 0px 5px 0px;
	padding: 2px 0px 2px 5px;
	width: 304px; /* 310-2-2-1-1 */
	border: 1px solid #D3D1D8;
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

#Content select{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 5px;
	/* width: 308px; /* 310-1-1 */
	width: auto;
	border: 1px solid #D3D1D8;
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

#Content textarea{
	margin: 0px 0px 20px 0px;
	padding: 5px;
	width: 448px; /* 460-5-5-1-1 */
	height: 100px;
	border: 1px solid #D3D1D8;
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	overflow: auto;
}

#Content input.checkbox{
	width: auto;
	border: none;
	vertical-align: middle;
}

#Content input.false, #Content textarea.false{ border: 1px solid #CA8080; }

#Content input.submit{
	margin: 0px 0px 20px 0px;
	width: auto;
	border: 1px solid #D3D1D8;
	background: #F1F1F3;
	cursor: pointer;
}

/*-----------------------------------------------------------------*/
/* [8. Footer #Footer] */

#Outer #Footer{
	margin: 0px 0px 0px 10px;
	padding: 15px 0px 0px 20px;
	width: 880px; /* 900-20 */
	height: 25px; /* 40-15 */
	background: #4C4660;
	border-bottom: 10px solid #1E1E1E;
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #797488;
	letter-spacing: 1px;
}

#Footer a{
	color: #797488;
	text-decoration: none;
}

#Footer a:hover{
	color: #D3D1D8;
}