/* GENERAL STYLES */
/* CSS Document */

* {
padding:0;
margin:0;
/*standaard tekst*/
font-family:Arial, Helvetica, sans-serif;
}
html {
height:100%;
padding:0;
margin:0;
}
body {
height:100%;/* prevent horizontal scrollbar*/
background-image:url(../images/backbruin.gif);
background-repeat:repeat-x;
text-align:center;/*BUGFIX for centering main page when lt IE 6*/
}
.main {
min-height:100%;/* prevent horizontal scrollbar, IE6 can't do this*/
width:750px;/*center body div* OK IE7 en FF3*/
position:relative;
margin:0;
padding:0;
border:0px;
border-width:thin;
background-image:url(../images/backtable.gif);
background-repeat:repeat-y;
background-position:left;
}
/*in CSS IF IE6 maken!*/
* html .main{ height:100%;} /*works omnly for IE6 */

.center_wrapper{
height:100%;
position:relative;
margin:0 auto;/*center body div*/
width:750px;/*center body div*/
text-align:left;/*center body div*/
}
.header {
position:relative;
margin:0; padding:0;
width:750px;
height:72px;
}
.header_up_left{
position:relative;
float:left;
width:220px;
height:12px;
background-color:#c3b4a0;
font-size:1%;/*IE6 places empty character in small empty DIV*/
}
.header_up_mid{
position:relative;
float:left;
width:390px;
height:12px;
background-color:#AF7B60;
font-size:1%;/*IE6 places empty character in small empty DIV*/
}
.header_up_right{
position:relative;
float:left;
width:140px;
height:12px;
background-color:#c3b4a0;
z-index:2000;
font-size:1%;/*IE6 places empty character in small empty DIV*/
}
.header_left {
position:relative;
float:left;
width:220px;
height:60px;
background-image:url(../images/logo_kp.gif);
background-repeat:no-repeat;
background-position:bottom;
background-color:#FFFFFF;
}
.header_mid {
position:relative;
float:left;
background-color:#AF7B60;
width:390px;
height:60px;
}
.header_right {
position:absolute;
width:140px;
height:110px;
right:0;
top:12px;
background-image:url(../images/tweebonen.jpg);
background-repeat:no-repeat;
background-position:top;
}
.mandje {
margin:88px 0 0 0;
}
.mandje img {
border:0;
}

