/* Christmas 2010 CSS3 (not used) */

#snowflakes_left {
    -webkit-transform: translate(-90px,0px);
    -moz-transform: translate(-90px,0px);
}

#snowflakes_right {
    -webkit-transform: translate(910px,14px);
    -moz-transform: translate(910px,14px);
}


#snowflakes img {
   position: absolute;
}


#snowflakes img.fast {
   
   -webkit-animation-name: snow-animation-fast; 
   -webkit-animation-duration: 30s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   
   
   -moz-animation-name: snow-animation; 
   -moz-animation-duration: 30s;
   -moz-animation-iteration-count: infinite;
   -moz-animation-timing-function: linear;   

}

@-webkit-keyframes snow-animation-fast {
   
   0%  { 
      -webkit-transform: rotate(0deg) scale(0.5);
      -moz-transform: rotate(0deg) scale(0.5);;
      opacity: 1;
   }
   
   50% {
      -webkit-transform: rotate(180deg) scale(1);
      -moz-transform: rotate(180deg);
      opacity: 0.55;
   }
   
   100%  { 
      -webkit-transform: rotate(360deg) scale(0.5);
      -moz-transform: rotate(360deg) scale(0.5);;
      opacity: 1;
   }

}


#snowflakes img.medium {
   
   -webkit-animation-name: snow-animation-medium;
   -webkit-animation-duration: 63s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;

}

@-webkit-keyframes snow-animation-medium {
   
   0%  { 
      -webkit-transform: rotate(0deg) scale(0.7);
      -moz-transform: rotate(0deg) scale(0.7);;
      opacity: 0.6;
   }
   
   50% {
      -webkit-transform: rotate(180deg) scale(1);
      -moz-transform: rotate(180deg);
      opacity: 1;
   }
   
   100%  { 
      -webkit-transform: rotate(360deg) scale(0.7);
      -moz-transform: rotate(360deg) scale(0.7);;
      opacity: 0.6;
   }

}



#snowflakes img.slow {
   
   -webkit-animation-name: snow-animation-slow;
   -webkit-animation-duration: 91s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;

}

@-webkit-keyframes snow-animation-slow {
   
   0%  { 
      -webkit-transform: rotate(0deg) scale(0.8);
      -moz-transform: rotate(0deg) scale(0.8);;
      opacity: 0.75;
   }
   
   50% {
      -webkit-transform: rotate(180deg) scale(1);
      -moz-transform: rotate(180deg);
      opacity: 1;
   }
   
   100%  { 
      -webkit-transform: rotate(360deg) scale(0.8);
      -moz-transform: rotate(360deg) scale(0.8);;
      opacity: 0.75;
   }

}





#snowflakes img:hover {
   -webkit-animation-name: snow-animation-panic; 
   -webkit-animation-duration: 2s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
}
   

@-webkit-keyframes snow-animation-panic {
   
   0%  { 
       -webkit-transform: rotate(360deg) scale(1);
   }
   
   100%  { 
       -webkit-transform: rotate(0deg) scale(1);
   }
   
}




/* body */
.body {
   float: left;
   width: 899px;
   background-color: white;
   color: #333333;
   line-height: 14px;
   font-size: 10px;
   font-weight: normal;
   padding-top: 0px;
   padding-left: 6px;   /* old: 24 */
   padding-right: 0px;  /* old: 10 */
   padding-bottom: 30px; 
   
   
    width: 895px; 
   /* width: 887px; */
   padding-left: 0px;
   padding-bottom: 0px; 
   
   background-repeat: no-repeat;
   background-position: top left;
   
}


.notinsight .body {
   position: relative;
   background-position: top 4px;
   
   background-position: top 0px;
}


#body a {
   color: #AD5E17;
   font-weight: bold;
   text-decoration: none;
   border: none;
   outline: none;
}

#body a:hover {
   color: #AD5E17;
   text-decoration: underline;
}

#body ul {
   margin: 0;
   padding: 0;
}



/* Fix IE7 no Bulletpoints */
#body ul li {
 margin-left: 40px;
}

#content .red {
   color: #dc0000;
}

/* Headlines and Titles */

