/********************
    General layout 
*********************/

#container
{
    width: 980px;
    margin: 0 auto;
}

#header
{
    _margin-top: -2px;
    height: 138px;
    width: 980px;
}

#mainwrapper
{
    position: relative;
    border-top: 5px solid white;
    background: url(../img/container_bg.png) repeat-y top left #FFF0E5;
    _height: 1%;
}

#wrapper
{
    padding-top: 10px;
    width: 100%;
    float: left;
    padding-bottom: 1em;
}

#content
{
    width: 560px;
    margin-left: 200px;
    margin-right: 200px;
    min-height: 400px;
    background: #FFF0E5;
}

.home #content,
.zakelijkeoplossingen #content
{
    width: 760px;
    margin-right: 0px;    
}

#navigation
{
    float: left;
    width: 190px;
    height: 676px;
    margin-left: -980px;
    background: url('/media/site/img/jubel_navbg.jpg') top left no-repeat white;
}

#extra
{
    margin-left: -200px;
    width: 200px;
    float: left;
}

#footer
{
    clear       : both;
    width       : 100%;
    border-top: 5px solid white;
}

/* #footer ul li.first a {
    background: url('/media/site/img/jubel_bottommenuleft.png') top left no-repeat;
}

#footer ul li.last a {
    background: url('/media/site/img/jubel_bottommenuright.png') top right no-repeat;
} */

/* errors and cms messages */

.error,
ul.errorlist
{
    color: #ff0000;
    background-color: #fcd4d4;
    border:2px solid #ff0000;
    font-weight: bold;
    padding: 2px;
    margin: 1em 0 0.5em 0;
    width: 100%;
    list-style-type: none;
}

#cms_messages
{
    margin: 18px 0 0 0px;
}

#cms_messages li
{
    list-style-type: none;
    line-height:normal;
    font-weight: bold;
    background-color: #bed2fd;
    color: #010080;
    border: 2px solid #010080;
    padding: 5px;
}

/* buttons */

button.orangebutton_big { width: 176px; height: 66px; padding: 10px 8px 11px 6px; border: 0; background: url('/media/site/img/orange_fat_button.png') no-repeat;float: left; font-weight: bold; border: ; cursor: pointer; color: #006; }

button.orangebutton_big div { width: 155px; }

.orangebutton,
.greybutton,
.shopping_basket_submit input,
#proceed
{
    border: none;
    color: #000066;
    width: 176px;
    height: 33px;
    text-align:center;
    cursor: pointer;
}

.orangebutton,
.shopping_basket_submit input
{
    background: center center no-repeat url(../img/orange_submit_button.png);
    font-weight: bold;
}

.greybutton
{
    background: center center no-repeat url(../img/grey_submit_button.png);
}

.productbuttons
{
    clear:both;
}

#home #productpresentation .orangebutton,
#home #productpresentation .greybutton
{
    float:left;
    width:97px;
    height:33px;
    margin-top: 3px;
}

#home #productpresentation .orangebutton
{
    background: top left no-repeat url(../img/orange_small_button.png);
    margin-right: 10px;
}

#home #productpresentation .greybutton
{
    background: top left no-repeat url(../img/grey_small_button.png);
}

.zakelijkeoplossingen #productpresentation .orangebutton,
.zakelijkeoplossingen #productpresentation .greybutton
{
    width: 140px;
    height: 33px;
}

.zakelijkeoplossingen #productpresentation .orangebutton
{
    background: top left no-repeat url(../img/orange_medium_button.png);
}

.zakelijkeoplossingen #productpresentation .greybutton
{
    background: top left no-repeat url(../img/grey_medium_button.png);
}

.buttonlist
{
    margin-top: 1em;
}

.buttonlist form p
{
    float:left;
}

#proceed,
.largebutton
{
   width: 225px;
   font-weight: bold;
   background: center center no-repeat url(../img/orange_submit_button_large.png);
}

/**********************
    header structure
***********************/

#header #logo
{
    float: left;
    width: 200px;
    height:105px;
    _position: relative;
}
    
    #header #logo a {
        _position: absolute;
        _left: 0px;
        _bottom: -1px;
    }

#header #tagline
{
    width: 578px;
    height:105px;
    float: left;
}

#header #login 
{
    width: 200px;
    float: left;
}

#header #headernavigation
{
    width: 980px;
}

/* header layout general */

#header
{
    background-color: #010080;
    color: white;
    font-size:90%;
    text-align: center;
    margin-bottom: -2px;
}

#header p
{
    margin: 0px;
}

/* headerlogo */

/* header tagline */

#header #tagline 
{
    /* border-width: 0 1px;
    border-style: solid;
    border-color: white; */
}

#header #tagline h1
{
    margin: 10px 0 20px 0;
}

#header #tagline p
{
    font-weight: bold;
    line-height: 1.2em;
    font-size: 10pt;
}

/* header login */

#header #login
{
    padding-top: 0px;
}

#header #login a
{
    color: white;
}

