@charset "utf-8";
/* CSS Document voor www.bedrukt.nl */

/* Algemeen */
body {
    background-color: #FFFFFF;
    margin-top: 118px;
    margin-left: 0px;
    margin-right: 0px;
	margin-bottom: 30px;
    background-image: url(backmain.gif);
    background-repeat: no-repeat;
    background-position: center -50px;
  /*overflow-y: scroll; */
  /*overflow-x:hidden; */
}

#homepage-mainleft { float:left; width:762px;} 
#homepage-mainright { float:right; width:40px; margin-top:-490px;}
.homepageaction { margin-right:250px}
.images4cols { margin-left:30px; margin-right:30px; margin-bottom::30px;}
.imageleftspacer { margin-left:25px;}
#colsleft { float:left; width:200px; }
#colsright { margin-left: 200px; }

input[type=button], input[type=submit] {
  width:78px;
}
.new{
    background-image: url(layout/back-news.png);
    background-repeat: no-repeat;
    background-position: top;
    padding-left: 5px;
}
#news {width: 140px;}

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

/* horizontal main menu */
#glowingtabs{
  width:802px;
  font-size:80%;
  line-height:normal;
  height: 23px;
  background-image: url(back-menu.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-left: 0px;
}

#logo {
    height: 125px;
    width: 200px;
    float: right;
    margin-top: -103px;
}
#glowingtabs #logo a {
    background: none;
}

#glowingtabs ul{
  list-style-type: none;
  margin:0;
  margin-left: 0px;
  padding:0;
}
#glowingtabs li{
  display:inline;
  margin:0;
  padding:0;
}
#glowingtabs a{
  float:left;
  background:url(glowtab-left.gif) no-repeat left top;
  margin:0;
  margin-right: 4px;
  padding:0 0 0 12px;
  text-decoration:none;
}
#glowingtabs a span{
  float:left;
  display:block;
  background:url(glowtab.gif) no-repeat right top;
  padding: 4px 12px 3px 2px;
  font-weight:normal;
  color: #666666;
  font-family: Tahoma;
}
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
  color: #000000;
}
#glowingtabs .current a{
  background-position:0 -82px;
}
#glowingtabs .current a span{
  background-position:100% -82px;
  color: #000000;
}
#glowingtabs a:hover{
  background-position:0% -82px;
}
#glowingtabs a:hover span{
  background-position:100% -82px;
}

/* Inhoud */
/* voor alle browsers die dit begrijpen */
#content h1{ font-size: 18px; }
#content {
  min-height: 548px;
  height:auto;
  width: 802px;
  padding-left: 0px;
  font-family: "Trebuchet MS", Verdana, Arial;
  font-size: 75%;
  color: #000000;
  background-color: #FFFFFF;
  opacity:1;
  filter:alpha(opacity=100);
}
/* voor IE <=6 en Safari <=2 */
/*\*/
* html #content {
  _height: 555px;
  width: 802px;
  background-repeat: no-repeat;
  background-position: top;
  font-family: "Trebuchet MS", Verdana, Arial;
  font-size: 75%;
  color: #000000;;
}
/**/
.buttonhp {margin-right:50px; }
#tekst {
  width: 766px;
  margin-top: 2px;
  margin-left: 18px;
  margin-right: 18px;
  margin-bottom: 18px;
  padding-left: 1px;
  padding-bottom: 5px;
  z-index: 2;
}
#col1 {
  float: left;
  width: 33%;
}
#col2 {
  float: right;
  width: 34%;
}
#col3 {
  float: right;
  width: 33%;
}

#content a {
    color: #9B2B71;
    text-decoration: none;
}
#content a:hover {
    text-decoration: underline;
    color: #9B2B71;
}

.kopje{
    color: #555555;
    font-size: 170%;
}
.kopje2 {
    color: #555555;
    font-size: 16px;
}
.imagespace {
    margin-right: 10px;
}
.grotetekst {
    font-size: 120%;
    font-weight: bold;
}

/* Zoekveld */
.rounded {
    background:  url(rounded.gif) no-repeat left top;
    padding-left: 5px;
    height: 25px;
    padding-top: 0px;
}
#zoeken {
    width: 383px;
    height: 40px;
    float: left;
    margin-left: 18px;
}
#naastzoeken {
    float: right;
    height: 40px;
    width: 383px;
    margin-right: 18px;
}
#spacer {
    height: 10px;
}

#zoeken {
    width: 30%;
    float: left;
}
#zoeken input[type=submit] {
  width: 35px;
}

.field {
    background:  url(rounded.gif) no-repeat top left;
    background-attachment: scroll;
    padding-left: 5px;
    padding-right: 5px;
    height: 25px;
    padding-top: 5px;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    width:135px;
    vertical-align: middle;
    border: none;
}

.input {
    background:  url(formfield.png) no-repeat top left;
    background-attachment: scroll;
    padding-left: 5px;
    padding-right: 5px;
    height: 16px;
    padding-top: 4px;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    width:180px;
    vertical-align: middle;
    border: none;
}

