/*
            Tomeso

       Copyright (c) 2004 DMDE
*/

/*
-----------------------------------------
 - HTMLTAG-CSS // BODY 
-----------------------------------------
*/
BODY
{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}

/*
-----------------------------------------
 - HTMLTAG-CSS // Header
-----------------------------------------
*/

 .mainnav
{
 FONT-FAMILY: Verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: BOLD;
 TEXT-DECORATION: none;
 color: #003396;
}

a.mainnav:link
{
 FONT-FAMILY: Verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: BOLD;
 TEXT-DECORATION: none;
 color: #003396;
}
a.mainnav:visited
{
 FONT-FAMILY: Verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: BOLD;
 TEXT-DECORATION: none;
 color: #003396;
}
a.mainnav:hover
{
 FONT-FAMILY: Verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: BOLD;
 TEXT-DECORATION: underline;
 color: #003396;
}
a.mainnav:active
{
 FONT-FAMILY: Verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: BOLD;
 TEXT-DECORATION: none;
 color: #003396;
}

 .sitename
{
 FONT-WEIGHT: regular; 
 FONT-SIZE: 11px; 
 FONT-FAMILY: verdana; 
 TEXT-DECORATION: none;
 color: #003396;
}
A.sitename:link
{
 FONT-WEIGHT: regular; 
 FONT-SIZE: 11px; 
 FONT-FAMILY: verdana; 
 TEXT-DECORATION: none;
 color: #003396;
}
A.sitename:visited
{
 FONT-WEIGHT: regular; 
 FONT-SIZE: 11px; 
 FONT-FAMILY: verdana; 
 TEXT-DECORATION: none;
 color: #003396;
}
A.sitename:hover
{
 FONT-WEIGHT: regular; 
 FONT-SIZE: 11px; 
 FONT-FAMILY: verdana; 
 TEXT-DECORATION: underline;
 color: #003396;
}
A.sitename:active
{
 FONT-WEIGHT: regular; 
 FONT-SIZE: 11px; 
 FONT-FAMILY: verdana; 
 TEXT-DECORATION: none;
 color: #003396;
}

 .searchbox 
{
 background-color:#FFFFFF; 
 border:1px solid #aaaaaa;
}

 .searchtext
{
 FONT-WEIGHT: regular;
 FONT-SIZE: 10px;
 FONT-FAMILY: verdana;
 TEXT-DECORATION: none;
 color: #003396;
}

A.searchtext:link
{
 FONT-WEIGHT: regular;
 FONT-SIZE: 10px;
 FONT-FAMILY: verdana;
 TEXT-DECORATION: none;
 color: #003396;
}
A.searchtext:visited
{
 FONT-WEIGHT: regular;
 FONT-SIZE: 10px;
 FONT-FAMILY: verdana;
 TEXT-DECORATION: none;
 color: #003396;
}
A.searchtext:hover
{
 FONT-WEIGHT: regular;
 FONT-SIZE: 10px;
 FONT-FAMILY: verdana;
 TEXT-DECORATION: underline;
 color: #003396;
}
A.searchtext:active
{
 FONT-WEIGHT: regular;
 FONT-SIZE: 10px;
 FONT-FAMILY: verdana;
 TEXT-DECORATION: none;
 color: #003396;
}

/*
-----------------------------------------
 - HTMLTAG-CSS // Navigation
-----------------------------------------
*/

a.subnav1:link
{
 FONT-FAMILY: verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: BOLD;
 TEXT-DECORATION: none;
 COLOR: #003396; 
 letter-spacing:0pt;
}
a.subnav1:visited
{
 FONT-FAMILY: verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: BOLD;
 TEXT-DECORATION: none;
 COLOR: #003396; 
 letter-spacing:0pt;
}
a.subnav1:hover
{
 FONT-FAMILY: verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: BOLD;
 TEXT-DECORATION: none;
 COLOR: #003396; 
 letter-spacing:0pt;
}
a.subnav1:active
{
 FONT-FAMILY: verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: BOLD;
 TEXT-DECORATION: none;
 COLOR: #003396; 
 letter-spacing:0pt;
}

