body {
font-family: Arial, _sans ;
font-size: 12px;
color: #eee;
line-height: 1.7em;
_line-height: 1.8em;
font: Arial, Helvetica, _sans;
width: 100%;
display: table;
background: #575757 url(/img/body-bg.jpg) top center repeat-y;
}

/* GEN STYLES */

img {
border: 0;
}

a,
a:link,
a:active,
a:visited {
color: inherit;
text-decoration: underline;
border: 0;
}

a:hover {
color: #999;
text-decoration: underline;
}

/*----------------
	BG
----------------*/

#bg {
width: 1000px;
height: 100%;
margin: auto;
color: #ffffff;
behavior: url(/css/iepngfix.htc);
}

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

#header {
width: 880px;
height: 126px;
margin: 0 auto;
padding: 14px 50px 0 50px;
}

#header #logo {
float: left;
margin-top: 10px;
}

#header #naw {
float: right;
margin: 10px 5px 0 0;
}


/*----------------
	NAV
----------------*/

#nav {
font-family: "Arial Narrow", Arial, _sans;
width: 880px;
height: 30px;
margin: 0 auto;

/*background: transparent url(/img/nav-pipe-rnd.png) top center no-repeat;*/
/*_background: transparent url(/img/nav-pipe-rnd.gif) top center no-repeat;*/
color: #999;
letter-spacing: 1px;
border-top: 1px dotted #444;
border-bottom: 1px dotted #444;
}

#nav #topnav {
text-align: center;
padding: 5px;
margin: 0 auto;
}

#nav .nav-rub {
padding: 7px 15px;
background-color: transparent;
text-transform: uppercase;
}

#nav .nav-rub:hover {
}

#nav a {
color: #888;
}

#nav a:hover,
#nav a:active {
color: #fff;
text-decoration: underline;
border: 0;
}

/*----------------
	INDEX CONTENT
----------------*/

#index-content-wrapper {
width: 640px;
float: left;
margin-left: 60px;
padding-bottom: 20px;
}

#index-content {
width: 590px;
margin: 40px 0 0 0;
padding: 0 20px;
/*border: 1px dotted #333;*/
}

#aankeiler-wrapper {
width: 180px;
float: right;
margin: 40px 60px 0 30px;
font-family: Arial, _sans;
font-weight: bold;
font-size: 1.1em;
/*color: #4b8903;*/
color: #c00;
text-align: center;
}

#aankeiler-top {
width: 180px;
height: 30px;
background: transparent url(/img/aankeiler-bg-top.gif) top left repeat-y;
}

#aankeiler {
width: 180px;
padding: 0px 0px;
background: transparent url(/img/aankeiler-bg-body.gif) top left repeat-y;
}

#aankeiler-bottom {
width: 180px;
height: 50px;
background: transparent url(/img/aankeiler-bg-bottom.gif) top left repeat-y;
margin-top: -25px;
}
/*
.aankeiler-item {
width: 90px;
height: 90px;
background: transparent url(/img/star-green.png) top left no-repeat;
_background: transparent url(/img/star-green.gif) top left no-repeat;
margin: 0px 0 0 0;
padding: 18px 20px;
}
*/
#aankeiler .aankeiler-item {
width: 140px;
padding: 0px 20px 2px 20px;
}

#aankeiler .aankeiler-divider {

}

.aankeiler-xtra {
color: #bbb;
margin: 25px 0;
font-weight: normal;
}

.aankeiler-xtra a:hover {
color: #fff;
text-decoration: underline;
}


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

#content-wrapper {
width: 640px;
float: left;
margin-left: 60px;
padding-bottom: 20px;
}

#content {
width: 600px;
margin: 40px 0 0 0;
padding: 0 20px;
/*border: 1px dotted #333;*/
}

#content a {
text-decoration: underline;
}

#content #contact-info {
width: 250px;
float: left;
}

#content #contact-form {
width: 280px;
float: right;
padding: 20px;
border: 1px dotted #666;
}

#content .team-item {
float: left;
width: 550px;
padding: 20px;
border: 1px dotted #666;
margin-top: 20px;
}

#content .team-item-title {
width: 500px;
float: left;
margin-bottom: 10px;
}

#content .team-item-left {
width: 200px;
float: left;
padding: 5px;
border: 1px solid #333;
}

#content .team-item-right {
width: 310px;
float: left;
margin-left: 20px;
}

