/*gray color: #5D5D5D;*/
/*green color:   color:rgb(111,190,68);*/
/*pink : #ED008C*/


* {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

body {
  font-family: 'Swiss721', 'Century Gothic','Verdana', 'Arial', sans-serif;
  color: #4D4D4D;
  text-align: center;
  font-size: 13px;
  width: 100%;
  height: 100%;
  background-image: url( "/sk/img/back_site.gif" );
  margin-top:18px;
}

a, a img {
  border:none;
  text-decoration:none;
  color::inherit;;
}

h2 {font-size:18px;}


#content {
  width: 934px;
  height:100%;
  margin: 0 auto 0 auto;
}
input {
  color: #4D4D4D;
  font-family: 'Swiss721', 'Century Gothic','Arial', 'Verdana', sans-serif;
}

#leftsidebar {
  float: left;
}

#leftsidebar #logo {
  background-image: url( "/sk/img/left_logo.png" );
  width: 226px;
  height: 119px;
}

#leftsidebar #logotext {
  background-image: url( "/sk/img/left_snuffelknuffel.png" );
  width: 226px;
  height: 90px;
}

#leftsidebar #tshirt {
  background-image: url( "/sk/img/left_tshirt.png" );
  width: 226px;
  height: 517px;
}
#leftsidebar #left_beer {
  background-image: url( "/sk/img/left_beer.png" );
  width: 226px;
  height: 517px;
}


#centerblock {
  float: left;
  text-align:left;
}

#menu {
  background-image: url( "/sk/img/menu/menu_noactive.png" );
  background-repeat:no-repeat;
  background-position:7px 5px;
  width: 665px;
  height: 150px;
}

#menu #items {
  padding-top:18px;
  padding-left:20px;
}

#menu a div {
  float:left;

}

#menu .kleding {
  background-image:url( "/sk/img/menu/kleding.png" );
  width:65px;
  height:22px;
}
#menu .kleding:hover, #menu .kleding.selected {
  background-image:url( "/sk/img/menu/kleding_over.png" );
}

#menu .babyartikelen {
  background-image:url( "/sk/img/menu/babyartikelen.png" );
  width:118px;
  height:22px;
}
#menu .babyartikelen:hover, #menu .babyartikelen.selected {
  background-image:url( "/sk/img/menu/babyartikelen_over.png" );
}
#menu .faq {
  background-image:url( "/sk/img/menu/faq.png" );
  width:39px;
  height:22px;
}
#menu .faq:hover, #menu .faq.selected {
  background-image:url( "/sk/img/menu/faq_over.png" );
}
#menu .geboortelijsten {
  background-image:url( "/sk/img/menu/geboortelijste.png" );
  width:124px;
  height:22px;
}
#menu .geboortelijsten:hover, #menu .geboortelijsten.selected {
  background-image:url( "/sk/img/menu/geboortelijsten_over.png" );
}
#menu .onlineshop {
  background-image:url( "/sk/img/menu/onlineshop.png" );
  width:101px;
  height:22px;
}
#menu .zwangerschapskleding {
  background-image:url( "/sk/img/menu/zwangerschapskleding.png" );
  width:181px;
  height:22px;
}

#menu .onlineshop:hover, #menu .onlineshop.selected {
  background-image:url( "/sk/img/menu/onlineshop_over.png" );
}
#menu .zwangerschapskleding:hover, #menu .zwangerschapskleding.selected {
  background-image:url( "/sk/img/menu/zwangerschapskleding_over.png" );
}

#menu #submenu {
 height:111px;
}



.row {
}

.kalenderwidget {
  width: 288px;
  height: 419px;
  background-image: url( "/sk/img/kalenderwidget_bg.png" );
}
.widgetContent {
  font-family: 'Verdana', 'Arial', sans-serif;
  margin-top:26px;
  margin-right:8px;
  margin-bottom:30px ;
  padding:0px  6px 0 26px;
  background:transparent;
  color:white;
}
.widgetContent h2 {
  font-size:16px;
  font-weight:bold;
  margin-bottom:4px;

}
.widgetContent .date {font-size:9px;font-weight:normal;color:black;}
.widgetContent p {
  font-size:11px;
  padding:5px 0 10px 0;
  margin-bottom:10px;
  background-image:url( "/sk/img/hr.png" );
  background-position:bottom left;
  background-repeat:repeat-x;
}

.left {
  float:left;
}
.right {
  float:right;
}

.clear {
  clear:both;
}
.clearAll {
  clear:both;
  float:none;
}

.clearLeft {
  clear:left;
}
.clearRight {
  clear:right;
}