a.subnav1-active:link
{
 FONT-FAMILY: verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: BOLD;
 TEXT-DECORATION: none;
 COLOR: #003396; 
 letter-spacing:0pt;
}
a.subnav1-active:visited
{
 FONT-FAMILY: verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: BOLD;
 TEXT-DECORATION: none;
 COLOR: #003396; 
 letter-spacing:0pt;
}
a.subnav1-active:hover
{
 FONT-FAMILY: verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: BOLD;
 TEXT-DECORATION: none;
 COLOR: #003396; 
 letter-spacing:0pt;
}
a.subnav1-active:active
{
 FONT-FAMILY: verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: BOLD;
 TEXT-DECORATION: none;
 COLOR: #003396; 
 letter-spacing:0pt;
}

a.subnav2:link
{
 FONT-FAMILY: verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: regular;
 TEXT-DECORATION: none;
 COLOR: #666666; 
 letter-spacing:0pt;
}
a.subnav2:visited
{
 FONT-FAMILY: verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: regular;
 TEXT-DECORATION: none;
 COLOR: #666666; 
 letter-spacing:0pt;
}
a.subnav2:hover
{
 FONT-FAMILY: verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: regular;
 TEXT-DECORATION: none;
 COLOR: #033996; 
 letter-spacing:0pt;
}
a.subnav2:active
{
 FONT-FAMILY: verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: regular;
 TEXT-DECORATION: none;
 COLOR: #003396; 
 letter-spacing:0pt;
}

a.subnav2-active:link
{
 FONT-FAMILY: verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: BOLD;
 TEXT-DECORATION: none;
 COLOR: #003396; 
 letter-spacing:0pt;
}
a.subnav2-active:visited
{
 FONT-FAMILY: verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: BOLD;
 TEXT-DECORATION: none;
 COLOR: #003396; 
 letter-spacing:0pt;
}
a.subnav2-active:hover
{
 FONT-FAMILY: verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: BOLD;
 TEXT-DECORATION: none;
 COLOR: #003396; 
 letter-spacing:0pt;
}
a.subnav2-active:active
{
 FONT-FAMILY: verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: BOLD;
 TEXT-DECORATION: none;
 COLOR: #003396; 
 letter-spacing:0pt;
}

 .subnav-main 
{
 FONT-WEIGHT: bold;
 FONT-SIZE: 13px; 
 FONT-FAMILY: verdana; 
 TEXT-DECORATION: none;
 COLOR: #003396;
}

A.subnav-main:link
{
 FONT-WEIGHT: bold;
 FONT-SIZE: 13px; 
 FONT-FAMILY: verdana; 
 TEXT-DECORATION: none;
 COLOR: #003396;
}
A.subnav-main:visited
{
 FONT-WEIGHT: bold;
 FONT-SIZE: 13px; 
 FONT-FAMILY: verdana; 
 TEXT-DECORATION: none;
 COLOR: #003396;
}
A.subnav-main:hover
{
 FONT-WEIGHT: bold;
 FONT-SIZE: 13px; 
 FONT-FAMILY: verdana; 
 TEXT-DECORATION: none;
 COLOR: #666666;
}
A.subnav-main:active
{
 FONT-WEIGHT: bold;
 FONT-SIZE: 13px; 
 FONT-FAMILY: verdana; 
 TEXT-DECORATION: none;
 COLOR: #003396;
}

/*
-----------------------------------------
 - HTMLTAG-CSS // Tabellen
-----------------------------------------
*/

H1 {
	FONT-SIZE: 24px; 
	LINE-HEIGHT: 24px; 
	FONT-FAMILY: arial, helvetica, sans-serif;
}

H2 {
	FONT-SIZE: 18px; 
	LINE-HEIGHT: 18px; 
	FONT-FAMILY: arial, helvetica, sans-serif;
}

H3 {
	FONT-SIZE: 14px; 
	COLOR: #039; 
	LINE-HEIGHT: 14px; 
	FONT-FAMILY: arial, helvetica, sans-serif;
}

H4 {
	FONT-SIZE: 12px; 
	COLOR: #999; 
	LINE-HEIGHT: 12px; 
	FONT-FAMILY: arial, helvetica, sans-serif;
}

H5 {
	FONT-SIZE: 11px; 
	LINE-HEIGHT: 11px; 
	FONT-FAMILY: arial, helvetica, sans-serif;
}

