/* Stylesheet website Maple Skate
   Ale van der Ploeg en Edwin de Vries 
   Addnoise Advertising */


/* Algemeen
---------------------------------------------------------------------------------------------- */
body { 
	text-align: center;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 18px; 
	color: #646464; 
	background: #F5F3F3 url(../../images/back.gif) repeat-x;;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	}

td { 
	font-size: 11px;
	line-height: 18px; 
	margin-top: 0px; 
	}
	
.kop { 
	font-size: 13px;
	font-weight: bold; 
	line-height: 18px; 	
	letter-spacing: 0px; 
	color: #646464;
	}
	
.kopzwart, .kopzwart a, .kopzwart a:link, .kopzwart a:visited { 
	font-size: 13px;
	font-weight: bold; 
	line-height: 18px; 	
	letter-spacing: 0px; 
	color: #000000;
	}	

.kopzwart a:hover { 
	font-size: 13px;
	font-weight: bold; 
	line-height: 18px; 	
	letter-spacing: 0px; 
	color: #D3353A;
	}	

.nieuwskop { 
	font-size: 13px;
	font-weight: bold;
	line-height: 18px; 
	letter-spacing: 0px; 
	color: #ffffff;
	}	
	
.intro { 
	font-style: normal;
	color: #D3353A;
	}
	
.rood { 
	font-style: normal;
	color: #D3353A;
	}	
	
a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: #D3353A;
	}
a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #D3353A;
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #000000;
	}
	
.verborgen {display:none;}		

/* Hoofdmenu
---------------------------------------------------------------------------------------------- */
#btn1
	{ 
	padding: 0px 0px 0px 0px;
	}

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

#btn1 li { 
	margin: 0; 
	float: left; 
	}

#btn1 a 
	{
	display: block;
	color: #FFF;
	line-height: 26px;
	padding: 0px 12px 0px 12px;
	font-size: 12px;	
	text-decoration: none;
	font-weight: normal;
	border-right: solid 1px #919191;
	}

#btn1 a:hover
	{
	background-image: url(../../images/zwart.gif);
	color: #FFF;
	}

#btn1 #subactief
	{
	background-image: url(../../images/zwart.gif);
	color: #000000;
	}	

#vlaggen
	{
		margin: 0;
		padding: 0;
		text-align: right;
	}

#vlaggen img
	{
		border: 0;
		margin: 0;
		padding: 0;
	}


/* Categorie Inline
---------------------------------------------------------------------------------------------- */
.inline, a.inline
{
	width: 436px;
	background: url(../../images/inline.jpg) no-repeat bottom right;
	color: #ffffff;
	font-size: 12px;
	line-height: 26px;
	min-height: 150px;	
	float: left;
}

a.inline:hover
{
	background: url(../../images/inline2.jpg) no-repeat bottom right;
}

.longtrack, a.longtrack
{
	width: 436px;
	min-height: 140px;
	background: url(../../images/longtrack.jpg) no-repeat bottom right;
	color: #ffffff;
	font-size: 12px;
	line-height: 26px;
	float: left;
}

a.longtrack:hover
{
	background: url(../../images/longtrack2.jpg) no-repeat bottom right;
}


.shorttrack, a.shorttrack
{
	width: 436px;
	min-height: 150px;
	background: url(../../images/shorttrack.jpg) no-repeat bottom right;
	color: #ffffff;
	font-size: 12px;
	line-height: 26px;
	float: left;
}



a.shorttrack:hover
{
	background: url(../../images/shorttrack2.jpg) no-repeat bottom right;
}

.accessoires, a.accessoires
{
	width: 436px;
	background: url(../../images/accessoires.jpg) no-repeat bottom right;
	color: #ffffff;
	font-size: 12px;
	line-height: 26px;
	min-height: 175px;	
	float: left;
}

a.accessoires:hover
{
	background: url(../../images/accessoires2.jpg) no-repeat bottom right;
}

.kleding, a.kleding
{
	width: 436px;
	background: url(../../images/kleding.jpg) no-repeat bottom right;
	color: #ffffff;
	font-size: 12px;
	line-height: 26px;
	min-height: 175px;
	float: left;
}

/* Fix voor IE */
* html .kleding, a.kleding
{
	width: 436px;
	background: url(../../images/kleding.jpg) no-repeat bottom right;
	color: #ffffff;
	font-size: 12px;
	line-height: 26px;
	height: 175px;
	float: left;
}