.combo {
    background:  url(formfield.png) no-repeat left top;
    padding-left: 5px;
    padding-right: 5px;
    height: 22px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    width:191px;
    vertical-align: middle;
    border: none;
}

.checkbox {
}

.button {
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color:#666666;
}
/* footer */
#footer {
    height: 59px;
    width: 902px;
    margin: 0 auto;
    background-image: url(footer.png);
}
#icons {
    width: 452px;
    height: 50px;
    margin-right: 10px;
    padding-top: 5px;
    float:right;
}
#disclaimer {
    width: 370px;
    height: 50px;
    margin-left: 67px;
    text-align: left;
    color: #666666;
    line-height: 50px;
    float:left;
}
#disclaimer ul{
    padding: 0;
    margin: 0;
}
#disclaimer ul li a{
    font-size: 11px;
    font-family: "Trebuchet Ms";
    text-decoration: none;
    color: #666666;
}
#disclaimer ul li{
    display: inline;
}
#disclaimer ul li a:hover{
    color: #000000;
}
#disclaimer #current a span{
    color: #000000;
}
.kleinetekst {
    font-size: 85%;
}


.error {
  color: red;
}

.message {
  color: green;
  font-weight: bold;
  font-size: 110%;
}

#userPanel {
  font-size: 9px;
}

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

#flexHolder {
  padding: 0px;
  margin: 0px;
  margin-left: -18px;
  margin-top: 19px;
}

.swapItemNavigation img {
  border:none;

}
/* winkelwagen */
#cart {
    height: 25px;
    width: 160px;
    margin-right: 14px;
    margin-top: 0px;
    padding-top: 5px;
    cursor: pointer;
}
.cart-deactief {
    background-repeat: no-repeat;
    background-image: url(cart-deactief.png);
    cursor: pointer;
}
.cart-actief {
    background-repeat: no-repeat;
    background-image: url(cart-actief.png);
    font-family: "Trebuchet MS", Verdana, Arial;
    font-size: 100%;
    text-decoration: none;
    cursor: pointer;
}
#cart.cart-actief a {
    color: #FFFFFF;
    text-decoration: none;
}
#cart.cart-actief a:hover {
    text-decoration: none;
    color: #000000;
}
#cart.cart-deactief a {
    color: #FFFFFF;
    text-decoration: none;
}
#cart.cart-deactief a:hover {
    text-decoration: none;
    color: #000000;
}
#userPanel {
    margin-right: 14px;
}

.required {
    color: red;
}

.registreren {
    height: 825px;
    background-image: url(back-content.jpg);
    background-repeat: no-repeat;
    background-position: top;
}
ul {
    list-style-image: url(gbb_checkmark.gif);
}
.homelist {
    list-style-image: url(gbb_checkmark.png);
}
.bg-standaard {
    background-image: url(back-content2.jpg);
    background-repeat: no-repeat;
    background-position: top;
}
.bg-informatie {
    background-image: url(back-informatie.jpg);
    background-repeat: no-repeat;
    background-position: top;
}
.bg-inloggen {
    //background-image: url(back-inloggen.jpg);
    background-image: url(back-content2.jpg);
    background-repeat: no-repeat;
    background-position: top;
}
.bg-voorwaarden {
    background-image: url(back-voorwaarden.jpg);
    background-repeat: no-repeat;
    background-position: top;
}
.bg-london {
    background-image: url(back-london.jpg);
    background-repeat: no-repeat;
    background-position: top;
}
.bg-lovestory {
    background-image: url(back-lovestory.png);
    background-repeat: no-repeat;
    background-position: top;
}
.bg-home {
    background-image: url(back-home.jpg);
    background-repeat: no-repeat;
    background-position: top;
}
.bg-paraplu {
    background-image: url(back-paraplu.png);
    background-repeat: no-repeat;
    background-position: top;
}
.bg-paraplu2 {
    background-image: url(back-paraplu2.png);
    background-repeat: no-repeat;
    background-position: top;
}
.bg-auto {
    background-image: url(back-auto.png);
    background-repeat: no-repeat;
    background-position: top;
}
.bg-contact {
    background-image: url(back-content2.jpg);
    background-repeat: no-repeat;
    background-position: top;
}
.imagespaceXL {
    margin-right: 100px;
}

.info-nav-grad {
    background-image: url(info-nav-grad.png);
    background-repeat: no-repeat;
    background-position: left top;
}

/* Order page styles */


.orderViewBoxHead {
    font-size:120%;
    font-weight: bold;
}
.orderViewBoxSubHead {
    font-size:100%;
    font-weight: bold;
}

.orderViewTotalPrice {
    font-weight: bold;
}
.orderViewIncludedVat {
    color:#757575;
}

