/* CSS Document */
html{
margin:0;
padding:0;
background:none;
}

body{
background: #ffffff url(../img/main-bg.jpg) center top no-repeat;
margin:0px;
padding:0;
}

#container{
width:824px;
position:relative;
margin-left: -412px;
left:50%;
}

#menu{
position:relative;
top:36px;
left:0px;
padding:0;
margin:0;
width:814px;
height:30px;
}

#header{
width:824px;
height:183px;
padding:0;
margin-top:36px;
}

#content{
margin:0;
padding:0;
width:824px;
}

#pages{
width:544px;
min-height:600px;
padding-top:30px;
padding-left:38px;
float:left;
}

#nieuws{
position:relative;
left:0;
top:0;
float:left;
width:196px;
height:115px;
padding:0;
margin-left:38px;
margin-top:90px;
}


#nieuwsbrief{
margin-top:30px;
background:url(../img/nieuwsbrief_bg.gif) no-repeat top;
position:relative;
float:left;
width:200px;
min-height:150px;
height:150px;
padding:0;
}

#openingstijden{
margin-top:30px;
background:url(../img/nieuwsbrief_bg.gif) no-repeat top;
position:relative;
float:left;
width:200px;
min-height:150px;
height:150px;
padding:0;
}

#nieuwsbrief p, #openingstijden p{
padding-top:10px;
padding-left:10px;
width:180px;
}

.blog{
width:520px;
position:relative;
margin:0;
padding:0;
float:left;
}

.nbinput{
width:113px;
background:none;
border:1px solid #003399;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#003399;
}

.wide {
width:720px;
}

.submessage{
margin-top:20px;
width:230px;
float:left;
margin-left:10px;
padding:0;
}

.submessagehorizontaal{
margin-top:20px;
width:500px;
float:left;
margin-left:10px;
padding:0;
}

.submessage p{
	margin-left:10px;
	width:210px;
	padding:0;
}

.nbinputdiv{
float:left;
padding-left:10px;
width:113px;
margin:0;
position:relative;
padding-top:10px;
}

.nbsubmitdiv{
float:left;
padding-left:5px;
padding-top:10px;
margin:0;
position:relative;
width:59px;
height:12px;
}

.nbsubmit{
border:none;
}



#footer{
float:left;
width:100%;
background:url(../img/footer.gif) repeat-x;
margin-top:20px;
text-align:center;
height:60px;
}

.footer{
width:100%;
padding-top:25px;
text-align:center;
font-size:10px;
margin-bottom:0;
color:#ffffff;
}


.picture{
width:80px;
height:80px;
margin-right:10px;
margin-top:10px;
float:left;
}


.postdatum{
width:560px;
float:left;
position:relative;
left:0px;
top:0px;
}

.multiplepages{
float:left;
margin:0;
padding:0;
height:30px;
width:575px;
text-align:center;
padding-top:10px;
}

/* assortiment */
#wasgoed{
padding-top:10px;
margin:0;
width:478px;
height:143px;
background:url(../img/assortiment_wasgoed.gif) no-repeat;
display:block;
float:left;
}

#av{
padding-top:10px;
margin:0;
width:478px;
height:143px;
background:url(../img/assortiment_av.gif) no-repeat;
display:block;
float:left;
}

#pc{
padding-top:10px;
margin:0;
width:478px;
height:72px;
background:url(../img/assortiment_pc.gif) no-repeat;
display:block;
float:left;
}

#gsm{
padding-top:10px;
margin:0;
width:478px;
height:72px;
background:url(../img/assortiment_gsm.gif) no-repeat;
display:block;
float:left;
}

ul{
margin:0;
padding:0;
list-style:none;
}

li{
margin:0;
padding:0;
float:left;
}

li a{
outline:none;
display:block;
float:left;
}

/* hieronder rollovers etc voor assortiment toevoegen*/
#wg1 a{text-indent:-4000em;  position:relative; left:12px; width:78px; height:46px;top:8px; }
#wg2 a{text-indent:-4000em;  position:relative; left:59px; width:78px; height:46px;top:8px; }
#wg3 a{text-indent:-4000em;  position:relative; left:106px; width:78px; height:46px;top:8px; }
#wg4 a{text-indent:-4000em;  position:relative; left:153px; width:78px; height:46px;top:8px; }
#wg5 a{text-indent:-4000em;  position:relative; left:-307px; width:90px; height:46px;top:80px; }
#wg6 a{text-indent:-4000em;  position:relative; left:131px; width:90px; height:46px;top:34px;}
#wg7 a{text-indent:-4000em;  position:relative; left:165px; width:90px; height:46px;top:34px;}
#wg8 a{text-indent:-4000em;  position:relative; left:199px; width:90px; height:46px;top:34px;}