a.kleding:hover
{
	background: url(../../images/kleding2.jpg) no-repeat bottom right;
}

.product, a.product, a.product:visited
{
	width: 578px;
	min-height: 140px;
	float: left;
	color: #646464;
}

a.product:hover
{
	background: #EAE7E8;
	color: #646464;
	cursor: hand;
}


/* Specifieke onderdelen
---------------------------------------------------------------------------------------------- */

#website { 
	width: 777px; 
	margin: 0 auto;
	text-align: left;
	}

#menubalk { 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 777px; 
	height: 26px;
	background: #787878;
	float: left;
	}
	
#top { 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 777px; 
	height: 110px;
	background: #000000 url(../../images/logo.gif) no-repeat top left;	
	float: left;
	}	
	
#rodebalk { 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 777px; 
	height: 20px;
	background: #d3353a;
	float: left;
	}	
	
#wittebalk { 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 777px; 
	height: 20px;
	background: #ffffff;
	float: left;
	}		
	
#flashinhoud { 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 400px; 
	height: 224px;
	float: left;
	}	
	
#introductie { 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 377px; 
	height: 224px;
	background: #ffffff;
	float: right;
	}				
	
#wrapper {
	width: 777px;
	background: url(../../images/wrapperback.gif);	
	float: left;
}		

#wrapper2 {
	width: 100%;
	background: url(../../images/wrapper2back.gif);	
	float: left;
}

#wrapper3 {
	width: 777px;
	background: url(../../images/wrapper3back.gif);	
	float: left;
}

#nieuwsbalk { 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 341px; 
	min-height: 350px;
	background: #D3353A;
	float: left;
	}		

#producten { 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 436px; 
	min-height: 350px;
	background: #ffffff;
	float: right;
	}
	
#bottom { 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 777px; 
	height: 20px;
	background: #d3353a;
	float: right;
	}
	
#links { 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 578px; 
	min-height: 450px;
	float: left;
	}

	/* Fix voor IE */
	* html #links {
		height: 450px;
	}	
	
#omschrijving { 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 304px; 
	float: right;
	}		
	
#rechtsboven { 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 199px;
	height: 173px;
	background: #d3353a url(../../images/rechtsboven.jpg) no-repeat 0 0;
	float: right;
	}
	
#rechtsboven2 { 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 199px;
	height: 173px;
	background: #d3353a url(../../images/rechtsboven2.jpg) no-repeat 0 0;
	float: right;
	}		
	
#menu { 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 199px;
	background: #d3353a;
	float: right;
	}	
	
#disclaimer { 
	width: 757px;
	margin-right: 20px;
	height: 33px;
	text-align: right;	
	float: right;
	color: #646464;
	line-height: 40px;
	}
	
#disclaimer a:link, #disclaimer a:visited
{
		text-decoration: none;
        color: #646464; 
}

#disclaimer a:hover
{
	text-decoration: none;
	color: #000000;
}		
	

.clearing {
	height: 0;
	clear: both;
}	

#kruimelpad { 
	width: 777px;
	height: 20px;
	text-align: right;	
	float: left;
	}	
	
#kruimelpad a:link, #kruimelpad a:visited
{
		text-decoration: none;
        color: #ffffff; 
}

#kruimelpad a:hover
{
	text-decoration: none;
	color: #000000;
}

/* Foto's
---------------------------------------------------------------------------------------------- */
.fotosrechts {
	width: 220px;
	float: left;
	margin: 0px 20px 0px 0px;
	}	
	
.fotosonder {
	margin: 10px 0px 10px 0px;
	}	
	
.fotosonder {
	margin: 0px 0px 10px 0px;
	}		

.fotoslinks {
	width: 220px;
	float: left;
	margin: 0px 20px 0px 0px;
	}
	
.fotoboek {
	width: 190px;
	float: left;
	margin: 0px 20px 0px 0px;
	}	
	
.fotoboek img {
	border: solid 1px #919191;
	padding: 5px 5px 5px 5px;
	margin: 5px 0 0px 0;
}	

.fotonieuws {
	width: 110px;
	float: left;
	margin: 5px 6px 0 0;
	}

.fotosnewslinks {
	width: 160px;
	float: left;
	font-size: 1px;
	line-height: 1px; 	
	margin: 0 12px 0px 0px;
}

