@charset "utf-8";
/* CSS Document */
html,body{margin:0;padding:0}
*{
   padding:0;
   margin:0;
}
body{background: #01050b;color:#fff; font: 11px arial,sans-serif;}

#leftedge {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50%;
	height: auto;
	z-index: 1;
}
#leftedge .liner {
	  background-image: url(../images/leftedge.jpg);
	  background-repeat: no-repeat;
      background-position:top right;
      margin-right: 436px;
   	  height:800px;	  
}
#rightedge {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50%;
	height: auto;
	z-index: 1;
}
#rightedge .liner {
	  background-image: url(../images/rightedge.jpg);
	  background-repeat: no-repeat;
      background-position:top left;
      margin-left: 436px;
   	  height:800px;	  
}
#container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	z-index: 2;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 873px;
	background: url(../images/mainbg.jpg) no-repeat 0 241px;
}

#header {
	margin: 0;
	height: 217px;
	background: url(../images/top.jpg) no-repeat;
}
#topmenu {
	margin: 0;
	height: 24px;
	background: url(../images/topmenubg.jpg) repeat-x;
}
#side-a {
	float: left;
	width: 158px;
}

#side-b {
	float: right;
	width: 138px;
}

#content { 
	float: left;
	width: 63%;
	min-height:430px;
	height:auto !important;
	height:430px;
}

#fotowrapper{
	padding-top:20px;
}

#footer {
	clear: both;
	background: url(../images/topmenubg.jpg) repeat-x;
	padding:5px 5px 35px;
}

#footer #online{
	color:#fff;
	float:left;
	font-size:10px;
	line-height:16px;
	width:170px;
}
#footer #counter{
	color:#fff;
	float:left;
	margin-left:224px;
}
#footer img{
	height:16px;
}
#footer #powered{
	color:#fff;
	float:right;
	font-size:10px;
}

#logo {
	position: relative;
	top: 44px;
	left: 15px;
}

/* weather */
#cycleweather{
	width:131px;
	height:137px;
	margin:12px 12px 20px;
}
#weather{
	background:url(../images/weatherbg.gif) transparent no-repeat;
	width:131px;
	height:137px;
	padding:0px;
}

#weather #current{
	width:131px;
	height:61px;
	margin:0px;
	padding:3px 2px 0px;
}
#weather #current h4{
	font-size:12px;
	font-weight:lighter;
	color:#0954a0;
	margin:0 20px 3px;
}
#weather #forecast{
	width:131px;
	height:72px;
	margin:0px;
	padding:0px 2px 1px;
}

#weather #forecast #day1{
	float:left;
	width:50%
}
#weather #forecast #day2{
	float:right;
	width:50%
}
#weather #forecast img{
	float: left;
	width: 25px;
	margin-right:3px;
}
#weather #forecast h5{
	margin-bottom: 7px;
	padding-left:8px;
}
#weather .curcondition {
float:right;
font-size:11px;
margin:-1px 0 0;
padding:0 2px;
vertical-align:middle;
width:66%;
}
#weather .curcondition #curtemp{
	font-size:12px;
	font-weight:bold;
}
#weather .fccondition {
clear:both;
height:34px;
margin:2px 1px;
vertical-align:middle;
text-align:center;
}
#weather .fctemp {
vertical-align:-5px;
}
#radar {
	width:131px;
	height:137px;
	padding:0px;	
}
#radar #radarhead{
	width:131px;
	height:22px;
	margin:2px 0 0;
	padding:3px 2px 0px;
}
#radar #radarhead h4{
	font-size:12px;
	font-weight:bold;
	color:#fff;
	margin:0 31px 3px;
}
#radarimage {
	width:131px;
	height:85px;
}
/* common elements */
hr {
	border: 1px solid #0B2B4E;
}

p, h2{
	margin:13px 0;
}

h2{
	font-size: 17px;
}

.subtitle {
	color:#7FB9FF;
	font-size:14px;
	margin:0 0 12px;	
}

/* workshop */

.centerhead{
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
	text-align:center;
	margin:35px 0 20px;
}
.red {
	color:#ff0000;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}
.ulheader {
	text-decoration:underline;
	font-weight:bold;
	margin-top:30px;
	font-size: 13px;
}
.boldheader {
	font-weight:bold;
	font-size: 12px;
}
.dimheader {
	font-weight:bold;
	font-size: 12px;
	color:#58b;
}
table.workshop {
	font-size:10px;
	width:95%;
	margin-left:10px;
}
table.workshop th{
	font-style:italic;
	font-weight:bold;
	font-size:12px;
}

table.workshop th, td{
	text-align:center;
}

/* pic rotator */
#topslides {
	position: relative;
	top: 74px;
	left: 11px;
	width: 334px;
	height: 86px;
}

