/*GENERAL*/
html,body													{ font-family: Verdana,Arial,Trebuchet MS, sans-serif ; font-size: 12px; color: #000000; line-height: 140%  }
html, body													{ height: 100%; width: 100%; background: #e5e5e5;   }
body														{ text-align: center; }
html														{ overflow-y: scroll}

p															{ margin: 0px}

/* TEXT */
.colored-intro												{ background: url('../images/layout/layout-shadow-sidebar.png') repeat-y left;  margin: -20px 0px 40px -25px; border-bottom: 3px solid #000000; padding: 30px; font-size: 16px; line-height: 140%  }

h1															{ font-size: 20px; font-weight: normal; margin: 0px; padding: 5px 10px; line-height: 110% }
h1 .small													{ color: #FFFFFF; font-size: 14px; line-height: 90%}
h2															{ font-size: 20px; font-weight: normal; margin: 0px;  line-height: 110% }

h1.colorid0													{ background: #bdd746; }
h1.colorid1													{ background: #1654a0; }
h1.colorid2													{ background: #f58b24; }
h1.pink														{ background: #d71e80; }
h1.grey														{ background: #84847c; color: #FFFFFF}

.coloured													{ margin: 0px 0px 10px 0px; padding: 10px; display: block }
.colorid0													{ background: #ebf2c6;  }
.colorid1													{ background: #bfd4e7;  }
.colorid2													{ background: #fcdcb7;  }
p.pink														{ background: #ebf2c6;  }

/* TEXTITEMS HOMPAGE */
#textblock-homepage										{ }
#textblock-homepage a										{ color: #004b93; text-decoration: none;  display: block; margin: 0px 0px 20px 0px; border-bottom: 3px solid #000000; padding: 5px 0px 5px 10px }
#textblock-homepage .outerdiv								{ height:145px; overflow:hidden; }
#textblock-homepage .innerdiv								{  }

/* NEWSITEMS HOMPAGE */
.newsitems													{width: 485px; overflow: hidden }
.newsitem													{ width: 206px; float: left; margin: 0px 5px 10px 0px; padding: 10px 15px 10px 15px;  border-bottom: 3px solid #000000; }
.newsitem a													{ font-style: italic; color: #004b93; text-decoration: none; }

/* LAYOUT */
#container-body												{ width: 995px; min-height: 100%; background: url('../images/layout/layout-background-shadow.png') repeat-y left; text-align: left; margin: 0px auto; overflow: auto  }
#container-sidebar											{ width: 163px; min-height: 100%; float: left; padding: 0px 25px }
#container-content											{ width: 750px; height: 100%; float: left; padding: 0px 10px 0px 0px; }
#container-header											{ height: 75px; border-bottom: 3px solid #000000; background: url('../images/layout/layout-header-background.jpg') no-repeat; padding-left: 29px  }
#page-home #container-header								{ margin-left: 20px; background-position: 5px 10px;   }
#container-header 											{ background-position: 25px 10px;  }
#container-maincontent										{ padding: 20px 0px 50px 25px }
#container-maincontent .column-1							{ float: left; width: 195px; border-right: 3px solid #000000; padding: 0px 20px 0px 0px; margin: 0px 20px 0px -5px }
#container-maincontent .column-2							{ margin-left: 240px;  }

/* SIDEBAR */
#container-sidebar											{ }
#container-sidebar .languageswitch							{ padding-top: 20px }
#container-sidebar .languageswitch a							{ color: #AAAAAA; text-decoration: none; font-size: 11px; font-weight: bold }

/* MAIN MENU */
#container-mainmenu										{ margin-top: 65px }
#container-mainmenu ul										{ padding: 0px; border-top: 3px solid #000000; }
#container-mainmenu li										{ list-style-type: none }
#container-mainmenu a										{ color: #000000; text-decoration: none; display: block; padding: 8px 0px; border-bottom: 3px solid #000000; font-size: 22px; font-weight: bold }

#container-mainmenu ul:hover li.MenuLevel0Active span		{ background-image: none }
#container-mainmenu li:hover span,							
#container-mainmenu li.MenuLevel0Active span				{ background: url('../images/menus/menus-mainmenu-arrow.png'); position: absolute; margin: -35px 0px 0px 188px; width: 27px; height: 36px}

#page-2 #container-mainmenu li.MenuLevel0Active  a,
#page-14 #container-mainmenu li.MenuLevel0Active  a,
#page-26 #container-mainmenu li.MenuLevel0Active  a			{ color: #D70077;  }

#page-3 #container-mainmenu li.MenuLevel0Active  a,
#page-15 #container-mainmenu li.MenuLevel0Active  a,
#page-27 #container-mainmenu li.MenuLevel0Active  a			{ color: #BA4E97;  }

#page-28 #container-mainmenu li.MenuLevel0Active  a,
#page-12 #container-mainmenu li.MenuLevel0Active  a,
#page-24 #container-mainmenu li.MenuLevel0Active  a			{ color: #8BCBB7;  }

#page-29 #container-mainmenu li.MenuLevel0Active  a,
#page-30 #container-mainmenu li.MenuLevel0Active  a,
#page-31 #container-mainmenu li.MenuLevel0Active  a			{ color: #C0C0C0;  }

/* LOGIN MENU */
#container-login												{ margin-top: 125px; color: #b7b8b9; font-size: 11px }
#container-login ul											{ border-top: 3px solid #b7b8b9;  }
#container-login li											{ padding: 5px 0px; border-bottom: 3px solid #b7b8b9; }
#container-login a											{  display: block; color: #b7b8b9; text-decoration: none; }
#container-login a:hover										{ color: #000000;  }

/* CAROUSEL */
#carousel, #carousel #slides, #carousel #slides .slide				{ width: 661px; /* WIDTH OF CAROUSEL AND ALL SLIDES */  }
#carousel #slides, #carousel #slides .slide						{ height: 280px; /* HEIGHT OF CAROUSEL AND ALL SLIDES */  }

#carousel													{ overflow:hidden; margin: 20px 0px 0px 20px; height: 550px  }
#carousel #slides												{ overflow:hidden; margin: 0px 0px 0px 0px; border: 3px solid #000000; border-left: none; border-right: none }
#carousel #slides .slide b										{ color: #000000; margin-bottom: 5px; display: block }
#carousel #slides .slide										{ float:left; color: #666666; font-size: 11px }
#carousel #slides .slide img									{ margin: 20px 20px 20px 0px }
#carousel #slides .slide p										{ width: 300px; float: right; margin: 20px 10px 0px 0px  }
#carousel #menu												{ /* This is the container for the thumbnails */ height:100px; }


#carousel ul													{ margin:10px 0px 0px 3px; padding: 0px }
#carousel li													{ list-style:none; float: left; margin: 0px 9px 10px 0px  }
#carousel li.act a												{ cursor:default; }
#carousel li a													{ display:block;  }

#carousel li img												{ outline: 1px solid #CCCCCC}

#page-2 #carousel li img,
#page-14 #carousel li img,
#page-26 #carousel li img										{ outline: 1px solid #C1C1C1}

#page-2 #carousel li.act img,
#page-14 #carousel li.act img,
#page-26 #carousel li.act img									{outline: 1px solid #D70077 }

#page-28 #carousel li.act img,
#page-12 #carousel li.act img,
#page-24 #carousel li.act img									{ outline: 3px solid #8BCBB7  }

#page-3 #carousel li.act img,
#page-15 #carousel li.act img,
#page-27 #carousel li.act img									{ outline: 3px solid #BA4E97  }

#carousel a img												{ border:none; }

#carousel-home, #carousel-home #slides,
#carousel-home #slides .slide									{ width: 480px; /* WIDTH OF carousel-home AND ALL SLIDES */  }
#carousel-home #slides, #carousel-home #slides .slide			{ height: 200px; /* HEIGHT OF carousel-home AND ALL SLIDES */  }
#carousel-home												{ overflow:hidden; margin-bottom: 20px  }
#carousel-home #slides										{ overflow:hidden; margin: 0px 0px 0px 0px; border-bottom: 3px solid #000000; }
#carousel-home #slides .slide									{ float:left;  }


#carousel-home ul										{ margin:10px 0px 0px 1px; padding: 0px; position: absolute; margin: -15px 0px 0px 430px; float: right }
#carousel-home li										{ list-style:none; float: left; margin: 0px 10px 10px 0px  }
#carousel-home li a										{ display:block; height: 5px; width: 5px; background: #FFFFFF  }
#carousel-home li.act a									{ cursor:default; background: #000000}

#video-homepage 										{ padding: 10px 0px; border-bottom: 3px solid #000000 }
#video-homepage img										{ margin-right: 22px }
#video-homepage a										{ float: right; font-style: italic }
#video-popup											{ display: none; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background: url('../images/video/background-form-usage.png'); z-index: 100 }
#video-popup .video-holder								{ margin: 10% auto; background: #FFFFFF; width: 650px; height: 350px; opacity: 1; padding: 20px; border: 1px solid #000000 }

/* POSTERS */

#products												{  }
#products .section										{ margin-bottom:10px; }
#products .sectionbordered								{ margin-bottom:20px; padding-bottom:20px; border-bottom:3px solid #999999; }
#products h1											{ font-size:18px; font-weight:bold; color:#fff; margin:0px 0px 10px 0px; padding:0px; }
#products h2											{ font-size:14px; font-weight:bold; color:#000; margin:0px 0px 5px 0px; padding:0px; }
#products h3											{ font-size:12px; font-weight:bold; color:#666666; margin:0px 0px 5px 0px; padding:0px; }
#products .thumbgroup									{ float:left; width:220px; margin-bottom:10px; }
#products .thumbgroup_wide								{ float:left; width:440px; margin-bottom:10px; }
#products .thumb										{ float:left; width:100px; margin:0px 10px 0px 0px; color:#ffffff; text-align:right; font-size:75%; font-weight:bold; line-height:1.0em; }
#products .thumb:hover									{ cursor:pointer; }
#products .container_preview								{ display:none; padding:10px; margin-bottom:10px; background-color:#fff; }
#products .counter										{ font-weight:bold; display:block; text-align:center; width:22px; height:20px; border:1px solid #cccccc; }
#products .formrow										{ text-align:left; margin-bottom:10px; }
#products .naw											{ width:250px; }
#products #productsform .error								{ color:red; }
#container-orderformfeedback								{ display:none; }
#products	a											{ color:#000; font-weight:bold; font-size:80%; }
#products	a:hover										{ text-decoration:underline; }