DIV.menu_horizontal {
position:absolute;
margin:0;
top:72px; left:0px;
width:610px;
height:50px;
background-color:#fff;
}
.menu_horizontal ul#nav{
position:relative;
margin:0px;
padding:0px;
padding-left:0px;/*offset of menu items*/
list-style-type:none;
overflow:visible;
height:1%;
}
.menu_horizontal li{
position:relative;
float:left;/*neccesary because of absolute menu position*/
margin:0px;
}
.menu_horizontal li a{
display:block;
text-decoration:none;
margin:0px;
padding:30px 17px 4px 0px;/*padding inside each tab*/
font-size:16px;
color:#1c4984;
line-height:18px;

font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
.menu_horizontal a:hover {
color:#c14032;/*red*/
}
.menu_horizontal ul ul {
position:absolute;
top:50px;
left:-7px;
background-color:#ffffff;
list-style-type:none;
}
.menu_horizontal ul ul li {
position:relative;
float:none;
}
.menu_horizontal ul ul li a {
height:1%;
border-bottom:1px solid #333;
border-right:1px solid #555;
border-left:1px solid #555;
width:160px;/*auto if background image*/
font-size:12px;
display:block;
padding:7px 0;/*top-bottom padding each menu link*/
text-indent:8px;
text-decoration:none;
}
.menu_horizontal ul ul li a:hover {
background-color:#c3b4a0;
}
.menu_horizontal li:hover {
display:block;
}
.menu_horizontal a.selected {
color:#c14032;
}
/*suckerfish hide/show submenu*/
ul#nav ul{
display:none;
}
/*suckerfish hide/show submenu*/
ul#nav li:hover ul, ul#nav li.over ul {
	display:block;
}
/*this DIV encapsules the content for the stretching of the background inmage along the height of the content*/
.content_left_right{
height:auto;
position:relative;
padding:0;
margin:00px 0 0 0;/*BUG IE6 will be counted double margins*/
width:750px;
}
/*also for:level 3*/
.left {
position:relative;
float:left;
margin:0;
padding:0;
width:610px;
}
/*also for:level 3*/
.right {
/*position:relative;
float:left;*/
position:absolute;
top:0px;
right:0px;
padding:0;
margin:0;
width:140px;
}
.top_content{
position:relative;
float:left;
width:100%;
height:58px;/*home*/
}
.titlebar {
height:50px;/*content ligt hoger bij level 3 templates*/
background-color:#FFFFFF;
}
/*home template*/
.user12 {
position:relative;
float:left;
width:340px;/*610-250-20px*/
height:170px;/*200-30*/
background-position:left;
background-repeat:no-repeat;
background-color:#AF7B60;
padding:30px 20px 0 250px;
}
.user12 img {
position:absolute;
top:0;
left:0;
}
div.user12 div{
text-align:left;
width:230px;
height:140px;
margin-left:40px;
line-height:18px;
padding:20px 0 0 20px;
}
div.user12 div.title_automaten {
background-color:#c3b4a0;
position:absolute;
bottom:0;
height:20px;
left:220px;
width:390px;
text-align:center;
margin:0;
padding:10px 0;
}
/*level3 template*/
.user1 {
position:relative;
float:left;
width:220px;
height:40px;
background-color:#c3b4a0;
text-indent:0px;
font-weight:bold;
}
/*level3 template*/
div.user1 div{
text-align:left;
margin:10px 24px 10px 24px;
font-size:16px;
}
/*level3 template*/
.user2 {
position:relative;
float:left;
width:390px;
height:40px;
background-color:#af7b60;/*brown color middle of titlebar */
}
.news div.user2 {
background-color:#c3b4a0;/*newspage grey-brown title bar horizontal*/
}
/*level3 template*/
div.user2 div{
text-align:left;
width:316px;
height:18px;
margin:10px 24px 10px 24px;
}
/*only visible level 2 & 3 template*/
.user3 {
position:relative;
float:left;
width:220px;
/*height:165px;*/
list-style-image:url(../images/vink.JPG);
text-align:left;
line-height:16px;
}
.level2 DIV.user3 {
background-color:#f6f2ee;/*level3=photo*/
}
.level3 DIV.user3 {
background-color:#f6f2ee;/*level3=photo*/
height:315px;
}
/*only visible level 2 template*/
DIV.user3 DIV {
margin:30px 20px 30px 30px;
}
/*only visible level 2 template*/
.level3 DIV.user3 DIV {
/*display:none;need to be visible level 3**/
}
.user34 {
position:relative;
float:left;
width:360px;
height:200px;
background-repeat:no-repeat;
background-position:right;
background-color:#ffffff;
text-align:left;
}
DIV.user34 DIV {
padding:20px 0 0 20px;
width:180px;
height:180px;
}
.home DIV.user5 {
position:relative;
float:left;
width:250px;
height:200px;
background-image:url(../images/kpstaatvoor.gif);
background-position:bottom;
background-repeat:no-repeat;
background-color:#ffffff;
list-style-image:url(../images/vink.JPG);
text-align:left;
line-height:24px;
}
DIV.user5 DIV {
margin:25px 25px 0px 40px;
}
/*level3 template*/
.level3 DIV.user5 {
position:relative;
float:left;
width:390px;
/*level3 template*/
}
.level3 DIV.user5 DIV {
margin:30px;
}
/*level2 template*/
.level2 DIV.user5 {
position:relative;
float:left;
width:390px;
/*level3 template*/
}
.level2 DIV.user5 DIV {
margin:30px;
}
/*home template*/
.home .user6 {
position:relative;
float:left;
width:610px;
padding:0;
margin:0;
text-align:left;
background-color:#F7F1EB;
list-style-image:url(../images/bullit.gif);
}
DIV.user6 DIV {
padding:30px 0 0 40px;
}
/*level3 template*/
.level3 DIV.user6 {
position:relative;
float:left;
width:610px;
height:73px;/*padding is excluded from height*/
padding:0;
margin:0;
text-align:left;
background-color:#F7F1EB;
list-style-image:url(../images/bullit.gif);
display:none;
}
/*level3 template*/
.level3 DIV.user6 DIV {
margin:30px;
}
/*general template:home & level3*/
.footer{
clear:left;
position:relative;
float:left;
width:610px;
margin:0;
padding:0;
}
.footer_left{
position:relative;
float:left;
width:220px;
}
.footer_right{
position:relative;
float:left;
width:390px;
line-height:18px;
text-align:center;
}
DIV.footer_right DIV {
margin:0px 10px 0px 10px;
}
.deflist{
text-align:center;
color: #1c4984; 
line-height: 18px; 
font-family: Arial, Helvetica, sans-serif; 
font-size:11px;
text-decoration:none;
}
.deflist dd{
text-indent:-5px;
}
.level3 DIV.right_up {
height:40px;/*newspage brown title bar horizontal*/
background-color: #c3b4a0;/*newspage brown title bar horizontal*/
padding:0;margin0;
}
.level3 DIV.right_mid {
list-style-image:url(../images/bullit.gif);
background-color:#f6f2ee;
padding:0;margin0;
}
.level3 DIV.right_mid DIV {
padding:10px 10px 30px 30px;*/
margin:0;
}