.fotosnewslinks img {
	border: solid 1px #919191;
	padding: 5px 5px 5px 5px;
	margin: 5px 0 0px 0;
}

.fotonieuws img {
	border-right: solid 1px #373737;
	border-bottom: solid 1px #373737;
	}

#fotosnieuws {
	width: 311px;
	text-align: center;
	float: right;
	margin: 15px 0px 0px 0px;
	}	
	
.nieuwsfoto {
	margin-bottom: 7px;
	margin-right: 10px;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	}
	
.foto2 {
	margin-bottom: 0px;
	margin-right: 7px;
	}	
	
.tekstblokfoto {
	margin-bottom: 10px;
	border: 0;
	}
	
.tekstblokfoto2 {
	margin-bottom: 5px;
	margin-right: 5px;
	border: 0;
	}	
	
#fotoblok { 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 274px; 
	float: left;
	text-align: center;
	}	
	
.productfoto {
	margin-top: 20px;
	margin-bottom: 0px;
	}		


	

/* Padding teksten
---------------------------------------------------------------------------------------------- */
#introductietekst {
	line-height: 20px;
	padding: 10px 10px 10px 10px;
	}	
	
#introductietekst a:link, #introductietekst a:visited
{
		text-decoration: none;
        color: #d3353a; 
}

#introductietekst a:hover
{
	text-decoration: none;
	color: #000000;
}	
	
#nieuwstekst { 
	padding: 15px 20px 15px 20px;
	color: #ffffff;
	}	
	
.tekstbloktekst { 
	padding: 15px 20px 15px 20px;
	}		

.nieuwsbloktekst {
	float: right;
	width: 430px;
	background-color: none;
	border: solid 0px #919191;
	padding: 15px 20px 15px 0px;
	}

.nieuwsblok
{
	float: left;
}

.bron
{
	font-style: italic;
}

.datumnieuws
{
	width: 70px;
	background-color: none;
	padding: 15px 20px 15px 20px;
	float: left;
}

#nieuwstekst a:link, #nieuwstekst a:visited
{
		text-decoration: none;
        color: #ffffff;
        font-weight: bold;
}

#nieuwstekst a:hover
{
	text-decoration: none;
	color: #000000;
}	
	
#adrestekst {
	padding: 0px 10px 10px 15px;
	}	
	
#kruimeltekst {
	padding: 0px 10px 0px 0px;
	line-height: 25px;
	font-size: 10px;
	color: #f3f3f3;
	}	
	
#titeltekst {
	padding: 0px 10px 0px 15px;
	line-height: 25px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #f3f3f3;
	}
	
.categorietekst {
	padding: 15px 200px 15px 20px;
	line-height: 18px;
	font-size: 11px;
	color: #646464;
	}		
	
.omschrijvingtekst {
	padding: 15px 20px 15px 20px;
	line-height: 18px;
	font-size: 11px;
	}		
	
#introtekst { 
	padding: 15px 15px 15px 15px;
	}	
	
#inhoudtekst { 
	padding: 15px 15px 0px 15px;
	}		
	
#kruimeltekst {
	padding: 0px 10px 0px 10px;
	line-height: 20px;
	font-size: 11px;
	color: #ffffff;
	}		
	
	
/* Navigatiebalk
---------------------------------------------------------------------------------------------- */

#navcontainer_nav
	{ 
	width: 199px;
	padding: 0px 0 0px 0px;
	}

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

#navcontainer_nav li { margin: 0; }

#navcontainer_nav a 
	{
	display: block;
	color: #FFF;
	background-color: #D3353A;
	width: 177px;
	padding: 4px 12px 4px 10px;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	font-weight: normal;
	}

#navcontainer_nav a:hover
	{
	background-color: #000000;
	color: #FFF;
	}

#navcontainer_nav li li a 
	{
	display: block;
	color: #FFF;
	background-color: #970011;
	width: 177px;
	padding: 4px 2px 4px 20px;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	font-weight: normal;
	}

#navcontainer_nav li li li a 
	{
	display: block;
	color: #FFF;
	background-color: #650000;
	width: 167px;
	padding: 4px 2px 4px 30px;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	font-weight: normal;
	}

#navcontainer_nav .subactief a
	{
	color: #ffffff;
	background-color: #787878;
	text-decoration: none;
	}

