/* Main stylesheet for www.Costoso.nl */

HTML, 
BODY {
padding:0px;
margin:0px;
/*background-color:#000;*/
Background-Color:#FFF;
margin-left:auto;
margin-right:auto;
overflow-x:hidden;
overflow-y:hidden;
}

HR{
	width:650px;
	float:left;
	border:1px dashed #FA0;
	margin-left:20px;
	margin-bottom:10px;
}

H1{
	font: 16px "Arial","Helvetica",sans-serif;
	color:#000;
}

.verborg{
	float:left;
	position:absolute;
	visibility:hidden;
	color:#F22;
}

INPUT,
TEXTAREA,
SELECT {
Font: 14px "Arial","Helvetica",sans-serif;
}

input#zoek{
	width:145px;
	margin:0px;
	padding:3px;
	margin-top:1px;
	float:left;
	border:1px solid #000;
	display:inline;
}

input.bodInput{
	width:303px;
	border:1px solid #000;
	margin-top:1px;
	padding-left:5px;
/*	font: 12px "Arial","Helvetica",sans-serif;*/
	display:inline;
}

input.loginInput{
	width:120px;
	border:1px solid #000;
	margin-top:1px;
/*	font: 12px "Arial","Helvetica",sans-serif;*/
	display:inline;
	float:left;
	padding-left:5px;
}

.verstuur{
	float:left;
	padding-top:3px;
}

IMG{
/*Border: 0px;*/
Border: 0 none;
Vertical-Align: middle;
}

IMG.topMenuKnop{
	float:left;
	width:185px;
	height:23px;
}

#topAdvKnop{
	height:46px;
}

IMG.icoon{
	width:48px;
	height:48px;
	padding-right:39px;
	padding-left:39px;
	float:left;
}

img.avatar{
	float:left;
	width:150px;
}

#tekstKader{
	font: 12px "Arial","Helvetica",sans-serif;
	color:#000;
	background-color:#FFF;
	margin:10px;
	padding:5px;
}

.fieldset{
	width:669px;
}

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

/*****************************************/
/* "website" DIV                         */
/* Deze DIV bevat alles...               */
/*****************************************/
DIV#website{
	width:100%;
	text-align:left;
}

/*****************************************/
/* "login" DIV                           */
/*****************************************/
DIV#login{
	position:fixed;
	top:107px;
	left:250px;
	width:166px;
	height:230px;
	visibility:hidden;
/*	border:1px solid #ffa904;*/
	Border: 1px solid #FA0;
}

/*****************************************/
/* Boven "header" DIV                    */
/*****************************************/
DIV#header{
Height:105px;
Font: 14px "Arial","Helvetica",sans-serif;
Color:#FFF;
Background: #000;
}

/*****************************************/
/* Boven "top" DIV                       */
/*****************************************/
DIV#top {
/*height:105px;*/
Height: 102px; /* 105 - 3 */
/*background:#000 url(../img/topBG.gif);*/
Border-bottom: 3px solid #FA0;
}

/*****************************************/
/* Boven links "logo" DIV                */
/*****************************************/
DIV#logo { 
Float: left;
Width: 305px;
/*	heigth:102px;*/
Height: 102px;
}

/*****************************************/
/* "topmenu" DIV                         */
/*****************************************/
DIV#topMenu {
	display:inline;
	width:450px;
	height:50px;
	z-index:3;
}

/*****************************************/
/* "veer" DIV                            */
/*****************************************/
DIV#veer{
	position:absolute;
	display:block;
	float:left;
	left:490px;
	z-index:2;
}

/*****************************************/
/* "optiemenu" DIV                       */
/*****************************************/
DIV#optieMenu{
	width:185px;
	position:absolute;
	display:block;
	right:0px;
	float:right;
	z-index:2;
}

/*****************************************/
/* "container" DIV                       */
/* Deze DIV bevat menu en content.       */
/*****************************************/
DIV#container{
/*Float: left;*/
}

/*****************************************/
/* Linker "menu" DIV                     */
/*****************************************/
DIV#menu {
/*clear:both;*/
/*display:inline;*/
float:left;
/*width:auto;*/
Width: 245px;
/*min-height:100%;*/
overflow-y: scroll;
/*overflow-x: none;*/
overflow-x: hidden;
Background-Color:#FFF;
/*visibility: hidden;*/
}

/*****************************************/
/* "content" DIV                         */
/*****************************************/
DIV#content {
/*	display: inline;*/
/*	float:left;*/
/*	min-height:100%;*/
Width: auto;
overflow-x: auto;
overflow-y: scroll;
background-color:#FFF;
/*	visibility:hidden;*/
}