/*.toppicswrap {width:104px; height:79px;	display:inline;}*/
.toppics {background:url(../images/toppicsbg.gif) no-repeat; width:104px; height:79px; display:inline-block; padding:2px;}

/* banner rotator */
#banners {
	position: relative;
	top: 17px;
	top: 18px;
	left: 23px;
	width: 110px;
	height: 256px;
}
.banneritem {background:url(../images/toppicsbg.gif) no-repeat; width:104px; height:84px; display:block; padding: 2px 2px 0;}

/* news rotator*/
#news {
	position: relative;
	top: 14px;
	left: 22px;
	width: 96px;
	height: 89px;
	background: url(../images/newsbgright.jpg) no-repeat;
	padding: 7px 5px 10px;
	font-size:10px;
	color:#FFF;
}
#newsitems {
	height:84px;
	margin:0px;
	overflow:hidden;
}
#news {
	position: relative;
	top: -16px;
	left: 361px;
	width: 128px;
	height: 86px;
	background: url(../images/newsbg.jpg) no-repeat;
	padding: 8px;
	font-size:10px;
	color:#FFF;	
}

#newsitems {
	height:70px;
	margin:0px;
	overflow:hidden;
}
#news h1 {
	font-size:11px;
	font-weight:700;
	padding:0;
	margin:0;
	height:16px;
	overflow::hidden;
	white-space:nowrap;
}

.readmore{
	text-align:right;
	text-decoration:underline;
	margin-top:2px;
}
/* front page */
#frontpic1 {
	float:right;
	border:4px solid #fff;	
	margin:0 12px;
}
#frontpic2 {
	float:left;
	border:4px solid #fff;
	margin:0 12px;
}
p.frontpage{
	font-size:12px;
}
/* simpleviewer */
#flashcontent {
	height: 100%;
}

.aligncenter {text-align:center;}

/* producten */
.product-list {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 10px;
padding:0;
clear:both;
}
.product-list li {
float:left;
height:75px;
margin:0;
padding:10px;
width:45%;
}
.product-list img {
background-color:#FFFFFF;
border:1px solid #E3E3E3;
float:left;
margin-right:10px;
padding:4px;
}
.product-list h3 {
font-family:"Trebuchet MS",Tahoma,Arial;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:0;
line-height:normal;
margin:0;
padding:0;
text-transform:none;
}
.product-list h3.folder a {
background:transparent url(../images/folder-mini.gif) no-repeat scroll left center;
font-family:"Trebuchet MS",Tahoma,Arial;
font-size:14px;
font-weight:bold;
letter-spacing:0;
line-height:normal;
margin:0;
padding:0 0 0 18px;
text-transform:none;
}
.product-list p {
margin-bottom:5px;
margin-top:0;
text-align:justify;
}

#p-container {
padding:5px 0 2px 10px;
}
#p-container .p-cattitle {
border-bottom:1px solid #466485;
color:#fff;
font-size:17px;
font-weight:bold;
margin:10px 0 5px;
}

#p-container .p-intro {color:#fff;}

#p-container .p-catheader {
	color:#7FB9FF;
	font-size:14px;
	margin:0 0 12px;
}
#p-container .p-catfooter {
	margin:20px 0 ;
	font-size:11px;
	color:#9A8A7C;
}
#p-container .p-clear {
clear:both;
}
#p-container .pageslinks {
border-top:1px solid #466485;
margin:10px 0 0;
padding:10px 0 0;
text-align:right;
}
/* Multibox fix */
iframe {
	
	border: 0;
	
}
.p-empty {height:100px;}
#p-container{
padding: 5px 0 2px 10px;
}
#p-container .p-item {

margin-top:15px;
position:relative;
border-top:1px solid #466485;
padding:10px 0;
}
#p-container .p-item-left{
float:left;
position:relative;

}
#p-container .p-image{
padding:5px;
background:#eee;
border:1px solid #CCC;
line-height:100%;
margin:0;
}
#p-container .p-image img{
	border:1px solid #DDD;cursor:pointer
	}

#p-container .p-item-right{
padding:10px 0 0 0;
color:#fff;
margin-left:200px;

}
#p-container .p-title{
font-size:14px;
color:#fff;
padding:0 0 0 0;
margin:0 0 10px 0;
text-transform:uppercase;
font-family:"Myriad Pro",Arial,sans-serif;
font-weight:bold;

}
#p-container .p-title a:link, a:visited { text-decoration:none;color:#FF0F0F;font-weight:normal;}
#p-container .p-title em {color:#999; font-weight:normal; margin-left:5px;}

