html
{
  margin:                         0px;
  padding:                        0px;
}

body
{
  background-color:               white;
  background-image:               url(img/bg.gif);
  background-position:            50% 0%;
  background-repeat:              repeat-y;
  color:                          black;
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      12px;
  margin:                         0px;
  padding:                        0px;
}


/**
 * headings
 */
h1
{
  font-size:                      130%;
}

h1 .subtitle
{
  color:                          #999999;
  font-size:                      80%;
  font-weight:                    normal;
}


h1.index
{
  display:                        none;
}

h2
{
  font-size:                      125%;
}

h3
{
  font-size:                      120%;
}

h4,
h5
{
  font-size:                      100%;
}


/**
 * forms
 */
form
{
  margin:                         0px;
}

input,
select,
optgroup,
option,
textarea
{
  color:                          #333333;
  font-family:                    Arial, Helvetica, sans-serif;
  font-size:                      100%;
}

input[type=image]
{
  vertical-align:                 middle;
}


/**
 * lists
 */
ul
{
  margin-left:                    0px;
  padding-left:                   0px;
}

ul li
{
  list-style-image:               url(img/bg.list-item.gif);
  margin-left:                    20px;
  padding-left:                   0px;
}


/**
 * links
 */
a:link,
a:visited
{
  color:                          #CC0000;
  text-decoration:                none;
}

a[href]:hover,
a[href]:active
{
  color:                          #999999;
  text-decoration:                underline;
}

a.prev,
a.next,
a.backward,
a.forward
{
}

a.backward,
a.forward
{
  font-weight:                    bold;
}

a .arrow
{
  color:                          black;
}

a img
{
  border:                         0px;
}


/**
 * structure
 */
#body
{
  margin:                         0px auto;
  width:                          914px;
}

#header
{
  background-color:               #FE0014;
  background-image:               url(img/bg.header.jpg);
  background-position:            0px 0px;
  background-repeat:              no-repeat;
  height:                         119px;
  position:                       relative;
  width:                          914px;
}

#logo
{
  left:                           30px;
  position:                       absolute;
  top:                            23px;
}

#mainmenu-wrapper
{
  border-bottom:                  #CCCCCC solid 1px;
  position:                       relative;
}

#submenu-area
{
  font-size:                      11px;
  padding:                        5px 0px;
}

#content-area
{
  margin-top:                     20px;
  margin-bottom:                  40px;
  overflow:                       hidden;
  width:                          914px;
}

.fullscreen#content-area
{
  margin-top:                     0px;
  margin-bottom:                  20px;
}

#left-column
{
  float:                          left;
  line-height:                    140%;
  padding:                        0px 23px 0px 30px;
  width:                          536px;
}

#right-column
{
  float:                          left;
  width:                          325px;
}


/**
 * site menu
 */
#sitemenu
{
  color:                          white;
  font-size:                      80%;
  left:                           190px;
  margin:                         0px;
  padding:                        0px;
  position:                       absolute;
  top:                            5px;
}

#sitemenu li
{
  border-left:                    white solid 1px;
  float:                          left;
  list-style-image:               none;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px 6px 0px 9px;
}

#sitemenu li.flag-label
{
  border-left:                    0px;
  padding:                        0px;
}

#sitemenu li.flag
{
  border-left:                    0px;
}

#sitemenu li.flag img
{
  margin-right:                   5px;
  vertical-align:                 top;
}

#sitemenu li a
{
  color:                          white;
  text-decoration:                none;
}

#sitemenu li a:hover,
#sitemenu li a:active,
#sitemenu li a.selected
{
  color:                          white;
}

#sitemenu li#home-link a
{
  background-image:               url(img/bg.home.gif);
  background-position:            0px 50%;
  background-repeat:              no-repeat;
  padding-left:                   15px;
}


/**
 * language menu
 */
#current-lang
{
  position:                       relative;
}

#current-lang *
{
  list-style-image:               none;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px;
}

#current-lang #langmenu
{
  display:                        none;
  left:                           9px;
  position:                       absolute;
  top:                            13px;
  z-index:                        10000;
}

#current-lang:hover #langmenu
{
  display:                        block;
}

