/* CSS-DATEI: style_HOME.css */
/* COMPANY: ACA Advanced Computer Art GmbH */

/********************************************************** BODY ***********************************************/
body {
         background-color:#000000;
         margin:0px 0px 0px 0px;
         padding:0px;
         font-family:Arial;
         font-size:13.5px;
         font-weight:normal;
         color:#b4b4b4;
}


h1 {
         font:bold 1em Arial;
         padding:0px 0px 0px 0px;
         margin:0px 0px 15px 0px;
}


h2 {
         font:bold 1.0em Arial;
         padding:0px 0px 0px 0px;
         margin:0px 0px 0px 0px;
}

h3 {
         font:bold 1.5em Arial;
         padding:0px 0px 0px 0px;
         margin:0px 0px 15px 0px;
}


p {
         margin:0px 0px 15px 0px;
}


img {
         border:0px;
}




/********************************************************** CONTAINER ***********************************************/

#container {
         width:1024px;
         height:755px;
         padding:0px;
         background-color:#000000;
         text-align:left;
         margin: 0px auto 0px auto;

}


/********************************************************** HEADER ***********************************************/

#header {
         width:100%;
         height:64px;
         background-color:#000000;
}



/********************************************************** NAVIGATION ***********************************************/

#nav {
         width:100%;
         height:38px;
         background-color:#000000;
         background-image:url(../design_data/nav-background.gif);
         border:0px solid #FFFFFF;
}


#nav-index {
         width:100%;
         height:38px;
         background-color:#000000;
         background-image:url(../design_data/nav-background-index.gif);
}




#nav-table {
         padding-left:35px;
         width:60%;
         height:100%;
         font-size:11.5px;
         font-weight:bold;
         letter-spacing:0.1em;
         text-align:center;
         border:0px solid #FF0000;
         float:left;
}

#nav-table td {
         border:0px solid #FF0000;
}

/**
#nav-table a {
         color:#b4b4b4;
         text-decoration:none;
         width:100%;
         display:block;
}
**/

#nav-table a {
         padding-top:8px;
         color:#b4b4b4;
         text-decoration:none;
         width:100%;
         height:22px;
         display:block;
         border:0px solid #FF0000;
}


#nav-table a:hover {
         color:#ffffff;
         text-decoration:none;
         /**background-image:url(../design_data/dot.jpg);
         background-repeat:no-repeat;
         background-position: 3px 10px;**/

}

#nav-table .active {
         color:#ffffff;
         text-decoration:none;
}




#switch-table {
         margin:9px 0px 0px 213px;
         letter-spacing:0.1em;
         width:170px;
         font-size:11.5px;
         text-align:center;
         float:left;
}

.switch-acitve {
         margin: 0px 0px 0px 0px;
         font-size:11.5px;
}


.switch-acitve a {
         color:#f7a300;
         text-decoration:none;
         width:100%;
         display:block;
}

.switch-active a:hover {
         color:#ffffff;
         text-decoration:none;
}

.switch-active .active {
         color:#ffffff;
         text-decoration:none;
}

.switch {
         margin: 0px 0px 0px 0px;
         font-size:11.5px;
}


.switch a {
         color:#979797;
         text-decoration:none;
         width:100%;
         display:block;
}

.switch a:hover {
         color:#ffffff;
         text-decoration:none;
}

.switch .active {
         color:#ffffff;
         text-decoration:none;
}




/****************************************************** SITE LOCATION ***********************************************/

#site-location {
         height:13px;
         padding:2px 0px 0px 0px;
         font-size:11px;
         text-align:left;
         margin: 0px 0px 0px 45px;
         border: 0px solid #300;
}

#site-location a {
         margin:10px 0px 0px 0px;
         color:#b4b4b4;
         text-decoration:none;
}

#site-location a:hover {
         color:#FFFFFF;
         text-decoration:none;
}


/************** SITE LOCATION ************/



/****************************************************** BACK LINK ***********************************************/

#back-link {
         height:13px;
         padding:0px 0px 13px 0px;
         font-size:11px;
         text-align:right;
         margin: 0px 45px 0px 0px;
         border: 0px solid #300;
}

#back-link-dummy {
         height:13px;
         padding:0px 0px 13px 0px;
         font-size:11px;
         text-align:right;
         margin: 0px 45px 0px 0px;
         border: 0px solid #300;
}

#back-link a {
         color:#b4b4b4;
         text-decoration:none;
         padding-left:18px;
         background-image:url(../design_data/arrow-double.gif);
         background-repeat:no-repeat;
         background-position: 3px 3px;
}

#back-link a:hover {
         color:#FFFFFF;
         text-decoration:none;
         background-image:url(../design_data/arrow-double.gif);
         background-repeat:no-repeat;
         background-position: 0px 3px;
}


/************** BACK LINK ************/



/****************************************************** ARROW LINK ***********************************************/

.arrow-link {
         margin-top:0px;
}