#header #login input
{
    width: 180px;
    margin: 0 auto;
    padding: 0px;
    height: 14px;
}

#header #login .submit
{
    margin: 0px auto;
    width: auto;
    height: auto;
    margin-top: 2px;
}

#header #login label {
    margin: 0px;
    padding: 0px;
    font-size: 11px;
}

/* headernavigation layout */

#header #headernavigation
{
    border-top: 1px solid white;
}

#headernavigation ul
{
    margin: 0px;
    height: 30px;
    width: 100%;
    background: url('/media/site/img/jubel_menu.png') bottom left no-repeat;
}

#headernavigation li
{
    display:inline;
    height: 30px;
    line-height: 30px;
}

#headernavigation li a
{
    display: block;
    float: left;
    width: 192px;
    color: #FF6600;
    font-weight: bold;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
    border-left: 1px solid white;
}

#headernavigation li.first a
{
    border: none;
    width: 200px;
    /* background: url('/media/site/img/jubel_menuleft.png') bottom left no-repeat; */
}

#headernavigation li.last a
{
    width: 200px;
    /* background: url('/media/site/img/jubel_menuright.png') bottom right no-repeat; */
}

#headernavigation li a.green
{
    color: #00FF01;
}


/********************
    Content
********************/

#content
{
    padding: 10px;
}

/* content homepage */

#tophome
{
    width:760px;
}

#tophome table
{
    margin:5px 0px;
}

#tophome h1
{
    line-height:normal;
}

#home-top
{
    height: 40px;
    overflow:hidden;
}

.home #content, 
.zakelijkeoplossingen #content
{
    padding:0 0 0 20px
}

#productpresentation
{
    clear:both;
}

#productpresentation .product
{
    border: 1px solid #ccc;
    background-color: #fdd8bd;
    overflow:hidden;
    padding: 5px;
}

#productpresentation .product_large
{
    width: 732px;
    height: 108px;
    margin-bottom: 12px;
}

.home #productpresentation .product_small
{
    width: 228px;
}

.zakelijkeoplossingen #productpresentation .product_small
{
    width: 165px;
    height:240px;
}

#productpresentation .product_small
{
    height:135px;
    float: left;
    margin: 0px 12px 12px 0;
}

#productpresentation .product_medium
{
    width: 220px;
    height:130px;
    float: left;
    margin: 0px 12px 12px 0;
}

#productpresentation .last
{
    margin-right: 0px;
}

.productdescription
{
    height: 100px;
    overflow: hidden;
}

.zakelijkeoplossingen .productdescription
{
    height:170px;
    text-align: center;
    padding: 0 10px 5px 10px;
}

#productpresentation h1
{
    font-size: 1em;
    line-height: 1em;
    padding-bottom: 10px;
}

#productpresentation table td
{
    vertical-align: top;
    padding:5px;
}

.zakelijkeoplossingen #productpresentation img
{
    float: none;
}

.zakelijkeoplossingen #productpresentation ul
{
    text-align: left;
}

.zakelijkeoplossingen #productpresentation p
{
    margin: 0px;
}

.zakelijkeoplossingen fieldset
{
    width: 500px;
}

#productpresentation ul
{
    margin: 0;
    list-style-position: inside;
}

#productpresentation .product_large td table td
{
    padding: 0px 10px 0 0;
}

/********************
    extra
********************/

#extra .shopping_basket
{
    width:100%;
    margin:1em 0;font-size:90%;
}

#extra form.shopping_basket_submit
{
    text-align: center;
}

/********************
    navigation
********************/

#navigation
{
    padding-left:10px;
}

#navigation ul
{
    list-style-type : none;
    margin:0;
}

#navigation ul li
{
    padding: 5px 2px;
}

#navigation a
{
    display: block;
    width: 186px;
    text-decoration : none;
}

#navigation a:hover,
#navigation a:focus,
#navigation a:active,
#navigation .selected a
{
    color: #FFFF01;
}

/* productmenu */

#navigation #productmenu ul
{
    border-bottom: 1px solid white;
}

#navigation #productmenu li
{
    font-weight: bold;
    border-top  : solid 1px white;
}

#navigation #jubelkalenderopties
{
    margin: 0.5em 0 1.5em 0;
}

#navigation #jubelkalenderopties li
{
    font-weight: bold;
    padding: 2px;
}

#home #navigation #jubelkalenderopties li.home
{
    display: none;
}

/* supportive menu */

#supportivemenu
{
    margin:2em 0;
}

#navigation #supportivemenu li
{
    padding: 2px;
}

/*********************
    footer en extra
*********************/

#footer
{
    background-color : #010080;
    font-size:90%;
}

#footer ul
{
    border-top: 1px solid white;
    list-style-type : none;
    height : 30px;
    width: 100%;
    margin:0;
    background: url('/media/site/img/jubel_bottommenu.png') top right no-repeat;
}

#footer li
{
    display:inline;
}

#footer li a
{
    display: block;
    text-align: center;
    float: left;
    width: 192px;
    color: #FF6600;
    font-weight: bold;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
    border-left: 1px solid white;
}