/*****************************************/
/* "pagina" DIV                          */
/*****************************************/
DIV#pagina {
/*float:left;*/
/*padding-left:10px;
padding-top:25px;*/
Padding: 25px 10px 0 10px;
}

/*****************************************/
/* Onder "footer" DIV                    */
/*****************************************/
DIV#footer{
Clear: both;
/*height:35px;*/
Height: 36px;
Background-Color:#000;
}


#loginVeer{
	width:166px;
	height:40px;
	float:left;
	bottom:0px;
	background:url(../img/login.jpg) left top no-repeat;
}

.inlogVeld{
	background-color:#FFF;
	padding:10px;
	padding-bottom:0px;
	width:146px;
	text-align:left;
	color:#000;
	float:left;
}

.nav{
	font: 14px "Arial","Helvetica",sans-serif;
	padding:10px;
}

#advPlaatsen{
	display:inline;
	float:left;
	padding-left:10px;
	width:669px;
}

#wadvPlaatsen{
	display:inline;
	float:left;
	padding-left:10px;
	width:669px;
}

#showfoto{
	width:800px;
	height:580px;
	text-align:center;
	vertical-align:middle;
}

#thumbs{

}

#floatveld{
	display:inline;
	float:left;
	width:689px;
	height:auto;
	font: 12px "Arial","Helvetica",sans-serif;
	background:url(../img/box_repeat.jpg) left top repeat;
}

#wfloatveld{
	display:inline;
	float:left;
	width:689px;
	height:auto;
	font: 12px "Arial","Helvetica",sans-serif;
	background:url(../img/box_repeat.jpg) left top repeat;
}

#biede{
	float:left;
}

.tekstVeld{
	float:left;
/*	heigth:25px;*/
	width:150px;
	padding-right:25px;
	padding-bottom:2px;
	padding-left:50px;
	clear:both;
}

.invoerVeld{
	float:left;
/*	heigth:25px;*/
	width:375px;
	padding-bottom:2px;
}

.vergeten{
	float:left;
	color:#F22;
	padding-left:50px;
	font: 12px "Arial","Helvetica",sans-serif;
	clear:both;
}

.veld{
	float:left;
	width:700px;
	height:auto;
	background-color:#e9e9ba;
	border:2px solid #000;
	padding:5px;
	font: 12px "Arial","Helvetica",sans-serif;
	margin-bottom:10px;
}

#veld{
	float:left;
	width:700px;
	height:auto;
	background-color:#e9e9ba;
	border:2px solid #000;
	padding:5px;
	font: 12px "Arial","Helvetica",sans-serif;
	margin-bottom:10px;
}

.nieuw{
	padding:10px;
}

#veldwachten{
	visibility:hidden;
	position:absolute;
}

.foto{
	width:75px;
}

#instellingen{
	width:600px;
	float:left;
}

.instelOptie{
	float:left;
	width:126px;
	height:auto;
	text-align:center;
	font: 14px "Arial","Helvetica",sans-serif;
	font-weight:bold;
	color:#000;
	margin-bottom:20px;
	cursor:pointer;
	cursor:hand;
}

.fotos{
	float:left;
	width:75px;
	padding:2px;
	margin-right:10px;
	margin-bottom:10px;
	border:2px solid #CCC;
}

.kop{
	float:left;
	font: 18px "Arial","Helvetica",sans-serif;
	font-weight:bold;
	margin-left:20px;
	padding-top:20px;
	color:#000;
}

.kopju{
	float:left;
	font: 18px "Arial","Helvetica",sans-serif;
	font-weight:bold;
	padding-bottom:20px;
	color:#000;
}

.zoekKop{
	float:left;
	font: 14px "Arial","Helvetica",sans-serif;
	font-weight:bold;
	width:674px;
	background:url(../img/box_repeat.jpg) left top repeat;
	padding-left:15px;
}

.catKop{
	float:left;
	font: 16px "Arial","Helvetica",sans-serif;
	font-weight:bold;
	margin-left:20px;
	padding-top:20px;
	color:#000;
	display:inline;
}

DIV#boxHome{
	width:689px;
	height:auto;
	background:url(../img/box_repeat.jpg) left top repeat;
	margin-bottom:10px;
	float:left;
}

DIV#boxTopHome{
	display:inline;
	float:left;
	width:689px;
	background:url(../img/box_top.jpg) no-repeat;
}

.boxCatSub{
	display:inline;
	float:left;
	width:213px;
	background-color:#FFF;
	margin-top:10px;
	margin-left:13px;
	height:120px;
}

