html
{
overflow: -moz-scrollbars-vertical;
overflow-y: scroll; 
    
}
#infobox
{
    float: right;
    margin-right: 50px !important;
    margin-right: 20px;
    margin-top: 20px;
    width: 300px;
    height: 145px;
    border: solid 2px #b9b9b9;
    background-image: url(../images/contacttp.png);
    background-repeat: no-repeat;
}

#infobox div
{
    font-family: Verdana;
    color: #393939;
    font-size: 12px;
}

#infobox div.newsSection
{
    filter:alpha(opacity=20);
    margin: 10px;
    padding: 5px 10px 10px 10px;  
    background-image: url(../images/tpf2.png);
    background-repeat: repeat;
    font-size: 11px;   
}

#infobox div h1
{
    margin: 5px 10px 10px 12px;
    text-indent: 10px;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 4px;
    border-bottom: solid 2px #004389;
}

/*#infobox div.adresse
{
    margin: 0px 0px 8px 9px;
    text-indent: 10px;
    width: 250px;
}*/

/*
#infobox div table
{
    margin: 0px 10px 8px 16px;
    width: 250px;
}*/
#infobox table tr td.desc
{
    height: 15px;
    width: 75px;
}
#infobox table tr td a
{
    color: #393939;
    text-decoration: underline;
    font-family: verdana;
    font-size: 12px;
}
#infobox table tr td a:Visited
{
    color: #393939;
    text-decoration: none;
}
#infobox table tr td a:Active
{
    color: #393939;
    text-decoration: none;
}
#infobox table tr td a:Hover
{
    color: #232323;
    text-decoration: none;
}

.infoboxTransparent
{
    margin: 10px;
}

#container
{
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 905px;
    height: 517px;
    clear: left;
    background-color: rgb(53, 53, 53);
}

/*########## Right Zone css ##########*/
/*Firefox and explorer*/
#rightbar
{
    padding: 0;
    width: 200px;
    height: 420px;
}

.imageline
{
    color: #000000;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
}
.imageline span
{
    position: relative;
    margin-left: 12px;
    margin-right: 0px;
}

.imageline img
{
    width: 85px;
    height: 85px;
    border: none;
}

.imageline a
{
    color: #000000;
    text-decoration: none;
    font-family: Tahoma;
    font-size: 12px;
}
.imageline a:Visited
{
    color: #000000;
    text-decoration: none;
}
.imageline a:Active
{
    color: #393939;
    text-decoration: none;
}
.imageline a:Hover
{
    color: #cfcfcf;
    text-decoration: underline;
}

/*########## Bottom Zone css ##########*/
.bottombar
{
    text-align: center;
    color: #ffffff;
    font-size: 10px;
    width: 908px;
    height: 25px;
    padding-top: 15px;
    bottom: 0px !important;
    margin: 0px 0px 0px 0px;
}

.bottombar a
{
    color: #ffffff;
    text-decoration: none;
    font-family: Tahoma;
    font-size: 9px;
}
.bottombar a:Visited
{
    color: #ffffff;
    text-decoration: none;
}
.bottombar a:Active
{
    color: #393939;
    text-decoration: none;
}
.bottombar a:Hover
{
    color: #cfcfcf;
    text-decoration: underline;
}


.test
{
    font-size: 20px;
}


/*####################################*/

*
{
    margin: 0pt;
    padding: 0pt;
}
a
{
    border: medium none;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
}
img
{
    border: medium none;
}
input
{
    vertical-align: middle;
}
.floatleft
{
    float: left !important;
}
.floatright
{
    float: right !important;
}
.nomargin
{
    margin: 0pt !important;
}
.clearfix:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0pt;
    visibility: hidden;
}
.clearfix
{
}
.clearfix
{
    display: block;
}

.topheader
{
    padding: 0px;
    margin-top: 100;
    height: 12px;
    margin: 0px;
    width: 100%;
}