.arrow-link a {
         color:#b4b4b4;
         text-decoration:none;
         padding-left:11px;
         background-image:url(../design_data/arrow.gif);
         background-repeat:no-repeat;
         background-position: 0px 4px;
}

.arrow-link a:hover {
         color:#FFFFFF;
         text-decoration:none;
         background-image:url(../design_data/arrow.gif);
         background-repeat:no-repeat;
         background-position: 4px 4px;
}


/************** ARROW LINK ************/


/****************************************************** COMMON LINK ***********************************************/


.common-link {
         margin-top:0px;
}

.common-link a {
         color:#b4b4b4;
         text-decoration:underline;
}

.common-link a:hover {
         color:#FFFFFF;
         text-decoration:underline;
}




/********************************************************** CONTENT ***********************************************/

#content {
         width:100%;
         height:561px;
         background-color:#000000;
         text-align:center;
         padding:1px 0px 0px 0px;
         color:#b4b4b4;
         border: 0px solid #300;
}

#content-teaser {
         width:100%;
         height:561px;
         background-color:#000000;
         text-align:left;
         border:0px solid yellow;
         padding-top:1px;
         color:#cccccc;
}





/***************************************************** INDEX LINK **********************************************/

.idx-link {
         width:440px;
         height:290px;
         padding:0px 0px 0px 0px;
         float:left;
         overflow:hidden;
         display:block;
         /*display:inline;*/
}

/************************ Neuer Hover Thumb *************************/
div.idx-link div {
         margin:0; padding:0;
         position:absolute;
         top:279px; left:700px;
         height:250px;
         width:320px;
         background-color:#2e2d2b;
         display:none;  /* Info ausblenden */
}

div.idx-link:hover div {
         display:none;  /* Info in modernen Browsern einblenden */
}
/************************ Neuer Hover Thumb *************************/


.idx-link a {
         text-decoration:none;
         display:block;
         width:880px;
         overflow:hidden;

}

.idx-link a img {
         border:0px;

}

.idx-link a:hover {
         margin-left:-440px;
}

/************* INDEX LINK ******************/








/***************************************************** IMAGE GALLERY **********************************************/

#current-selection {
         margin:30px 0px 0px 0px;
         font-size:11px;
         border:0px solid #535353;
}

#image-container-gallery {
         margin:0px 0px 0px 0px;
         float:left;
         border:1px solid #535353;
         display:inline;
}

.gallery-next-left {
         margin:0px 0px 0px 0px;

         float:left;
         display:inline;
}

.gallery-next-right {
         margin:0px 0px 0px 0px;

}

#gallery-nav {
         height:56px;
         margin:10px 0px 0px 2px;
         text-align:center;
         border:0px solid #300;
}

.gallery-thumb-left {
         height:100%;
         text-align:center;
         float:left;
         border:0px solid #535353;
         display:inline;
}

.gallery-thumb-left_active {
         height:100%;
         text-align:center;
         float:left;
         border:1px solid #FFFFFF;
         display:inline;
}


.gallery-thumb-left img {
         border:1px solid #535353;

}

.gallery-thumb-left:hover img {
         border:1px solid #FFFFFF;
}

.gallery-thumb-left:active img {
         border:1px solid #FFFFFF;
}


.gallery-thumb {
         height:100%;
         margin: 0px 0px 0px 12px;
         text-align:center;
         float:left;
         border:0px solid #535353;
         display:inline;
}

.gallery-thumb_active {
         height:100%;
         margin: 0px 0px 0px 12px;
         text-align:center;
         float:left;
         border:1px solid #FFFFFF;
         display:inline;
}

.gallery-thumb img {
         border:1px solid #535353;

}

.gallery-thumb:hover img {
         border:1px solid #FFFFFF;
}

.gallery-thumb:active img {
         border:1px solid #FFFFFF;
}



.gallery-skip {
         height:100%;
         width:44px;
         text-align:center;
         float:left;
         padding:0px 0px 0px 2px;
         display:inline;
}

.gallery-thumb_dummy {
         height:100%;
         margin: 0px 0px 0px 12px;
         text-align:center;
         float:left;
         border:0px solid #535353;
         display:inline;
}


/************* IMAGE GALLERY ******************/


/***************************************************** CONTAINER LEFT **********************************************/
#container-left {
         margin:60px 0px 0px 45px;
         width:659px;
         float:left;
         color:#b4b4b4;
         display:inline;
         border: 0px solid #200;
}



#image-container {
         margin:0px 0px 0px 0px;
         width:100%;
         text-align:left;
         border:1px solid #535353;
}

#press-container {
         margin:0px 0px 0px 0px;
         width:100%;
         height:456px;
         text-align:center;
}

#map-container {
         margin:0px 0px 0px 0px;
         border:1px solid #535353;
}


.copyright {
         font-size:11px;
         width:300px;
         height:15px;
         text-align:left;
         margin:0px 0px 0px 45px;
         border:0px solid #fff;
}


