@charset "utf-8";
/* CSS Document */

body, html {
	margin:0; 
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 72.5%;
	font-weight: normal;
	line-height:180%;
	width: 100%;
	background: #fff url(../../images/background.gif) repeat-x;
	color:#666;
}

* html body {
	margin-bottom:40px;
}


img  {
	border:none;
}

form {
	margin:0; 
	padding:0;
}

a:link, a:visited {
	color: #0098c4;
	text-decoration: underline;
}

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

a:active, a:focus {
	outline-color:invert;
	outline-style:none;
	outline-width:0pt;
	text-decoration:underline;
	color:#111;
}

h2 {color:#0098c4;
	font-size:16px;
}

h5 {
	margin:0;
	padding:0;
	margin-bottom:-3px
}

#container {
	width:966px; 
	margin:38px auto 38px auto; 
	position:relative; 
	font-size:140%;
	overflow:auto;
}

#container-header {
	background-image: url(../../images/container-header.png);
	background-repeat: no-repeat;
	width:966px; 
	height:52px;
}

* html #container-header {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/container-header.png",sizingMethod="crop");
	background-repeat: no-repeat;
}

#container-content{
	width:966px; 
	height:1%;
	overflow:visible;
	background:#fff url(../../images/container-background.gif) repeat-y; 
}

#header {
	height:80px;
	background:#fff url(../../images/header-background.gif) repeat-y; 
}

#header-logo {
	float:left; 
	padding-left:40px;
	width:215px; 
}

#header-nav {
	float:left;
	padding-left:40px;
	padding-top:0px;
	width:600px;
}

#header-tabs {
	float:left;
	width:100%;
	font-size:93%;
}

#header-tabs ul {
	margin:0;
	padding:0px 10px 2px 0px;
	list-style:none;
}

#header-tabs li {
	display:inline;
	margin:0;
	padding:0;
	font-weight:bold;
}


#header-tabs a {
	float:left;
	margin:0;
	text-decoration:none;
	display:block;
	padding:0 0 0 8px;
	color:#696969;
	background:url("../../images/navleft.gif") no-repeat left top;

	
}


#header-tabs a span {
      float:left;
      display:block;
      background:url("../../images/navright.gif") no-repeat right top;
      padding:10px 10px 8px 3px;
      color:#696969;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#header-tabs a span {float:none;}

    /* End IE5-Mac hack */
#header-tabs a:hover span {
      color:#fff;
}

#header-tabs a:hover {
      background-position:0% -33px;
}

#header-tabs a:hover span {
      background-position:100% -33px;
}  


#header-tabs span.active  {
      background-position:100% -33px;
	  color:#fff;
}  

#header-tabs a.active {
	background-image:url(../../images/navleft-active.gif);
}

#header-tabs a.active:hover {
	background-image:url(../../images/navleft-active.gif);
	background-position:left top;
}



#homepage-intro {
	background-color:#999; 
	height:220px; 
	margin-right:11px; 
	padding:10px 40px;
}

#homepage-text {
	float:left;
	width:600px;
}

#homepage-text h1 {
	margin:0;
	padding:0;
	color:#FFF;
	font-size:18px;
}

#homepage-text p {
	margin-top:20px;
	color:#FFF;
	line-height:19px;
	width:640px;
	font-size:14px
}

#homepage-visual{
	float:right;
	width:180px;
	margin-right:10px;
}

#homepage-columns {

	line-height:18px;

}

#content-columns {

	line-height:18px;
	padding:0 40px;

}

#homepage-column-1 h2, #homepage-column-2 h2, #homepage-column-3 h2, #content-column h2 {
	margin-top:30px;
}

#homepage-column-1 {
	padding-left:40px;
	float:left; 
	width:270px; 
	padding-right:20px;
}

#homepage-column-1 #alleproducten {
	float:right;
	margin-top:-45px; 
	width:120px; 
	text-align:right; 
	margin-right:9px; 
}

html>body #homepage-column-1 #alleproducten {margin-top:-38px; margin-right:16px;}

#homepage-column-1 #alleproducten a{
	background-image:url(../../images/arrow-blue.gif); 
	background-position:top right; 
	padding-right:20px; 
	background-repeat:no-repeat;
	height:26px;
}

#homepage-column-1 #alleproducten a:hover{
	background-image:url(../../images/arrow-grey.gif); 
	background-position:top right; 
	padding-right:20px; 
	background-repeat:no-repeat;
	height:26px;
}


#homepage-column-2 {
	padding-left:40px;
	float:left; 
	width:240px; 
	padding-right:20px;
	background-image:url(../../images/homepage-divider.gif);
	background-repeat:no-repeat;
	background-position:left 30px;
}

#homepage-column-2 p {
	margin:0;
}

#homepage-column-2 .news-date{
	font-size:11px;
	color:#999999
}

#homepage-column-2 .news-verder{
	margin-bottom:15px;
}

#homepage-column-3 {
	padding-left:40px;
	float:left; 
	width:260px; 
	background-image:url(../../images/homepage-divider.gif);
	background-repeat:no-repeat;
	background-position:left 30px;
}