#langmenu li
{
  background-image:               none;
  padding:                        3px 0px;
}


/**
 * mainmenu
 */
#mainmenu
{
  background-image:               url(img/bg.mainmenu.gif);
  background-position:            0px 100%;
  background-repeat:              repeat-x;
  margin:                         0px;
  overflow:                       hidden;
  padding:                        1px 0px 0px 30px;
  width:                          884px;
}

#mainmenu li
{
  float:                          left;
  list-style-image:               none;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px;
}

#mainmenu li.first
{
  background-image:               none;
  padding:                        0px;
}

#mainmenu li a
{
  background-color:               transparent;
  border-top:                     0px;
  border-right:                   0px;
  border-bottom:                  #CCCCCC solid 1px;
  border-left:                    0px;
  color:                          black;
  display:                        block;
  padding:                        6px 15px 5px;
  font-size:                      10px;
  font-weight:                    bold;
  text-decoration:                none;
  text-transform:                 uppercase;
}

#mainmenu li a:hover,
#mainmenu li.selected > a,
#mainmenu li.hover > a
{
  background-color:               white;
  border-top:                     #CCCCCC solid 1px;
  border-right:                   #CCCCCC solid 1px;
  border-bottom:                  0px;
  border-left:                    #CCCCCC solid 1px;
  color:                          #CC0000;
  padding:                        5px 14px 6px;
}

#mainmenu li.unselected > a
{
  background-color:               #F6F6F6;
  border:                         #D9D9D9 solid 1px;
  border-bottom-color:            #E7E7E7;
  color:                          #CC6666;
  padding:                        5px 14px;
}

#mainmenu ul
{
  display:                        none;
  padding:                        0px 0px 0px 7px;
  position:                       absolute;
  white-space:                    nowrap;
}

#mainmenu ul.selected
{
  display:                        block;
}

#mainmenu ul li
{
}

#mainmenu ul li a,
#mainmenu ul li a:hover,
#mainmenu ul li a.selected
{
  background-color:               transparent;
  border:                         0px;
  font-weight:                    normal;
  padding:                        5px 7px;
  text-transform:                 none;
}

#mainmenu ul li a:hover,
#mainmenu ul li a.selected
{
  color:                          #CC0000;
}


/**
 * bread crumbs
 */
#breadcrumb-menu
{
  border-bottom:                  #E7E7E7 solid 1px;
  font-size:                      80%;
  margin:                         0px 0px 20px;
  overflow:                       hidden;
  padding:                        0px;
  width:                          100%;
}

#breadcrumb-menu li
{
  color:                          #CC0000;
  float:                          left;
  list-style-image:               none;
  list-style-type:                none;
  margin:                         0px 10px 0px 0px;
  padding:                        0px;
}

#breadcrumb-menu li a
{
  color:                          #999999;
}


/**
 * tool-box
 */
#tool-box
{
  margin-bottom:                  20px;
  overflow:                       hidden;
  width:                          100%;
}

#tool-box img,
#tool-box input
{
  vertical-align:                 middle;
}

#search-box
{
  float:                          left;
}

#keyword,
#keyword2
{
  border:                         #E7E7E7 solid 1px;
  width:                          162px;
}

#keyword
{
  font-size:                      90%;
}

#icon-print
{
  cursor:                         pointer;
  display:                        none;
  float:                          left;
  margin-left:                    20px;
}

#font-size-group
{
  float:                          right;
}

/**
 * footer menu
 */
#footer
{
  background-color:               #FE0014;
  background-image:               url(img/bg.footer.png);
  background-position:            0px 0px;
  background-repeat:              repeat-y;
  color:                          white;
  height:                         190px;
  overflow:                       hidden;
  padding:                        20px 14px 2px 230px;
  position:                       relative;
  width:                          670px;
}

#footer p
{
  bottom:                         4px;
  font-size:                      80%;
  left:                           570px;
  margin:                         0px;
  position:                       absolute;
  white-space:                    nowrap;
}

#footer ul
{
  float:                          left;
  margin:                         0px;
  padding:                        0px;
  width:                          170px;
}