.profielTekst{
	padding:5px;
	margin:10px;
	float:left;
	background-color:#FFF;
	font: 12px "Arial","Helvetica",sans-serif;
	width:350px;
	display:inline;
}

.profielAvatar{
	float:left;
	background-color:#FFF;
	width:285px;
	text-align:center;
}

.profielAdres{
	padding:5px;
	margin:10px;
	margin-left:0px;
	float:left;
	background-color:#FFF;
	font: 12px "Arial","Helvetica",sans-serif;
	width:285px;
	display:inline;
}

.profielKop{
	font: 16px "Arial","Helvetica",sans-serif;
	font-weight:bold;
}

IMG.profielAv{
	width:250px;
}

.boxCatAntwoord{
	display:inline;
	float:left;
	font: 14px "Arial","Helvetica",sans-serif;
	width:642px;
	background-color:#FFF;
	margin-top:10px;
	margin-left:13px;
	padding:10px;
}

.boxCatVraag{
	display:inline;
	cursor:pointer;
	cursor:hand;
	float:left;
	font: 13px "Arial","Helvetica",sans-serif;
	font-weight:bold;
	width:662px;
	margin-top:10px;
	margin-left:13px;
}

#boxTopCat{
	float:left;
	width:689px;
	background:url(../img/boxCat_top.jpg) no-repeat;
}

.tekst{
	font: 13px "Arial","Helvetica",sans-serif;
	float:left;
	padding-left:10px;
}

.paginaTekst{
	font:14px "Arial","Helvetica",sans-serif;
	background-color:#FFF;
	padding:10px;
	margin:10px;
	width:647px;
}

.biedingen{
	font: 12px "Arial","Helvetica",sans-serif;
	float:left;
	width:450px;
	padding-left:10px;
}

#bieding{
	display:inline;
	width:120px;
	height:72px;
	background:url(../img/bieden.png);
	float:left;
	clear:both;
}

.bodRegel1{
	display:inline;
	padding-left:10px;
	width:300px;
	height:20px;
	background-color:#d0d0d0;
	font: 12px "Arial","Helvetica",sans-serif;
	float:left;
	clear:both;
}

.bodRegel2{
	display:inline;
	padding-left:10px;
	width:300px;
	height:20px;
	background-color:#dcdcdc;
	font: 12px "Arial","Helvetica",sans-serif;
	float:left;
	clear:both;
}

.regelDeel1{
	width:180px;
	height:20px;
	float:left;
}

.regelDeel2{
	width:120px;
	height:20px;
	float:left;
}

#boxCat{
	display:inline;
	width:689px;
	height:auto;
	background:url(../img/boxCat_repeat.jpg) left top repeat;
	padding-bottom:10px;
	float:left;
}

#boxTopCat{
	display:inline;
	float:left;
	width:689px;
	background:url(../img/boxCat_top.jpg) no-repeat;
}

#boxBottom{
	float:left;
	width:689px;
	height:63px;
	background:#FFF url(../img/box_bottom.jpg) no-repeat;
	padding-bottom:10px;
}

#wboxBottom{
	float:left;
	width:689px;
	height:63px;
	background:#FFF url(../img/box_bottom.jpg) no-repeat;
	padding-bottom:10px;
}

.subKop{
	font: 13px "Arial","Helvetica",sans-serif;
	font-weight:bold;
	float:left;
	margin-left:5px;
	margin-right:5px;
}

.boxTekst{
	display:inline;
	font: 12px "Arial","Helvetica",sans-serif;
	float:left;
	width:569px;
	margin-left:20px;
}

.boxPrijs{
	font: 13px "Arial","Helvetica",sans-serif;
	float:left;
	width:100px;
}

.boxArt{
	display:inline;
	float:left;
	width:664px;
	background-color:#FFF;
	margin-top:10px;
	margin-left:13px;
	height:79px;
}

.boxCatFoto{
	display:inline;
	font: 13px "Arial","Helvetica",sans-serif;
	float:left;
	width:105px;
	margin-right:10px;
}

.boxCatTekst{
	display:inline;
	font: 13px "Arial","Helvetica",sans-serif;
	float:left;
	width:200px;
	margin-left:5px;
}

.boxArtTekst{
	display:inline;
	font: 12px "Arial","Helvetica",sans-serif;
	float:left;
	width:410px;
	margin-left:10px;
}

.boxArtKosten{
	display:inline;
	font: 14px "Arial","Helvetica",sans-serif;
	float:left;
	width:100px;
	margin-left:10px;
}

#artikelBox{
	display:inline;
	width:689px;
	height:auto;
	background:#FFF url(../img/boxArt_repeat.jpg) left top repeat;
	padding-bottom:10px;
	float:left;
}

