/******************************************************************************/
/*   filename: main.css                                                       */
/******************************************************************************/

Body {
 margin: 0px;
 background-image: url('../TI_img/bg/body_pattern.gif');
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 11px;
}

#main_container {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  text-align: center;
}

.h1, .h2, .h3, .main_content_innerText_info h2, .boom_h2 {
  color: #7E0755;
  font-size: 12px;
  font-weight: bold;
  height: 16px;
  margin-bottom: 5px;
}

.h1 {
   font-size: 11px;
   float: left;
}

.h4 {  font-size: 10px;
  color: #7E0755;
  }

.h5 {
  color: #7E0755;
  font-size: 12px;
  font-weight: bold;
  float: left;
  margin-left: 0px;
  margin-bottom: 2px;
}

p {
  text-align: left;
  }

p A:link, p A:active, p A:visited, p A:hover {  color: #7E0755;
}
p A:hover {  text-decoration: none;
  }

.boom_h2{
        margin-top: 10px;
}
.h3 {
  margin-top: 6px;
}

input {
  border: 1px solid #CCCCCC;
  height: 15px;
  padding-left: 2px;
  width: 155px;
  font-size: 11px;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
}

.naarbetaling {    /* input type="image" */
        border: none;
        width:  87px;
        height: 22px;
}

.prefixblue A:link, .main_content_innerProductinfo .prefixblue A:active, .main_content_innerProductinfo .prefixblue A:visited,
.prefixblue, .prefixgrey {
        color: #7E0755;
        text-decoration: underline;
}

.prefixblue {
  background-image: url('../TI_img/prefixpurple.gif');
}
.prefixgrey {
  background-image: url('../TI_img/prefixgrey.gif');
}
.prefixblue, .prefixgrey {
  background-repeat: no-repeat;
  background-position: 0% 50%;
  padding-left: 10px;
}

/*****
  HEADER
*/

#header {
  display: block;
  text-align: center;
  background-image: url('../TI_img/bg/header_pattern.gif');
  background-repeat: repeat-x;
  background-position: 0% 0%;
  width: 100%;
  height: 149px;
}

#subHeader{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
}

#subHeaderImg{
        width: 972px;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
}

.header_img {
  margin: 70px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.header_subimg_left{
  background-image: url('../TI_img/header/header_logo.gif');
  background-repeat: no-repeat;
  background-position: 0% 0%;
  width: 300px;
  height: 120px;
  display: block;
  float: left;
}
.header_subimg_right {
        background-image: url('../TI_img/header/header_anno.gif');
   background-repeat: no-repeat;
   background-position: 0% 0%;
        width: 300px;
        height: 100px;
        display: block;
        float: right;
}


/*****
  ZOEKBOX en SUBMENU
*/

#main_column_right {
  float: right;
}

#main_column_left {
  float: left;
}

#sub_header {
  text-align: center;
  width: 190px;
  background-image: url('../TI_img/bg_subheader.gif');
  background-repeat: no-repeat;
  background-position: 0% 100%;
}

#sub_content {
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  width: 160px;
  background-image: url('../TI_img/bg_subcontent.gif');
  background-repeat: repeat-y;
  background-position: 0% 0%;
  overflow: hidden;
}

#sub_content Img {
  border: none;
  }

#sub_footer {
  text-align: center;
  width: 190px;
  height: 17px;
  background-image: url('../TI_img/bg_subfooter.gif');
  background-repeat: no-repeat;
  background-position: 0% 100%;
}

#info_outer {
  margin-top: 31px;
}

#info_outer .button Img {
        float: right;
        margin-bottom: 0px;
        margin-top: 8px;
        margin-right: 0px;
        border: none;
}

.info_outer_text {
        width: 160px;
}

#banner_outer{
        margin-top: 31px;
}
#banner_outer Img{
        border: none;
}

.submenu_link_inactief, .submenu_link_actief {
        margin-bottom: 3px;
        margin-left: 8px;
        color: #666666;
}
.submenu_link_actief{
        font-weight: bold;
        margin-left: 14px;
        color: #7E0755;
}
.submenu_link_inactief A, .submenu_link_inactief A:active, .submenu_link_inactief A:visited {
  text-decoration: none;
  color: #666666;
  margin-left: 6px;
}
.submenu_link_inactief A:hover {
  text-decoration: underline;
  color: #666666;
}

.boom_h2 A, .boom_h2 A:active, .boom_h2 A:visited,
.boom_h2_home A, .boom_h2_home A:active, .boom_h2_home A:visited {
  color: #7E0755;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

.boom_h2 A:hover, .boom_h2_home A:hover {
    text-decoration: underline;
}
.zoek {
        width: 160px;
        height: 19px;
        border: none;
        cursor: hand;
}

.zoekbutton{
        float: right;
        margin-bottom: 0px;
        margin-top: 8px;
        border: none;
        width: 44px;
        height: 18px;
}
.naarbetaling {    /* input type="image" */
        border: none;
        width:  88px;
        height: 22px;
}

/*****
  CENTER COLUMMN
*/

#main_menu {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  width: 510px;
  height: 32px;
  padding-top: 14px;
  font-size: 11px;
  text-align: center;
  background-image: url('../TI_img/bg_menu.gif');
  background-repeat: no-repeat;
  background-position: 0% 100%;
}