#footer ul li
{
  list-style-image:               none;
  list-style-type:                none;
  margin:                         0px 0px 4px;
  padding:                        0px;
  text-indent:                    -1em;
}

#footer ul li span.arrow
{
  color:                          black;
}

#footer ul li a
{
  color:                          white;
  text-decoration:                none;
}

#footer ul li a:hover,
#footer ul li a:active,
#footer ul li a.selected
{
  color:                          white;
}


/**
 * index topics
 */
#alpecin-topics
{
  margin-top:                     50px;
}

#alpecin-topic-exposed h2,
#alpecin-topics h2
{
  border-bottom:                  #E7E7E7 solid 1px;
  color:                          #CC0000;
  font-size:                      90%;
  margin-bottom:                  0px;
  padding-bottom:                 2px;
  text-transform:                 uppercase;
}

#alpecin-topic-exposed h2
{
  margin-top:                     0px;
  margin-bottom:                  20px;
}

.alpecin-topic
{
  border-bottom:                  #E7E7E7 solid 1px;
  overflow:                       hidden;
  padding:                        30px 0px;
  width:                          536px;
}

.alpecin-topic img
{
  float:                          left;
  margin-right:                   20px;
}

.alpecin-topic-content
{
  margin-left:                    200px;
}

#alpecin-topic-exposed h3,
.alpecin-topic-content h3
{
  font-size:                      130%;
  margin-top:                     0px;
}

#alpecin-topic-exposed h3 .subtitle,
.alpecin-topic-content h3 .subtitle
{
  color:                          #9A9A9A;
  font-size:                      80%;
  font-weight:                    normal;
}

.alpecin-topic-content p
{
  margin-bottom:                  0px;
}

#alpecin-topic-teaser
{
  position:                       relative;
}

#alpecin-topic-teaser-image
{
  vertical-align:                 bottom;
}

#alpecin-topic-teaser ul
{
  background-image:               url(img/bg.image-pager.png);
  bottom:                         0px;
  left:                           0px;
  padding:                        6px;
  position:                       absolute;
  width:                          524px;
}


/**
 * feature box
 */
.feature-box
{
  margin-bottom:                  20px;
}

.feature-box-heading
{
  overflow:                       hidden;
  width:                          100%;
}

.feature-box h2
{
  background-color:               #EEEEEE;
  background-image:               url(img/bg.feature-box.title.gif);
  background-position:            0px 0px;
  background-repeat:              repeat-x;
  border-color:                   #E7E7E7;
  border-style:                   solid;
  border-width:                   1px 1px 0px;
  float:                          left;
  font-size:                      80%;
  margin:                         0px;
  min-width:                      132px;
  padding:                        2px 15px 2px 15px;
  text-transform:                 uppercase;
}

.feature-box-content
{
  border:                         #E7E7E7 solid 1px;
  font-size:                      80%;
  overflow:                       hidden;
  padding:                        15px;
  width:                          293px;
}

.feature-box-content p
{
  margin:                         0px 0px 10px;
}

.feature-box-right-image
{
  float:                          right;
  margin-left:                    20px;
}

.feature-box-left-image
{
  float:                          left;
  margin-right:                   20px;
}

.feature-box-content a
{
  font-weight:                    bold;
}


/**
 * product
 */
#product-wrapper
{
  padding:                        40px 0px;
  overflow:                       hidden;
  width:                          536px;
}

#product-image
{
  float:                          left;
  text-align:                     center;
  width:                          200px;
}

#product-description
{
  float:                          left;
  width:                          336px;
}

#product-description p
{
  margin-top:                     0px;
}


/**
 * accorion
 */
h2.accordion
{
  background-image:               url(img/bg.accordion.gif);
  background-position:            0px 100%;
  background-repeat:              repeat-x;
  font-size:                      90%;
  margin:                         10px 0px 1px;
  padding:                        3px 10px;
  text-transform:                 uppercase;
}

h2.accordion-button
{
  cursor:                         pointer;
}

h2.accordion img
{
  margin-right:                   5px;
  vertical-align:                 text-bottom;
}

.accordion-content
{
  background-color:               #F5F5F5;
  padding:                        5px 30px;
}