.copyright a {
         color:#b4b4b4;
         text-decoration:underline;
}

.copyright a:hover {
         color:#FFFFFF;
         text-decoration:underline;
}


#hint {
         font-size:11px;
         margin:10px 0px 0px 25px;
         color:#b4b4b4;
}
/************* CONTAINER LEFT ******************/






/***************************************************** CONTAINER RIGHT **********************************************/
#container-right {
         margin:60px 0px 0px 0px;
         width:314px;
         float:left;
         color:#b4b4b4;
         display:inline;
         border: 0px solid #300;
}


#container-right_ref {
         margin:53px 0px 0px 0px;
         float:left;

}



/***************************************************** SIDEBAR *****************************************************/
#sidebar {
         margin:0px 0px 0px 0px;
         padding-left:0px;
         width:300px;
         height:370px;
         border:0px solid #fff;
         border: 0px solid #FFFFFF;
}

#sidebar_ref {
         margin:0px 0px 0px 50px;
         padding-left:0px;
         width:149px;
         height:456px;
         background-color:#000000;
}


         #menu-right_ref {
                 margin:0px 0px 0px 0px;
         }

         #menu-right_ref_headline {
                 color:#898878;
         }

         #menu-right_ref ul {
                 margin:0px;
                 padding:0px;
         }

         #menu-right_ref li {
                 list-style-type:none;
                 margin-bottom:0px;
         }

         #menu-right_ref .last {
                 list-style-type:none;
                 margin-bottom:-2px;;
         }

         #menu-right_ref li a {
                 color:#898878;
                 text-decoration:none;
                 display:block;
         }

         #menu-right_ref li a:hover {
                 color:#FFFFFF;
                 text-decoration:none;

         }

         #menu-right_ref li .active {
                 color:#FFFFFF;
                 text-decoration:none;

         }


#data {
         margin:0px 0px 0px 25px;
         text-align:left;
         border: 0px solid #500;

}


#download {
         margin-top:10px;
}

.counts {
         margin:5px 0px 0px 0px;
}


/********** SIDEBAR ***********/



/*************** CONTAINER RIGHT ***************/



/********************************************************** ANIMATION GALLERY ***********************************************/

.anim-item {
         margin:60px 0px 0px 45px;
         width:800px;
         height:200px;
         color:#b4b4b4;
         text-align:left;

}

.anim-thumb {
         margin:0px 0px 0px 0px;
         width:300px;
         height:198px;
         float:left;
         border:0px solid #535353;
}

.anim-thumb img {
         border:1px solid #535353;

}

.anim-thumb:hover img {
         border:1px solid #FFFFFF;
}

.anim-thumb:active img {
         border:1px solid #FFFFFF;
}

.anim-info {
         margin:0px 0px 0px 350px;
         text-align:left;

}


/********** ANIMATION GALLERY ***********/


#application {
         margin:17px 0px 0px 42px;
         width:936px;
         height:528px;
         float:left;
}




/********************************************************** PRESS ***********************************************/

#control {
         margin:30px 0px 0px 32px;
         padding:0px 0px 0px 0px;
         height:70px;
         border: 0px solid #fff;

}

.thumb {
         margin:0px 0px 0px 12px;
         width:54px;
         height:70px;
         float:left;
         color:#898878;
         overflow:hidden;
         display:block;
}


/************************ Neuer Hover Thumb *************************/
div.thumb div {
         margin:0; padding:0;
         position:absolute;
         top:279px; left:700px;
         height:250px;
         width:320px;
         background-color:#2e2d2b;
         display:none;  /* Info ausblenden */
}

div.thumb:hover div {
         display:none;  /* Info in modernen Browsern einblenden */
}
/************************ Neuer Hover Thumb *************************/



.thumb a {
         text-decoration:none;
         display:block;
         width:108px;
         overflow:hidden;

}

.thumb a img {
         border:0px;

}

.thumb a:hover {
         margin-left:-54px;
}

#press-container {
         margin:40px 0px 0px 120px;
         width:550px;
         float:left;
         color:#b4b4b4;
         border: 0px solid #300;
         display:inline;
}

#press-container img {
         border:1px solid #535353;

}





/*************** PRESS ***************/




/********************************************************** FOOTER ***********************************************/

#footer {
         width:100%;
         height:51px;
         background-color:#000000;
         font-weight:normal;
         color:#b4b4b4;
         border: 0px solid #333;
         background-image:url(../design_data/footer-background.gif);

}

#footer-table {
         position:absolute;
         margin:0px 0px 0px 873px;
         padding:10px 0px 0px 0px;
         width:120px;
         font-size:11px;
         text-align:center;
         border: 0px solid #300;
}

#footer a {
         color:#b4b4b4;
         text-decoration:none;
         width:100%;
         display:block;
}

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

#footer .active {
         color:#FFFFFF;
         text-decoration:none;
}
/************ FOOTER *************/