/**
 *   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%;
          }


          h2{
            font-size:18px;
            font-weight:bold;
          }



          #modules a:hover img, #modules A:link img, #modulesA:visited img, #modules A:active img
          {
              text-decoration:none;
              border: 2px solid #454545;
          }

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

          A:hover
          {
            text-decoration:underline;
          }

          body, div, table
          {
           	font-family: verdana, arial, helvetica, sans-serif;
          	color: #454545;
                font-size:11px;
                line-height:1.5em;
          }

          input
          {
           	font-family: verdana, arial, helvetica, sans-serif;
          	color: #454545;
                font-size:11px;
          }


          a
          {
           	font-family: verdana, arial, helvetica, sans-serif;
          	color: #454545;
          }

          H1{
             font-size:14px;
             font-weight:bold;
             text-decoration:underline;
          }

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

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

        /*  #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:hover,A#menu_active
        {
            color: #a60404;
            font-weight:bold;
            text-decoration:none;
            text-align:center;
            padding-right:5px;
            float:left;
            font-size:12px;
            width:92px;
            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:hover,A.menu_item
        {
            float:left;
            width:97px;
            height:32px;
            padding-top:20px;
            font-family: verdana, arial, helvetica, sans-serif;
            font-size:12px;
            color: #ffffff;
            font-weight:bold;
            text-decoration:none;
            text-align:center;
            cursor:pointer;

        }

        #menu_sub_group
        {
            width:258px;
            /*height:456px;*/
            display:table;
            float:left;
            text-decoration:none;
        }

        #menu_sub
        {
            width:228px;
            height:160px;
            padding-left:30px;
            padding-top:15px;
            display:table;
            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:220px;
            /*height:266px;*/
            padding-left:30px;
       	    background-color: #a60404;
        }
        

        #menu_login_titel
        {
            width:200px;
       	    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;
            text-decoration:underline;
        }

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

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

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

        #content
        {
            width:344px;
            min-height: 426px;
            padding-left:30px;
            height: 100%;
            text-align:justify;
            line-height:1.5em;
            padding-bottom:15px;
        }

        .content_tittle_editor
        {
            padding-top:30px;
            padding-left:30px;
            font-family: verdana, arial, helvetica, sans-serif;
            font-weight:bold;
            background-color:#ffffff;
		}

        .content_data_editor
        {
            padding-left:30px;
            line-height:15px;
            font-family: verdana, arial, helvetica, sans-serif;
	    height: 100%;
            background-color:#ffffff;
            text-align:justify;
            line-height:1.5em;
        }

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

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

        }
        
        *>#data
        {
            height: auto;
        }


        #logo
        {
            width:140px;
            height:45px;
            padding-top:9px;
            background-image:url(../image/logo.jpg);
        }


        #col_right{
            float:left;
            width:140px;
            height:245px;
        }
        
        #support{
          padding-left:35px;
          padding-top:25px;
          padding-bottom:25px;
        }

        #footer
        {
            /*float:left;*/
            width:772px;
            height:61px;
            padding-top:10px;
            background-color: #a60404;
            font-size:11px;
        }

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

        .footer_TFE
        {
            width:15px;
            height:61px;
            padding-left:20px;
            float:left;
            color: #b9c03b;
        }

        .footer_adres
        {

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

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




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

        .inputlabel
        {
          width:130px;
          float:left;
        }

        .invoer
        {
            border:1px solid #999999;
            color:#000000;
            width:180px;
            font-size:12px;
            float:left;
        }

        .invoer_contact
        {
            border:1px solid #999999;
            color:#000000;
            width:200px;
            font-size:12px;
        }

        .groupOptionHor
        {
            color:#000000;
            font-size:12px;
            float:left;
        }


        .row2{
        display:block;
        float:left;
        text-align:left;
        }

      .rows
        {
           /*width:450px;*/
           display:table;
           padding-top:2px;
        }

       .invoerselect
        {
            border:1px solid #999999;

            width:204px;
            border:1px solid #999999;
            color:#000000;
            font-size:12px;

        }

        .invoermemo
        {

            border:1px solid #999999;
            color:#000000;
            width:200px;
            font-size:12px;
        }

        .invoermemoOfferte
        {
            border:1px solid #999999;
            color:#000000;
            width:330px;
            font-size:12px;
        }

        .Option
        {
            width:142px;
            height:50px;
            float:left;
            display:table;
            padding-right:5px;
            text-align:right;
        }

       .OptionText
        {
            width:190px;
            float:left;
        }

        .OptionModule
        {
            width:147px;
            height:20px;
            float:left;
            padding-right:5px;
            text-align:right;
        }

       .OptionModuleText
        {
            width:180px;
            height:20px;
            float:left;
            padding-top:2px;

        }

        .knop
        {
            border:0px solid #b9c03b;
            background-color:#b9c03b;
            font-weight:bold;
            color:#ffffff;
            height:19px;
            width:182px;
        }

         .vetverplicht
        {
            text-align:right;
            float:left;
            width:310px;
            height:20px;
        }

       .buttons
        {
            padding-top:10px;
            text-align:right;
            width:310px;
            height:50px;
        }

        .buttonsOfferte
        {
            padding-top:10px;
            text-align:right;
            width:310px;
            height:50px;
        }

        .required
        {
            font-weight:bold;
        }

        .kop
        {
            width:335px;
            height:40px;
            font-size:12px;
            font-weight:bold;
        }

        .redLine
        {
            width:335px;
            height:1px;
            padding-left:4px;
            margin-top:10px;
            margin-bottom:20px;
            font-size:1px;
            background-color:#a60404;
        }


        .error
        {
              border: 1px solid #a60404;
              background-color:#FFECB2;
              padding: 5px;
        }
         /**                **/
         /**    END FORM    **/
         /**                **/
         
         

         
         /**                **/
         /**    FAQ         **/
         /**                **/
         

         .faqLink:link,.faqLink:visited,.faqLink:active
          {
           font-family: verdana, arial, helvetica, sans-serif;
           color: #a60404;
           text-decoration:underline;
           font-size:11px;
          }

         
         

         /**                **/
         /**    END FAQ     **/
         /**                **/
         
         
         
#lastwork{
width: 330px;
height: 148px;
padding: 5px;
font-family: verdana, arial, helvetica, sans-serif;
text-align:justify;
line-height:1.5em;
}

