/* STYLE esense.ch */



/* main page styles */

html
{
margin:0;
padding:0;
line-height:0;
}

body
{
line-height:120%;
font-size:small;
margin:0px 0px 0px 0px;
padding:0;
height:100%;
/*ground-color:#fefefe; */
/*background:#fefefe url(../pics/test/bg_body_green.jpg) top left repeat-x; */
background:#fefefe url(../pics/bg_body2.gif) top left repeat-x;
outline:none;
}

#wrapper
{
position:relative;
width:920px;
height:100%;
margin: 0 auto auto auto;
}

#container 
{
position:relative;
width:918px;
height:auto;
margin:0px 10px 0px 10px;
float:left;
background-color:#f2f2f2;
border:1px solid #ffffff;
border-top:none;
border-bottom:none;
z-index:10;
}

.containerBottom
{
position:relative;
width:920px;
height:20px;
float:left;
background:#ffffff url(../pics/container_bottom6.gif) top left no-repeat;
margin:0px 0px 0px -1px;
z-index:80;
}

* html .containerBottom
{
margin:0px -1px 0px 0px;
}

.clear
{
width:100%;
height:0px;
clear:both;
display:block;
line-height:0;
margin:0;
padding:0;
}

/* text layout */

p
{
font-family:Verdana, Arial, Sans Serif;
font-size:95%;
line-height:170%;
margin:0;
padding:0px 0px 5px 0px;
color:#333333;
cursor:default;
}

h1
{
font-family:Verdana, Arial, Sans Serif;
font-size:120%;
line-height:120%;
margin:0;
padding:10px 0px 5px 0px;
font-weight:bold;
color:#333333;
display:block;
cursor:default;
}

h2
{
font-family:Verdana, Arial, Sans Serif;
font-size:120%;
line-height:120%;
margin:0;
padding:15px 0px 5px 0px;
font-weight:normal;
color:#777777;
display:block;
cursor:default;
}

a,
a:link,
a:visited
{
font-family:Verdana, Arial, Sans Serif;
font-size:95%;
line-height:150%;
color:#333333; 
cursor:pointer; 
margin:0px;
text-decoration:none;
outline:none;
}

a:hover,
a:active,
a:focus
{
color:#000000;
}

.arrowLink:link,
.arrowLink:visited
{
padding:2px 0px 2px 15px;
cursor:pointer; 
background:transparent url(../pics/arrow2_off.gif) 0 50% no-repeat;
width:100%;
line-height:150%;
}

.arrowLink:hover,
.arrowLink:active,
.arrowLink:focus
{
background:transparent url(../pics/arrow2_on.gif) 0 50% no-repeat;
color:#000000;
}

.arrowDownload a:link,
.arrowDownload a:visited
{
padding:0px 0px 5px 25px;
cursor:pointer; 
width:220px;
}

.arrowDownload:hover a,
.arrowDownload:active a,
.arrowDownload:focus a
{
color:#000000;
}

* html .arrowDownload a:link,
* html .arrowDownload a:visited
{
width:230px;
}

.arrowLink2:link,
.arrowLink2:visited
{
padding:0px 0px 5px 15px;
cursor:pointer; 
background:transparent url(../pics/arrow2_off.gif) 0 4px no-repeat;
width:100%;
}

.arrowLink2:hover,
.arrowLink2:active,
.arrowLink2:focus
{
background:transparent url(../pics/arrow2_on.gif) 0 4px no-repeat;
color:#000000;
}

* html .arrowLink2 a,
* html .arrowLink2:hover a
{
background-position: 0 6px;
}

/* header */

#header
{
position:relative;
width:918px;
height:auto;
display:block;
}

.language {
position:absolute;
top:0px;
right:20px;
float:right;
width:auto;
list-style-type:none;
z-index:400;
}

.language li {
float:left;
margin-top:-10px;
background-color:transparent;
line-height:12px;
}

