/***************************************************************
*  Copyright Notice
*
*  (c) 2005 neoflow GbR (kontakt@neoflow.de)
*  All Rights Reserved.
*
***************************************************************/
/**
 * Stylesheet for the html-Version of the syndicate-website
  *
 * styles.css, v 0.1 2005/04/25 15:28:00
 *
 * @author        Achim Fiedler <achim.fiedler@neoflow.de>
 * @package        syndicate
 * @subpackage         css
 */


/***************************************************************
* General-Styles
***************************************************************/

body {
         height: 100%;
         width: 100%;
         margin: 0px;
         padding: 0px 0px 0px 0px;
         text-align: center;
         background-color: #364653;
}

#mainContentContainer{
         position:relative;
         width:655px;
         margin: 0px auto;
         padding: 170px 0px 0px 0px;
}

/***************************************************************
* Content-Styles Splash Screen
***************************************************************/

#splashLeftCol {
         position:relative;
         height: 421px;
         width: 525px;
         margin: 0px;
         padding: 115px 0px 0px 0px;
         text-align: left;
         background:url(../img/logo_splash.jpg) no-repeat top left;
         float:left;
         voice-family: "\"}\"";
        voice-family:inherit;
        height: 306px;
}

html>#splashLeftCol {
  height: 306px;
}

#splashLeftCol p{
         font-family: Arial,sans-serif;font-size:10px;color:#CCCCCC;
         font-weight: normal;
         line-height:20px;
}

#splashLeftCol p span{
         color: #7CB028;
        font-size: 12px;
}

#splashLeftCol p span a{
        color: #7CB028;
         font-weight: bold;
         text-decoration:underline;
}

#splashLeftCol p span a:hover{
         text-decoration:none;
}

#splashSeperatorCol {
         position:relative;
         height: 306px;
         width: 10px;
         margin: 0px;
         padding: 0px 0px 0px 0px;
         background:url(../img/seperator_splash.jpg) no-repeat top center;
         float:left;
}

#splashRightCol {
         position:relative;
         height: 421px;
         width: 96px;
         margin: 0px;
         margin-left:24px;
         padding: 115px 0px 0px 0px;
         text-align: left;
         float:right;
         font-family: Arial,sans-serif;font-size:10px;color:#CCCCCC;
         font-weight: normal;
         line-height:20px;
         voice-family: "\"}\"";
        voice-family:inherit;
        height: 306px;
}

html>#splashRightCol {
  height: 306px;
}


#splashRightCol h1{
         font-family: Arial,sans-serif;font-size:12px;color:#CCCCCC;
         font-weight: bold;
}

#splashRightCol form input{
         width:90px;
         padding: 2px 0px 2px 0px;
         font-size:10px;
         color: #7CB028;
         border: 1px solid #CCC;
         background-color: #666;
}


#splashRightCol p{
         font-family: Arial,sans-serif;font-size:12px;color:#7CB028;
         font-weight: normal;
         line-height:20px;
}

#splashRightCol p a{
        color: #7CB028;
         font-weight: bold;
         text-decoration:underline;
}

#splashRightCol p a:hover{
         text-decoration:none;
}

/***************************************************************
* Content-Styles Templates
***************************************************************/

/***************************************************************
* Content-Styles General
***************************************************************/

#mainContentContainerTmpl{
         position:relative;
         width:631px;
         margin: 0px auto;
         padding: 40px 0px 0px 0px;
}

#content{
         position:relative;
         width:631px;
         margin: 0px auto;
         margin-top:25px;
         padding: 0px 0px 0px 0px;
}

#mainContent{
         position:relative;
         width:429px;
         margin: 0px auto;
         margin-top:0px;
         padding: 0px 0px 0px 0px;
         text-align:left;
         float:right;
}

#mainContent1{
         position:relative;
         width:429px;
         margin: 0px auto;
         margin-top:0px;
         padding: 5px 20px 0px 0px;
         text-align:left;
         font-family: Arial,sans-serif;font-size:12px;color:#CCCCCC;
         letter-spacing: 0px;
         font-weight: normal;
         line-height: 130%;
         text-decoration:none;
         voice-family: "\"}\"";
         voice-family:inherit;
         width:409px;
}

