/**
 *   layoutstyle.css
 *
 *   Dit bestand bevat alle style bepalend voor de layout van
 *   de calatlogus. Deze hoeft bij wijziging van de catalogus
 *   kleuren niet veranderd te worden
 *
 ***/

        /** START Algemene styles **/
        body,html
        {
            padding:0px;
            margin:0px;
            background-color: #ffffff;
        /*    scrollbar-arrow-color:#004685;
            scrollbar-shadow-color:#ffffff;
            scrollbar-face-color:#ffffff;
            scrollbar-highlight-color:#ffffff;
            scrollbar-darkshadow-color:#ffffff;
            scrollbar-3dlight-color:#ffffff;
            scrollbar-track-color:#ffffff;
            scrollbar-base-color:#ffffff;
            scrollbar-shadow-color:#ffffff;
            
             scrollbar-arrow-color:#004685;
            scrollbar-shadow-color:#ffffff;
            scrollbar-face-color:#ffffff;
            scrollbar-highlight-color:#004685;
            scrollbar-darkshadow-color:#ffffff;
            scrollbar-3dlight-color:#ffffff;
            scrollbar-track-color:#ffffff;
            scrollbar-base-color:#ffffff;
            scrollbar-shadow-color:#004685;*/
            height:100%;
        }
         
        input, body, div, a, div
        {
            font-family: verdana, arial, helvetica, sans-serif;
          	color: #031e51;
            font-size:12px;
        }

        form
        {
            padding:0px;
            margin:0px;
        }

        #containermidden
        {
            margin-top:10px;
            margin-bottom:10px;
            margin-left:auto;
            margin-right:auto;
            display:table;
            width:772px;
            background-image: url(../image/strand_vert.jpg);
            background-position: 178px 36px;
            background-repeat: repeat-y;
            background-color: #d1e1eb;
        }

        #content_tittle
        {
            padding-top:15px;
            padding-left:15px;
            color:#004685;
            font-size:12px;
            font-weight:bold;
            height:24px;
            width:372px;
        }

        #content_data
        {
            padding-left:9px;
            padding-top:10px;
            padding-right:10px;
            padding-bottom:5px;
            min-height:332px;
            text-align:left;

            width:373px;
            float:left;
            background-color: #ffffff;
        }

        #content_data
        {
            height: 332px;
            min-height: 332px;
        }
        *>#content_data
        {
            height: auto;
        }


        #groep_box
        {
            float:left;
            height:100%;
        }

        #groep_box_header
        {
            height:65px;
            width:772px;
        }
        
        #header_logo
        {
            float:left;

            height:65px;
            width:312px;
            background-image: url(../image/header_logo.jpg);
        }

        #header_txt
        {
            height:20px;
            width:460px;
            float:left;
            text-align:right;
            padding-top:45px;
            color:#4887b0;
            font-weight:bold;
            background-color: #ffffff;

        }

        #groep_box_middle
        {
            height:100%;
            width:772px;
        }

        #groep_left
        {
            float:left;
            height:100%;
            width:209px;
        }

        #groep_right
        {
            float:left;
            height:100%;
            width:563px;
            background-image: url(../image/decoblok.jpg);
            background-position : bottom right;
            background-repeat: no-repeat;
            background-color: #d1e1eb;
        }



        #groep_box_content
        {
            float:left;
            height:100%;
            width:563px;
        }

        #menu
        {
            padding-top:10px;
            padding-left:10px;
            height:190px;
            width:199px;
            background-image: url(../image/menu.jpg);
            display:table;
        }
        
        a:visited .hoofditem, a:hover .hoofditem,a:link .hoofditem, a .hoofditem
        {
            font-weight:bold;
            margin-top:10px;
            margin-left:10px;
            text-decoration:none;
        }

        a:visited .subitem, a:hover .subitem,a:link .subitem, a .subitem
        {
            margin:10px;
            margin-left:20px;
            font-weight:normal;
            text-decoration:none;
        }


        a:visited, a:hover,a:link, a
        {
			color:#004685;
        }


        #hart
        {
            height:200px;
            width:209px;
            background-image: url(../image/hart.jpg);
        }

        #upper_space_a
        {
            height:43px;
            width:500px;
            float:left;
            background-color: #a3c3d7;
            color:#000000;
            font-size:11px;
            padding:4px;
            padding-top:6px;
        }

        #boldupper_space_a
        {
            font-weight:bold;
            display:inline;
            font-size:11px;
        }
        #upper_space_b
        {
            height:53px;
            width:55px;
            float:left;
            background-color: #4887b0;
        }

        #groep_box_content_top
        {
            height:53px;
        }

         #right_space_a
        {
            padding-top:8px;
            height:54px;
            width:171px;
            background-color: #4887b0;
            text-align:center;
            color:#FFFFFF;
            font-size:11px;
            display:table;
        }

        #right_space_b
        {
            height:100%;
            width:171px;
        }
         
        #left_fill
        {
          height:100%;
          width:31px;
          margin-left:178px;
          background-image: url(../image/strand_vert.jpg);
          background-repeat: repeat-x;
        }


        #footer_left
        {
          width:178px;
          height:31px;
          float:left;
        }

        #footer_middle
        {
          width:31px;
          height:31px;
          float:left;
          background-color: #4887b0;
        }


        #footer_right
        {
          height:31px;
          width:563px;
          float:left;
          background-image: url(../image/strand_hor.jpg);
        }

        #footer
        {  
          float:left;
          width: 772px;
        }

         .content_title
        {
            color:#004685;
            font-size:12px;
            font-weight:bold;
        }

        .content_data
        {
            color:#004685;
            word-spacing:4;
            line-height:15px;
        }
        
        
        /*OFFERTE FORM*/

fieldset{
padding: 10px;
margin-bottom:10px;
}

legend{
font-weight:bold;
font-size:15px;
height:22px;
color:#000000;
}

p{
width: 400px;
display:table;
}


.kop{
font-weight:bold;
text-align:left;
}

label, input {
display: block;
width: 160px;
float: left;
margin-bottom: 4px;
}

.input_small{
width:40px;
border:0px solid black;
}

.aantal{
width:20px;
}

.space{
width: 240px;
padding-left:160px;
float:left;
}

.offerteform input{
border:1px solid #4887B0;
}

.offerteform textarea{
  width: 160px;
border:1px solid #4887B0;
}

#noBorder{
width: 1px;
border:0px solid #5c9b40;
}


.offerteform label {
text-align: right;
width: 150px;
padding-right: 20px;
}

.wijziging_button{
background-color:#4887B0;
color:#FFFFFF;
cursor:pointer;
float:left;
font-weight:bold;
margin:0pt 5px 0pt 0pt;
padding:1px 5px 2px;
width:auto;
}

.offerteform .input_check{
width:14px;
border:0px;
}

.offerteform br {
 clear: left;
}

.error {
background-color:#FFECB2;
border:1px solid red;
padding: 10px;
margin-left:7px;
}