#homepage-column-3 ol {
  list-style: none;
}

#homepage-column-3 ol {
	xmargin-left:20px;
}

html>body  #homepage-column-3 ol {
	 xmargin-left:-20px;
}

.homepage-box, .homepage-box-over {
	background:#000 url(/images/box-small-bg.gif) no-repeat;
	width:220px;
	margin-top:24px;
	font-size:10px;
	padding:15px;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	height:140px;

}

.homepage-box-over {
	background:#fff url(../../images/box-small-bg-over.gif) no-repeat;
}

.homepage-box-over h3{
	text-decoration:underline;
}

.homepage-box-left {
	float:left;
	width:130px;
}

.homepage-box-left h3 {
	color:#0098c4;
	font-size:13px;
	margin-bottom:-10px;
	margin-top:0;
}

.homepage-box-left a{
	font-weight:bold;
	font-size:11px;
}

.homepage-box-left p{
	font-size:10px;
	line-height:13px;
	margin-bottom:5px;
	margin-top:12px;
}

.homepage-box-right {
	position:absolute;
	right:15px;
	width:80px;
	text-align:right;
	margin-top:15px;
}


#producten-intro {
	background-color:#999; 
	margin-right:11px; 
	padding:5px 40px;
	padding-bottom:20px;
	color:#FFFFFF;
}

.product, .product-on {
	width:184px; 
	height:113px; 
	padding:12px;
	margin-bottom:15px;
	background: #9f9f9f url(../../images/product-bg-off.gif) no-repeat;
	color:#FFFFFF;
	cursor:pointer;
}

.product-on {
	background: #0098c4 url(../../images/product-bg-on.gif) no-repeat;
	cursor:pointer;
	color:#FFFFFF;
}

.product p  {
	font-size:11px;
	color:#EEE;
	margin-top:8px;
}

.product-on p {
	font-size:11px;
	color:#fff;
	margin-top:8px;
}

.product h3, .product-on h3 {
	font-size:14px;
	color:#FFFFFF;
	text-decoration:underline;
	margin:0 0 -5px 0;
	padding:0;
	line-height:14px;
}

* html .product h3 {
	margin:0 0 -12px 0;
}

* html .product-on h3 {
	margin:0 0 -12px 0;
}

#content {
	float:left; 
	width:540px; 
	background-color:#fff;
	margin-top:30px;
}

.visual {
	float:right;
	margin-top:15px;
	margin-left:8px;
	border:1px solid #ddd;
}

#content h1 {
	color: #0098c4;
	font-size:18px;
	margin-left:-1px;
	padding:0;
}

#content p.streamer {
	font-weight:bold;
}


.product-column {
	width:220px; 
	float:left;
}



#content-column {
	padding-left:40px;
	float:right; 
	width:260px; 
	background-image:url(../../images/homepage-divider.gif);
	background-repeat:no-repeat;
	background-position:left 30px;
	margin-top:10px;
}

html>body #content-column {margin-top:18px; }

#content-column ol {
	margin-left:25px;
}


html>body  #content-column ol {
	margin-left:-20px;
}

#mugshots {
	padding-top:5px;
}

#mugshots h2 {
	color: #0098c4;
	font-size:14px;
	padding:0;
	margin-bottom:15px;
}


.mugshotname {
	color: #0098c4;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}


.mugshot-off, .mugshot-on{
	background: #fff url(../../images/mugshot-bg-off.gif) no-repeat; 
	width:147px; 
	height:61px; 
	padding:12px; 
	float:left; 
	margin-right:9px; 
	margin-bottom:2px;
	cursor:pointer;
}

.mugshot-on{
	background: #fff url(../../images/mugshot-bg-on.gif) no-repeat; 
	cursor:pointer;
}

.mugshot-off .mugshot-txt, .mugshot-on .mugshot-txt{
	float:left;
	width:90px;
	height:51px;
	font-size:11px;
}

.mugshot-off .mugshot-pic, .mugshot-on .mugshot-pic{
	float:left;
	width:57px;
	height:51px;
	display:block
}


.mugshot-off h3, .mugshot-on h3{
	font-size:12px;
	margin-bottom:0px;
	margin-top:-4px;
	color:#0098c4;
	text-decoration:underline;
}

.nieuwsitem {
	border-bottom:1px solid #ddd;
	margin-bottom:15px;
}

.nieuwsdate {
	margin-top:-16px;
	color:#999999

}

* html .nieuwsdate {
	margin-top:-23px;

}

#container-footer {
	background-image: url(../../images/container-footer.png);
	background-repeat: no-repeat;
	width:966px; 
	height:52px;
}


* html #container-footer {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/container-footer.png",sizingMethod="crop");
	background-repeat: no-repeat;
}


#content-intro {
	background-color:#696969; 
	margin-right:11px; 
	xpadding:1px 40px;
	xpadding-bottom:20px;
	color:#FFFFFF;
}

#footer {
	background:#fff url(../../images/container-background.gif) repeat-y; 
	padding-left:40px;
	padding-top:50px;
	color:#999;
}

#scrollshoes {

}