html>#mainContent1 {
          width:409px;
}

#mainContent1 h1{
         font-family: Arial,sans-serif;font-size:12px;color:#FFFFFF;
         font-weight: bold;
         text-decoration:none;
}

#mainContent1 h2{
         font-family: Arial,sans-serif;font-size:12px;color:#FFFFFF;
         font-weight: normal;
         text-decoration:none;
         margin:20px 0px 0px 0px;
}

#mainContent1 p a{
         font-family: Arial,sans-serif;font-size:12px;color:#7FB426;
}

#mainContent1 p a:hover{
         text-decoration: none;
}

#mainContent1 a{
         font-family: Arial,sans-serif;font-size:12px;color:#7FB426;
}

#mainContent1 a:hover{
         text-decoration: none;
}

#mainContent1 ul{
        position: relative;
         left: 25px;
         margin: 0px;
         padding: 0px;
         list-style-position:outside;
         list-style-image:url(../img/bullet_slash.gif);
}

/***************************************************************
* Content-Styles Header
***************************************************************/

#header{
         position:relative;
         width:631px;
         height:271px;
         margin: 0px auto;
         padding: 0px 0px 0px 0px;
         font-family: Arial,sans-serif;font-size:12px;color:#CCCCCC;
         font-weight: normal;
         text-decoration:none;
             letter-spacing: 1px;
         line-height:17px;
}

#header a{
         font-family: Arial,sans-serif;font-size:12px;color:#CCCCCC;
         font-weight: normal;
         text-decoration:none;
             letter-spacing: 1px;
}

#header a:hover{
         color:#7BB11D;
}

#header1{
         position:relative;
         width:631px;
         height:91px;
         margin: 0px auto;
         padding: 0px 0px 0px 0px;
             letter-spacing: 1px;
}

#header1logo{
         position:relative;
         width:302px;
         height:91px;
         margin: 0px auto;
         padding: 0px 0px 0px 0px;
         background:url(../img/logo_tmpl.jpg) no-repeat top left;
         float:left;
}

#header1naviLang{
         position:relative;
         width:123px;
         height:69px;
         margin: 0px auto;
         padding: 22px 24px 0px 0px;
         text-align:right;
             letter-spacing: 1px;
         float:left;
}

#header1naviMain1{
         position:relative;
         width:100px;
         height:91px;
         margin: 0px auto;
         padding: 0px 0px 0px 0px;
         text-align:left;
             letter-spacing: 1px;
         float:left;
}

#header1naviMain1 .act{
         color:#7BB11D;
         text-decoration:underline;
}

#header1naviMain2{
         position:relative;
         width:82px;
         height:69px;
         margin: 0px auto;
         padding: 22px 0px 0px 0px;
         text-align:left;
         float:left;
}

#header1naviMain2 .act{
         color:#7BB11D;
         text-decoration:underline;
}

#header21{
         position:relative;
         width:631px;
         height:176px;
         margin: 0px auto;
         padding: 0px 0px 0px 0px;
         background:url(../img/teaser_1.jpg) no-repeat top center;
}

#header22{
         position:relative;
         width:631px;
         height:176px;
         margin: 0px auto;
         padding: 0px 0px 0px 0px;
         background:url(../img/teaser_2.jpg) no-repeat top center;
}

#header23{
         position:relative;
         width:631px;
         height:176px;
         margin: 0px auto;
         padding: 0px 0px 0px 0px;
         background:url(../img/teaser_3.jpg) no-repeat top center;
}

#header24{
         position:relative;
         width:631px;
         height:176px;
         margin: 0px auto;
         padding: 0px 0px 0px 0px;
         background:url(../img/teaser_4.jpg) no-repeat top center;
}

#header25{
         position:relative;
         width:631px;
         height:176px;
         margin: 0px auto;
         padding: 0px 0px 0px 0px;
         background:url(../img/teaser_5.jpg) no-repeat top center;
}