#wg1 a:hover{ background:url(../img/assortiment_wg_rollover.gif); background-position:-12px -18px;}
#wg2 a:hover{ background:url(../img/assortiment_wg_rollover.gif); background-position:-137px -18px;}
#wg3 a:hover{ background:url(../img/assortiment_wg_rollover.gif); background-position:-262px -18px;}
#wg4 a:hover{ background:url(../img/assortiment_wg_rollover.gif); background-position:-387px -18px;}
#wg5 a:hover{ background:url(../img/assortiment_wg_rollover.gif); background-position:-5px -90px;}
#wg6 a:hover{ background:url(../img/assortiment_wg_rollover.gif); background-position:-131px -90px;}
#wg7 a:hover{ background:url(../img/assortiment_wg_rollover.gif); background-position:-255px -90px;}
#wg8 a:hover{ background:url(../img/assortiment_wg_rollover.gif); background-position:-379px -90px;}

#av1 a{text-indent:-4000em;  position:relative; left:12px; width:80px; height:46px;top:8px; }
#av2 a{text-indent:-4000em;  position:relative; left:57px; width:78px; height:46px;top:8px; }
#av3 a{text-indent:-4000em;  position:relative; left:104px; width:78px; height:46px;top:8px; }
#av4 a{text-indent:-4000em;  position:relative; left:151px; width:78px; height:46px;top:8px; }
#av5 a{text-indent:-4000em;  position:relative; left:-309px; width:90px; height:46px;top:80px; }
#av6 a{text-indent:-4000em;  position:relative; left:131px; width:90px; height:46px;top:34px;}
#av7 a{text-indent:-4000em;  position:relative; left:165px; width:90px; height:46px;top:34px;}

#av1 a:hover{ background:url(../img/assortiment_av_rollover.gif); background-position:-12px -18px;}
#av2 a:hover{ background:url(../img/assortiment_av_rollover.gif); background-position:-137px -18px;}
#av3 a:hover{ background:url(../img/assortiment_av_rollover.gif); background-position:-262px -18px;}
#av4 a:hover{ background:url(../img/assortiment_av_rollover.gif); background-position:-387px -18px;}
#av5 a:hover{ background:url(../img/assortiment_av_rollover.gif); background-position:-5px -90px;}
#av6 a:hover{ background:url(../img/assortiment_av_rollover.gif); background-position:-131px -90px;}
#av7 a:hover{ background:url(../img/assortiment_av_rollover.gif); background-position:-255px -90px;}
#av8 a:hover{ background:url(../img/assortiment_av_rollover.gif); background-position:-379px -90px;}

#pc1 a{text-indent:-4000em;  position:relative; left:3px; width:100px; height:46px;top:8px;}
#pc2 a{text-indent:-4000em;  position:relative; left:37px; width:78px; height:46px;top:8px; }
#pc3 a{text-indent:-4000em;  position:relative; left:84px; width:78px; height:46px;top:8px; }
#pc4 a{text-indent:-4000em;  position:relative; left:131px; width:78px; height:46px;top:8px; }

#pc1 a:hover{ background:url(../img/assortiment_pc_rollover.gif); background-position:-3px -18px;}
#pc2 a:hover{ background:url(../img/assortiment_pc_rollover.gif); background-position:-137px -18px;}
#pc3 a:hover{ background:url(../img/assortiment_pc_rollover.gif); background-position:-262px -18px;}
#pc4 a:hover{ background:url(../img/assortiment_pc_rollover.gif); background-position:-387px -18px;}

#gsm1 a{text-indent:-4000em;  position:relative; left:12px; width:78px; height:46px;top:8px;}
#gsm2 a{text-indent:-4000em;  position:relative; left:57px; width:78px; height:46px;top:8px; }
#gsm3 a{text-indent:-4000em;  position:relative; left:104px; width:88px; height:46px;top:8px; }

#gsm1 a:hover{ background:url(../img/assortiment_gsm_rollover.gif); background-position:-12px -18px;}
#gsm2 a:hover{ background:url(../img/assortiment_gsm_rollover.gif); background-position:-135px -18px;}
#gsm3 a:hover{ background:url(../img/assortiment_gsm_rollover.gif); background-position:-260px -18px;}


/*HTML CSS*/
h1{
margin:0;
padding:0;
text-indent:-4000em;
}

h2{
margin:0;
padding:0;
text-indent:-4000em;
width:570px;

}

.sifr{
text-indent:0;
line-height:20px;
font-size:20px;
}

h3{
text-indent:-4000em;
margin-left:10px;
padding:0;
width:240px;
line-height:30px;
color:#003399;
}

p{
text-align:left;
width:480px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height:15px;
color:#003399;
padding:0;
margin:0;
}

table{
width:700px;
}

td,th{
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height:15px;
color:#003399;
padding:0;
margin:0;
}

img{
margin-top:5px;
margin-right:10px;
}

label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
line-height:15px;
color:#003399;
width:150px;
display:block;
float:left;
}

input{
border:1px solid #f08b00;
}

textarea{
width:350px;
height:150px;
border:1px solid #f08b00;
}

.radio{
border:none;
}

/* LINKS */
a:link{
outline:none;
color:#e46b00;
text-decoration:none;
}

a:visited{
outline:none;
color:#e46b00;
text-decoration:none;
}

a:active{
outline:none;
color:#e46b00;
text-decoration:none;
}

a:hover{
outline:none;
color:#e46b00;
text-decoration:underline;
}

/* SIFR Styles */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size:20px;
	line-height:34px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}