#boxTopArtikel{
	display:inline;
	float:left;
	width:689px;
	background:#FFF url(../img/boxCat_top.jpg) no-repeat;
}

#wboxTopArtikel{
	display:inline;
	float:left;
	width:689px;
	background:#FFF url(../img/boxCat_top.jpg) no-repeat;
}

.artikelKop{
	display:inline;
	font: 20px "Arial","Helvetica",sans-serif;
	float:left;
	font-weight:bold;
	width:545px;
	margin-left:10px;
}

.artikelBekeken{
	display:inline;
	font: 13px "Arial","Helvetica",sans-serif;
	float:left;
	text-align:right;
	padding-top:5px;
	width:130px;
}

#artikelContent1{
	display:inline;
	font: 14px "Arial","Helvetica",sans-serif;
	float:left;
	margin-top:10px;
	margin-left:13px;
	padding:10px;
	width:476px;
	height:auto;
	background-color:#FFF;
}

#artKop{
	width:446px;
/*	float:442px; */ /*??? huh ???? */
	background:url(../img/artKop.jpg) no-repeat;
	padding:15px;
}

#artKopRepeat{
	width:476px;
	height:auto;
	background:url(../img/artKopRepeat.jpg);
}

#artFooter{
	width:476px;
	height:63px;
	background:url(../img/artFooter.jpg) no-repeat;
}

#artikelContent2{
	display:inline;
	font: 14px "Arial","Helvetica",sans-serif;
	float:left;
	margin-top:10px;
	margin-right:10px;
	padding:10px;
	width:150px;
	height:auto;
	background-color:#FFF;
}

#prijs{
	display:inline;
	font: 22px "Arial","Helvetica",sans-serif;
	font-weight:bold;
	padding-top:20px;
	text-align:center;
	float:left;
	height:58px;
	width:150px;
	background:url(../img/prijs.png);
}

#optieMenu{
	width:185px;
	position:absolute;
	display:block;
	right:0px;
	float:right;
	z-index:2;
}

#zoeken{
	position:absolute;
	right:185px;
	top:0px;
	float:right;
	z-index:3;
}

#openMenu{
	position:absolute;
	float:left;
}

#menuOpen{
	position:absolute;
	float:left;
}

DIV#banner1{
	float:left;
	margin-right:15px;
	border:1px solid #FA0;
	height:70px;
Font-Size: 1px;
}

DIV#banner2{
	float:left;
	border:1px solid #FA0;
	height:70px;
Font-Size: 1px;
}

.knopje{
	display:inline;
	float:left;
	padding-top:3px;
	padding-right:5px;
	margin-bottom:1px;
	text-align:right;
	width:145px;
	height:20px;
	background:#000 url(../img/knopje.jpg);
	font: 12px "Arial","Helvetica",sans-serif;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
	z-index:2;
}

.verborgen{
	float:left;
	width:150px;
	display:inline;
	visibility:hidden;
	position:absolute;
	font: 12px "Arial","Helvetica",sans-serif;
	color:#000;
	background-color:#d0d0d0;
	z-index:1;
}

.teLaat{
	font: 14px "Arial","Helvetica",sans-serif;
	color:#F22;
	font-weight:bold;
	float:left;
}

.teLaatGroot{
	font: 18px "Arial","Helvetica",sans-serif;
	color:#F22;
	font-weight:bold;
	width:150px;
	height:75px;
	float:left;
}

.nieuw{
	clear:both;
}

DIV#footerLinks{
	float:left;
	padding-left:20px;
	padding-top:10px;
	font-family: "Arial","Helvetica",sans-serif;
	font-size: 12px;
	color:#FFF;
}

DIV#footerRechts{
	float:right;
	padding-right:20px;
}


.spacer{
	top:0px;
	float:left;
	height:10px;
}

a.knopbut:link,
a.knopbut:visited,
a.knopbut:hover,
a.knopbut:visited:hover {
	float:left;
	padding-top:3px;
	padding-right:5px;
	margin-bottom:1px;
	text-align:right;
	width:145px;
	height:20px;
	background:#000 url(../img/knopje.jpg);
	font: 12px "Arial","Helvetica",sans-serif;
	color:#000;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
}

a.skype:link,
a.skype:visited,
a.skype:hover,
a.skype:visited:hover {
	float:left;
	padding-top:3px;
	padding-right:5px;
	margin-bottom:1px;
	text-align:right;
	width:145px;
	height:20px;
	background:#000 url(../img/knopje.jpg);
	font: 12px "Arial","Helvetica",sans-serif;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
}