#p-container img.p-item-small { width:40px; height:30px; border:1px solid #ccc; margin-right:5px; margin-top:5px;}

#p-container .p-item h3 { 
color:#32A9E3;
font-size:11px;
letter-spacing:0.04em;
margin:5px  0 0px 0;
text-transform:uppercase;
}
#p-container ol {margin:5px 0; padding-left:40px;}

#p-container ul{
margin:5px 0; padding-left:25px;;
}
/*openingstijden */
#contentwrapper{
	margin-left:3px;
}

#routewrapper{
	margin: 15px 3px;
}

div.tindent{
	padding-left:8px;
}
.theader {
	background-color:#2f8fff;
	border-bottom:1px solid;
	border-left:0 solid;
	border-top:0 solid;
	padding:3px 5px;
}

.tcell{
	border-bottom:1px solid #0B2B4E;
	padding:5px 12px;
	text-align:left;
}
.tfooter {
	padding:8px 5px 5px 100px;
	text-align:left;
}
.lfooter {
	padding:8px 5px 5px 109px;
}


/* top menu */
.tmenu{
        width: 100%;
}
		
.tmenu ul{
        margin: 0; padding: 0;
        float: right;}

.tmenu ul li{
        display:inline;
		font-size:10px;
		font-weight:900;
		letter-spacing:2px;
		text-align:center;
		margin:0 auto;
}

.tmenu ul li a{
		background:url(../images/topbuttonsbg.jpg);
		float: left; text-decoration: none;
        color: white;
        padding: 6px 0px;
		width: 90px;
}

.tmenu ul li a:visited{
        color: white;}

.tmenu ul li a:hover, .tmenu ul li .current{
        color: #f00;
}

/* left menu */
.lmenu{
        width: 100%;
		margin: 14px 5px 10px 10px;
}
		
.lmenu ul{
        margin: 0; padding: 0;
}

.lmenu ul li{
        display:block;
		font-size:12px;
		font-weight:300;
		letter-spacing:0px;
		text-align:left;
		padding-left:40px;
		width:135px;
		height:31px;
}

.lmenu ul li a{
		float: left; text-decoration: none;
        color: white;
        padding: 8px 2px;
}

.lmenu ul li a:visited{
        color: white;}

.lmenu ul li a:hover, .lmenu ul li .current{
        color: #f00;
}

.lmenu ul li#welkom{
		background:url(../images/mwelkom.jpg) no-repeat top left;
}
.lmenu ul li#fotos{
		background:url(../images/mfotos.jpg) no-repeat top left;
}
.lmenu ul li#japan{
		background:url(../images/mjapan.jpg) no-repeat top left;
}
.lmenu ul li#opentijd{
		background:url(../images/mopentijd.jpg) no-repeat top left;
}
.lmenu ul li#koiinfo{
		background:url(../images/mkoiinfo.jpg) no-repeat top left;
}
.lmenu ul li#koivari{
		background:url(../images/mkoivari.jpg) no-repeat top left;
}

.lmenu ul li#products{
		background:url(../images/mproducts.jpg) no-repeat top left;
}
.lmenu ul li#newsletter{
		background:url(../images/mnewsletter.jpg) no-repeat top left;
}
.lmenu ul li#links{
		background:url(../images/mlinks.jpg) no-repeat top left;
}

/* links */
a { 
	color: #2f8fff;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #61B4FF;
	background-color: inherit;
}


/* forms */

input
{
background: #fff;
border: 1px solid #0B2B4E
}

input.button
{
padding:0 2px;
margin:5px 2px;
height:22px;	
color: #fff;
background: #0B2B4E;
border: 1px solid #fff;
cursor:pointer;
}

.hasFocus {
	color: #435d70;
	border: solid thin #435d70;
}

.errorlabel{
	color: #F00;
	height: 12px;
	display: none;
	letter-spacing:1px;
	padding-left:5px;
}

.errorinput{
	color: #F00;
	border: solid thin #F00;
	height: 12px;
}

.formloading{
	height: 12px;
	display: none;
}

.success{
	padding: 10px;
	text-align:left;
	display: none;
}

/* login */
#loginmenu {
	position:relative;
	top:-30px;
	left:354px;
}

table.tlogin td {
	text-align:left;
}

/* kalender */
#kalender {
	position: relative;
	top: -35px;
	left: 355px;
	width: 120px;
	height: 101px;
	padding: 8px;
	font-size:10px;
	color:#FFF;
	background-color:#2F8FFF;
}