#geboortelijst {
  background-image:url( "/sk/img/geboortelijsten_login.png" );
  width:374px;
  height:143px;
}
#geboortelijst .inputfields {
  padding-top:70px;
  padding-left:20px;
  /*float:left;*/
}
#geboortelijst .inputtextholder {
  background-image:url( "/sk/img/input_login.png" );
  width:151px;
  height:23px;
  margin-bottom:10px;
  float:left;
}

.inputfields .inputtextholder .inputtext{
  margin-top:3px;
  margin-left:5px;
  margin-right:5px;
  height:16px;
  border:none;
  background-color:transparent;
  font-weight:bold;
  font-family: 'Swiss721', 'Century Gothic','Verdana', 'Arial', sans-serif;

}
.inputfields label {
  margin-top:3px;
  padding-left:5px;
  float:left;
}

#geboortelijst {
  font-weight:bold;
  font-size:13px;
}

#geboortelijst .loginbutton {
  float:right;
  padding-top:25px;
  padding-right:20px;
  font-size:15px;
}

#geboortelijst .loginbutton label {
  white-space:nowrap;
  text-align:center;
  display:block;
}
#geboortelijst .loginbutton #loginbutton {
  padding-top:10px;
}

#widget_uren {
  background-image:url( "/sk/img/openingsuren.png" );
  width:147px;
  height:225px;
}

#widget_uren table{
  font-weight:bold;
  font-family:'Arial', sans-serif;
  font-size:15px;
  margin-top:44px;
  margin-left:10px;
}
#widget_uren table tr {
  line-height:18px;
}

#widget_uren table .day {
}

#widget_uren table .time {
  color:white;
}
#widget_uren table .extra {
  color:white;
  font-size:11px;
  line-height:110%;
  padding-top:3px;
}
#widget_route {
  width:227px;
  height:81px;
}
#widget_contact {
  background-image:url( "/sk/img/contact.png" );
  width:227px;
  height:69px;
}
#widget_links {
  background-image:url( "/sk/img/links.png" );
  width:227px;
  height:75px;
}

#bottomInfo {
  position:absolute;
  /*float:right;*/
  background:url("/sk/img/bottom_info_empty.png");
  background-repeat:no-repeat;
  background-position:right bottom;
  width:580px;
  height:41px;
  font-weight:bold;
  font-size:12px;
  font-family:'Verdana','Arial', sans-serif;
  margin-top:0px;
  margin-left:-203px;
}
#bottomInfo .contactinfo{
  width:100%;
  margin-top:16px;
  margin-left:-2px;
  margin-right:27px;
  padding-left:0px;
  text-align:center;
  letter-spacing:0.1px;
}
#bottomInfo .contactinfo span {
  padding:0 0 0 6px; 
}

.box {
  margin-left:6px;
  font-family: 'Arial','Verdana',  sans-serif;
}

.boxtop {
  background-image: url( "/sk/img/box_top.png" );
  width:664px;
  height:23px;
}
.boxmiddle {
  background-image: url( "/sk/img/box_middle.png" );
  width:664px;
  min-height:250px;
}
/* for Internet Explorer */
/*\*/
* html .boxmiddle {
  height:250px;
}
/**/

.boxmiddle.full {
  height:500px;
}

* html .boxmiddle.full {
  height:500px;
}


.boxbottom {
  background-image: url( "/sk/img/box_bottom.png" );
  width:664px;
  height:21px;
  background-repeat:no-repeat;
}
.box .item , .box .topic{
  padding-left:36px;
  background-repeat:no-repeat;
  background-position:top left;
  margin-left:20px;
  margin-bottom:10px;
  margin-right:27px;
  color: #5D5D5D;
}

.item.green {
  background-image:url( "/sk/img/logo/snuf_small_green.gif" );
}
.item.blue {
  background-image:url( "/sk/img/logo/snuf_small_blue.gif" );
}

.box h1 {
  color: #5D5D5D;
  padding-left:23px;
  padding-bottom:10px;
}

.box p {
  padding-left:23px;
}

.box .topic h2, .box .topic.snuf  {
  background-image:url( "/sk/img/listitem.gif" );
  background-repeat:no-repeat;
  background-position:top left;
  margin-left:-34px;
  padding-left:34px;
}

.topic h2, .item h2,  {
  color: #5D5D5D;
}

.topic h2 a, .topic h2 a:visited {
  color: #5D5D5D;
}
.topic h2.pink a, .topic h2.pink a:visited, .topic h2 a:hover, .item h2 {
  color:rgb(236,0,140);
}