#body h1 {
   margin-top: 13px;
   margin-bottom: 13px;
   font-size: 18px;
   font-weight: bold;
   line-height: 14px;
   color: #0048aa; 
}

/*
#body h1 {
   color: #dc0000;
   font-weight:bold;
   font-size:24px;
   letter-spacing:2px;
   text-transform: uppercase;   
   margin-top:14px;
   margin-bottom:22px;
}
*/

.content h1.pagetitle {
   width: 499px; 
   height: 35px;
   background-repeat: no-repeat;
   background-position: top left;
   margin-bottom: 12px;
  /* margin-left: 18px; */
   margin-left: 0px;              /* not the value from nuk.de !! */
   position: relative;
   z-index: 10;
   font-size: 20px;
   line-height: 16px;
}


#content h2 {
   color: #0048aa; 
   font-size: 13px;
}


.content h2.productsection_title {
   width: 499px;
   height: 35px;
   background-repeat: no-repeat;
   background-position: top left;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px; 
   position: relative;
   z-index: 10;
   font-size: 20px;
   line-height: 16px;
}


/* CSS FIX für NUK.com.tr */
.body h3 {
   font-size: 1.2em;
   font-weight: bold;
}

.body h4 {
   font-size: 1em;
   font-weight: bold;
}

/*
.content h1 span {
   display: none;
   overflow: hidden;
}

.content h2 span {
   display: none;
   overflow: hidden;
}
*/




.content dl {
   margin-top: 0px;
}

.content dl dt {
   font-weight: bold;
   font-size: 11px;
   color: #dc0000;
   margin: 0px;
   padding: 0px;
}

.content dl dd {
   font-weight: normal;
   margin: 0px;
   padding: 0px;
   padding: 5px;
   padding-left: 10px;
   margin-bottom: 5px;
}





/* ---- common text styles that may be used by blockthemes and pagemaster ---- */

/* longtext: padded paragraphs, raised lineheight, textcolor darkgrey */
#content .longtext p {
   font-size: 10px;
   margin-top: 2px;
   line-height: 18px;
   color: #333333;
   text-indent: 2.4em;
   margin-bottom: 16px;
}

#content .longtext ul {
   margin-top: 0px;
   margin-bottom: 0px;
}

#content .longtext li {
   font-size: 10px;
   margin-top: 2px;
   line-height: 18px;
   color: #333333;
   margin-bottom: 6px;
}


#content .highlight1 {
   background-color: #d9ffa9;   
   font-weight: bold;
   color: #333;
}

#content .highlight2 {
   background-color: #ffff90;
   font-weight: bold;
   color: #333;
}



/* link styles */

#content .body a.orange {
   text-decoration: none;
   color: #333333;
   border-bottom: 1px solid #ffd080;
}
   
#content .body a.orange:hover {
   text-decoration: none;
   border-bottom: 1px solid #333333;
}





table.columns {
   padding: 0px;
   margin: 0px;
   border: none;
}   

table.columns td {
   padding-left: 8px;
   padding-right: 8px;
   vertical-align: top;
}

table.columns td:first-child {
   padding-left: 0px;
}

table.columns td:last-child {
   padding-right: 0px;
}

table.columns h4 {
   color: #666666;
   margin-bottom: 4px;
}   

table.columns p {
   color: #666666;
}   




/* ------------- Search Results -------------- */


#content .searchresult {
   padding-bottom: 6px;
   overflow: auto;
}


.content .searchresult h3 {
   margin-bottom: 0px;
}

.content .searchresult p {
   margin-top: 4px;
}

.content .searchresult p a {
   font-weight: normal;
   text-decoration: none;
   color: #333;
}

.content .searchresult p a:hover {
   font-weight: normal;
   text-decoration: underline;
   color: #000;
}

/* Sitemap */

.content .sitemap_level1container {
   width: 220px; 
   float: left; 
   margin-right: 14px; 
   margin-bottom: 20px;
}

.content .sitemap_level1container a {
   font-weight: normal;
}

/* breadcrumbs */

.content p.breadcrumbs {
   margin-bottom: 18px;
}

.content p.breadcrumbs img {
   margin: 0;
}

.content p.breadcrumbs b {
   color: #646464;
}

.content p.breadcrumbs a {
   color: #646464;
   text-decoration: none;
   font-weight: normal;
}