H6 {
	FONT-SIZE: 10px; 
	LINE-HEIGHT: 10px; 
	FONT-FAMILY: arial, helvetica, sans-serif;
}

UL {
	FONT-SIZE: 11px; 
	FONT-FAMILY: verdana,arial,helvetica,sans-serif;
}

LI {
	FONT-SIZE: 11px; 
	FONT-FAMILY: verdana,arial,helvetica,sans-serif;
}

TD {
	FONT-SIZE: 11px; 
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}

ADDRESS {
	FONT-SIZE: 10px; 
	FONT-FAMILY: verdana,arial,helvetica,sans-serif;
}

/*
-----------------------------------------
 - HTMLTAG-CSS // Margin
-----------------------------------------
*/

 .margin_top 
{
 FONT-WEIGHT: Bolder;
 FONT-SIZE: 12px; 
 FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
 color: #003396;
}

A.margin_top:link
{
 FONT-WEIGHT: Bolder;
 FONT-SIZE: 12px; 
 FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
 TEXT-DECORATION: underline;
 color: #003396;
}
A.margin_top:visited
{
 FONT-WEIGHT: Bolder;
 FONT-SIZE: 12px; 
 FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
 TEXT-DECORATION: underline;
 color: #003396;
}
A.margin_top:hover
{
 FONT-WEIGHT: Bolder;
 FONT-SIZE: 12px; 
 FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
 TEXT-DECORATION: none;
 color: #003396;
}
A.margin_top:active
{
 FONT-WEIGHT: Bolder;
 FONT-SIZE: 12px; 
 FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
 TEXT-DECORATION: none;
 color: #003396;
}

.prodmargin {
    Font-size: 10px;
    color: #666666;
    Font-Face: verdana;
    vertical-align: top;
}

.kompatmit {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: white; 
	FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
	TEXT-DECORATION: none;
}

.bruttopreis {
	FONT-SIZE: 9px; 
	FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
	TEXT-DECORATION: none;
}

.prodname1 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #039; 
	FONT-FAMILY: verdana; 
	TEXT-DECORATION: none
}

.prodname1v2 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 15px; 
	COLOR: #039; 
	FONT-FAMILY: verdana; 
	TEXT-DECORATION: none;
}
.prodname2 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #999; 
	FONT-FAMILY: arial, helvetica, sans-serif; 
	TEXT-DECORATION: none
}

.form {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  font-style: normal;
  color: #003396;
  background-color: #FFFFFF;
  border-style: inset;
  border: 1 solid #dfdfdf;
}

 .forminput {
font-family: Verdana;
font-variant: small-caps;
font-size: 8pt;
color: #000000;
background-color: #C0C0C0;
padding: 0;
}  

/*
-----------------------------------------
 - HTMLTAG-CSS // Footer
-----------------------------------------
*/

 .footer 
{
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
 font-style: normal;
}

A.footer:link 
{
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
 font-style: normal;
 color: #003396;
 TEXT DECORATION: none;
}
A.footer:visited
{
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
 font-style: normal;
 color: #003396;
 TEXT DECORATION: none;
}
A.footer:hover
{
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
 font-style: normal;
 color: #003396;
 TEXT DECORATION: none;
}
A.footer:active
{
 font-family: verdana;
 font-size: 8pt;
 font-weight: bold;
 font-style: normal;
 color: #003396;
 TEXT DECORATION: none;
}

 .footer2 
{
 font-family: verdana;
 font-size: 8pt;
 font-weight: normal;
 font-style: normal;
 color: #003396;
}

A:link
{
 FONT-FAMILY: Verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: normal;
 TEXT-DECORATION: none;
 COLOR: #003396; 
} 

A:visited
{
 FONT-FAMILY: Verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: normal;
 TEXT-DECORATION: none;
 COLOR: #003396; 
} 
A:hover
{
 FONT-FAMILY: Verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: normal;
 TEXT-DECORATION: underline;
 COLOR: #003396; 
} 
A:active
{
 FONT-FAMILY: Verdana;
 FONT-SIZE: 11px;
 FONT-WEIGHT: normal;
 TEXT-DECORATION: none;
 COLOR: #003396; 
} 

/*
-----------------------------------------
 - HTMLTAG-CSS // Error
-----------------------------------------
*/

