/**
 *   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 **/
          html
          {
              padding:0px;
              margin:0px;
              height:100%;
              background-color: #c0c0c0;
              scrollbar-arrow-color:#a60404;
              scrollbar-shadow-color:#a60404;
              scrollbar-face-color:#7e7e7e;
              scrollbar-highlight-color:#a60404;
              scrollbar-darkshadow-color:#a60404;
              scrollbar-3dlight-color:#7e7e7e;
          }


          body
          {
              padding:0px;
              margin:0px;
              overflow: -moz-scrollbars-vertical;
              background-color: #c0c0c0;
              scrollbar-arrow-color:#a60404;
              scrollbar-shadow-color:#a60404;
              scrollbar-face-color:#7e7e7e;
              scrollbar-highlight-color:#a60404;
              scrollbar-darkshadow-color:#a60404;
              scrollbar-3dlight-color:#7e7e7e;
              height:100%;
              font-size:12px;
          }

          font
          {
/*               display:table-cell;
            line-height:25px; */
          }
          
          a:hover img
          {
              text-decoration:none;
          }

          A:link,A:visited,A:active
          {
            text-decoration:none;
          }

          A:hover
          {
            text-decoration:underline;
          }

          input, body, div, a, div
          {
           	font-family: verdana, arial, helvetica, sans-serif;
          	color: #454545;
            font-size:12px;
            line-height:17px;
          }



        /** EIND alles elementen van dit type **/

      
        #containermidden
        {
          display: table;
          margin-left:auto;
          margin-right:auto;
          width:772px;
          background-color: #5199cd;
        }    

        /*  #containermidden
        {
            margin-left:auto;
            margin-right:auto;
			width:772px;
			height:100%;
			min-height:500px;
            display:table;
   			background-color:white;
        } */



         /**                **/
         /**  START HEADER  **/
         /**                **/



        #header
        {
            height:43px;
            width:772px;
            background-color: #7e7e7e;
            
        }

        #dec_sep1
        {
            float:left;
            width:18px;
            height:43px;
            background-color: #7e7e7e;
        }

        #dec_1
        {
            float:left;
            width:108px;
            height:43px;
            background-image: url(../image/dec_gras.jpg);
        }

        #dec_sep2
        {
            float:left;
            width:55px;
            height:43px;
            background-color: #736f6f;
        }

        #dec_2
        {
            float:left;
            width:77px;
            height:43px;
            background-image: url(../image/dec_www.jpg);
        }

        #dec_sep3
        {
            float:left;
            width:43px;
            height:43px;
            background-color: #736f6f;
        }

        #dec_3
        {
            float:left;
            width:138px;
            height:43px;
            margin-left:89px;
            background-image: url(../image/dec_control.jpg);
        }
        
        #dec_4
        {
            float:left;
            width:89px;
            height:43px;
            margin-left:42px;
            background-image: url(../image/dec_muis.jpg);
        }
        
        


         /**                **/
         /**   END HEADER   **/
         /**                **/
        
        
        
        
        
        
         /**                **/
         /**   START MENU   **/
         /**                **/

        
        #menu
        {
            height:52px;
            width:772px;
             
            background-image: url(/image/menu_bg.jpg);
        }

        
        #menu_sep1
        {
            float:left;
            width:258px;
            height:52px;
            background-image: url(/image/menu_1.jpg);
        }


        A#menu_active:link,A#menu_active:visited,A#menu_active:active,A#menu_active
        {
            color: #a60404; /* a60404; */
            font-weight:bold;
            text-decoration:none;
            text-align:center;
            padding-right:5px;
            float:left;
            width:115px;/*95*/
            height:32px;
            padding-top:20px;
            background-color:#ffffff;
            background-image:url(/image/menu_active.jpg);
            background-position:right;
            background-repeat:no-repeat;
            cursor:pointer;
        }
        
        A.menu_item:link,A.menu_item:visited,A.menu_item:active,A.menu_item
        {
            float:left;
            width:115px;
            height:32px;
            padding-top:20px;
            font-family: verdana, arial, helvetica, sans-serif;
          	color: #ffffff;
            font-weight:bold;
            text-decoration:none;
            text-align:center;
            cursor:pointer;

        }

        #menu_sub_group
        {
            width:258px;
            height:426px;
            float:left;
            text-decoration:none;

        }
        
        #menu_sub
        {
            width:228px;
            height:140px;
            padding-left:30px;
          	padding-top:20px;
          	text-decoration:none;
            background-color: #7e7e7e;
        }
        

		.menu_sub_itembg
		{
			background-image:url(/image/submenu.jpg);
            background-position:left;
            background-repeat:no-repeat;
		}

        A.menu_sub_item:link,A.menu_sub_item:visited,A.menu_sub_item:active,A.menu_sub_item:hover,A.menu_sub_item
        {
            width:130px;
            height:20px;
            padding-left:0px;
            padding-top:8px;
          	color: #ffffff;
            font-weight:bold;
            text-decoration:none;
            cursor:pointer;
			display:block;
        }

        #menu_login
        {
            
            width:228px;
            height:266px;
            padding-left:30px;
          	background-color: #5199cd;
        }
        

        #menu_login_titel
        {
            width:228px;
          	padding-top:15px;
            padding-bottom:10px;
            color: #ffffff;
            font-weight:bold;
        }

        .menu_login_formelements
        {
          	margin-top:4px;
        }

        #menu_login_vergeten
        {   
            width:228px;
          	padding-top:5px;
            color: #ffffff;
            font-size:11px;
            text-decoration:underline;
        }

        
        
         /**                **/
         /**    END MENU    **/
         /**                **/
        
        
        
        
        

         /**                **/
         /**  START DATA    **/
         /**                **/
        
        
        

        #titel
        {
            width:344px;
            height:28px;
            padding-top:30px;
            padding-left:30px;
            font-family: verdana, arial, helvetica, sans-serif;
            font-size:13px;
			font-weight:bold;
        }

        #content
        {
            width:344px; /* 344 */
            min-height: 426px;
            padding-left:30px;
            height: 100%;
            font-size:12px;
            line-height:1.5em;
        }


        #data_group
        {
            float:left;
            width:514px;
            background-color: #ffffff;
            background-image:url(../image/data_schaduw.jpg);
            background-position:bottom;
            background-repeat:repeat-x;
        }

        #data
        {
            float:left;
            width:374px;
            height: 426px;
            line-height:17px;

        }
        
        *>#data
        {
            height: auto;
        }
        
        #logo
        {
            float:left;
            width:140px;
            height:45px;
            padding-top:9px;
            background-image:url(../image/logo.jpg);
        }

        #footer
        {
            float:left;
            width:772px;
            height:61px;
            padding-top:10px;
            background-color: #5199cd;

        }

        #footer_sep
        {
            float:left;
            width:265px;
            height:61px;
        }

        .footer_TFE
        {
            width:15px;
            height:61px;
            padding-left:20px;
            float:left;
            font-size:11px;
            color: #df7026;
        }

        .footer_adres
        {

             width:85px;
             height:20px;
             padding-left:0px;
             float:left;
            font-size:11px;
             color: #ffffff;
        }

         /**    border: 3px solid blue;           **/
         /**    END DATA    **/
         /**                **/




         /**                **/
         /**  START FROM    **/
         /**                **/

        .inputlabel
        {
          width:120px;
          float:left;
          font-size:12px;
        }
        .invoer
        {
            border:1px solid #df7026;
            color:#000000;
            width:220px;
            height:17px;
            font-size:12px; 
            float:left;
        }
        .invoerselect
        {
            border:1px solid #df7026;
            color:#000000;
            width:220px;
            font-size:12px;
            float:left;
        }
        
        .invoerselect_login
        {
            border:1px solid #df7026;
            color:#000000;
            width:187px;
            font-size:12px;
            float:left;
        }

        .invoermemo
        {
            border:1px solid #df7026;
            color:#000000;
            width:220px;
            font-size:12px;
            float:left;
        }

        .knop
        {
            border:0px solid #b9c03b;
            background-color:#df7026;
            font-weight:bold;
            color:#ffffff;
        }

        .vetverplicht
        {
            font-weight:bold;
            text-align:right;
            float:left;
            width:300px;
            height:20px;
        }
        
        .required
        {
            font-weight:bold;
        }
         /**                **/
         /**    END FORM    **/
         /**                **/