/* DEBUG STYLES */

/*
table{border:1px solid black;}
table td{border:1px solid blue;}
div{border:1px solid red;}
*/

/*------------------------------------------*/

body{
height:100%;
overflow:scroll;
background-image:url(../../images/bg.gif);
background-repeat:repeat-x;
}

body,table,td,div,p,a{
font:normal normal normal 13px 'Trebuchet MS',Helvetica,sans-serif;
line-height:19px;
}

hr{color:#ddd;}

h1,h2,h3{color:red;margin:0px;}
h1{
font-size:16px;
margin-top:5px;
margin-bottom:10px;
}
h2{
font-size:15px;
margin-top:2px;
margin-bottom:6px;
}
h3{
font-size:14px;
margin-top:0px;
margin-bottom:3px;
}

a{
color:red;
text-decoration:none;
}

a:hover{
text-decoration:underline;
color:darkred;
}

a.menuitem:hover{
text-decoration:underline;
color:white;
}


/* HEADER STYLES */

td.top_left{
background-image:url(../../../../images/top_left.gif);
}

td.logo_top{
height:40px;
background-image:url(../../images/logo_top.gif);
}

td.logo_left{
background-image:url(../../images/header_left.gif);
}

td.header{}

td.header_right{
background-image:url(../../images/header_right.gif);
}

td.header_top{
background-image:url(../../images/header_top.gif);
background-repeat:no-repeat;
}

td.logo_pane{
width:230px!important;
height:110px;
background-image:url(../../images/logo.gif);
background-repeat:no-repeat;
}


/* HEADER SLIDESHOW */

div.slideshow{
width:670px;
height:110px;
}

div.slide{
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
opacity:0;
position:relative; /* needed for CSS3 opacity */
width:670px;
height:110px;
}

#slide1{
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
opacity:1.0;
}
#slide1{background-image:url(../../images/header1.jpg);}
#slide2{background-image:url(../../images/header2.jpg);}
#slide3{background-image:url(../../images/header3.jpg);}
#slide4{background-image:url(../../images/header4.jpg);}



/* MENUBAR STYLES */


td.menu_left{
background-image:url(../../images/menu_left.gif);
}

/*
td.menu_logo_pane{
background-image:url(../../images/menu_logo_pane.gif);
}
*/

td.menubar{
background-image:url(../../images/menu_bg.gif);
height:54px;
}

td.menu_right{
background-image:url(../../images/menu_right.gif);
}

div.menu_left_side{
float:left;
height:54px;
width:20px;
}

div.menu_div{
display:block;
float:left;
width:1px;
height:54px;
background-image:url(../../images/menu_div.gif);
font-size:0px;
}

a.menuitem{
font:normal normal normal 15px 'Trebuchet MS',Helvetica,sans-serif;
color:white;
text-decoration:none;
line-height:50px;
display:block;
float:left;
padding-left:10px;
padding-right:10px;
}

a.menuitem:hover{
background-image:url(../../images/menu_hover_bg.gif);
}

a.selected_menuitem{background-image:url(../../images/menu_hover_bg.gif);}


/* MAIN STYLES */

td.border_left{
background-image:url(../../images/border_left.gif);
}

td.left_pane{
background-color:#EAEAEA;
float:left;
width:230px;
}

div.left_pane_content{
float:left;
width:230px;
background-color:white;
background-image:url(../../images/leftpane_bottom.gif);
background-position:bottom left;
background-repeat:no-repeat;
}

div.left_pane_box{
margin:10px;
}

/* LEFT PANE LINKS */

td.left_pane a{
background:#e0e0e0;
padding:2px;
text-decoration:underline;
color:black;
}

td.left_pane a:visited{
color:#555;
}
td.left_pane a:hover{
color:red;
text-decoration:underline;
}

/* MAIN CONTENT AREA */

td.content{
background-repeat:repeat-y;
background-image:url(../../images/paneborder_right.gif);
width:670px;
}

div.content_box{
width:630px;
margin-top:20px;
text-align:left;
}

td.border_right{
background-image:url(../../images/border_right.gif);
}