.error
 {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	MARGIN-LEFT: 16px; 
	FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
	COLOR: #ff0000;
}


/*
-----------------------------------------
 - Slideshow
-----------------------------------------
*/

.home_teaser {
	margin: 5px;
	float: left;
	width: 165px;
	height: 200px;
	padding: 0px;
	cursor: pointer;
}

.slideshow, .slideshow-label, .slideshow-content, .slideshow-panel {
    font:12px Verdana, Tahoma, sans-serif;
}

.slideshow {
    padding:0;
    border:0;
    position:relative;
    display:none;           /* Set to "none" for not preview slideshow content */
    z-index:1;
}
.slideshow-content {
    padding:0;
    background-color:#fff;
    color:#333;
    overflow:hidden;
    position:relative;
    z-index:1;
}

    /* Some Content Changes */
    .slideshow-content p {
        padding:0 !important;
        overflow:auto;
    }

    .slideshow-content img {
        padding:0 !important;
        border:0 !important;
    }

    .slideshow-slide {
        display:none;
        position:absolute;
    }

.slideshow-fullscreen {
    position:absolute;
    top:0;
    left:0;
    padding:0;
    border:0;  
    overflow:hidden;
}

.slideshow-label-place, .slideshow-panel-place {
    /* Stupid IE hack */
    // border-style:dotted; border-width: 1px 0; border-color: transparent; background:transparent;
}

.slideshow-label-place {
    padding:0;
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
    height:30px;
}
    .slideshow-label {   
        z-index:101;
        color:#fff;
        width:100%;
        height:100%;
        line-height:30px;
        text-indent:8px;
        font-weight:bold
    }

    .slideshow-label a,
    .slideshow-label a:hover,
    .slideshow-label a:active,
    .slideshow-label a:visited {
        color:#fff;
    }

.slideshow-panel-place {
    padding:0;
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:100;
    height:26px;
}
    .slideshow-panel {
        z-index:101;    
        width:100%;
        height:100%;
    }
    
        .slideshow-panel a.button {
            display: block;
            width:24px;
            height:24px;
            float:left;
            text-indent:-99999%;
            overflow:hidden;
            outline: 0; /* @ Firefox, prevent dotted border after click */ 
            background-image:url(images/slidebuttons.png);
            background-repeat:no-repeat;
            border:1px solid transparent
        }
        
            .slideshow-panel a.button:hover {
                border:1px solid #777;
            }
            
            
            .slideshow-panel a.first {
                background-position: 0 0
            }
            
            .slideshow-panel a.prev {
                background-position: -24px 0
            }
            
            .slideshow-panel a.play {
                background-position: -48px 0
            }
            
            .slideshow-panel a.stop {
                background-position: -72px 0
            }
            
            .slideshow-panel a.next {
                background-position: -96px 0
            }
            
            .slideshow-panel a.last {
                background-position: -120px 0
            }
            
            .slideshow-panel a.help {
                position:relative;
                background-position: -144px 0
            }
            
            .slideshow-panel span.counter {
                float:right;
                display: block;
                font-weight:700;
                color:#fff;
                /*width:26px;*/
                height:24px;
                line-height:24px;
                padding:0 4px;
            }


.slideshow-help {
    position:absolute;
    bottom:26px;
    left:0px;    
    z-index:101;   
    background-color:#ff9; 
    display:none;
    opacity: 0.9;
    width:100%;
}

.slideshow-frame div {
    position:absolute;
    top:0px;
    left:0px;
    background:url(images/big-play.png) 50% 50% no-repeat;
    z-index:201;
    cursor:pointer;
    width:100%;
    height:100%;
}

.slideshow-load {
    display:none;
}
    .slideshow-load div {
        position:absolute;
        top:0px;
        left:0px;
        background:url(images/ajax-loader.gif) 50% 50% no-repeat;
        z-index:201;
        cursor:pointer;
        width:100%;
        height:100%;
    }

.slideshow-shadow {
    position:absolute;
    top:0px;
    left:0px;
    z-index:200;
    width:100%;
    height:100%;
}
    
.slideshow-opacity {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYmBgaAAIMAAAjwCD5Hc2/AAAAABJRU5ErkJggg==);
    background:rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#85000000, endColorstr=#85000000);
}