#footer a:hover,
#footer a:focus,
#footer a:active
{
    color: #00ccff;
}

#footer li.first a
{
    border: none;
    width: 200px;
}

#footer li.last a
{
    width: 200px;
}

/* estrate */

#estrate
{
    font-size: 70%;
    text-align: center;
    padding: 10px 0;
}

#estrate a
{
    text-decoration: none;
    font-style: italic;
    color: #FF9933;
}

#estrate a:hover
{
    color: #FF3300;
}

/*******************
    shop elementen
*******************/

.total
{
    border-top:3px double #888;
    font-weight: bold;
}

.shopping_basket
{
    background-color: #fff;
    border-collapse: collapse;
    border: 1px solid #888;
}

.shopping_basket th
{
    background-color: #FF6600;
}

/***************************
    Startpagina's
***************************/

#ecard_start img
{
    border:1px solid #000;
}

#voorbeeld_achterkant /* ecard */
{
    display: none;
}

/********************************
    fotokalender bestelpagina's
*********************************/

ul.radiolist
{
    margin: 0px;
}

ul.radiolist li
{
    list-style-type: none;
}

#print_upload form p
{
    margin: 0px;
}

#print_upload td.uploaded_image form p
{
    float: left;
}

#print_upload table
{
    border-bottom: 1px solid #C0C0C0;
}

#print_upload form tr,
#print_upload form table
{
    border: none;
}

#print_upload tr
{
    border-top: 1px solid #C0C0C0;
}

#print_upload td
{
    vertical-align: top;
}

#print_upload td.aanpassen
{
    text-align: right;
    padding: 4px 0 4px 5px;
}

.uploaded_image td
{
    vertical-align: middle;
}

td.uploaded_image
{
    width: 150px;
}

.uploaded_image img,
.uploaded_image input
{
    float: left;   
    width: auto;
}

td.uploaded_image img
{
    margin: 0 5px;
}

/* watch */

body #watch 
{
    position:fixed;
}

body #watch 
{
    background-color:#FFF0E5;
    border:1px solid black;
    display:none;
    height:70px;
    left:50%;
    margin-left:-100px;
    margin-top:-35px;
    padding:10px;
    position:absolute;
    text-align:center;
    top:50%;
    width:200px;
}

td.actions
{
    width: 100px
}

td.actions form
{
    float: left;
    margin-right:0.2em;
}

.price,
.amount,
.subtotal
{
    text-align: right;
}

/* forms */

fieldset 
{
    border:1px solid #CCCCCC;
    margin:0 0 0.5em;
    padding:1.4em;
}

fieldset p,
fieldset table
{
    margin:0;
}

fieldset table th
{
    padding: 4px 10px 4px 0px;
    font-weight: normal;
    width: 150px;
}

legend 
{
    font-size:1.2em;
    font-weight:bold;
}

fieldset input,
fieldset select,
fieldset textarea
{
    width: 100%;
}

fieldset .radiolist input 
{   
    width: auto;
}

fieldset .checkbox input, #shop_pay_choose fieldset input,#id_confirmation_email_0, #id_confirmation_email_1
{
    width: auto;
}

#id_message
{
    height:8em;
}

input.image
{
    width: auto;
}

td.radio
{
    width: 1.5em;
}

form table ul
{
    margin:0;
}

form table ul li
{
    list-style-type: none;
}

.help_text
{
    font-size:80%;
}

#print_page
{
    text-align: right;
    font-size: 90%;
}

#terms
{
    border: 1px solid #666666;
    height: 8em;
    overflow: auto;
    padding: 5px;
    margin:1em 0px;
}

fieldset table.plugin_form
{
    width:200px;
}
 
fieldset table.plugin_form th,fieldset table.plugin_form td select

{
    width:auto;
}
    /* form edit jubeldatum */
    
#id_day, #id_month, #id_year, #id_delivery_date_day, #id_delivery_date_month, #id_delivery_date_year,#id_birthday_day, #id_birthday_month, #id_birthday_year,
.date
{
    width: auto;
}


/* yearoverview */

h6 a
{
    text-decoration: none;
}

/* pick images form */

#theme_preview,
#archive_preview {
    background-color: white;
    border: solid thin black;
    padding: 5px;
    margin: 3px;
    text-align: center;
}

#archive_preview {
    height: 80px;
    overflow:auto;
    width:500px;
}

#archive_preview img {
    cursor: pointer;
}

/* mms bekijken */

#voorbeeld_telefoon
{
    width:219px;
    height:420px;
    background-image:url(../img/lege_telefoon.jpg);
}

.mmsonline
{
    margin-left: 50px;
}

#voorbeeldmmsbericht
{
    left:32px;
    top:77px;
    width:153px;
    height:180px;
    overflow:auto;
    position:relative;
}

#voorbeeldmmsbericht p
{
    margin:2px;
    font-size: 7pt;
    line-height:normal;
}

.chosen_images td
{
    border-style:solid;
    border-color: #ccc;
    border-width: 1px 0;
}