#menu_tabs_container{
  width: 510px;
  margin-left: auto;
  margin-top: auto;
  text-align: center;
  padding-top: 14px;
}

.menu_tabs_on {
  background-image: url('../TI_img/bg_menu_tab_on.gif');
  background-position: left;
  background-repeat: repeat-x;
  padding-top: 8px;
  padding-left: 4px;
  padding-right: 4px;
}

.menu_tabs_off, .menu_tabs_extra {
  background-image: url('../TI_img/bg_menu_tab_off.gif');
  background-position: left;
  background-repeat: repeat-x;
  padding-top: 4px;
  padding-left: 2px;
  padding-right: 2px;
}

.menu_tabs_extra {
        background-image: url('../TI_img/bg_menu_tab_extra.gif');
}

.menu_tabs_off, .menu_tabs_extra, .menu_tabs_on {
  width: 40px;
  text-align: center;
  height: 22px;
  vertical-align: top;
  background-position: 0% 0%;
}


.menu_tabs_off_right, .menu_tabs_off_left, .menu_tabs_right_extra, .menu_tabs_left_extra {
  width: 4px;
  padding-top: 4px;
  background-repeat: no-repeat;
}
.menu_tabs_off_left {
  background-image: url('../TI_img/bg_menu_tab_off_left.gif');
}
.menu_tabs_off_right {
  background-image: url('../TI_img/bg_menu_tab_off_right.gif');
}
.menu_tabs_left_extra {
  background-image: url('../TI_img/bg_menu_tab_left_extra.gif');
}
.menu_tabs_right_extra {
  background-image: url('../TI_img/bg_menu_tab_right_extra.gif');
}
.menu_tabs_on_right, .menu_tabs_on_left {
  width: 5px;
  padding-top: 8px;
  background-repeat: no-repeat;
}
.menu_tabs_on_left {
  background-image: url('../TI_img/bg_menu_tab_on_left.gif');
}
.menu_tabs_on_right {
  background-image: url('../TI_img/bg_menu_tab_on_right.gif');
}

.menu_tabs_spacer{
  width: 1px;
}
.menu_tabs_spacer_extra{
  width: 14px;
}
.menu_tabs_on A, .menu_tabs_off A {
  color: #7E0755;
  text-decoration: none;
}
.menu_tabs_off A {  color: #7E0755;
}

.menu_tabs_on A:hover, .menu_tabs_off A:hover {
  text-decoration: underline;
}

.menu_tabs_on A {
  font-weight: bold;
}

.menu_tabs_extra A {
  color: #003C00;
  text-decoration: none;
}

.menu_tabs_extra A:hover {
  text-decoration: underline;
}

#main_column {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 510px;
  padding-left: 15px;

}

#main_content {
  text-align: left;
  margin-top: 0px;
  width: 510px;
  padding-left: 14px;
  background-image: url('../TI_img/bg_maincontent.gif');
  background-repeat: repeat-y;
  background-position: 0% 0%;
  overflow: hidden;
}

#main_footer {
  display: block;
  text-align: center;
  width: 510px;
  height: 36px;
  background-image: url('../TI_img/bg_mainfooter.gif');
  background-repeat: no-repeat;
  background-position: 0% 0%;
}

/********************************************************
  MAIN COLUMN left, center and right
********************************************************/
#main_content_headerText {
  color: #7E0755;
  font-size: 12px;
  font-weight: bold;
  height: 16px;
  margin-bottom: 6px;
  padding-top: 4px;
  padding-bottom: 5px;
  text-align: center;
  width: 482px;
}

.main_content_container {
        width: 490px;
        margin-left: -4px;
        margin-top: -3px;
}

.main_content_container_div {
        width: 484px;
        margin-left: 13px;
        padding-bottom: 4px;
        text-align: center;
}

.main_content_innerText h2 {
        display: block;
        margin-bottom: 4px;
        margin-top: 4px;
}
.main_content_innerBanner, .main_content_innerText_info, .main_content_innerText {
        text-align: center;
        vertical-align: top;
}
.main_content_innerProductimg {  width: 150px;
  vertical-align: top;
}

.main_content_innerProductimg Img {  border: 2px solid #CCCCCC;
}

.main_content_innerProductinfo {
  width: 340px;
  vertical-align: top;
}
.main_content_innerProductButtons {
        float: right;
}
.main_content_innerProductButtons A {
        margin-right: 20px;
}
.main_content_innerProductButtons A:active, .main_content_innerProductButtons A:hover, .main_content_innerProductButtons A:link, .main_content_innerProductButtons A:visited {
        background-image: url('../TI_img/bestellen_prefix.gif');
        background-repeat: no-repeat;
        background-position: 0% 50%;
        padding-left: 16px;
        font-size: 12px;
        font-weight: bold;
        text-decoration: underline;
}
.meerinfo{
        color: #666666;
}
.bestellen {
        color: #CC0000;
}
.main_content_innerProductButtons A:hover {
        text-decoration: none;
}
.main_content_innerProductimg, .main_content_innerProductinfo {
  padding-top: 5px;
  padding-bottom: 5px;
  }