#content .book {
position: relative;
float: left;
width: 250px;
padding: 15px;
border: 1px dotted #666;
margin: 0px 10px 15px 0px;
}

#content #book-info {
position: relative;
float: left;
clear: both;
margin-bottom: 30px;
}

#content .book-img {
position: relative;
float: left;
}

#content .book-title {
position: relative;
float: left;
margin-top: 10px;
}

#book-content-wrapper {
width: 880px;
float: left;
margin-left: 60px;
padding-bottom: 20px;
}

#book-content {
width: 840px;
margin: 40px 0 0 0;
padding: 0 20px;
/*border: 1px dotted #333;*/
}

#form-wrapper {
width: 280px;
padding: 20px;
border: 1px dotted #666;
}


/*----------------
	NEWS
----------------*/

#news-scroller {
width: 640px;
_width:600px;
/*height: 520px;*/
position: relative;
float: left;
margin: 10px 5px 0 5px;
}

#news {
width: 600px;
padding-bottom: 15px;
}

#news #news-inner {
width: 600px;
position: relative;
float: left;
background-image: url(/img/news-bg.gif);
background-repeat: no-repeat;
padding-top: 20px;
}

#news #news-bottom {
width: 600px;
height: 20px;
position: relative;
float: left;
background-image: url(/img/news-bg-bottom.gif);
background-repeat: no-repeat;
}

#newsnav {
float: right;
text-align:right;
padding-top: 5px;
}

#newsnav a {
text-decoration: none;
color: #ddd;
}

#news a {
text-decoration: none;
}

#news #flashcontent {
width: 580px;
height: 280px;
position: relative;
float: left;
text-align: center;
}

#news #news-content {
width: 100%;
position: relative;
float: left;
margin: 10px 10px 10px 0px;
}

#news .list {
position: relative;
float: left;
width: 550px;
border-bottom: 1px solid #333;
padding: 5px;
margin-bottom: 0px;
margin-left: 20px;
}

#news .listall {
position: relative;
float: left;
width: 550px;
padding: 0 5px;
margin-bottom: 5px;
margin-left: 20px;
}

#news .list a {
text-decoration: none;
}

/*----------------
	FOOTER
----------------*/

#footer {
width: 980px;
float: left;
margin: 0 10px;
text-align: center;
font-size: .9em;
color: #999;
border-top: 1px solid #444;
padding: 5px 0 20px 0;
}

#footer a {
color: inherit;
text-decoration: underline;
}

#footer a:hover {
color: #fff;
text-decoration: underline;
}


#rub-index {
position: absolute;
width: 800px;
height: 435px;
top: 0px;
/*border: 1px solid #660000;*/
}

#index {
position: absolute;
width: 800px;
height: 435px;
top: 175px;
/*border: 1px solid #660000;*/
}

/* SET RUB COLORS */

.color-indoor {
color: #481d29;
}

.bgcolor-indoor {
background-color: #481d29;
color: #ffffff;
}

.color-outdoor {
color: #7d9008;
}

.bgcolor-outdoor {
background-color: #7d9008;
color: #ffffff;
}

.color-projecten {
color: #00425c;
}

.bgcolor-projecten {
background-color: #00425c;
color: #ffffff;
}

/* END RUB COLORS */

#rub-index-title,
#rub-list-title {
position: absolute;
top: 218px;
left: 20px;
font-size: 18px;
vertical-align: middle;
}

#rub-index-bg {
position: absolute;
width: 554px;
height: 344px;
top: 80px;
left: 120px;
border: 3px solid #ffffff;
}

#rub-index-visual {
position: absolute;
width: 200px;
height: 300px;
top: 22px;
left: 20px;	
background-color: #ffffff;
}

#rub-index-txt {
position: absolute;
width: 300px;
height: 304px;
top: 22px;
left: 240px;
overflow: auto;	
_font-size: 12px;
/*border: 1px solid #ffffff;*/
}

#rub-list-bg {
position: absolute;
width: 664px;
height: 414px;
top: 10px;
left: 120px;
border: 3px solid #ffffff;
}

#rub-index #close {
position: absolute;
width: 18px;
height: 18px;
top: 5px;
left: 531px;
z-index: 999;
background-image: url(/img/butt-close.png);
_background-image: url(/img/butt-close.gif);
}

#rub-index #back {
position: absolute;
width: 18px;
height: 18px;
top: 30px;
left: 531px;
z-index: 999;
background-image: url(/img/butt-prev.png);
_background-image: url(/img/butt-prev.gif);
}