/* Inloggen
---------------------------------------------------------------------------------------------- */
#inloggen { 
	width: 180px;
	background: #007082;
	text-align: left;	
	float: right;
	padding: 10px 0px 10px 15px;
	color: #ffffff;
	}	

.knop {
	width: 100px;
	height: 20px;
	background: #308A9D;
	font-weight: normal;
	font-size: 11px;
	color: #ffffff;
	margin-right: 15px;
	float: right;
	border: #00515E; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px;
	}
	
.input {
		width: 160px;
		height: 14px;
		margin-bottom: 10px;
		}

/* Rollovers
---------------------------------------------------------------------------------------------- */

.container .tekst
{
	display: block;
	padding: 15px 200px 0px 20px;
	margin: 0 0 15px 0;
	line-height: 18px;
	font-size: 11px;
	color: #646464;
}

.productblok .producttekst
{
	display: block;
	padding: 15px 20px 0 294px;
	margin: 0 0 15px 0;
	line-height: 18px;
	font-size: 11px;
	color: #646464;
}

.productblok img
{
	margin: 20px 0 20px 25px;
	float: left;
	border: 1px solid #646464;
}

.tekstblok  .producttekst
{
	display: block;
	padding: 5px 15px 0 250px;
	margin: 0 0 15px 0;
	line-height: 18px;
	font-size: 11px;
	color: #646464;
}

/* Pijlen
------------------------------------------------------------------------------------------ */

.leesmeer
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 17px;
font-weight: bold;
color: #fff;
text-align: right;
padding: 10px 10px 10px 0;
text-decoration: none;
}

.leesmeer a, .leesmeer a:link
{
color: #fff;
padding: 3px 10px 16px 0;
text-decoration: none;
background-image: url(../../images/pijlrechts.gif);
background-repeat: no-repeat;
background-position: right 3px;
}

.leesmeer a:hover
{
color: #D40127;
text-decoration: none;
background-image: url(../../images/pijlrechts_over.gif);
background-repeat: no-repeat;
background-position: right 3px;
}

.terug
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 17px;
font-weight: bold;
color: #D3353A;
text-align: left;
padding: 16px 6px 8px 0px;
text-decoration: none;
}

.terug a, .terug a:link
{
color: #D3353A;
font-weight: bold;
padding: 16px 6px 8px 9px;
text-decoration: none;
background-image: url(../../images/pijllinks.gif);
background-repeat: no-repeat;
background-position: 0px 16px;
}

.terug a:hover
{
color: #000000;
font-weight: bold;
text-decoration: none;
background-image: url(../../images/pijllinks_over.gif);
background-repeat: no-repeat;
background-position: 0px 16px;
}

.toonmeer
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 17px;
font-weight: bold;
color: #ffffff;
text-align: left;
padding: 5px 20px 15px 20px;
text-decoration: none;
}

.toonmeer a, .toonmeer a:link, .toonmeer a:visited
{
color: #ffffff;
font-weight: bold;
padding: 3px 10px 16px 0;
text-decoration: none;
background-image: url(../../images/pijlrechts.gif);
background-repeat: no-repeat;
background-position: right 3px;
}

.toonmeer a:hover
{
color: #000000;
font-weight: bold;
text-decoration: none;
background-image: url(../../images/pijlrechts_over.gif);
background-repeat: no-repeat;
background-position: right 3px;
}

.leesmeer2
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 17px;
font-weight: bold;
color: #D3353A;
text-align: right;
padding: 10px 10px 10px 0;
text-decoration: none;
}

.leesmeer2 a, .leesmeer2 a:link, .leesmeer2 a:visited
{
color: #D3353A;
font-weight: bold;
padding: 3px 15px 16px 0;
text-decoration: none;
background-image: url(../../images/pijlrechts2.gif);
background-repeat: no-repeat;
background-position: right 3px;
}

.leesmeer2 a:hover
{
color: #000000;
font-weight: bold;
text-decoration: none;
background-image: url(../../images/pijlrechts2_over.gif);
background-repeat: no-repeat;
background-position: right 3px;
}

/* Foto Zoom
---------------------------------------------------------------------------------------------- */

.bgzoom { 
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 18px; 
	color: #646464; 
	background: #F5F3F3 url(../../images/bgmaplezoom.gif) repeat-x;;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	}

#fotozoom { 
	width: 620px; 
	margin: 0 auto;
	padding: 0;
	border: 0px solid yellow;
	}