#header26{
         position:relative;
         width:631px;
         height:176px;
         margin: 0px auto;
         padding: 0px 0px 0px 0px;
         background:url(../img/teaser_6.jpg) no-repeat top center;
}

#header27{
         position:relative;
         width:631px;
         height:176px;
         margin: 0px auto;
         padding: 0px 0px 0px 0px;
         background:url(../img/teaser_7.jpg) no-repeat top center;
}

#header28{
         position:relative;
         width:631px;
         height:176px;
         margin: 0px auto;
         padding: 0px 0px 0px 0px;
         background:url(../img/teaser_8.jpg) no-repeat top center;
}

#header29{
         position:relative;
         width:631px;
         height:176px;
         margin: 0px auto;
         padding: 0px 0px 0px 0px;
         background:url(../img/teaser_9.jpg) no-repeat top center;
}

#header210{
         position:relative;
         width:631px;
         height:176px;
         margin: 0px auto;
         padding: 0px 0px 0px 0px;
         background:url(../img/teaser_10.jpg) no-repeat top center;
}

#header211{
         position:relative;
         width:631px;
         height:176px;
         margin: 0px auto;
         padding: 0px 0px 0px 0px;
         background:url(../img/teaser_11.jpg) no-repeat top center;
}

#header30{
         position:relative;
         width:631px;
         height:176px;
         margin: 0px auto;
         padding: 0px 0px 0px 0px;
         background:url(../img/teaser_12.jpg) no-repeat top center;
}

/***************************************************************
* Content-Styles Content Navigation
***************************************************************/

#contentNav{
         position:relative;
         width:202px;
         margin: 0px auto;
         padding: 32px 0px 0px 0px;
         text-align:left;
         float:left;
}

#contentNav1{
         position:relative;
         width:202px;
         margin: 0px auto;
         padding: 9px 0px 0px 0px;
         text-align:left;
         float:left;
}

#historyback{
             display: block;
             width: 173px;
             height: 25px;
             padding: 3px 0px 4px 10px;
             font-family: Arial,sans-serif;font-size:12px;color:#CCC;
             text-decoration: none;
             line-height: 130%;
             letter-spacing: 1px;
             text-align: right;
                voice-family: "\"}\"";
                voice-family:inherit;
                width:163px;
                height: 20px;
}

html>#historyback {
          width:163px;
                height: 20px;
}

#historyback a{
        font-family: Arial,sans-serif;font-size:12px;color:#CCC;
         text-decoration: underline;
         letter-spacing: 1px;
}

#historyback a:hover{
	font-family: Arial,sans-serif;font-size:12px;color:#CCC;
        text-decoration: none;
}

.mainmenu{
             display: block;
             width: 173px;
             height: 24px;
             padding: 3px 0px 0px 10px;
             border-bottom: 1px solid #869098;
             font-family: Arial,sans-serif;font-size:12px;color:#CCC;
             text-decoration: none;
             line-height: 130%;
             letter-spacing: 1px;
                voice-family: "\"}\"";
                voice-family:inherit;
                width:163px;
                height: 20px;
}

.mainmenu:hover{
	font-family: Arial,sans-serif;font-size:12px;color:#FFF;
    background-color: #4F5C68;
}

.mainmenuact{
     display: block;
     width: 173px;
     height: 24px;
     padding: 3px 0px 0px 10px;
     border-bottom: 1px solid #869098;
     font-family: Arial,sans-serif;font-size:12px;color:#FFF;
     text-decoration: none;
     background-color: #4F5C68;
     line-height: 130%;
     letter-spacing: 1px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width:163px;
        height: 20px;
}

#contentNav1 .mainmenu{
             display: block;
             width: 173px;
             height: 24px;
             padding: 3px 0px 0px 10px;
             border-bottom: 1px solid #869098;
             font-family: Arial,sans-serif;font-size:12px;color:#CCC;
             text-decoration: none;
             line-height: 130%;
             letter-spacing: 1px;
                voice-family: "\"}\"";
                voice-family:inherit;
                width:163px;
                height: 20px;
}