.content p.breadcrumbs a:hover {
   text-decoration: underline;
}


.content .body hr {
   color: #dc0000;
   border: 0px;
   border-bottom: 2px solid #dc0000;
   margin-top: 8px;
   margin-bottom:16px;
}

.content .body hr.section {
   color: #AD5E17;
   border: 0px;
   border-bottom: 1px solid #dc0000;
   margin-top: 8px;
   margin-bottom:16px;
}

.content .body hr.separator {
   color: #FFC674;
   border-top: 1px solid #FFC674;
   border-bottom: 1px solid #dddddd;
   margin-bottom:12px;
}

.content .body hr.productsection {
   color: #dc0000;
   /* border-top: 1px solid #dc0000; */
   border-top: 1px solid #FFC674;
   border-bottom: 1px solid #dddddd;
   margin-bottom:16px;
}




/* Product Section */



#content .product_category {
   margin-bottom: 10px;
}


#content .product_category h2 {
   font-weight: normal; 
   font-size: 18px; 
   line-height: 20px;
   margin: 0px;
   margin-bottom: 1px;
   padding: 0px;
   padding-left: 86px; 
   
}


#content .cat_blue h2 {
   color: #3da8de;
}

#content .cat_orange h2 {
   color: #f08000;
}

#content .cat_green h2 {
   color: #2a8726;
}


#content .product_category .product_category_line {
   margin-left: 55px;
   margin-bottom: 15px;
}

#content .product_category .product_category_sections {
   width: 609px;
   padding-left: 270px;
   height: 186px; 
   display: block; 
   overflow: hidden;
   position: relative;
}

#content .cat_blue .product_category_sections {
   background-image: url(../gfx/products/fond_blue.png);
}

#content .cat_orange .product_category_sections {
   background-image: url(../gfx/products/fond_orange.png);
}

#content .cat_green .product_category_sections {
   background-image: url(../gfx/products/fond_green.png);
}



#content .product_category .product_category_sections .pcs_section {
   position: relative;
   width: 160px; /* default */
   height: 180px;
   display: block;
   overflow: hidden;
   float: left;
   margin-right: 10px; /* default */
   /*
   background-image: url('../gfx/products/edge.png');
   */
   background-repeat: no-repeat;
}

#content .product_category .product_category_sections .pcs_section img {
   position: absolute;
}

#content .product_category .product_category_sections .pcs_section span {
   position: absolute;
   bottom: 20px;
   line-height: 13px;
   height: 39px;
   font-size: 10px;
   color: #0048aa;
   text-align: center;
}




/* old stuff ??????  (may be used by search results)  */

/*
.content .productsection h2.productsection_title {
   
}

.content .productsection h2.productsection_title a {
   color: #dc0000;   
}

.content .productsection p.sec_intro {
   margin-top: 4px; 
   margin-bottom:13px;
}

.content .productsection p.more {
   color: #666666; 
   margin-top:30px;
}

.content .productsection p.more a {
   color: #666666;
   font-weight: normal;
   padding-left:10px;
}
*/

.content div.thumbtext a {
   color: #333333;
   font-weight:normal;
   text-decoration: none;
}

.content div.thumbtext a:hover {
   color: #333333;
   text-decoration: underline;
}

/*
.content div.productlist {
   width: 505px;
   margin-left: 0px;
}
*/

.content div.productthumb {
   width: 346px;
   height: 64px;
   padding-left: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 5px;
   margin-bottom: 10px;
   /* background-color:#eeffcc; */
}

.content div.thumbnail {
   float: left;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   width: 64px;
   height: 64px;
}

.content div.thumbnail a {
   width: 64px;
   height: 64px;
   display: block;
   position: relative;
   background-repeat: no-repeat;
   background-position: center center; 
}

.content div.productthumb img {
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   /*width:64px;
   height:64px;
   */
}

.content div.productthumb div.thumbtext {
   float: left;
   margin: 0px;
   padding-top: 8px;
   width: 230px;
}

.content div.productthumb p {
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-left: 10px;
   padding-right: 5px;
   padding-top: 3px;
   padding-bottom: 3px;
   line-height: 13px;
   color: #333333;
}