#lastwork_bg{
height: 148px;
background-image:url(../image/recentbg.jpg);
background-position:0% 100%;
background-repeat:no-repeat;
display:table;
padding-bottom:12px;
}

#lastwork tr{
margin:0px;
padding: 5px;
}

#lastwork td{
margin:0px;
padding: 5px;
}

#lastwork table{
padding:0px;
margin:0px;
font-family: verdana, arial, helvetica, sans-serif;
text-align:justify;
line-height:1.5em;

}

.lastwork{
width: 330px;
height: 150px;
padding: 5px;
background-image:url(../image/recentbg.jpg);
background-position:0% 100%;
background-repeat:no-repeat;
}

.someclass{ //class to apply to your scroller(s) if desired
height: 100px;
}

.modules_title{
width: 180px;
height: 15px;
/*background-color:#f5f5f5;*/
padding:5px;
padding-left:25px;
display:block;
font-size:12px;
background-image:url(../image/module_start.jpg);
background-position:4px 6px;
background-repeat:no-repeat;
}

.modules_content{
/*background-color:#f5f5f5;*/
padding:5px;
background-image:url(../image/module_bg.jpg);
background-position:0% 100%;
background-repeat:no-repeat;
}

.post{
border-bottom:1px solid #CCCCCC;
display:table;
}

.tags{
padding-bottom:10px;
}

.tags a{
font-weight:bold;
}

.post h2 a{
border-bottom:1px dotted #000000;
color:#000000;
}

.post a:link,.post a:visited,.post a:active,.post a:hover{
color:#A60404;
}

.post h2 a:link,.post h2 a:visited,.post h2 a:active,.post h2 a:hover
{
text-decoration:none;
color:#000000;
}

#dialog{
display:none;
}