/**
 * sitemap
 */
#sitemap ul
{
  margin:                         0px;
  padding:                        0px;
}

#sitemap li
{
  list-style-image:               none;
  list-style-type:                none;
  margin:                         0px 0px 0px 15px;
  padding:                        1px 0px;
}

#sitemap img,
#sitemap a
{
  vertical-align:                 middle;
}

#sitemap a
{
  padding-left:                   4px;
}


/**
 * image-pager
 */
ul.image-pager
{
  margin:                         0px;
  overflow:                       hidden;
  padding:                        0px;
  width:                          100%;
}

ul.image-pager li
{
  border:                         #999999 solid 1px;
  float:                          left;
  list-style-image:               none;
  list-style-type:                none;
  margin:                         0px 3px 0px 0px;
  padding:                        0px;
}

ul.image-pager a
{
  cursor:                         pointer;
  display:                        block;
  font-family:                    Arial, Helvetica, sans-serif;
  font-size:                      80%;
  font-weight:                    normal;
  line-height:                    100%;
  padding:                        2px;
  text-align:                     center;
  text-decoration:                none;
  width:                          1em;
}

ul.image-pager a:link,
ul.image-pager a:active,
ul.image-pager a:visited
{
  color:                          #CC0000;
}

ul.image-pager a:hover,
ul.image-pager a.selected,
ul.image-pager a.selected:link,
ul.image-pager a.selected:hover,
ul.image-pager a.selected:active,
ul.image-pager a.selected:visited
{
  background-color:               #999999;
  color:                          white;
}


/**
 * tabbed-menu
 */
ul.tabbed-menu
{
  border-bottom:                  #E7E7E7 solid 1px;
  margin:                         0px 0px 35px;
  overflow:                       hidden;
  padding:                        0px;
  width:                          100%;
}

ul.tabbed-menu li
{
  float:                          left;
  list-style-image:               none;
  list-style-type:                none;
  margin:                         0px 2px -1px 0px;
  padding:                        0px;
}

ul.tabbed-menu li a
{
  border:                         #E7E7E7 solid 1px;
  border-bottom:                  0px;
  color:                          black;
  font-size:                      10px;
  padding:                        2px 5px;
}

ul.tabbed-menu li a.selected
{
  background-color:               #EEEEEE;
  background-image:               url(img/bg.feature-box.title.gif);
  background-position:            0px 0px;
  background-repeat:              repeat-x;
  font-weight:                    bold;
}


/**
 * contact-form
 */
.contact-form
{
  overflow:                       hidden;
  width:                          514px;
}

.contact-form p.input
{
  float:                          left;
  margin-right:                   21px;
  padding:                        3px;
  width:                          230px;
}

.contact-form p.input input.text
{
  vertical-align:                 middle;
  width:                          200px
}

.contact-form p.input img
{
  margin-left:                    4px;
  vertical-align:                 middle;
}

.contact-form p.message
{
  padding:                        3px;
}

.contact-form p.message textarea
{
  width:                          457px;
}

.contact-form p.error
{
  background-color:               #FFDDDD;
  font-style:                     normal;
}

.contact-form .error-box
{
  background-color:               #FFDDDD;
  border:                         #CC0000 solid 1px;
  color:                          #CC0000;
  padding:                        3px 5px;
  width:                          481px;
}

.contact-form .error-box img
{
  vertical-align:                 text-bottom;
}


/**
 * scrollable box
 */
.scrollable
{
	float:                          left;
  overflow:                       hidden;
  position:                       relative;
}

.scrollable-items
{
  overflow:                       hidden;
  position:                       absolute;
  width:                          1000px;
}

.scrollable-items div
{
  float:                          left;
}

a.browse
{
  background-position:            0px 0px;
	background-repeat:              no-repeat;
	cursor:                         pointer;
	display:                        block;
	float:                          left;
	font-size:                      1px;
	height:                         17px;
	width:                          17px;
}

a.scroll-left
{
	background-image:               url(img/icon.scroll-left.gif);
}

a.scroll-right
{
	background-image:               url(img/icon.scroll-right.gif);
}