/* all tables with information on the orderview page */
#orderViewCosts,
#orderViewItems,
#orderViewProcess,
#orderViewDeliver,
#orderViewCustomer,
#orderViewOrder {
    width:100%;
}
/* copy to clipboard buttons should be big enough */
#orderViewCustomer input[type=button],
#orderViewDeliver input[type=button] {
    width:178px;
}
#orderViewCosts td,
#orderViewItems td,
#orderViewProcess td,
#orderViewDeliver td,
#orderViewCustomer td,
#orderViewOrder td {
    vertical-align:top;
}
#orderViewTableLeftCol {
        width:20%;
}
#orderViewTableRightCol {
        width:80%;
}
#orderViewTableRightCol a {
        color:black;
}
#orderViewTableImageCol {
        width:20%;
}
#orderViewTableArticleCol {
        width:80%;
}
*:focus { 
	outline: none; 
	}
*::-moz-focus-inner { 
	border: none; 
	}

/* CONTENT OF FORMER DISPLAYTAG.CSS */

div.exportlinks {
    margin: -5px 0px 10px 10px;
    padding: 2px 4px 2px 0px;
    width: 400px;
}

div.exportlinks a {
    text-decoration: none;
}

div.exportlinks span {
    background-repeat: no-repeat;
}

span.csv {
    background-image: url(../images/ico_file_csv.png);
}

span.excel {
    background-image: url(../images/ico_file_excel.png);
}

span.pdf {
    background-image: url(../images/ico_file_pdf.png);
}

span.xml {
    background-image: url(../images/ico_file_xml.png);
}

span.export {
    cursor: pointer;
    display: inline;
    display: inline-block;
    padding: 0 4px 1px 20px;
}

span.pagebanner {
    display: block;
    margin: 10px 0px 0px 10px;
    padding: 2px 4px 2px 0px;
    width: 79%;
}

span.pagelinks {
    display: block;
    font-size: .95em;
    margin-bottom: 5px;
    margin-top: -18px;
    padding: 2px 0px 2px 0px;
    text-align: right;
    width: 80%;
}

table.list {
    border: 1px solid #000000;
    border-collapse: collapse;
    margin: 10px;
    margin-top: 0px;
    width: 80%;
}

table.list td {
    padding: 3px;
}

table.list th {
    background: #C8C8C8;
    padding: 3px;
    border-bottom: 1px solid #000000;
    text-align: left;
}

table.list th a, table.list th a:visited {
    background-color: transparent;
    text-decoration: none;
}

table.list th a:hover {
    background-color: transparent;
    text-decoration: overline underline;
}

th.sorted a, th.sortable a {
    background-position: right;
    display: block;
}

table.list th.order1 a {
    background-image: url(../images/arrow_down.png) !important;
}

table.list th.order2 a {
    background-image: url(../images/arrow_up.png) !important;
}

table.list th.sortable a {
    background-image: url(../images/arrow_off.png);
}

table.list th.sorted {
    background-color: #ffd;
    color: #000000;
}

table.list th.sorted a, table.list th.sortable a {
    background-position: right;
    background-repeat: no-repeat;
    display: block;
}

table.list th.sortable:hover {
}

table.list thead tr {
    background-color: brown;
}

table.list tr.even {
    background: #DCDEDD;
    border-top: 1px solid #C0C0C0;
    height: 40px;
}

table.list tr.odd {
    border-top: 1px solid #C0C0C0;
    height: 40px;
}

/* highlight table row onmouseover */
table.list tr.over {
    background: darkgrey;
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    color: #000000;
    cursor: pointer;
    _cursor: hand; /* IE 5.5 non-compliant workaround */
}

/* override width for user list */
table.userList {
    width: 80% !important;
}

table.activeUserList, body#activeUsers span.pagelinks {
    width: 450px !important;
}

/* CONTENT OF FORMER CALENDER.CSS */

/* the div that holds the date picker calendar */
.dpDiv {
    }


/* the table (within the div) that holds the date picker calendar */
.dpTable {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #505050;
    background-color: #ece9d8;
    border: 1px solid #AAAAAA;
    }


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
    }


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
    }


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
    }


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
    }


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
    border: 1px solid #ece9d8;
    }


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
    }


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
    background-color: #aca998;
    border: 1px solid #888888;
    cursor: pointer;
    color: red;
    }


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
    }


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
    }


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
    }


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
    color: white;
    }


/* additional style information for the text that indicates the month and year */
.dpTitleText {
    font-size: 12px;
    color: gray;
    font-weight: bold;
    }


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
    color: 4060ff;
    font-weight: bold;
    }


/* the forward/backward buttons at the top */
.dpButton {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: gray;
    background: 4060ff;
    /*background: #d8e8ff;*/
    font-weight: bold;
    padding: 0px;
    }


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: gray;
    /*background: #d8e8ff;*/
    background: 4060ff;
    font-weight: bold;
    }

/* CONTENT OF FORMER HISTORY.CSS */

/* This CSS stylesheet defines styles used by required elements in a flex application page that supports browser history */

#ie_historyFrame { width: 0px; height: 0px; display:none }
#firefox_anchorDiv { width: 0px; height: 0px; display:none }
#safari_formDiv { width: 0px; height: 0px; display:none }
#safari_rememberDiv { width: 0px; height: 0px; display:none }