#contentNav1 .mainmenu:hover{
	font-family: Arial,sans-serif;font-size:12px;color:#FFF;
    background-color: #4F5C68;
}

#contentNav1 .mainmenuact{
     display: block;
     width: 173px;
     height: 24px;
     padding: 3px 0px 0px 10px;
     border-bottom: 1px solid #869098;
     font-family: Arial,sans-serif;font-size:12px;color:#FFF;
     text-decoration: none;
     background-color: #4F5C68;
     line-height: 130%;
     letter-spacing: 1px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width:163px;
        height: 20px;
}

#contentNav1 .mainmenuact:hover{
     display: block;
     width: 173px;
     height: 24px;
     padding: 3px 0px 0px 10px;
     border-bottom: 1px solid #869098;
     font-family: Arial,sans-serif;font-size:12px;color:#FFF;
     text-decoration: none;
     background-color: #4F5C68;
     line-height: 130%;
     letter-spacing: 1px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width:163px;
        height: 20px;
}

.submenu{
     display: block;
     width: 173px;
     height: 24px;
     padding: 3px 0px 0px 10px;
     border-bottom: 1px solid #869098;
     background-color: #3E4F5D;
     font-family: Arial,sans-serif;font-size:12px;color:#CCC;
     text-decoration: none;
     line-height: 130%;
     letter-spacing: 1px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width:163px;
        height: 20px;
}

html>.submenu {
  width: 163px;
  height: 20px;
}

.submenu:hover{
     color: #FFF;
}

.submenuact{
     display: block;
     width: 173px;
     height: 24px;
     padding: 3px 0px 0px 10px;
     border-bottom: 1px solid #869098;
     font-family: Arial,sans-serif;font-size:12px;color:#FFF;
     text-decoration: none;
     background-color: #546370;
     line-height: 130%;
     letter-spacing: 1px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width:163px;
        height: 20px;
}

html>.submenuact {
  width:163px;
  height: 20px;
}
/***************************************************************
* Content-Styles Footer
***************************************************************/

#footer{
            position:relative;
             width:429px;
        border-top:1px solid #858F97;
         margin-top:20px;
         font-family: Arial,sans-serif;font-size:11px;color:#858F97;
         font-weight: normal;
         line-height:20px;
         letter-spacing: 1px;
         clear: both;
}

#footer a{
         font-family: Arial,sans-serif;font-size:11px;color:#7FB426;
         font-weight: normal;
         text-decoration:underline;
         letter-spacing: 1px;
}

#footer a:hover{
         text-decoration:none;
}

.footergrey{
         margin-left:90px;
         letter-spacing: 1px;
}

.footergrey a{
         font-family: Arial,sans-serif;font-size:11px;color:#858F97;
         font-weight: normal;
         text-decoration:none;
}

.footergrey a:hover{
         font-family: Arial,sans-serif;font-size:11px;color:#7FB426;
}

/***************************************************************
* Content-Styles syndicate
***************************************************************/

#mainContentLeft{
         position: relative;
         width: 250px;
         padding: 0px 40px 0px 0px;
         font-family: Arial,sans-serif;font-size:12px;color:#CCCCCC;
         font-weight: normal;
         text-decoration:none;
         float: left;
         voice-family: "\"}\"";
        voice-family:inherit;
        width: 210px;
}

html>#mainContentLeft {
  width: 210px;
}

#mainContentLeft h1{
         font-family: Arial,sans-serif;font-size:12px;color:#FFF;
         font-weight: bold;
         text-decoration:none;
}

#mainContentRight{
         position: relative;
         width: 179px;
         padding: 0px 24px 20px 0px;
         font-family: Arial,sans-serif;font-size:12px;color:#CCC;
         font-weight: normal;
         text-decoration:none;
         float: left;
         voice-family: "\"}\"";
        voice-family:inherit;
        width: 155px;
}

html>#mainContentRight {
  width: 155px;
}

#mainContentRight h1{
         font-family: Arial,sans-serif;font-size:12px;color:#FFF;
         font-weight: bold;
         text-decoration:none;
}

