/* - - - - - - - - - - - - - - - - - - - - -
Title: KAMBEN BV - Trading Company.
Author: B Ambition
URL: /css/screen.css

Created: May 05, 2008
Modified: Aug 05, 2008
- - - - - - - - - - - - - - - - - - - - - */

#ruimte {
margin-left: 10px;
}

#ruimte_2 {
margin-left: -10px;
}

#ruimte2 {
margin-left: 3px;
float: left;
}

#ruimte3 {
margin-left: -10px;
position: absolute;
}

#ruimte_header {
margin-top: 0px;
}

#ruimte_header2 {
height: 65px;
}

#ruimte_header3 {
margin-top: -5px;
}

#ruimteweg {
margin-top: -40px;
position: absolute;
}

#ruimteweg2 {
margin-top: -35px;
position: absolute;
}

#ruimteweg3 {
margin-top: -30px;
margin-left: -210px;
position: absolute;
}

#ruimteweg4 {
margin-top: -300px;
}

#punt {
postion: absolute;
}

#position_absolute {
position: absolute;
}

/* ******************  body  *************** */
* {margin:0; padding:0; border:0;}
body {margin:0; padding:0; font-family:"trebuchet MS"; font-size:12px; line-height:18px; color:#4b4b4b; background-color:#cccccc; background-image:url(../images/bg.jpg); background-repeat:repeat-x;}
a {color:#4b4b4b; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}
img {border:none;}
.clear {clear:both;}
h1 {color:#ffbdbf; font-size:16px; background-image:url(../images/h1_bg.gif); background-repeat:no-repeat; width:478px; font-weight:normal; font-family:"trebuchet MS"; line-height:28px; padding:2px 10px 8px 10px; margin:0px 0px 10px 0px;}
h6 {color:#ffbdbf; font-size:16px; background-image:url(../images/h6_bg.jpg); background-repeat:no-repeat; width:398px; font-weight:normal; font-family:"trebuchet MS"; line-height:28px; padding: 2px 10px 8px 10px; margin: 0px 0px 10px 0px;}
img{
border:0;
}
.button{
border:0;
}

/* ******************  navigation  *************** */
#navigation {background-image:url(../images/navigation_bg.jpg); background-repeat:repeat-x; width:874px; margin:0; padding:0; height:34px; margin-top:-5px;}
ul#nav {width:685px; height:29px;}
ul#nav, ul#nav li {list-style-type: none; margin:0; float:left;}
ul#nav li, ul#nav a {padding:0; margin:0; height:34px;}
ul#nav a {outline: 0; text-indent: -4000px; height:34px; line-height:34px;}

ul#nav #welkom a {width: 112px; height:34px; display:block; background-image:url(../images/navigation_2.jpg); background-position:0 0;}
ul#nav #webwinkel a {width: 133px; height:34px; display:block; background-image:url(../images/navigation_2.jpg); background-position:-112px 0;}
ul#nav #overons a {width: 123px; height:34px; display:block ;background-image:url(../images/navigation_2.jpg); background-position:-245px 0;}
ul#nav #service a {width: 202px; height:34px; display:block ;background-image:url(../images/navigation_2.jpg); background-position:-368px 0;}
ul#nav #contact a {width: 115px; height:34px; display:block ;background-image:url(../images/navigation_2.jpg); background-position:-570px 0;}

#nav #welkom a:hover, #nav #welkom .active {width:112px; background-position:0px -34px;}
#nav #webwinkel a:hover, #nav #webwinkel .active {width:133px; background-position:-112px -34px;}
#nav #overons a:hover, #nav #overons .active {width:123px; background-position:-245px -34px;}
#nav #service a:hover, #nav #service .active {width:202px; background-position:-368px -34px;}
#nav #contact a:hover, #nav #contact .active {width:115px; background-position:-570px -34px;}

ul#nav #welkom_de a {width: 112px; height:34px; display:block; background-image:url(../images/nav_de.jpg); background-position:0 0;}
ul#nav #webwinkel_de a {width: 133px; height:34px; display:block; background-image:url(../images/nav_de.jpg); background-position:-112px 0;}
ul#nav #overons_de a {width: 123px; height:34px; display:block ;background-image:url(../images/nav_de.jpg); background-position:-245px 0;}
ul#nav #service_de a {width: 202px; height:34px; display:block ;background-image:url(../images/nav_de.jpg); background-position:-368px 0;}
ul#nav #contact_de a {width: 115px; height:34px; display:block ;background-image:url(../images/nav_de.jpg); background-position:-570px 0;}

#nav #welkom_de a:hover, #nav #welkom_de .active {width:112px; background-position:0px -34px;}
#nav #webwinkel_de a:hover, #nav #webwinkel_de .active {width:133px; background-position:-112px -34px;}
#nav #overons_de a:hover, #nav #overons_de .active {width:123px; background-position:-245px -34px;}
#nav #service_de a:hover, #nav #service_de .active {width:202px; background-position:-368px -34px;}
#nav #contact_de a:hover, #nav #contact_de .active {width:115px; background-position:-570px -34px;}

ul#nav #welkom_en a {width: 112px; height:34px; display:block; background-image:url(../images/nav_en.jpg); background-position:0 0;}
ul#nav #webwinkel_en a {width: 133px; height:34px; display:block; background-image:url(../images/nav_en.jpg); background-position:-112px 0;}
ul#nav #overons_en a {width: 123px; height:34px; display:block ;background-image:url(../images/nav_en.jpg); background-position:-245px 0;}
ul#nav #service_en a {width: 202px; height:34px; display:block ;background-image:url(../images/nav_en.jpg); background-position:-368px 0;}
ul#nav #contact_en a {width: 115px; height:34px; display:block ;background-image:url(../images/nav_en.jpg); background-position:-570px 0;}

#nav #welkom_en a:hover, #nav #welkom_en .active {width:112px; background-position:0px -34px;}
#nav #webwinkel_en a:hover, #nav #webwinkel_en .active {width:133px; background-position:-112px -34px;}
#nav #overons_en a:hover, #nav #overons_en .active {width:123px; background-position:-245px -34px;}
#nav #service_en a:hover, #nav #service_en .active {width:202px; background-position:-368px -34px;}
#nav #contact_en a:hover, #nav #contact_en .active {width:115px; background-position:-570px -34px;}

div#flags {float:left; margin:0px 0px 0px 20px;height:34px;}

/* ******************  containers  *************** */
div#headcontainer {background-image:url(../images/site_bg.png); background-repeat:repeat-y; width:884px; margin:0 auto; padding:0; _clear:both;}

div#content {
background-image:url(../images/content_bg.gif); background-repeat:repeat-y; background-position:156px 0px; _margin-top:-5px; _clear:both; margin-left:5px;}
div#leftcol {width:155px; float:left; margin-left:1px; background-image:url(../images/leftcol_bg.gif); background-repeat:repeat-x; padding-top:10px;}
div#leftcol ul.subnav, div#rightcol ul.subnav {margin:0px 0px 0px 10px; width:85%;}
div#leftcol ul.subnav li, div#rightcol ul.subnav li { background-repeat:no-repeat; background-position:1px 2px; color:#4b4b4b; font-weight:bold; list-style-type:none; border-bottom:1px dotted #938d88;  padding:5px 0px 0px 20px;}
div#leftcol ul.subnav li a, div#rightcol ul.subnav li a {color:#4b4b4b; text-decoration:none;}
div#leftcol ul.subnav li a:hover, div#rightcol ul.subnav li a:hover {color:#4b4b4b; text-decoration:underline;}


div#centercol {width:497px;height:100%; float:left; padding:10px 0px 300px 7px; background-image:url(../images/centercol_bg.jpg); background-position:center; background-repeat:no-repeat;}
div#centercol p {margin:0px 0px 10px 10px; text-align:justify;}

div#rightcol {width:202px; float:left; margin-left:1px; background-image:url(../images/leftcol_bg.gif); background-repeat:repeat-x; padding-top:10px; margin-left:10px;}

/* footer */
div#footer {margin:0 auto; width:884px; color:#fff; padding:0; text-align:center;}
div#footer-inner {background-image:url(../images/footer.png); background-repeat:no-repeat; height:35px; _margin-left:5px; margin-left:2px; _background-image:url(../images/footer_ie.png);}

div#footer-text {padding-top:10px; width:884px; margin:0 auto; text-align:center; color:#fff;}
div#footer-text a {text-decoration:underline; color:#000;}
div#footer-text a:hover {text-decoration:none; color:#000;}
div#footer-text .bottom {color:#000;}


div.sidebar_title
{
	background: left url('../images/title.png') no-repeat;
	color		: #edd5da;
	font-size		:11px;
	font-weight		: bold;
	padding		: 6px;
	padding-left		: 10px;
	padding-bottom	: 14px;
}

div.sidebar_title2
{
	background: left url('../images/title2.png') no-repeat;
	color		: #d97080;
	font-size		:11px;
	font-weight		: bold;
	padding		: 6px;
	padding-left		: 10px;
	padding-bottom	: 14px;
}