@charset "utf-8";
/* CSS Document */

html {  height:100%; width:100%; padding:0px; margin:0px; }

body { background-color:#333333; background-image:url(images/icons/stripes.gif); background-repeat:repeat-x; font-size:12px; color:#666666; font-family:Arial, sans-serif; height:100%; width:100%; padding:0px; margin:0px; }

a { color:#666666; text-decoration:none; }
a:hover { color:#000000; text-decoration:none; }
ul { margin-left:0px; padding-left:25px; line-height:18px; width:500px; }

.panel { margin-left:54px; width:900px; }
.footer { height:120px;}
.header { height:120px; width:100%; font-size:11px; margin-top:5px; }
.navi { height:25px; }
.teaser { height:176px; }
.content { width:599px; min-height:350px; background-color:#FFFFFF; float:left;  }
.f_content { width:599px; min-height:383px; background-color:#111111; float:left; }
.subnavi { width:299px; min-height:175px; margin-left:600px; font-size:11px; line-height:14px; background-color:#1A1A1A; }

.header .logo { margin-top:10px; height:40px; }
.header .middle { margin-left:300px; height:25px; width:299px; float:left; }
.header .menu { float:left; margin-right:20px; }
.header .menu a { color:#999999; }
.header .right { margin-left:600px; width:299px; height:25px; text-align:right; color:#FFFFFF; }
.header .right a { color:#FFFFFF; }
.header a:hover { color:#FFFFFF; }

.navi .nl { width:300px; height:24px; float:left; }
.navi .nm { width:299px; background-color:#1A1A1A; height:24px; float:left; }
.navi .nr { margin-left:600px; width:299px; background-color:#1A1A1A; height:24px; }
.navi .nm_active { width:299px; background-color:#111111; height:24px; float:left; }
.navi .nr_active { margin-left:600px; width:299px; background-color:#111111; height:24px; }
.navi .menu { background-image:url(images/icons/arrow_grey.gif); background-repeat:no-repeat; background-position:center;  background-position:left; margin-left:10px; padding-left:10px; margin-top:5px; float:left; color:#999999; }
.navi .menu_active { background-image:url(images/icons/arrow_white.gif); background-repeat:no-repeat; background-position:center;  background-position:left; margin-left:10px; padding-left:10px; margin-top:5px; float:left; color:#ffffff; }
.navi .menu_on { background-image:url(images/icons/arrow_white.gif); background-repeat:no-repeat; background-position:center;  background-position:left; margin-left:10px; padding-left:10px; margin-top:5px; float:left; color:#ffffff; }
.navi .menu_on a { color:#ffffff; }
.navi a:hover { color:#ffffff; }
.navi .space { width:20px; height:8px; float:left; }

.teaser .tl { width:299px; background-color:#1A1A1A; float:left;  height:175px;}
.teaser .tm { margin-left:1px; width:299px; background-color:#1A1A1A; float:left;  height:175px;}
.teaser .tr { margin-left:600px; width:299px; background-color:#1A1A1A;  height:175px;}

.content a {  text-decoration:none; }
.content .panel { margin-left:30px; margin-top:30px; margin-right:30px; margin-bottom:30px; width:539px; }
.content .title { color:#990000; font-size:18px; height:28px; font-weight:bold; border-bottom:1px solid #CCCCCC; margin-bottom:30px; margin-top:40px; }
.content .n_line { border-bottom:1px solid #CCCCCC; width:100%; margin-top:10px; margin-bottom:10px; }
.content .headline { color:#333333; line-height:18px; }
.content .headline a { color:#000000; }
.content .headline a:hover { color:#990000; }
.content .n_headline { color:#333333; line-height:18px; width:450px; }
.content .n_headline a { color:#000000; }
.content .n_headline a:hover { color:#990000; }
.content .line { border-bottom:1px solid #CCCCCC; width:100%; margin-top:10px; margin-bottom:-10px; }
.content .image { float:left; width:299px; height:175px; }

.content .small { font-size:10px; line-height:12px; }
.content .price { font-size:16px; }
.content .order a { font-size:16px; color:#990000; }

.content .download { margin-left:320px; width:219px; height:175px; font-size:11px; line-height:14px; }
.content .navi { margin-top:10px; width:549px; height:20px; }
.content .text { margin-top:30px; width:500px; line-height:18px; }
.content .date { width:75px; line-height:18px; float:left; color:#999999; }
.content .news { margin-left:75px; width:425px; line-height:18px; margin-top:10px; margin-bottom:10px; }
.content .navigation .n_text { float:left; color:#990000;  margin-right:20px; }
.content .navigation .n_text a { color:#990000; }
.content .navigation .n_text a:hover { color:#000000; }
.content .navigation .n_arrow { margin-top:3px; background-image:url(images/icons/arrow_red_white.gif); background-repeat:no-repeat; width:5px; height:8px; margin-right:5px; float:left; }
.content .navigation .n_text_active { float:left; color:#000000;  margin-right:20px; }
.content .navigation .n_text_active a { color:#000000; }
.content .navigation .n_arrow_active { margin-top:3px; background-image:url(images/icons/arrow_grey_white.gif); background-repeat:no-repeat; width:5px; height:8px; margin-right:5px; float:left; }
.content .navigation .n_arrow_on { margin-top:3px; background-image:url(images/icons/arrow_grey_white.gif); background-repeat:no-repeat; width:5px; height:8px; margin-right:5px; float:left; }
.content .links { margin-top:20px; }
.content .links .l_text { margin-bottom:8px; }
.content .links .l_arrow { margin-top:3px; background-image:url(images/icons/arrow_grey_white.gif); background-repeat:no-repeat; width:5px; height:8px; margin-right:5px; float:left; }
.content .links .dd_text a { color:#000000; }
.content .links .dd_text a:hover { color:#990000; }
.content .links .dd_arrow { margin-top:3px; background-image:url(images/icons/arrow_grey_white.gif); background-repeat:no-repeat; width:5px; height:8px; margin-right:5px; float:left; }
.content .links .dd_arrow_active { margin-top:3px; background-image:url(images/icons/arrow_red_white.gif); background-repeat:no-repeat; width:5px; height:8px; margin-right:5px; float:left; }
.content .i_text { margin-top:20px; width:435px; line-height:18px; float:left; }
.content .basketicon { margin-top:-1px; background-image:url(images/icons/basket.gif); background-repeat:no-repeat; width:24px; height:16px; margin-right:5px; float:left; }
.content .pdf { margin-top:-2px; background-image:url(images/icons/pdf.gif); background-repeat:no-repeat; width:14px; height:17px; margin-right:5px; float:left; }
.content .image { width:85px; height:128px; margin-top:20px; margin-left:20px; }
.content .info { width:540px; margin-bottom:40px; }

.f_content .panel { margin-left:30px; margin-top:30px; margin-right:30px; margin-bottom:30px; width:539px; }
.f_content .film { width:530px; border:1px solid #333333; height:208px; background-color:#1A1A1A; }
.f_content .still { margin:7px; width:299px; height:200px; float:left; }
.f_content .title { color:#CCCCCC; font-size:18px; height:28px; font-weight:bold; border-bottom:1px solid #1A1A1A; margin-bottom:30px; margin-top:40px; }
.f_content .download { margin-left:320px; width:200px; height:175px; font-size:11px; line-height:14px; margin-top:10px; color:#CCCCCC; }
.f_content .download .title { font-size:12px; color:#999999; font-weight:normal; margin:0px; padding:0px;  margin-bottom:10px; border:0px solid black; }
.f_content .text { margin-top:30px; width:500px; line-height:18px; color:#666666; }
.f_content .space { margin-top:20px; }
.f_content .link { background-image:url(images/icons/arrow_grey.gif); background-repeat:no-repeat; color:#CCCCCC; padding-left:10px; background-position:center;  background-position:left; margin-top:5px; }
.f_content .link a { color:#CCCCCC; }
.f_content .link a:hover { color:#666666; }
.f_content .links { margin-top:20px; }
.f_content .links .l_text { margin-bottom:8px; color:#CCCCCC; }
.f_content .links .l_text a { color:#CCCCCC; }
.f_content .links .l_text a:hover { color:#666666; }
.f_content .links .l_arrow { margin-top:3px; background-image:url(images/icons/arrow_grey.gif); background-repeat:no-repeat; width:5px; height:8px; margin-right:5px; float:left; }
.f_content .d_link { margin-bottom:10px; }
.f_content .d_link .l_text { color:#CCCCCC; }
.f_content .d_link .l_text a { color:#CCCCCC; }
.f_content .d_link .l_text a:hover { color:#666666; }
.f_content .pdf { margin-top:-2px; background-image:url(images/icons/file.gif); background-repeat:no-repeat; width:14px; height:17px; margin-right:5px; float:left; }
.f_content .image { margin-top:-1px; background-image:url(images/icons/image.gif); background-repeat:no-repeat; width:14px; height:17px; margin-right:5px; float:left; }

.subnavi .s_panel { margin-left:0px; margin-right:20px; width:100%; height:100%; }
.subnavi .space { width:100%; height:30px; background-color:#1A1A1A; }
.subnavi .item { background-color:#1A1A1A; border-bottom:1px solid #333333; width:100%;  height:48px; padding-top:10px; }
.subnavi .item_active { background-color:#111111; border-bottom:1px solid #333333; width:100%; height:48px; padding-top:10px; }
.subnavi .item_on { background-color:#111111; border-bottom:1px solid #333333; width:100%; height:48px; padding-top:10px; }
.subnavi .number { margin-left:10px; float:left; width:30px; color:#666666; }
.subnavi .title { margin-left:10px; width:225px; color:#FFFFFF; }
.subnavi .description { margin-left:40px; width:225px; height:30px; color:#666666; }
.subnavi .p_number { margin-left:10px; float:left; width:30px; color:#990000; }
.subnavi .p_type { margin-left:10px; width:225px; color:#990000; }
.subnavi .p_title { margin-left:40px; width:225px; color:#FFFFFF; }
.subnavi .p_description { margin-left:40px; width:225px; height:14px; color:#666666; }
.subnavi .line { border-top:1px solid #666666; width:100%; height:1px; }

li { margin-bottom:10px; }

h1 { font-size:24px; font-weight:bold; margin-bottom:-17px; }
h2 { font-size:20px; font-weight:bold; margin-bottom:-17px; }
h3 { font-size:18px; font-weight:bold; margin-bottom:-17px; }
h4 { font-size:14px; font-weight:bold; margin-bottom:-17px; }

img { border:0px solid black; }