#mainContentRight h2{
         font-family: Arial,sans-serif;font-size:12px;color:#FFF;
         font-weight: bold;
         text-decoration:none;
         margin-bottom: 0px;
}

#mainContentRight h3{
        display: inline;
         font-family: Arial,sans-serif;font-size:12px;color:#FFF;
         font-weight: normal;
         text-decoration:none;
}

#mainContentRight ul{
         position: relative;
         left: 25px;
         display: inline;
         font-family: Arial,sans-serif;font-size:12px;color:#CCC;
         font-weight: normal;
         text-decoration: none;
         padding: 0px;
         margin: 0px;
         list-style-position:outside;
         list-style-image:url(../img/bullet_slash.gif);
}

#mainContentRight a{
         font-family: Arial,sans-serif;font-size:12px;color:#7FB426;
}

#mainContentRight a:hover{
         text-decoration: none;
}

.mainContentPic{
         position: relative;
         width: 429px;
         text-align:left;
         font-family: Arial,sans-serif;font-size:12px;color:#CCCCCC;
         font-weight: normal;
         text-decoration:none;
         border-bottom: 1px solid #858F97;
         margin: 0px 0px 20px 0px;
         padding: 0px 0px 20px 0px;
         float: left;
}

.mainContentPic1{
        position: relative;
         width: 429px;
         text-align:left;
         font-family: Arial,sans-serif;font-size:12px;color:#CCCCCC;
         font-weight: normal;
         text-decoration:none;
         margin: 0px 0px 20px 0px;
         padding: 0px 0px 20px 0px;
         float: left;
         clear: both;
}

.leftpicFuehrung {
        position: relative;
        border: 1px solid #858F97;
        width: 97px;
        height: 97px;
        background-repeat:no-repeat;
        background-position: top left;
        float: left;
        margin-right: 20px;
}

.mainContentPic h1{
         font-family: Arial,sans-serif;font-size:12px;color:#FFF;
         font-weight: bold;
         text-decoration:none;
         margin: 5px 0px 0px 0px;
}

.mainContentPic p{
         font-family: Arial,sans-serif;font-size:12px;color:#FFF;
         margin-bottom: 0px;
}

.mainContentPic1 h1{
         font-family: Arial,sans-serif;font-size:12px;color:#FFF;
         font-weight: bold;
         text-decoration:none;
         margin: 5px 0px 0px 0px;
}

.mainContentPic1 p{
         font-family: Arial,sans-serif;font-size:12px;color:#FFF;
         margin-bottom: 0px;
}

#mainContentPresse{
        position: relative;
         width: 429px;
         text-align:left;
         font-family: Arial,sans-serif;font-size:12px;color:#CCC;
         font-weight: normal;
         text-decoration:none;
         margin: 0px 0px 10px 0px;
         padding: 0px 0px 10px 0px;
         float: left;
         clear: both;
}

#mainContentPresse h1{
         font-family: Arial,sans-serif;font-size:12px;color:#FFF;
         font-weight: bold;
         text-decoration:none;
}

#mainContentPresse h2{
         font-family: Arial,sans-serif;font-size:12px;color:#CCC;
         font-weight: bold;
         text-decoration:none;
         margin: 10px 0px 0px 0px;
}

#mainContentPresse p{
         font-family: Arial,sans-serif;font-size:12px;color:#CCC;
         padding: 0px 0px 10px 0px;
         margin: 0px;
         border-bottom: 1px solid #858F97;
}

#mainContentPresse div{
         font-family: Arial,sans-serif;font-size:12px;color:#CCC;
         padding: 0px 0px 10px 0px;
         margin: 0px;
         border-bottom: 1px solid #858F97;
}

#mainContentPresse ul{
        position: relative;
         left: 25px;
         margin: 0px;
         padding: 0px;
         list-style-position:outside;
         list-style-image:url(../img/bullet_slash.gif);
}

#mainContentPresse a{
         font-family: Arial,sans-serif;font-size:12px;color:#7FB426;
}

