/*===========================================*/
/* Section 1: website template related stuff */
/*===========================================*/

/* Website appearance (centered container) */

body {
    background    : #F0F0F0;
    margin        : 15px 0px;
    text-align    : center;
}
.container {
    position      : relative;
    background    : #FFFFFF; 
    border        : 3px double #000000; 
    border-color  : #808080 #808080 #808080 #808080; 
    margin        : 0px auto; 
    margin-bottom : 15px;
    width         : 1004px; 
    text-align    : left;
}

/* Definition of menu buttons */

.buttons a {
    color            : #404040;
    border           : 1px solid;
    background-color : #C8C8C8;
    padding          : 2px;
    padding-left     : 7px;
    font-family      : Arial, sans-serif;
    font-size        : 11px;
    font-weight      : bold;
    text-decoration  : none;
    border-color     : #D4D4D4 #5E5E5E #5E5E5E #D4D4D4;
    display          : block;
    margin-top       : -2px;
    margin-bottom    : 5px;
    margin-left      : 5px;
    margin-right     : 5px;
    width            : 95px;
    text-align       : left;
}
.buttons a:hover {
    color            : #E0E0E0;
    border           : 1px solid;
    padding-left     : 8px;
    padding-top      : 3px;
    padding-bottom   : 1px;
    padding-right    : 1px;
    background-color : #AFAFAF;
    border-color     : #003399 #5E5E5E #5E5E5E #003399;
}

/* Definition of main text */

.text_main {
    font-family     : Arial, sans-serif;
    font-weight     : normal;
    font-size       : 16px;
    text-align      : left;
    text-decoration : none;
    color           : black;
}

/* Definition of footer text */

.text_footer {
    font-family     : Arial, sans-serif;
    font-weight     : bold;
    font-size       : 11px;
    text-align      : center;
    text-decoration : none;
    color           : black;
}

/* Positioning images */

#box_shape1 {
    position : absolute;
    top      : 238px;
    left     : 0px;
    z-index  : 0;
}
#box_shape2 {
    position : absolute;
    top      : 0px;
    left     : 0px;
    z-index  : 1;
}
#box_shape3 {
    position : absolute;
    top      : 199px;
    left     : 146px;
    z-index  : 2;
}
#box_shape4 {
    position : absolute;
    top      : 199px;
    left     : 0px;
    z-index  : 4;
}
#box_shape5 {
    position : absolute;
    top      : 220px;
    left     : 125px;
    z-index  : 5;
}
#box_shape6 {
    position : absolute;
    top      : 226px;
    left     : 154px;
    z-index  : 6;
}
#box_shape7 {
    position : absolute;
    top      : 246px;
    left     : 131px;
    z-index  : 7;
}
#box_shape8 {
    position : absolute;
    top      : 226px;
    left     : 131px;
    z-index  : 8;
}
#box_shape9 {
    position : absolute;
    top      : 231px;
    left     : 136px;
    z-index  : 9;
}
#box_shape10 {
    position : absolute;
    top      : 231px;
    left     : 156px;
    z-index  : 10;
}
#box_shape11 {
    position : absolute;
    top      : 249px;
    left     : 136px;
    z-index  : 11;
}
#box_shape12 {
    position : absolute;
    top      : 188px;
    left     : 0px;
    z-index  : 12;
}
#box_img_motega {
    position : absolute;
    top      : 12px;
    left     : 610px;
    z-index  : 0;
}
#box_img_tube {
    position : absolute;
    top      : 9px;
    left     : 915px;
    z-index  : 0;
}

/* Table classes */

.table_div {
    margin-top : 315px;
}
.table_col1_class {
    width          : 125px;
    background     : #FF0000;
    vertical-align : top;
}
.table_col2_class {
    width          : 6px;
    background     : #FFFFFF;
    vertical-align : top;
}
.table_col3_class {
    width          : 5px;
    background     : #C0C0C0;
    vertical-align : top;
}
.table_col4_class {
    width          : 30px;
    background     : #FFFFFF;
    vertical-align : top;
}
.table_col5_class {
    width          : 806px;
    background     : #FFFFFF;
    vertical-align : top;
}