a.menuknop:link,
a.menuknop:visited{
	float:left;
	padding-top:5px;
	padding-left:5px;
	width:225px;
	height:25px;
	background:#FB2 url(../img/knop.gif);
	font: 12px "Arial","Helvetica",sans-serif;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

a.menuknop:hover,
a.menuknop:visited:hover {
/*background:#000 url(../img/knopOver.gif);*/
BackGround:#4D4 url(../img/knopOver.gif);
}

a.login:link,
a.login:visited,
a.login:hover,
a.login:visited:hover {
	float:left;
	width:80px;
	height:23px;
	background:#000 url(../img/login.gif);
	margin-left:2px;
}

a.loguit:link,
a.loguit:visited,
a.loguit:hover,
a.loguit:visited:hover {
	float:left;
	width:80px;
	height:23px;
	background:#000 url(../img/loguit.gif);
	margin-left:82px;
}

a.registreer:link,
a.registreer:visited,
a.registreer:hover,
a.registreer:visited:hover {
	float:left;
	width:80px;
	height:23px;
	background:#000 url(../img/registreer.gif);
}

a.knopmenu:link,
a.knopmenu:visited{
	float:left;
	padding-top:5px;
	padding-left:5px;
	width:225px;
	height:25px;
/*background:#000 url(../img/knopOver.gif);*/
BackGround:#4D4 url(../img/knopOver.gif);
	font: 12px "Arial","Helvetica",sans-serif;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

a.knopmenu:hover,
a.knopmenu:visited:hover {
/*background:#000 url(../img/knop.gif);*/
BackGround:#FB2 url(../img/knop.gif);
}

a.toplink:link,
a.toplink:visited{
	font-family: "Arial","Helvetica",sans-serif;
	font-size: 13px;
	text-decoration:underline;
	color:#FFF;
}
a.toplink:hover,
a.toplink:visited:hover {
	text-decoration:none;
}

a.kleinLink:link,
a.kleinLink:visited{
	font-family: "Arial","Helvetica",sans-serif;
	font-size: 12px;
	text-decoration:underline;
	color:#000;
}
a.kleinLink:hover,
a.kleinLink:visited:hover {
	text-decoration:none;
}

a.prijs:link,
a.prijs:visited{
	font-family: "Arial","Helvetica",sans-serif;
	font-size: 18px;
	text-decoration:none;
	color:#000;
}
a.prijs:hover,
a.prijs:visited:hover {
	color:#4de457;
	text-decoration:underline;
	
}

a.link:link,
a.link:visited{
	font-family: "Arial","Helvetica",sans-serif;
	font-size: 14px;
	text-decoration:underline;
	color:#000;
}
a.link:hover,
a.link:visited:hover {
	color:#000;
	text-decoration:none;
}
a.vraagLink:link,
a.vraagLink:visited{
	font-family: "Arial","Helvetica",sans-serif;
	font-size: 14px;
	text-decoration:underline;
	color:#000;
}
a.vraagLink:hover,
a.vraagLink:visited:hover {
	color:#000;
	text-decoration:none;
}

a.advLink:link,
a.advLink:visited{
	font-family: "Arial","Helvetica",sans-serif;
	font-size: 12px;
	text-decoration:underline;
	color:#000;
}
a.advLink:hover,
a.advLink:visited:hover {
	color:#FA0;
	text-decoration:none;
}

a.navlink:link,
a.navlink:visited{
	font-family: "Arial","Helvetica",sans-serif;
	font-size: 16px;
	font-weight:bold;
	text-decoration:underline;
	color:#000;
}
a.navlink:hover,
a.navlink:visited:hover {
	color:#000;
	text-decoration:none;
}
 
a.kopLink:link,
a.kopLink:visited{
	font-family: "Arial","Helvetica",sans-serif;
	font-size: 13px;
	font-weight:bold;
	text-decoration:underline;
	color:#000;
}
a.kopLink:hover,
a.kopLink:visited:hover {
	color:#000;
	text-decoration:none;
}
a.footerLink:link,
a.footerLink:visited{
	font-family: "Arial","Helvetica",sans-serif;
	font-size: 13px;
	text-decoration:none;
	color:#FFF;
}
a.footerLink:hover,
a.footerLink:visited:hover {
	color:#FFC600;
}
a.terug:link,
a.terug:visited{
	font-family: "Arial","Helvetica",sans-serif;
	font-size: 16px;
	font-weight:bold;
	text-decoration:underline;
	color:#666666;
}
a.terug:hover,
a.terug:visited:hover {
	color:#000;
	text-decoration:none;
}