#mainContentPresse a:hover{
         text-decoration: none;
}

#lastparagraph{
        border-bottom: 0px none !important;
}

/***************************************************************
* Content-Styles downloads
***************************************************************/

#mainContentDownloads{
        position: relative;
         width: 429px;
         text-align:left;
         font-family: Arial,sans-serif;font-size:12px;color:#CCC;
         font-weight: normal;
         text-decoration:none;
         margin: 0px 0px 10px 0px;
         padding: 0px 0px 10px 0px;
         float: left;
         clear: both;
}

#mainContentDownloads h1{
         font-family: Arial,sans-serif;font-size:12px;color:#FFF;
         font-weight: bold;
         text-decoration:none;
}

#mainContentDownloads span{
	position: relative;
         font-family: Arial,sans-serif;font-size:12px;color:#CCC;
         font-weight: bold;
         text-decoration:none;
         margin: 10px 0px 0px 0px;
         float: right;
}

#mainContentDownloads p{
         font-family: Arial,sans-serif;font-size:12px;color:#CCC;
         padding: 0px 0px 10px 0px;
         margin: 0px;
         border-bottom: 1px solid #858F97;
}

#mainContentDownloads img{
         margin: 5px 10px 0px 0px;
         border: 0px none;
}

#mainContentDownloads a{
         font-family: Arial,sans-serif;font-size:12px;color:#7FB426;
}

#mainContentDownloads a:hover{
         text-decoration: none;
}

/***************************************************************
* Content-Styles references
***************************************************************/

#mainContentReferences{
        position: relative;
         width: 429px;
         text-align:left;
         font-family: Arial,sans-serif;font-size:12px;color:#CCC;
         line-height: 130%;
         font-weight: normal;
         text-decoration:none;
         margin: 0px 0px 10px 0px;
         padding: 0px 0px 10px 0px;
         float: left;
         clear: both;
}

#mainContentReferences h1{
         font-family: Arial,sans-serif;font-size:12px;color:#FFF;
         font-weight: bold;
         text-decoration:none;
}

#mainContentReferences ul{
         width: 124px;
         text-align: left;
         margin: 0px;
         padding: 0px;
         float: left;
         list-style-type: none;
         list-style-position: outside;
        position: relative;
}

#mainContentReferences ul a{
         font-family: Arial,sans-serif;font-size:12px;color:#7FB426;
         letter-spacing: 1px;
         line-height: 150%;
}

#mainContentReferences ul a:hover{
         text-decoration: none;
}


#headerCase{
         position:relative;
         width:631px;
         height:176px;
         margin: 0px auto;
         padding: 0px 0px 0px 0px;
         border: 1px solid #FFF;
         background-color: #CCC;
         text-align: left;
         voice-family: "\"}\"";
                voice-family:inherit;
                width:629px;
                height: 174px;
}

html>#headerCase {
          width:629px;
                height: 174px;
}

#caseLogo{
        position: relative;
         width: 200px;
         height: 174px;
         background-repeat: no-repeat;
         background-position: center center;
         float: left;
}

#casePics{
        position: relative;
         width: 252px;
         height: 174px;
         border-left: 1px solid #FFF;
         border-right: 1px solid #FFF;
         background-repeat: no-repeat;
         background-position: top center;
         background-color: #B1B1B0;
         float: left;
         voice-family: "\"}\"";
                voice-family:inherit;
                width:250px;
}

html>#casePics {
          width:250px;
}

#casePics a{
        display: block;
         height: 18px;
         width: 32px;
         padding: 0px 2px 0px 2px;
         background-color: #CCC;
         float: left;
         position: relative;
         top: 160px;
         border-right: 1px solid #979694;
         background-repeat: no-repeat;
         background-position: center center;
         voice-family: "\"}\"";
                voice-family:inherit;
                width:28px;
                height: 18px;
}

html>#casePics a{
          width:28px;
                height: 18px;
}

#caseTurnpage{
        position: relative;
         width: 177px;
         height: 174px;
         padding-top: 8px;
         float: right;
         voice-family: "\"}\"";
         voice-family:inherit;
         height: 166px;
}