.language li a,
.language li a:link,
.language li a:visited,
.language li a:hover,
.language li a:focus
{
margin:-2px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.access
{
position:relative;
width:auto;
height:20px;
float:right;
margin:2px 140px -1px 0px;
}

.access p
{
float:left;
padding:4px 5px 0px 0px;
line-height:13px;
}

.access .smaller
{
width:13px;
height:20px;
background: transparent url(../pics/font_small2_off.gif) 50% 50% no-repeat;
margin:auto 2px 0px 2px;
float:left;
outline:none;
}

.access .smallerActive
{
width:13px;
height:20px;
background: transparent url(../pics/font_small2_on.gif) 50% 50% no-repeat;
margin:auto 2px 0px 2px;
float:left;
outline:none;
}

.access .larger 
{
width:13px;
height:20px;
background: transparent url(../pics/font_larger2_off.gif) 50% 50% no-repeat;
margin:auto 2px 0px 2px;
float:left;
outline:none;
}

.access .largerActive
{
width:13px;
height:20px;
background: transparent url(../pics/font_larger2_on.gif) 50% 50% no-repeat;
margin:auto 2px 0px 2px;
float:left;
outline:none;
}

/* teasers */

#teaserBig
{
position:relative;
width:920px;
height:auto;
float:left;
background:transparent url(../pics/framecenter.gif) top left repeat-y;
margin:29px 0px 0px 0px;
z-index:100;
}

#teaserSmall
{
position:relative;
width:900px;
height:auto;
float:left;
background-color:#ffffff;
margin:2px 0px -10px 9px;
z-index:100;
/* border:1px solid #cccccc; */
}

#teaserSmall img
{
position:relative;
width:auto;
height:auto;
margin:0px 0px 0px 0px;
display:block;
z-index:400;
}

#teaserSmallText
{
position:absolute;
float:left;
width:auto;
list-style-type:none;
z-index:400;
}

#teaserSmallText p
{
font-size:200%;
line-height:100%;
color:#4d4d4d;
}

/* content section */
/* one column content */

.contentWrap
{
position:relative;
width:898px;
height:auto;
float:left;
background-color:#fefefe;
margin:0px 0px 20px 10px;
padding:0px 0px 0px 0px;
z-index:100;
border:1px solid #cccccc;
border-top:none;
border-bottom:none;
}

.framebottom
{
position:relative;
width:900px;
height:15px;
float:left;
background:#f2f2f5 url(../pics/frame_bottom3.gif) top left no-repeat;
margin:0px 0px 0px -1px;
z-index:80;
}

.fullText
{
width:450px;
margin:34px 0px 10px 75px;
padding: 0px 0px 5px 0px;
float:left;
font-family:Verdana, Arial, Sans Serif;
}

.fullText p a
{
font-size:100%;
text-decoration:none;
border-bottom:1px dotted #777777;}

.fullText p a:hover
{
color:black;
border-bottom:1px dotted #000000;
}

.fullText p em a
{
font-size:100%;
font-style:normal;
text-decoration:none;
padding-left:17px;
border:none;
background:transparent url(../pics/arrow2_off.gif) 0 50% no-repeat;
}

.fullText p em a:hover
{
color:black;
border-bottom:1px dotted #000000;
border:none;
background:transparent url(../pics/arrow2_on.gif) 0 50% no-repeat;
}

.fullText ul,
.fullText ol 
{
font-size:95%;
font-family:Verdana, Arial, Sans Serif;
color: #777777;
line-height:170%;
padding:0px;
cursor:default;
}

.fullText ul 
{
margin-left:16px;
}

.fullText ol 
{
margin-left:22px;
}

.fullText ul li 
{
margin-left:14px;
color: #333333;
}

/* right column */

.rightColumn
{
width:272px;
float:right;
margin-top:46px;
}

/* infobox new */

.infobox
{
position:relative;
width:272px;
height:auto;
float:left;
background-color:#ffffff;
margin:0px 0px 17px -25px;
z-index:290;
border-left:1px solid #b2b2b2;
border-right:1px solid #b2b2b2;
}

.infoboxtop
{
position:relative;
width:254px;
height:auto;
float:left;
background:transparent url(../pics/bg_infotop3.png) top left no-repeat;
margin:0px -1px 0px -1px;
padding:8px 10px 0px 10px;
z-index:90;
display:block;
/* border-bottom:1px solid #999999; */
}

.infoboxtop_foot
{
position:relative;
width:274px;
height:10px;
float:left;
background:transparent url(../pics/bg_infotop3_foot.png) bottom left no-repeat;
margin:-3px -1px 0px -1px;
padding:0px 0px 0px 0px;
z-index:100;
display:block;
}

.infoboxbottom
{
position:relative;
top:0px;
width:274px;
height:20px;
float:left;
background:#ffffff url(../pics/bg_infobottom3.gif) top left no-repeat;
margin:0px 0px 0px -1px;
z-index:80;
}

.infoboxTextframe
{
margin:10px 20px 0px 10px; 
float:left;
}

.infoboxTextframe a
{
display:block;
}

.infoboxTextframe p a
{
display:inline;
font-size:small;
padding-left:15px;
text-decoration:none;
background:transparent url(../pics/arrow2_off.gif) 0 50% no-repeat;
}

.infoboxTextframe p a:hover
{
text-decoration:underline;
background:transparent url(../pics/arrow2_on.gif) 0 50% no-repeat;
}

.infoboxTextframe ol,
.infoboxTextframe ul
{
padding:0px;
line-height:180%;
font-family:Verdana, Arial, Sans Serif;
color:#777777;
cursor:default;
}

.infoboxTextframe ol
{
margin-left:20px;
}

.infoboxTextframe ul
{
margin-left:16px;
}

.infobox p 
{
margin-bottom:0px;
}

.esenseRightNav 
{
position:relative;
left:-17px;
list-style-type: none;
padding-left:0px;
margin:0px 0px 0px 0px;
line-height:100%;
}

/* search */

.pagebanner 
{
display:block;
width:100%;
margin: 10px 0px 10px 0px;
}

.pagelinks a 
{
display:inline;
}

#node 
{
width:100%;
}

#node td 
{
border-top: 1px #ccc solid;
}

/* references */

#ref-container 
{ 
position:relative; 
left:34px;
width:678px;  	/* auto or 100% does not work well */
height:auto; 	/* auto does not work */
margin:0px 0px 0px 0px; 
overflow:hidden;
background-color:#f2f2f2;
border:1px solid #cccccc;
}

.ref-productimage 
{
position:relative;
float:left;
width:auto; 	/* content-width */
height:280px; 	/* content-height */
}

.ref-productimage a img
{
position:relative;
margin:12px 0px 0px 20px;
}

.ref-Textframe
{
position:relative;
margin:8px 20px 0px 0px;
width:260px;
float:right;
}

/* footer */

#footer
{
position:relative;
width:900px;
height:auto;
float:left;
margin:0px 0px 0px 10px;
z-index:100;
text-align: center;
}

#footerBox
{
position:relative;
width:900px;
height:auto;
float:left;
background:transparent url(../pics/bg_footcenter4.gif) top left repeat-y;
margin:0px 0px 10px 10px;
z-index:100;
font-size: small;
}

.footerTop
{
position:relative;
width:900px;
height:10px;
float:left;
background:transparent url(../pics/bg_foottop4.gif) top left no-repeat;
margin:0px 0px 0px 0px;
z-index:100;
}

.footerBottom
{
position:relative;
width:900px;
height:10px;
float:left;
background:transparent url(../pics/bg_footbottom6.gif) top left no-repeat;
margin:0px 0px 0px 0px;
z-index:100;
}

#footerBox
{
font-size:small;
}

#footerBox h2
{
padding:10px 0px 10px 20px;
width:460px;
float:left;
}

#footerBox p
{
margin:0px 0px 0px 20px;
float:left;
display:inline;
}

#footerBox a
{
float:left;
padding:0px 10px 0px 12px;
background:transparent url(../pics/arrow2_on.gif) 0 50% no-repeat;
}

#footerBox .active
{
float:left;
color:#000000;
cursor:default;
}

/* link in footer */

#footerMedia
{
position:relative;
right:10px;
width:auto;
height:auto;
float:right;
background-color:transparent;
margin:0px 0px -8px 46px;
z-index:890;
list-style-type:none;
}

#footerMedia a
{
width:34px;
height:auto;
float:left;
margin:0px 0px 0px 0px;
font-size:9px;
text-align:center;
padding:30px 0px 0px 0px;
color:#e4e4e4;
}

#footerMedia a.mediaLink1,
#footerMedia a:link.mediaLink1,
#footerMedia a:visited.mediaLink1
{
background:transparent url(../pics/print.gif) -2px 0 no-repeat;
}

#footerMedia a:hover.mediaLink1,
#footerMedia a:active.mediaLink1,
#footerMedia a:focus.mediaLink1
{
background-position:-36px 0px;
cursor:pointer;
color:#000000;
}

#footerMedia a.mediaLink2,
#footerMedia a:link.mediaLink2,
#footerMedia a.mediaLink2
{
background:transparent url(../pics/mail.gif) -2px 0 no-repeat;
}

#footerMedia a:hover.mediaLink2,
#footerMedia a:active.mediaLink2,
#footerMedia a:focus.mediaLink2
{
background-position:-36px 0px;
cursor:pointer;
color:#000000;
}

#footerMedia a.mediaLink3,
#footerMedia a:link.mediaLink3,
#footerMedia a.mediaLink3
{
background:transparent url(../pics/sitemap.gif) -2px 0 no-repeat;
}

#footerMedia a:hover.mediaLink3,
#footerMedia a:active.mediaLink3,
#footerMedia a:focus.mediaLink3
{
background-position:-36px 0px;
cursor:pointer;
color:#000000;
}

#footerMedia a.mediaLink4,
#footerMedia a:link.mediaLink4,
#footerMedia a.mediaLink4
{
background:transparent url(../pics/search.gif) -2px 0 no-repeat;
}

#footerMedia a:hover.mediaLink4,
#footerMedia a:active.mediaLink4,
#footerMedia a:focus.mediaLink4
{
background-position:-36px 0px;
cursor:pointer;
color:#000000;
}

#footerMedia a.mediaLink5,
#footerMedia a:link.mediaLink5,
#footerMedia a.mediaLink5
{
background:transparent url(../pics/rss.gif) 0px -1px no-repeat;
}

#footerMedia a:hover.mediaLink5,
#footerMedia a:active.mediaLink5,
#footerMedia a:focus.mediaLink5
{
background-position:-34px -1px;
cursor:pointer;
color:#000000;
}

#footerMedia a.mediaLink6,
#footerMedia a:link.mediaLink6,
#footerMedia a.mediaLink6
{
background:transparent url(../pics/back.gif) 0px 0px no-repeat;
}

#footerMedia a:hover.mediaLink6,
#footerMedia a:active.mediaLink6,
#footerMedia a:focus.mediaLink6
{
background-position:-34px 0px;
cursor:pointer;
color:#000000;
}

/* breadcrumb */

.bread
{
position:relative;
text-align: center;
margin:5px 0px 0px 0px;
width:100%;
float:left;
}

.bread p
{
display:inline;
padding:0px 5px 0px 0px;
line-height:100%;
color: #999999;
}

.bread a
{
padding:0px 12px 0px 0px;
background:transparent url(../pics/arrow2_on.gif)  right 50% no-repeat;
color: #999999;
}

.bread a.active
{
color:black;
cursor:default;
padding:0px 0px 0px 2px;
background:none;
color: #333333;
}

/* footer width copyright */

#footer
{
width:100%;
margin:20px 0px 20px 0px;
float:left;
font-size:85%;
}

.footerFrame
{
width:auto;
margin:0px auto 0px auto;
}

#footer p
{
line-height:100%;
color: #999999;
}

#footer p a
{
font-size:100%;
line-height:100%;
display:inline;
margin:0px 0px 0px 0px;
text-decoration:underline;
color: #999999;
}

#footer p a:hover
{
color:black;
}

/* search field */

.searchForm
{
position:relative;
width:180px;
height:40px;
background:transparent url(../pics/searchfield2.gif) top left no-repeat;
float:left;
top:-2px;
border:none;
background-color:transparent;
margin:0px 6px 0px 5px;
}

.searchField
{
width:135px;
line-height:100%;
font-size:95%;
border:none;
padding:0px 0px 0px 0px;
margin:13px 0px 0px 32px;
background-color:transparent;
color: #777777;
}

/*** styles new 14.02.2009 ***/

#referenzFullScreen {
position:relative;
top:-47px;
left:-75px;
width:894px;
height:auto;
background:#f2f2f2 url(../pics/referenz-bottom.gif) bottom left no-repeat;
float:left;
padding:20px 2px 25px 2px;
margin:0 0 -50px 0;
}

#referenzFullScreen li {
position:relative;
list-style-type:none;
float:left;
padding:0;
margin:0;
}

#referenzFullScreen li .referenzInfoBox {
position:absolute;
height:auto;
left:0px;
top:0px;
background-color:transparent;
padding:0;
margin:93px 0 0 42px;
}

#referenzFullScreen li .referenzInfoBox a.web {
position:relative;
width:auto;
height:auto;
float:left;
background:transparent url(../pics/ref-button-web.png) top left no-repeat;
padding:10px 15px 10px 10px;
margin:0 5px 0 0;
line-height:10px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity:0.6;
}

#referenzFullScreen li .referenzInfoBox a.web:hover {
top:0px;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
}

#referenzFullScreen li .referenzInfoBox a.info {
position:relative;
width:auto;
height:auto;
float:left;
background:transparent url(../pics/ref-button-info.png) top left no-repeat;
padding:10px 15px 10px 10px;
margin:0 5px 0 0;
line-height:10px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity:0.6;
}

#referenzFullScreen li .referenzInfoBox a.info:hover {
top:0px;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
}

/****************/