#sponsoring-box
{
  background:                     #E7E7E7;
  margin-top:                     36px;
  overflow:                       hidden;
  padding:                        10px 0px 20px;
  width:                          536px;
}

#sponsoring-box p
{
  color:                          #CC0000;
  font-size:                      80%;
  font-weight:                    bold;
  margin:                         0px 0px 10px;
  padding-left:                   11px;
}

#sponsoring-box .scrollable
{
  height:                         60px;
  width:                          456px;
}

#sponsoring-box .scrollable-items
{
}

#sponsoring-box .scrollable-items div
{
  height:                         60px;
  text-align:                     center;
  width:                          114px
}

#sponsoring-box a.browse
{
  background-position:            11px 11px;
	margin:                         10px 0px;
	padding:                        11px;
}


#video-box .feature-box-content
{
  overflow:                       hidden;
  padding:                        27px 11px 0px;
  width:                          301px;
}

#video-box .scrollable
{
  height:                         130px;
  width:                          252px;
}

#video-box .scrollable-items div.video-item
{
  padding:                        0px 3px;
  text-align:                     center;
  width:                          120px;
}

#video-box .scrollable-items div.video-item .video-snapshot
{
  height:                         90px;
  text-align:                     center;
  width:                          120px;
}

#video-box .scrollable-items div.video-item a
{
  cursor:                         pointer;
}

#video-box .scrollable-items div.video-item .video-label
{
  font-size:                      10px;
  overflow:                       hidden;
  width:                          120px;
}

#video-box .scrollable-items div.video-item .video-label a
{
  color:                          black;
  font-weight:                    normal;
}

#video-box a.browse
{
  background-position:            3px 3px;
	margin:                         36px 0px;
	padding:                        3px;
}


/**
 * FAQ
 */
h2.faq-category
{
  border-bottom:                  #E7E7E7 solid 1px;
  color:                          #CC0000;
  font-size:                      90%;
  margin-top:                     40px;
  margin-bottom:                  0px;
  padding-bottom:                 2px;
  text-transform:                 uppercase;
}

h3.faq-item
{
  font-size:                      100%;
}

p.faq-item-top-link
{
  margin-bottom:                  30px;
  text-align:                     right;
}

/**
 * misc
 */
span.alpecin
{
  color:                          #CC0000;
  font-weight:                    bold;
}

small
{
  color:                          #999999;
}

.hilite,
.error
{
  color:                          #CC0000;
  font-style:                     italic;
}

.overlay
{
  display:                        none;
}

#player
{
  height:                         450px;
  width:                          600px;
}

.search-results h2
{
  margin:                         40px 0px 5px;
}

.search-result
{
  border-top:                     #E7E7E7 solid 1px;
}

.search-result h3
{
  font-size:                      100%;
}

.search-result h3 .subtitle
{
  color:                          #999999;
  font-size:                      90%;
}

.search-result a
{
  font-size:                      80%;
  font-weight:                    bold;
}

.pager
{
  border-top:                     #E7E7E7 solid 1px;
  font-size:                      90%;
  text-align:                     center;
}

#tag-cloud
{
  line-height:                    250%;
  margin-top:                     60px;
  padding:                        10px 0px;
  text-align:                     center;
}

.index#tag-cloud
{
  margin-top:                     0px;
}

#tag-cloud *
{
  display:                        inline;
  margin:                         0px 15px;
}

#tag-cloud h1,
#tag-cloud h1 a
{
  color:                          #666666;
  font-size:                      180%;
}

#tag-cloud h2,
#tag-cloud h2 a
{
  color:                          #333333;
  font-size:                      160%;
}

#tag-cloud h3,
#tag-cloud h3 a
{
  color:                          #CCCCCC;
  font-size:                      140%;
}

#tag-cloud h4,
#tag-cloud h4 a
{
  color:                          #CCCCCC;
  font-size:                      125%;
}

#tag-cloud h5,
#tag-cloud h5 a
{
  color:                          #CCCCCC;
  font-size:                      110%;
}

#tag-cloud h6,
#tag-cloud h6 a
{
  color:                          #CCCCCC;
  font-size:                      100%;
}