div.breadcrumbs{
background:#eee;
width:630px;
padding:3px;
}

table.listing{
border:2px solid #eee;
width:630px;
clear:both;
}
table.grid{
border:2px solid #eee;
width:630px;
clear:both;
}

/* FOOTER STYLES */

td.left_pane_footer{
background-color:#EAEAEA;
}

td.footer{
height:50px;
background-color:#C4C4C6;
}
td.footer a{font-size:11px;}

td.footer{
font-size:11px;
color:#444;
}


/* TREEMENU STYLES */

div.treeview{
border:1px solid #eee;
padding:2px;
color:black;
}

div.treeview a{
margin-top:1px;
background-color:white;
color:black!important;
text-decoration:none;
line-height:20px;
border:none;
}
div.treeview a:hover{
background-color:#e2e2e2;
text-decoration:underline;
color:red;
}

div.treegroup{margin-left:25px;}
div.treeparent{padding-left:13px;}
div.treenode{
padding-left:13px;
line-height:15px!important;
}
div.selected_node{
background-image:url(../../images/tree_arrow.gif);
background-repeat:no-repeat;
background-position:-2px 5px;
}
div.selected_node a{
background-color:#e2e2e2;
color:red;
text-decoration:underline;
}
div.treegroup:first-letter{color:#c10;font-weight:bold;margin-left:-5px;}
div.treeparent:first-letter{color:#c10;font-weight:bold;margin-left:-5px;}
div.treenode:first-letter{color:#c10;font-weight:bold;margin-left:-5px;}

/* COMPETENCE GROUP PRESENTATION STYLES */

div.portrait{
width:140px;
height:200px;
float:right;
margin:10px;
border:2px solid #ddd;
}

/* GENERAL LEFT COLUMN STYLES */

a.side_link{
display:block;
width:200px;
height:30px;
line-height:30px;
vertical-align:middle;
text-align:center;
background:#eee;
margin:2px;
}

a.side_link:hover{
background:#ccc;
}

/* PRODUCT PAGE STYLES */

div.product_image{
display:block;
float:right;
clear:right;
margin-bottom:10px;
margin-left:10px;
margin-top:15px;
}



div.product_documents{
width:280px;
float:right;
clear:right;
border:2px solid #eee;
padding:10px;
margin-bottom:10px;
}

table.gallerytable{
border:2px solid #eee;
width:620px;
padding:1px;
}
table.gallerytable td{
text-align:center;
}



div.competence_image_frame{
width:100%;
height:72px;
background:white;
padding:0px;
text-align:center;
margin-bottom:5px;
}

div.competence_image_frame img{
border:2px solid #ccc;
}

table.competence_gallery td{
font-size:11px;
line-height:15px;
text-align:center;
}


table.grid td{
vertical-align:top;
text-align:center!important;
}

div.person_image_frame{
}

div.person_image_frame img{
border:2px solid #ccc;
}

/* SPECIAL */

table.columntable{
width:620px;
}
table.columntable td{padding-right:15px;}


div.phone{
text-align:center;
font:normal normal bold 20px arial;
color:#6089FF;
}

table.spec{
background-color:#F7F7F7;
/*background-image:url(images/spec_bg.gif);*/
background-repeat: no-repeat;
border-bottom:2px solid #ededea;
width:400px;
margin-left:20px;
}
table.spec td{
font-size:11px;
}
table.spec td.title{
border-bottom:1px solid #ddd;
padding-right:20px;
width:40%;
}


table.infotable{
width:620px;
border:2px solid #eee;
clear:both;
}
table.infotable td{font-size:11px;}
table.infotable tr.odd td{background-color:#f0f0f0;}
table.infotable td.tableheader{
background:red;
font-weight:bold;
white-space:nowrap;
color:red;
}

div.date{
background-image:url(../../images/date_bg2.gif);
font-size:13px;
font-weight:bold;
display:block;
line-height:27px;
vertical-align:middle;
padding-right:6px;
margin:2px;
width:120px;
height:27px;
float:right;
clear:right;
text-align:right;
}

b.artid{font-size:11px;}
b.product_name{color:black;}