/*

   default stylesheet Barbotine

   author: pwkm
   date: 2007-03-06
   
   version      modification:
    2.0         Initial setup
*/

/* -------------- Special ------------------------ */
*
{
	margin:0px;
	padding: 0px;
	z-index: 80;
}


/* --------------- HEAD ------------------------- */
#head
{
	border: none;
}

#head img
{
	width: 220px;
	height: 50px;
	padding: 0px;
	margin: 0px;
	border: none;
}

#head p { 
	font-weight: bold;
   font-family: 'Comic Sans MS', tahoma;
   margin: 0px;
   margin-left: 5px;
	padding:0px;
}



/* ------------ MENU ------------------*/

#menu
{
	border: none;
}

#menu a 
{ 
	background: #FF9933;
	font-size: 0.70em ;
   font-weight: bold ;
   line-height: 2.2em ;
   font-family: tahoma ;
   color: white;
   text-decoration: none;
   border-top: 1pt solid #CCCCCC;
   border-left: 1pt solid #CCCCCC;
   border-right: 1pt solid #666666;
   border-bottom: 1pt solid #666666;
   padding-top: 1pt;
   padding-left: 5pt;
   padding-right: 5pt;
   padding-bottom: 2pt;
}

#menu a:link {
   color: white;
}

#menu a:visited {
   color: white;
}

#menu a:hover { 
	color: #663333; 
	text-decoration: none;
}

#menu a:active { 
	color: #663333; 
	text-decoration: none;
}


/* -------------------- MAIN   ---------------- */
#main 
{
	border: 0px solid blue;
	width:100%;
	height: 575px;
	margin: 0px;
	padding: 1em 0em 0em 0em;
}

#main h1
{
   font-size: 1.5em;
}

/* ------------ Footer ------------------*/

#footer
{
	font-family:  Tahoma;
	font-size: xx-small;
/*	font-weight: bold; */
	text-align: center;
	
	color: black;
	margin: 0px;
	padding: 0px;

}


/* ------------------- Default ------------------------- */

body
{
   background: url("/fotos/achtergrond.jpg");
   color: black;
   font-family: "Comic Sans MS", Tahoma;
   margin-bottom: 1em;
   margin-left: 1em;
	margin-top: 1em;
   margin-right: 1em;
}

h1
{
   font-size: 1.5em;
}

h2
{
   font-size: 1.2em;
   margin-bottom: 0.2em;
   margin-top: 1em;
}

/* -------------------- image ---------------- */

img
{ 	border: 1pt solid black;
	width: 390px;
	height: 260px;
}

img.portrait
{ 	border: 1pt solid black;
	width: 260px;
	height: 390px;
}

img.merk { 
	padding: 0pt;
	width: 99px;
	height: 65px;
}

/* --------------------- TABLE -------------------- */

table
{ 	
	border-collapse: collapse;
	border : 0px solid red;
	margin: 0px;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left; 
}

th
{ 
	border-top: 0pt
   ; border-left: 0pt
   ; border-right: 0pt
   ; border-bottom: 1pt solid #663333
   ; padding-top: 0.2em
   ; padding-left: 0.5em
   ; padding-right: 1em
   ; padding-bottom: 0.1em
   ; background-color: #FF9933
   ; text-align: left
   ; color: #663333
   ; font-size: 1.1em
   }	

td
   {
	border: 1px;
	padding-top: 0.6em;
	padding-left: 0.6em;
	padding-right: 0.6em;
	padding-bottom: 0.6em;
	background-color: white;
	vertical-align: middle;
	border-color: black;
}

td.large
{	font-size: 1.25em;
	text-align: center;
	color: black;
	border: 1px;
	padding-top: 0.6em;
	padding-left: 0.6em;
	padding-right: 0.6em;
	padding-bottom: 0.6em;
	background-color: white;
	vertical-align: middle;
	border-color: black;
}

td.foto
   { padding-top: 0em
   ; padding-left: 0em
   ; padding-right: 0em
   ; padding-bottom: 0em
   ; background: transparent
   }

td.merk {
	border: 1px;
	text-align: center;
	padding-top: 0.6em;
	padding-left: 0.6em;
	padding-right: 0.6em;
	padding-bottom: 0.6em;
	background-color: white;
	vertical-align: middle;
	border-color: black;
	border-style: solid;
}

td.shoe
   {
	border: 1px;
	border-color: black;
	border-style:solid;
	text-align: left;
	vertical-align: top;
	padding-top: 0.6em;
	padding-left: 0.6em;
	padding-right: 0.6em;
	padding-bottom: 0.6em;
	background-color: white;
	z-index: 2;
}

/* ---------------------- Fonts - Stylen - Lettertypen ------------- */
p.large
{  font-size: 1.25em;
	text-align: center;
	color: black;
   margin-bottom: 0.2em;
   margin-top: 0.5em;
}	

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







/* ------------ Default anchor ------------------*/
.koppeling:link
   { 
	color: Blue;
   }
	
.koppeling:visited
{
   color: blue;
}

.koppeling:hover
   { 
	color: blue; 
	text-decoration: none;
 }
	
.koppeling:active
   { 
	color: green; 
	text-decoration: none;
   }

/* ------------ Zone bij schoene ----- */
.innerb {	
	border: 0px solid;
	margin: 0px;
	height:420px;
	width:180px;
}

/*  --------- Menu met merken ------------------ */
a.merken
   { color: black
	; font-weight: normal
   ; font-family: 'Comic Sans MS', tahoma
   ; text-decoration: none
   ; padding-top: 1pt
   ; padding-left: 5pt
   ; padding-right: 5pt
   ; padding-bottom: 2pt
	; display: block
   }

a.merken:link
   { color: black
	; text-decoration: none
   }

a.merken:visited
	{
   color: black;
	}
	
a.merken:hover
   { color: black
	; text-decoration: none
	; font-weight: bold
   } 
	
.nummer
{
	color: #FF9933;
	display:block;
	position: absolute;
	top: 600px;
	left: 390px;
	z-index: 5;
}

img.smal{
	width: 100px ; 
	height: 75px;
	border: 1px solid black;
	margin: 3px;
}

img.large{
	width: 500px ; 
	height: 375px;
	border: 1px solid black;
}


/* --------- SPECIAL overlay ------------------- */
#overlay {
/*	display:none;*/
	position: absolute;
	width: 1400px;
	height: 1200px;
	background-color: #000;
	top: 0;
	left: 0;
	z-index: 90;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6; 
	}
	
#promo {
/*	display:none;*/
	position: absolute;
	top: 5%;
	left: 5%;	
	width: 520 px ;
	height: 900 px;*/
	z-index: 99;
	background-color: white;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	text-align: center;
	padding : 10px;
}

#promo img {
 	border: none;
/*	width:800 px;
/*	width: 398px;	
	height:900 px; */
}