#rub-list #close {
position: absolute;
width: 18px;
height: 18px;
top: 5px;
left: 641px;
z-index: 999;
background-image: url(/img/butt-close.png);
_background-image: url(/img/butt-close.gif);
}

#rub-list #list-back {
position: absolute;
width: 18px;
height: 18px;
top: 30px;
left: 641px;
z-index: 999;
background-image: url(/img/butt-prev.png);
_background-image: url(/img/butt-prev.gif);
}

#rub-list #list-close {
position: absolute;
width: 18px;
height: 18px;
top: 5px;
left: 641px;
z-index: 999;
background-image: url(/img/butt-close.png);
_background-image: url(/img/butt-close.gif);
}

#tonav {
position: absolute;
width: 300px;
top: 310px;
left: 240px;
font-size: 15px;
text-decoration: none;
}

#tonav a {
text-decoration: none;
color: #ffffff;
*font-weight: bold;
}

#rub-list-nav {
position: absolute;
width: 624px;
height: 304px;
top: 20px;
left: 20px;
font-size: 11px;
overflow: auto;
/*border: 1px solid #ffffff;*/
}

#specs-outer {
position: absolute;
width: 670px;
height: 420px;
top: 10px;
left: 120px;
background-image: url(/img/white-90.png);
_background-image: url(/pixel.gif);
z-index: 999999;
}

#specs-bg {
position: absolute;
width: 600px;
height: 350px;
top: 30px;
left: 30px;
background-color: #7d9008;
border: 3px solid #ffffff;
}

#specs-close {
position: absolute;
width: 18px;
height: 18px;
top: 37px;
left: 611px;
z-index: 999;
background-image: url(/img/butt-close.png);
_background-image: url(/img/butt-close.gif);
}

#specs-back {
position: absolute;
width: 18px;
height: 18px;
top: 62px;
left: 611px;
z-index: 999;
background-image: url(/img/butt-prev.png);
_background-image: url(/img/butt-prev.gif);
}

#specs-img {
position: absolute;
width: 200px;
height: 300px;
left: 10px;
top: 25px;
/*border: 1px solid #660000;*/
}

#specs-txt {
position: absolute;
width: 210px;
height: 200px;
left: 220px;
top: 21px;
/*background-color: #ffffff;*/
}

#main #outer {
position: absolute;
top: 30px;
width: 800px;
height: 455px;
/*border: 1px solid #660000;*/
}

#page-bg {
position: absolute;
width: 560px;
height: 410px;
top: 0px;
left: 120px;
overflow: auto;
}

#page-txt {
position: absolute;
top: 20px;
left: 30px;
width: 500px;
overflow: auto;	
font-size: 14px;
/*border: 1px solid #ffffff;*/
}

#contact-bg1 {
position: absolute;
width: 240px;
height: 410px;
top: 0px;
left: 30px;
}


#contact-bg2 {
position: absolute;
width: 240px;
height: 410px;
top: 0px;
left: 280px;
}


#contact-bg3 {
position: absolute;
width: 240px;
height: 410px;
top: 0px;
left: 530px;
}

.contact-txt {
position: absolute;
top: 20px;
left: 15px;
width: 240px;
overflow: auto;	
font-size: 13px;
line-height: 2.3em;
/*border: 1px solid #ffffff;*/
}

#route {

}

#menudiv {
position: absolute;
top: 0px;
left: 0px;
padding-left: 300px;
padding-top: 19px;
}

#prodmenu {
position: relative;
padding-left: 100px;
margin-top: -30px;
_margin-top: -50px;
font-size: 15px;
}

#main #aanbiedingen-outer {
position: absolute;
left: 75px;
top: 175px;
top: 0px;
left: 120px;
width: 625px;
height: 400px;
background-color: #013243;
}

#aanbiedingen-title {
position: absolute;
left: 30px;
top: 10px;
line-height: 2em;
font-size: 14px;
font-weight: bold;
}

#main #aanbiedingen-inner {
position: absolute;
padding: 30px 0px 0px 10px;
margin-top: 20px;
_margin-left: -20px;
overflow: auto;
}

.aanbiedingen-item {
position: relative;
float: left;
width: 150px;
height: 330px;
margin: 0px 0px 20px 20px;
border: 2px solid #ffffff;
background-color: #013243;
}

.aanbiedingen-img {
position: relative;
width: 150px;
height: 225px;
}

.aanbiedingen-txt {
position: relative;
padding: 5px;
color: #fff;
}