body
{
    background: none repeat scroll 0%;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    margin: 0pt;
    padding: 0px 0pt;
    height: 100%; /*background: transparent url(../images/bg.jpg) repeat-x scroll left top;*/
    background-color: #012267;
}
.main
{
    width: 100%;
    height: 100%;
    margin: 0pt;
    padding: 0px 0pt;
    background-image: url(../images/bg.jpg);
    background-repeat: repeat-x;
    background-position: top;
}
.mainwrapper
{
    background-image: url(../images/logo.png);
    background-position: left top;
    background-repeat: no-repeat;
}
#WrapperTransparent
{
    margin: 0pt auto; /*ensuring middle alignment*/
    width: 932px;
    height: auto;
}
#wrapper
{
    /*border:1px solid #000000; /*TODO:delete*/
    margin: 0pt auto; /*ensuring middle alignment*/
    width: 908px;
    background-color: #FFFFFF;
    border: solid 14px #b9b9b9;
    background-image: url(../images/content_bottom.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
}
#wrapper-top
{
    background: transparent url(../images/bg.gif) repeat-y scroll left top;
    margin: 0pt auto;
    width: 908px;
}
.wrapper_top
{
    background: transparent url(../images/bgtop.gif) no-repeat scroll left top;
}
.wrapper_bottom
{
    background: transparent url(../images/bgbottom.gif) no-repeat scroll left bottom;
    padding: 0px;
}

.topbar
{
    height: 200px;
}
.topmenu
{
    margin-left: 268px;
    margin-right: 50px !important;
    margin-right: 44px;
    height: 30px;
    vertical-align: bottom;
}

.topmenuitem
{
    float: left;
    margin-top: 15px;
    width: 110px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #393939;
    text-align: center;
    display: block;
    border-bottom: solid 2px #004389;
    margin-left: 4px;
    margin-right: 4px;
    cursor: pointer;
}
.topmenuitemlast
{
    float: right;
    margin-top: 15px;
    width: 110px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #393939;
    text-align: center;
    display: block;
    border-bottom: solid 2px #004389;
    margin-left: 4px;
    margin-right: 4px;
    cursor: pointer;
}

.topmenu div:hover
{
    margin-top: 7px;
    font-size: 13px;
    color: #000000;
    border-bottom: solid 8px #004389;
}

.itemselected
{
    margin-top: 7px;
    font-size: 13px;
    color: #000000;
    border-bottom: solid 8px #004389;
}

.topmenu a
{
    color: #000000;
    text-decoration: none;
}
.topmenu a:visited
{
    color: #000000;
    text-decoration: none;
}
.topmenu a:active
{
    color: #000000;
    text-decoration: none;
}
.topmenu a:hover
{
    color: #000000;
    text-decoration: none;
}

.submenuitem
{
    margin-top: 30px;
    width: 180px;
    text-indent: 8px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #393939;
    text-align: left;
    display: block;
    border-bottom: solid 2px #004389;
    cursor: pointer;
    float: right;
    clear: both;
}

.submenuitemCMS
{
    margin-top: 30px;
    width: 160px;
    text-indent: 10px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #393939;
    text-align: left;
    display: block;
    border-bottom: solid 2px #004389;
    cursor: pointer;
    float: right;
    clear: both;
}

.submenu div:hover
{
    margin-top: 22px;
    font-size: 13px;
    color: #000000;
    border-bottom: solid 8px #004389;
}
.submenuitemselected
{
    margin-top: 22px;
    font-size: 13px;
    color: #000000;
    border-bottom: solid 8px #004389;
}

.submenu a
{
    color: #000000;
    text-decoration: none;
}
.submenu a:visited
{
    color: #000000;
    text-decoration: none;
}
.submenu a:active
{
    color: #000000;
    text-decoration: none;
}
.submenu a:hover
{
    color: #000000;
    text-decoration: none;
}

#topsidebar-a
{
    float: left;
    text-align: left;
    padding-top: 10px;
    width: 150px;
}

#sidebar-a
{
    float: left;
    padding-top: 0px;
    width: 240px;
    height: 100%;
    background-color: #ffffff;
    margin-left: 5px;
    margin-top: 60px;
}

#content
{
    float: left;
    width: 618px;
    background-color: #FFFFFF;
    margin: 0px 22px 10px 0px;
    
    min-height: 360px;
    height: auto !important;
    height: 360px;
    
    border-left: solid 2px #004389;
    border-top: solid 2px #004389;
}

.entry
{
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 0px;
    margin-bottom: 10px;
    line-height: 18px;
    font-family: verdana;
    font-size: 11px;
    color: #393939;
}
.item
{
    background: transparent url(../images/entry_footer.gif) no-repeat scroll center bottom;
    clear: both;
    margin: 0pt auto 30px;
    width: 460px;
}

.item p
{
    font-family: Arial;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 20px;
}

.item a
{
    border-bottom: 2px solid #999999;
    color: #999999;
    text-decoration: none;
}
.item a:hover
{
    border-bottom: 2px solid #000000;
    color: #000000;
    text-decoration: none;
}
.item table a
{
    border: medium none !important;
}
.item table td
{
    text-align: center;
}
.item table img
{
    margin: 0pt 0pt 20px;
}
#triple_browser
{
    clear: both;
}
#triple_browser a
{
    border: medium none !important;
    margin-right: 28px;
}

#sidebar-b
{
    float: right;
    padding: 0px 20px 0px 10px;
    width: 200px;
    clear: right;
    background-color: #FFFFFF;
}
.aside
{
    clear: both;
    margin: 0pt auto 30px;
    padding-bottom: 15px;
    width: 145px;
}
.aside p
{
    font-family: Georgia, "Times New Roman" ,Times,serif;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 20px;
}
.aside img
{
    margin-bottom: 20px;
}
.aside a
{
    border-bottom: 2px solid #999999;
    color: #999999;
    text-decoration: none;
}
.aside a:hover
{
    border-bottom: 2px solid #000000;
    color: #000000;
    text-decoration: none;
}

/*---[ARTICLECONTAINER ]-------------------*/


#ArticleContainer
{
    line-height: 18px;
    font-size: 12px;
    min-height: 380px;
    height: auto !important;
    height: 380px;
}

#ArticleContainer h1
{
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 8px;
}

#ArticleContainer ul li
{
        list-style: circle inside;
        margin-left: 10px;        
}

.ideabg
{
    background-image: url(../images/idea_postit.png);
    background-position: center top;
    background-repeat: no-repeat;
}

.contactbg
{
    background-image: url(../images/contact_big.png);
    background-position: center top;
    background-repeat: no-repeat;
}

.referencesbg
{
    background-image: url(../images/references.png);
    background-position: center top;
    background-repeat: no-repeat;
}

.solutionbg
{
    background-image: url(../images/ideatp.png);
    background-position: center top;
    background-repeat: no-repeat;
}

.profilebg
{
    background-image: url(../images/profile.png);
    background-position: center top;
    background-repeat: no-repeat;
}


.newspaperbg
{
    background-image: url(../images/newspaper_big.png);
    background-position: center top;
    background-repeat: no-repeat;    
}


#ArticleContainer a             {color: #004389;text-decoration: none;font-family: Tahoma;}
#ArticleContainer a:Visited     {color: #004389;text-decoration: underline;}
#ArticleContainer a:Active      {color: #cfcfcf;text-decoration: none;}
#ArticleContainer a:Hover       {color: #393939;text-decoration: none;}

/*---[END ARTICLECONTAINER ]-----*/

/*---[CONTACT FORM]---------------*/
#ContactForm div
{
    font-size: 12px;
    font-family: Arial;
}

#ContactForm div div.cfItem
{
    clear: both;
}

#ContactForm div input
{
    border: solid 1px rgb(53, 53, 53);
    width: 280px;
    margin-bottom: 12px;
}

#ContactForm div textarea
{
    border: solid 1px rgb(53, 53, 53);
    width: 400px;
    margin-bottom: 12px;
}

#ContactForm span input
{
    border: solid 1px rgb(53, 53, 53);
    font-weight: bold;
    width: 100px;
    float: right;
    margin-right: 200px;
}
#ContactFormResult
{
    width: 400px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#ContactFormResult h1
{
    font-size: 14px;
}

#ContactFormResult div.resultText
{
    margin: 10px;
}

#ContactFormResult div.mailSent
{
    border: solid 3px #fed44a;
}



#ContactFormResult div.mailNotSent
{
    border: solid 3px #FF0000;
}

/*---[END CONTACT FORM]---------------*/


/*---[NEWS BOX]-----------------------*/
#NewsBox
{    
    border: solid 2px #b9b9b9;

    margin: 20px;
    line-height: 18px;
    background-image: url(../images/newspaper.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #f2f2f2;
    /*
    position: absolute;
    bottom: 5px;
    width: 196px;
    */
        
}

#NewsBox h1
{
    font-size: 12px; 
    font-family: Verdana;
    color:#393939;
    
    margin: 10px 10px 8px 10px; 
    border-bottom: solid 2px #004389; 
    text-indent: 8px;
}

#NewsBox p
{
    clear: both;  
}

#NewsBox div.newsSection
{
    filter:alpha(opacity=20);
    margin: 10px;
    padding: 5px 10px 10px 10px;  
    background-image: url(../images/tpf2.png);
    background-repeat: repeat;
    font-size: 11px;   
}
/*---[END NEWS BOX]-------------------*/

/*---[SUBMENU/LEFTMENU]-------------------*/
#LeftMenu
{
    padding-bottom: 50px !important;
    padding-bottom: 0px;    
    margin-top: 10px;    
}

#LeftMenu input.positionButton
{
    padding-top: 30px !important;    
}

.positionButton
{
    padding-top: 0px !important;    
    padding-top: 30px;    
}

#NewsBox a              {color: #004389;text-decoration: none;font-family: verdana;font-size: 12px;}
#NewsBox a:Visited      {color: #004389;text-decoration: underline;}
#NewsBox a:Active       {color: #cfcfcf;text-decoration: none;}
#NewsBox a:Hover        {color: #393939;text-decoration: none;}

.clear
{
    clear: both;   
}

.leftmenupadding
{
    padding-bottom: 30px;    
}
/*---[END SUBMENU/LEFTMENU]-------------------*/