.topic p, .item p{
  padding-top:5px;
  padding-bottom:5px;
  padding-left:0px;
  font-size:12px;
  color: #5D5D5D;
  line-height:150%;
  font-family: 'Verdana', 'Arial', sans-serif;
}

.pink, .pink a, .pink a:visited, .pink a:hover, .blue a:hover, .green a:hover  {
  color:rgb(236,0,140);
}

.blue, .blue a, .blue a:visited, .pink a:hover {
  color:rgb(23,189,225);
}
.green, .green a, .green a:visited,  {
  color:rgb(111,190,68);
}


/*slideshow*/
.imgroller {
  width: 660px;
  margin-left:5px;
}
#imagearea {position:relative; width:100%;}
#image {
  margin-right:10px;
  position:relative; width:100%; height:189px; background:transparent url(/sk/img/slideshow/loading.gif) center center no-repeat}
#image img {position:absolute; top:0px; left:0px}
.imgnav {position:absolute; z-index:100; height:100%; width:75px; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(/sk/img/slideshow/slideshow_left.png) left center no-repeat; }
#previmg:hover {opacity:.9; filter:alpha(opacity=80)}
#nextimg {right:13px; background:url(/sk/img/slideshow/slideshow_right.png) right center no-repeat; }
#nextimg:hover {opacity:.9; filter:alpha(opacity=80)}


#jongens{
  width:82px;
  height:52px;
  margin-left:-5px;
  margin-top:-6px;
  position:absolute;
  background:url("/sk/img/menu/jongens1.png");
}


#jongens:hover, #jongens.selected{
  background:url("/sk/img/menu/jongens2.png");
}

#meisjes{
  width:80px;
  height:55px;
  margin-top:24px;
  margin-left:30px;
  position:absolute;
  background:url("/sk/img/menu/meisjes1.png");
}

#meisjes:hover, #meisjes.selected {
  background:url("/sk/img/menu/meisjes2.png");
}

#babyslaapt {
  position:absolute;
  background:url("/sk/img/menu/babyslaapt2.png");
  width:117px;
  height:57px;
}

#babyslaapt:hover, #babyslaapt.selected {
  background:url("/sk/img/menu/babyslaapt1.png");
}
#babydrinkt {
  position:absolute;
  width:140px;
  height:45px;
  background:url("/sk/img/menu/babydrinkt1.png");
}
#babydrinkt:hover,#babydrinkt.selected{
  background:url("/sk/img/menu/babydrinkt2.png");
}
#babyspeelt {
  position:absolute;
  width:105px;
  height:49px;
  background:url("/sk/img/menu/babyspeelt2.png");
}
#babyspeelt:hover,#babyspeelt.selected {
  background:url("/sk/img/menu/babyspeelt1.png");
}
#babyopstap {
  width:117px;
  height:46px;
  position:absolute;
  background:url("/sk/img/menu/babyopstap2.png");
}

#babyopstap:hover, #babyopstap.selected {
  background:url("/sk/img/menu/babyopstap1.png");
}

#babyverzorging {
  width:141px;
  height:57px;
  position:absolute;
  background:url("/sk/img/menu/babyverzorging2.png");
}

#babyverzorging:hover,#babyverzorging.selected  {
  background:url("/sk/img/menu/babyverzorging1.png");
}

#babyveiligheid  {
  width:132px;
  height:59px;
  position:absolute;
  background:url("/sk/img/menu/babyveiligheid2.png");
}
#babyveiligheid:hover, #babyveiligheid.selected {
  background:url("/sk/img/menu/babyveiligheid1.png");
}

#hebbedingetjes {
  width:119px;
  height:51px;
  position:absolute;
  z-index:90; 
  background:url("/sk/img/menu/hebbedingetjes1.png");
}
#hebbedingetjes:hover, #hebbedingetjes.selected {
  background:url("/sk/img/menu/hebbedingetjes2.png");
}
#mama {
  width:63px;
  height:49px;
  position:absolute;
  background:url("/sk/img/menu/mama1.png");
}
#mama:hover, #mama.selected {
  background:url("/sk/img/menu/mama2.png");
}
#jongenskleding {
  width:86px;
  height:43px;
  position:absolute;
  background:url("/sk/img/menu/jongenskleding1.png");
}
#jongenskleding:hover, #jongenskleding.selected {
  background:url("/sk/img/menu/jongenskleding2.png");
}
#meisjeskleding {
  width:85px;
  height:47px;
  position:absolute;
  background:url("/sk/img/menu/meisjeskleding1.png");
}
#meisjeskleding:hover, #meisjeskleding.selected {
  background:url("/sk/img/menu/meisjeskleding2.png");
}