html>#casePics a{
         height: 166px;
}

#caseTurnpage span{
        display: block;
        position: relative;
         top: 103px;
         width: 177px;
         height: 18px;
         text-align: right;
         background-repeat: no-repeat;
         background-position: 85px 5px;
         background-color: #DBDBDB;
}

#caseTurnpage div{
         width: 58px;
         height: 15px;
         margin: 0px 0px 0px 10px;
         border: 0px none;
         padding: 0px;
}

*html #caseTurnpage span{
        display: block;
        position: relative;
         top: 97px;
         width: 177px;
         height: 18px;
         text-align: right;
         background-repeat: no-repeat;
         background-position: 85px 5px;
         background-color: #DBDBDB;
}

#caseTurnpage span a{
         display: block;
         height: 18px;
         width: 22px;
         padding: 0px 2px 0px 2px;
         background-color: #4F5C68;
         position: relative;
         left: 130px;
         float: left;
         margin-left: 1px;
         border: 0px none;
         background-repeat: no-repeat;
         background-position: center center;
         voice-family: "\"}\"";
                voice-family:inherit;
                width:18px;
                height: 18px;
}

html>caseTurnpage span a{
          width:28px;
                height: 18px;
}

#caseTurnPass{
        background-color: #A7AEB4 !important;
}

#case3d{
         display: block;
         width: 65px;
         height: 15px;
         margin: 0px 0px 0px 10px;
         border: 0px none;
         padding: 0px;
         background:url(../img/case_3d.gif) no-repeat top left;
}

#case3d:hover{
         display: block;
         width: 65px;
         height: 15px;
         margin: 0px 0px 0px 10px;
         border: 0px none;
         padding: 0px;
         background:url(../img/case_3d_act.gif) no-repeat top left;
}

#case3den{
         display: block;
         width: 65px;
         height: 15px;
         margin: 0px 0px 0px 10px;
         border: 0px none;
         padding: 0px;
         background:url(../img/case_3d_en.gif) no-repeat top left;
}

#case3den:hover{
         display: block;
         width: 65px;
         height: 15px;
         margin: 0px 0px 0px 10px;
         border: 0px none;
         padding: 0px;
         background:url(../img/case_3d_enact.gif) no-repeat top left;
}

#case360{
         display: block;
         width: 65px;
         height: 15px;
         margin-left: 10px;
         border: 0px none;
         padding: 0px;
         background:url(../img/case_360.gif) no-repeat top left;
}

#case360:hover{
         display: block;
         width: 65px;
         height: 15px;
         margin-left: 10px;
         border: 0px none;
         padding: 0px;
         background:url(../img/case_360_act.gif) no-repeat top left;
}

#case360en{
         display: block;
         width: 65px;
         height: 15px;
         margin-left: 10px;
         border: 0px none;
         padding: 0px;
         background:url(../img/case_360.gif) no-repeat top left;
}

#case360en:hover{
         display: block;
         width: 65px;
         height: 15px;
         margin-left: 10px;
         border: 0px none;
         padding: 0px;
         background:url(../img/case_360_act.gif) no-repeat top left;
}

#enlarge{
         display: block;
         width: 65px;
         height: 15px;
         margin-left: 10px;
         border: 0px none;
         padding: 0px;
         background:url(../img/case_zoom.gif) no-repeat top left;
}

#enlarge:hover{
         display: block;
         width: 65px;
         height: 15px;
         margin-left: 10px;
         border: 0px none;
         padding: 0px;
         background:url(../img/case_zoom_act.gif) no-repeat top left;
}

#enlargeen{
         display: block;
         width: 65px;
         height: 15px;
         margin-left: 10px;
         border: 0px none;
         padding: 0px;
         background:url(../img/case_zoom_en.gif) no-repeat top left;
}

#enlargeen:hover{
         display: block;
         width: 65px;
         height: 15px;
         margin-left: 10px;
         border: 0px none;
         padding: 0px;
         background:url(../img/case_zoom_enact.gif) no-repeat top left;
}