.main_content_innerProductinfo Img {   /* bestelknop */  border: none;
  padding-left: 30px;
}


.track, .track_close{
        text-align: left;
        border-top: solid 1px #ccc;
        margin: 1px;
        padding-left: 1px;
        padding-bottom: 1px;
        font-size: 10px;
        height: 14px;
}
.track A, .track A:active, .track A:visited,
.track_close A, .track_close A:active, .track_close A:visited  {
        color: #666666;
        text-decoration: none;
}
.track A:hover, .track_close A:hover{
        text-decoration: underline;
        color: #486B8F;
}
.track_close{
        padding-bottom: 2px;
        border-bottom: solid 1px #ccc;
}
.track Img, .track_close Img{
        margin-right: 3px;
        margin-top: 3px;
        margin-bottom: -1px;
}

.button Img {
        float: right;
        border: none;
        margin: 5px;
        margin-top: 10px;
}

.main_content_innerBanner Img{
        border: none;
        margin-bottom: 0px;
        overflow: hidden;
}

.main_content_innerText_info, .main_content_innerBanner {
        border: 2px solid #CCCCCC;
        padding-top: 2px;
        margin-bottom: 4px;
}

.main_content_innerText_info {
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  width: 468px;
}

.main_content_innerBanner {
        border: none;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
}

.main_content_innerPageNav {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
}

.pageNav {
  margin-top: 4px;
  padding-top: 1px;
  padding-bottom: 4px;
}

.pageNav_on{
        font-weight: bold;
        color: #7E0755;
        border: 1px solid #7E0755;
}

.pageNav_off A {
        text-decoration: none;
        border: 1px solid #cccccc;
        color: #666666;
}
.pageNav_off A:hover{
        color: #7E0755;
        border: 1px solid #7E0755;
}

.vorige, .volgende {
        width: 140px;
        margin-top: 2px;
}
.vorige, .volgende Img{
        float: left;
        border: none;
}
.volgende, .vorige Img{
        float: right;
        border: none;
}

.button_left, .button_left Img{
        float: left;
        padding-left: 40px;
        border: none;
}
.button_right, .button_right Img{
        float: right;
        padding-right: 40px;
        border: none;
}
.button_right, .button_left {
  width: 30%;
  padding-top: 2px;
  padding-bottom: 2px;
}

/****

orderoverzicht

****/

#iDEAL, #CreditCard, #vooruit {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        height: 70px;
        width: 120px;
        cursor: pointer;
}

.betaalmethodes TD {
        text-align: center;
}

.iDEAL_on {
        background-image: url('../TI_img/betaalmethodes/ideal_purple.gif');
}
.iDEAL_off {
        background-image: url('../TI_img/betaalmethodes/ideal_grey.gif');
}
.CreditCard_on {
        background-image: url('../TI_img/betaalmethodes/creditcard_purple.gif');
}
.CreditCard_off {
        background-image: url('../TI_img/betaalmethodes/creditcard_grey.gif');
}
.vooruit_on {
        background-image: url('../TI_img/betaalmethodes/vooruit_purple.gif');
}
.vooruit_off {
        background-image: url('../TI_img/betaalmethodes/vooruit_grey.gif');
}

.radio {
        width: 18px;
        height: 18px;
        border: none;
}




/*******************************************************************************

Basket

*******************************************************************************/

.basket_table {
  padding: 2px;
  width: 100%;
}

.basket_table .delImg {
  border: none;
}

.basket_table input {
  width: 40px;
}

.basket_image_td{
  width: 37px;
  vertical-align: top;
}

.basket_table .hr {
  background-color:#cccccc; /* Mozilla 1.4 */
  color:#cccccc; /* IE 6 */
  border: #cccccc; /* Opera 7.11 */
  height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

.basket_table td {
  text-align: left;
}
.basket_table th {
  color: #7E0755;
  text-align: left;
  width: 64px;
}
.basket_image {
  display: block;
  width: 30px;
  border: solid 2px #ccc;
}

.basket_price {
  color: #7E0755;
  font-weight: bold;
}

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

#main_footer{
        padding-top: 12px;
        font-size: 10px;
}
#main_footer_left A, #main_footer_left A:active, #main_footer_left A:visited{
        color: #666666;
}
#main_footer_right A, #main_footer_right A:active, #main_footer_right A:visited{
        color: #7E0755;
        text-decoration: underline;
}
#main_footer_right A:hover, #main_footer_left A:hover{
        text-decoration: none;
        color: #7E0755;
}
#main_footer_left{
        float: left;
        padding-left: 20px;
}
#main_footer_right{
        float: right;
        padding-right: 20px;
}