.hr {
  margin:10px 0 5px 0;
  width:100%;
  height:2px;
  background:url("/sk/img/hr_gray.gif");
}

.hr_pink {
  margin:10px 0 5px 0;
  height:2px;
  background:url("/sk/img/hr_pink.gif");
  background-repeat:repeat-x;
}

.articlecontent {
  height:600px;
  overflow-y:auto;
  margin-left:20px;
  margin-right:20px;

}

.product {
  margin-left:10px;
  padding-bottom:20px;
  background:url("/sk/img/hr_pink.gif");
  background-repeat:repeat-x;
  background-position:center bottom;
}

.nobackground{
  background:no-repeat;
}

.product .details {
  width:376px;
  float:left;
}

.product .details .title {
  color:black;
  width: 420px;
  font-size:18px;
  float:left;
  padding-top:3px;
  padding-bottom:7px;
}
.product .details .title a,.product .details .title a:visited{
  color:black;
  font-size:18px;
  font-weight:bold;
}

.product .details .title a:hover {
  color:rgb(236,0,140);
}

.product .details .title .productname {
  font-weight:bold;

}
.product .details .title .productprice {
  font-weight:normal;
}

.detaillink {
  float:left;
  background-position:right 10px;
  background-repeat:no-repeat;
  padding:5px 21px 8px 0px;
  color:rgb(236,0,140);
  background-image:url("/sk/img/arrow_pink_se_20px.png");
}
.detaillink:hover {
  background-image:url("/sk/img/arrow_blue_se_20px.png");
  color:rgb(23,189,225);  
}

.detaillink a,.detaillink a:visited{
  font-weight:700;
  font-size:15px;
  color:inherit;
}

.detaillink a:hover {
  color:rgb(236,0,140);
}


.product .foto {
  float:right;
}

.productinput {
  float:left;
  padding:5px 10px 0px 0px;
}
.productinput label {
  display:block;
  color: #5D5D5D;
  font-size:10px;
  padding-bottom:3px;
}
.productinput select  {
  display:block;
  width:80px;
}

a.action, a.action:visited, a.action:active {
  font-weight:bold;
  color:rgb(111,190,68);
}
a.action:hover {
  text-decoration:underline;
}

.carttable {
  width:100%;
}
.carttable th {
  text-align:center;
  border-bottom: 1px solid #5D5D5D;
  font-weight:bold;
  color:#5D5D5D;
  font-size:80%;
}

.carttable td{
  border:1px solid #5D5D5D;
  border-top: none;
  border-right: none;
  padding:3px;
  text-align:center;
}

.carttable td.name{
  text-align:left;
}
.carttable td.last {
  border-right:1px solid #5D5D5D;
}

.carttable .numbers {
  text-align:right;
  padding-right:10px;
}

.carttable .articlespacerrow td{
  border:0px;
  height:10px;
}
.carttable .articletotalrow td{
  border:2px solid #000;
  border-right:none;
}
.carttable .articletotalrow td.last{
  border-right:2px solid #000;
}

.cartcontent {
  margin-left:20px;
}


.button {
  border:1px solid black;
  padding:3px;
  font-weight:bold;
}

.button.disabled, .button.disabled:hover {
  border:1px solid #9D9D9D;
  color:#9D9D9D;
  background-color:#EFEFEF;
}

.button:hover {
  background-color:rgb(23,189,225);
  color:white;
}

.adminform div.row {
  margin-bottom:10px;
  line-height:150%;
}

.adminform label {
  width:170px;
}

.link, .link:visited {
  font-weight:bold;
  color:rgb(111,190,68);
}

.link:hover {
  font-weight:bold;
  color:rgb(236,0,140);
}

.boxcontent.admin {
  margin-left:20px;
}
.boxcontent.admin li {
  list-style-position:outside;
}

.shopform {
  padding-left:20px;

}

.shopform .row {
  padding-top: 5px;
  padding-bottom: 5px;
}

.shopform label {
  width:120px;
  float:left;
}

.shopform label.required {
  background:url(/sk/img/required.gif);
  background-position:-4px -6px;
  background-repeat:no-repeat;
  margin-left:-11px;
  padding-left:11px;
  
}

.shopform .inputfield {
  float:left; 
}

.shopform .valuefield {
  font-weight:bold;
  float:left;
  display:inline;
}

.shopform .errorfield {
  font-weight:bold;
  color:#ED008C;
  clear:both;
  padding-left:120px;
}


.shopform .inputfield.medium, .shopform .valuefield.medium {
  width:250px;
}
.shopform .inputfield.large, .shopform .valuefield.large {
  width:350px;
}
.shopform .inputfield.small, .shopform .valuefield.small {
  width:50px;
}