/*blauwe titels*/
.letterswit {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
.lettersblauw {
color: #1c4984; 
line-height: 18px; 
font-family: Arial, Helvetica, sans-serif; 
font-size:12px;
text-decoration:none;
}
a.lettersblauw:hover {
color: #c14032;
text-decoration: underline;
}
h2 {
font-weight: bold;
font-size:12px;
color:#1c4984;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
/*witte titels*/
h3 {
font-weight: bold;
font-size:14px;
color:#FFFFFF;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
/*rode titels tbv nieuws items*/
H4 {
font-size:14px;
color:#c14032;
text-decoration:none;
}
H4 A {
color:#c14032;
text-decoration:none;
}
/*kleine letters*/
h5 {
font-size:11px;
font-weight:100;
}
A:hover {
text-decoration:underline;
/*color: #c14032;*/
}
#automaten_lijst IMG {
position:absolute;
left:30px;
border-width:1px;
border-color:#c3b4a0;
border-style:solid;
width:80px;
}
#automaten_lijst {
padding:20px 0 0 40px;
}
#automaten_lijst DIV {
height:70px;
font-size:11px;
}
#ingredienten_lijst IMG {
position:absolute;
left:30px;
border:none;
}
#ingredienten_lijst p {
font-size:12px;
text-indent:50px;
margin:10px 0 0 0;
}
#ingredienten_lijst {
height:60px;
}
/*total usercontrol of contactform*/
.panel_contactform{
color: #1c4984; 
font-size:12px;
Height:680px;
Width:330px;
}
#contactform {
width:330px;
border:0;
cellspacing:0;
cellpadding:0;
color: #1c4984; 
}
#contactform .labels {
height:25px;
}
#contactform .txtbox {
width:180px;
}
#contactform .txt_opmerkingen{
width:300px;
height:80px;
}
/*order form*/
#table_prod {
width:450px;
color: #1c4984; 
font-size:12px;
}
#table_prod .header {
color:#000;
}
#table_prod .col1 {
width:50px;
}
#table_prod .col2 {
width:230px;
}
#table_prod .col3 .labels {
width:150px;
}
#table_prod .col4 .inputs {
width:60px;
color: #1c4984;
text-align:right;
}
.bestelstatus ul li{
text-indent:-10px;
}
.bestelstatus ul{
list-style-type:none;
list-style-image:none;
display:block;
}
#banner {
width:610px;
height:122px;
padding:0;
}
#banner a IMG {
width:118px;
height:118px;
border:2px solid #c3b4a0;
padding:0;
}


/* EDITOR PROPERTIES */