/* Shapes at the bottom of the leftmost table column */

.shape13_class {
    position    : relative;
    margin-left : 0px;
    margin-top  : -330px;
    z-index     : 15;
}
.shape14_class {
    position    : relative;
    margin-left : 131px;
    margin-top  : -336px;
    z-index     : 15;
}

/* HTML 4.01 valid logo */

.html_401_valid {
    position    : relative;
    margin-left : 10px;
    margin-top  : -30px;
    z-index     : 20;
}

/* Positioning menu's */
 
#box_menu_main {
    position     : absolute;
    top          : 215px;
    left         : 5px;
    z-index      : 20;
}

/* Class for menu text titles */

.text_menu_title {
    font-family      : Arial, sans-serif;
    font-weight      : bold;
    font-size        : 16px;
    text-align       : center;
    text-decoration  : none;
    color            : #404040;
    margin-top       : 6px;
    margin-bottom    : 4px;
}

/* Positioning text, define text-styles also */

#box_text_jeroen {
    position         : absolute;
    top              : 0px;
    left             : 160px;
    font-family      : Comic Sans MS, sans-serif;
    font-weight      : normal;
    font-size        : 64px;
    text-align       : left;
    text-decoration  : none;
    color            : black;
    z-index          : 20;
}
#box_text_jeroen_shadow {
    position         : absolute;
    top              : 3px;
    left             : 163px;
    font-family      : Comic Sans MS, sans-serif;
    font-weight      : normal;
    font-size        : 64px;
    text-align       : left;
    text-decoration  : none;
    color            : lightgrey;
    z-index          : 20;
}
#box_text_tech_corner {
    position         : absolute;
    top              : 75px;
    left             : 50px;
    font-family      : Comic Sans MS, sans-serif;
    font-weight      : normal;
    font-size        : 64px;
    text-align       : left;
    text-decoration  : none;
    color            : black;
    z-index          : 20;
}
#box_text_tech_corner_shadow {
    position         : absolute;
    top              : 78px;
    left             : 53px;
    font-family      : Comic Sans MS, sans-serif;
    font-weight      : normal;
    font-size        : 64px;
    text-align       : left;
    text-decoration  : none;
    color            : lightgrey;
    z-index          : 20;
}
#box_text_description {
    position         : absolute;
    top              : 164px;
    left             : 120px;
    font-family      : Arial, sans-serif;
    font-weight      : bold;
    font-size        : 16px;
    text-align       : left;
    text-decoration  : none;
    color            : blue;
    z-index          : 20;
}
#box_text_title {
    position         : absolute;
    top              : 245px;
    left             : 164px;
    width            : 806px;
    font-family      : Arial, sans-serif;
    font-weight      : bold;
    font-size        : 32px;
    text-align       : center;
    text-decoration  : none;
    color            : black;
    border-style     : double solid;
    border-width     : 0px 0px 5px 0px; 
    z-index          : 20;
}

/* Class for images */

.image_class {
    vertical-align : top;
    border         : 0px;
}

/*===========================================*/
/* Section 2: website contents related stuff */
/*===========================================*/

/* Class for general table with text */

.text_table {
    font-family      : Arial, sans-serif;
    font-weight      : normal;
    font-size        : 13px;
    text-align       : left;
    text-decoration  : none;
    color            : #000000;
}

/* A centered item */

.item_centered {
    position : relative;
    margin   : 0px auto;
}

/* Centering of images */

img.centered {
    display       : block;
    margin-left   : auto;
    margin-right  : auto;
    margin-top    : 20px;
    margin-bottom : 20px;
}

/* Small margin for equation images */

.equation {
    position      : relative;
    margin-left   : 30px;
    margin-top    : 15px;
    margin-bottom : 15px;
}

/* A paragraph title */

.paragraph_title {
    position      : relative;
    background    : #FFFFFF; 
    border        : 1px solid #000000; 
    border-color  : #FFFFFF #FFFFFF #000000 #FFFFFF; 
    margin-top    : 30px; 
    margin-bottom : 15px;
    width         : 100%; 
    font-family   : Arial, sans-serif;
    font-weight   : bold;
    font-size     : 18px; 
    text-align    : left;
}