#logozoom { 
	width: 177px;
	margin-right: 1px;
	height: 88px;
	background: url(../../images/logozoom.gif) top right no-repeat;
	float: left;
	}

#snelnavzoom { 
	width: 545px;
	height: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	text-align: right;
	float: left;
	}

#titelzoom { 
	width: 440px;
	height: 45px;
	background: #000000;
	color: #ffffff;
	margin-top: 15px;
	margin-bottom: 1px;
	text-align: left;
	float: left;
	}

#navigatie { 
	width: 100px;
	height: 25px;
	background: #000000;
	margin-top: 0px;
	margin-bottom: 1px;
	text-align: right;	
	float: right;
	}	
	
#navigatie a:link, #navigatie a:visited
{
		text-decoration: none;
        color: #f3f3f3; 
}

#navigatie a:hover
{
	text-decoration: underline;
	color: #f3f3f3;
}

#grotefoto
{
	width: 600px;
	text-align: center;
}

#grotefoto img
{
	background-color: #ffffff;
	border: 1px solid #919191;
	line-height: 0;
	padding: 10px;
	text-align: center;
}

.fotoboven {
	height: 15px;
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

.fotoonder {
	height: 10px;
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

/* Foto nummering
---------------------------------------------------------------------------------------------- */

 #pagcontainer
 {
  float: right;
  height: 20px;
  padding: 0;
  margin: 4px 0 0 0;
 }

 /* Fix voor IE */
 * html #pagcontainer 
 {
  padding: 0;
  margin: 3px 0 0 0;
 }

 #pagcontainer ul
 {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
 }

 #pagcontainer ul li 
 { 
  display: inline;
 }

 #pagcontainer ul .inactief
 {
  text-decoration: none;
  padding: 2px 5px 2px 5px;
  color: #ffffff;
  border-style: solid;
  border-color: #AEC9CF;
  border-width: 1px;
  background-color: #000000;
 }

 #pagcontainer ul li a
 {
  text-decoration: none;
  padding: 2px 5px 2px 5px;
  color: #fff;
  background-color: #787878;
  border-style: solid;
  border-color: #AEC9CF;
  border-width: 1px;
 }

 #pagcontainer ul li a:hover
 {
  color: #fff;
  background-color: #970011;
 }

.vorige, a.vorige
{
	width: 25px;
	height: 13px;
	margin-top: 6px;
	background: url(../../images/buttons/btn_terug.gif) no-repeat 0 0;
	float: right;
}

a.vorige:hover
{
	background: url(../../images/buttons/btn_terug2.gif) no-repeat 0 0;
}

.volgende, a.volgende
{
	width: 25px;
	height: 13px;
	margin-top: 6px;
	margin-left: 10px;
	margin-right: 10px;
	background: url(../../images/buttons/btn_volgende.gif) no-repeat 0 0;
	float: right;
}

a.volgende:hover
{
	width: 25px;
	height: 13px;
	margin-top: 6px;
	background: url(../../images/buttons/btn_volgende_over.gif) no-repeat 0 0;
	float: right;
}

.fototekst 
{
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px; 
	color: #D3353A;
	padding: 0 10px 0 11px;
}	

.clearer { 
	clear:both;
	height: 10px;
	font-size: 1px;
	line-height: 1px;
	}

/* Formulieren
---------------------------------------------------------------------------------------------- */

.koprood 
{
	font-size: 12px;
	font-weight: bold; 
	line-height: 18px; 	
	letter-spacing: 0px; 
	color: #D3353A;
}
.invulNormaal { 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #000; 
		width: 200px;
		border: 1px #B1B1B1 solid;
		}

.invulww { 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #000; 
		width: 100px;
		border: 1px #B1B1B1 solid;
		}
		
.invulArea {  
		font-family: Verdana, Arial Helvetica, sans-serif; 
		font-size: 11px; color: #5e2001; 
		margin-top: 0px; 
		width: 250px;
		height: 120px;
		border: 1px #B1B1B1 solid;
		}
		
.formobject {  font-family: Verdana, Helvetica, Arial,  sans-serif; font-size: 10px; font-weight: normal; color: #000; background: #ffffff; margin-bottom: 10px; }

.nietingevuld
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #4C7FAA;
}