/*  olijf: 838052  bruin:815c32 : lichtblauw:d2dce5
Achtergrond

CMYK 18 5 3 0
RGB 217 231 240
#d9e7f0
		Kopjes

CMYK 35 58 85 20
RGB 153 102 51
#996633
		Broodtekst

CMYK 46 32 65 4
RGB 153 153 102
#999966

                #f0f0e8
                */
body{

    font:13px Helvetica,FreeSans,Tahoma,Verdana,sans-serif;
    color:#999966;
    background:#bac7e9 url(../images/inhoud/tile.jpg) repeat;
    padding:0px;
    margin:0;
    float:left;
    width:100%;
    min-heigth:550px;
    /*overflow:hidden;*/
    /*height:100%;*/

    scrollbar-track-color : transparent;
    scrollbar-face-color : #999966;
    scrollbar-arrow-color : #FFFFFF;
}

img{border:0px solid black;}
a:visited {
    color:inherit;
}

#background{

width:100%;

/*background-image:#fff url(../images/inhoud/achtergrond2.jpg) repeat;
background-image: url(../images/inhoud/achtergrond_toren.jpg);background-size: 100%;background-origin: content;*/
}
#backgr {
   position:absolute;
   bottom:0;
    margin:0;
    padding:0;
    z-index:0;
    width:100%;
}
#container{
    width:790px;
    margin: 10px auto;
    padding:0px;
   
}

#contr1{
    margin:10px 0 0 0;
    height:400px;
}

h1,h2,h3 {
    color:#996633}
h1 {
    font-size:1.2em;
}

h2 {
    font-size:1.1em;
}

h1,h2{
    margin-top:5px;
    margin-bottom:0px;
    padding-bottom:0px;}

p {margin-top:0px;
   padding-bottom:5px;}

#container1,#container2{
    background:  transparent url(transparant90.png) repeat;
    width: 360px;
    height:360px;
    padding:10px;
    position:relative;
    float:left;
     
 }

#container1{
   
    z-index:1;
}

#container1 img{
    position:absolute;
}

#container2
{

    margin-left:20px;
    float:right;
    overflow:auto;

}

#container2 a{
    color:#996633;
}

#tariff{
    width: 760px;
    position:relative;
    float:left;
}


.t2 blockquote, .text blockquote, #res input.s_form{
    
    position:absolute;
    bottom:10px;
    right:20px;
    padding:10px;
    margin:0;
    background-color:#999966;
    color:#fff;
    width:380px;
    font-weight:bold;
    text-align:center;
}
.t2 blockquote a, .text blockquote a, .text blockquote a:visited,  .t2 blockquote a:visited{
    color:white !important;

}

.button strong{
    display: block;
    background-color:#999966;
    color:#fff;
    width:100px;
    padding:10px;
    text-align: center;
    margin:73px 0 0 225px;
    cursor:pointer;
    border:1px solid transparent;
}

.button strong:hover{
    border:1px solid black;

}

.text blockquote, #res input.s_form{
    bottom: 0px;
    width:250px;
}

.t1,.t2{
    background:  transparent url(transparant90.png) repeat;
    padding:10px 10px 10px 10px;
    margin:10px;
}
#tariff table{
    margin:10px 0 0 0px;
    width:80%;
    margin-bottom:10px;
}
#tariff table td{
    color:#996633;
    border-bottom:#999966 solid 1px;
    padding:2px;
}
#front {
    width: 360px;
    position:relative;
    float:left;
    color:#fff;
    text-align:right;
     overflow:hidden;
    margin: 20px 0 0 -90px;
}
.f1{
font-size:1.6em;
line-height:1.2em;

}

.f1 strong{
    font-size:1.1em;
}
.f1 em{
   font-style:normal;
   font-size:1.4em;
line-height:1.1em;
font-weight:bold;
}
.f1 p{
    margin:0;
}

.f2{
font-size:1.2em;
}
.f3{
margin:40px 0 0 0;
font-size:1.0em;
s_form
}

.gttext{width:340px;}

.menu{
    width:780px;
    margin:0px auto 20px auto;
    position:relative;
    font-family:arial;
    text-align:center;
    }
.menu a{
    color:#999966;
    font-size:1.5em;
    margin:5px 4px 5px 4px;
    font-weight:bold;
    text-decoration:none;
    line-height:1em;
    
}
.menu a:hover{
    color:#fff;
    
}
.menu a.on {
    border-bottom:#fff 1px solid;
       
}
.menu .home {
    font-weight:bold;
    
    font-size:3em;
    
    margin: 10px auto;
}

#footer{
    position:absolute;
    bottom:10px;
    right:10px;
    font-size:.9em;
    color:#444;
}

/* animation */
.js .gallery img{
    visibility:hidden;
     }

.js #container1, .js #container2, .js .t1, .js .t2, .js .t3, .js .f3, .js #front{
    
  display:none;
}

.js body {overflow:hidden;}
.js #front{
     height:0;
     
}

/*.js .t1 *,.js .t2 *,.js .t3 *,.js #container1 * {
    opacity:1;
    
}*/


#map{z-index:100;
    position: absolute;}

/* form */
#res {
    float:left;
       width:100%;
}
#res,#res ul,#res li, #orderform li, #orderform ul  {
    margin:0px;
    padding:0px;
   list-style:none;

}
#res li {
    margin:0 2px 1px 0 ;
  
    float:left;
    width:100%;
}
label{display:block;
    padding: 0 2px 1px 2px;
    margin:0px 2px;
 border:1px solid transparent;}

.l100{
    width:96%;
    clear:left;
}
.l50{
    width:47%;
    float:left;
}
.l50 input{
    width:98%;
}
.l100 input,.l100 textarea{
     width:100%;
}
#res input{
    display:block;
  background-color:#e4e4dc;
    color:#996633;
border:none;
padding:1px;
}


.f_errorinput {
    border:1px dotted #F00;
    background-color: #FFECE6;
    }
 .submit-message {
    text-align:center;
    width:100%;
    margin:1px auto;
    padding:1px;
    float:left;
    clear:both;
    color:#F00;
  
     }

     .text ul{
         margin:5px 0;
         padding:0px 0 0 20px;
}
.text li {
    margin: 0 0 4px 0;
}

.products ul,.p_specs ul{
    margin:5px 0 0 0 ;
    padding:0px;
    float:left;
}
.products li,.p_specs li {
    list-style: none;
    margin:2px;
    padding:0;
}

.products li{
    float: left;
    width:86px;
    height:86px;
}

.p_specs li img{
    padding: 5px 5px 5px 0;
}

.clr{
    clear:both;

}

.price{
    text-align: center;
    font-size: 1.2em;
}

.products img:hover{
    border:1px solid #999966;
    width:83px;
    
}
.products img{
cursor:pointer;
}


.js .pr {
    display: none;
}

.js .nd {
     display: none;
}

.r {text-align: right;
   background:#dea;
}
#orderform table td{
    padding:0px 2px;
}
#orderform table{
    width:100%;
    padding:2px;
    margin:10px 5px;
}

#orderform tbody td{
    border: 0px solid #ccc;
}
#orderform tfoot td{
    font-weight: bold;
    padding-top: 5px;
    background:#def;
}
#total {
  

    text-align: right;
}
#orderdiv {
    clear:both;
    background: url(cart.png) no-repeat top right;
    border: 1px solid #ccc;
    padding:5px;
}

#orderdiv input.s_form{
   display: block;
    background-color:#999966;
    color:#fff;
    width:100px;
    padding:10px;
    text-align: center;
    margin:5px 0 0 215px;
    cursor:pointer;
    border:1px solid transparent;
}