
body {
	background:#3F3F3F url(../img/bg.jpg) repeat-x;
	color:#CCCCCC;
	font:12px/18px Arial, sans-serif;
	margin:0;
	padding:0;
	text-align:left;
}

html, body, #wrapper{
	min-height:100%;
}

#wrapper{
	left:0;
	margin:0;
	position:absolute;
	top:0;
	width:100%;
}

#header{
	height:70px;
	margin:0 auto;
	padding:0;
	width:960px;
}

#headerblock{
	margin:0;
	padding:0;
}

#logo{
	float:left;
	height:auto;
	width:195px;
}

#languages{
	float:right;
	height:65px;
	margin:0;
	padding:0;
}

#navigation{
	float:left;
	height:70px;
	line-height:90%;
	margin:0;
	padding:0;
}


#rightcol_small p{margin-top:0;}

:focus {-moz-outline-style:none;}

#banner_black{width:100%; padding:0; background:#000000;}
#banner_blue{width:100%; padding:0; background: url(../img/banner_bg_blue.png) repeat-x;}

#content{margin: 0 auto 20px; width:960px;}
#contentblock{float:left; padding:15px 25px; margin-bottom: 50px;}


#footer{clear:both;	width:100%;	margin-top:20px; position:absolute; bottom: 0;}
#footerblock{margin:25px auto 10px; padding:20px 25px 10px 25px; width:910px; font-size:80%; text-align: center;}


/**** TAALKEUZE ****/
#languages ul {font-size:10px; font-weight:bold; list-style:none; margin:0; padding:0 5px 0 0; text-align:center;}
#languages li {display:inline; float:left; margin: 27px 3px 0 0; padding:0;}
#languages li a:link, #languages li a:visited {color:#3A7598; display:block; height:25px; margin:0; padding:5px 0 0 0; text-decoration:none; width:25px;}

#languages li a:hover {color:#333333;}
#languages li a.current {color:#FF6600;}


/*** LOGO ***/
#logo h1 {margin:0; padding:0;}
#logo h1 a {background:url(../img/logo_nipponkoigarden.gif) no-repeat; display:block; height:65px; margin:0; padding:0; width:195px;}
#logo h1 span{display:none;}


/*** NAVIGATION ***/
#navigation ul {font-size:12px; list-style:none; margin:0 0 0 15px; padding:0;}
#navigation li {display:inline; float:left; margin:0; padding:0;}
#navigation a {display:block; text-decoration:none; color:#CCCCCC; padding:27px 8px 15px 8px;}
#navigation #sel {color:#FF6600; height:70px;}
#navigation #sel a, #navigation a:hover {background:url(../img/nav_select_bg.jpg) repeat-x; color:#FF6600;}
#navigation ul li a {height:23px;}
* html #navigation ul li a {height:auto; padding-bottom:30px;} /*want ie6 flipt op bovenstaande hoogte*/

/*** SIDENAVS ***/
ul#sidenav {list-style-type:none; padding-left:0;}
* html ul#sidenav {margin-left:0;} /*IE6*/
*:first-child+html ul#sidenav {margin-left:0;} /*IE7*/
ul#sidenav li a {color:#CCCCCC; padding-left:24px; text-decoration:none;}
#contentblock ul#sidenav a {color:#CCCCCC;} /*speciaal voor IE6*/

/*ul#sidenav li a:hover, ul#sidenav li.selected {background: url(../img/pijltje.gif) no-repeat 0px -4px; text-decoration: none;}*/
strong.selected {background:url(../img/pijltje.gif) no-repeat 0 -5px; padding-left:25px; right:25px;}
#sidenav #sel {background:url(../img/pijltje.gif) no-repeat 0 -5px; padding-left:1px; right:25px;}
div#aanbod_left ul li strong {padding-left:25px;}
/*html strong.selected {padding-left: 25px;right: 25px; background: url(../img/pijltje.gif) no-repeat 0px -5px;} /*IE6*/ /* nog niet ok op elke pagina */



/*** BANNERS **/
#banner_black img {display:block; margin:0 auto;}
#banner_blue img {display:block; margin:0 auto;}
#googlemaps {height:200px; margin:0 auto; position:relative; width:960px; z-index:0;}
#banner_block {height:199px; position:absolute; right:0; top:0; width:292px; z-index:1; }

/** GOOGLEMAP **/
#googlemaps form {padding:20px 45px;}
#googlemaps h5 {color:#FFFFFF; font-size:25px; padding:5px 0;}
#googlemaps #routeAddress {background:#6D8DA4; border:medium none; color:#CCC; font-size:80%; height:20px; margin:0 0 5px 0; padding:4px 0 0 4px; width:200px;}
* html #googlemaps #routeAddress {padding:0;} /*IE6*/
*:first-child+html #googlemaps #routeAddress {padding:0;} /*IE7*/

#googlemaps .small {color:#CCCCCC; font-size:80%;}
#googlemaps .iptbtn {background:url(../img/submit_bg.png) no-repeat left bottom; border:medium none; color:#E8E5C0; font-size:11px; height:24px; margin:8px 0; padding:0; width:137px;}

/*** FOOTER ****/
#footer .contact {color:#999999; float:left;}
#footer a:link {color:#C6C6C6; text-decoration:none;}
#footer a:hover {color:#FF6600; text-decoration:none;}
#footer a:visited {color:#C6C6C6; text-decoration:none;}
#footer .credits {color:#999999; float:right;}
#footer .creditslink a:link, a:visited {color:#C6C6C6; text-decoration:none;}

/*** CONTENT ***/
.orange {color:#FF6600; font-size:90%; font-style:italic;}
.note {color:#333333; font-size:90%; font-style:italic;}
.required {color:#FFFFFF; font-weight:bold;}
h1 {color:#FF6600; font-size:180%; text-transform: uppercase; display:inline; padding:0px; margin-bottom: 15px; display:block;font-weight: normal;}
h2 {color:#3C7BA0; font-size:120%;}
h3 {color:#FFFFFF; font-size:250%;}
h4 {color:#3C7BA0; font-size:100%; margin:0; padding:0;}
h5 {color:#FF6600; font-size:120%; margin:0; padding:0;}
h6 {color:#3C7BA0; font-size:120%;}
strong {color:#E8E5C0;}

#content a {color:#FFFFFF; text-decoration:none;}
#content a:hover {text-decoration:underline;}

#content a img {border:0; text-decoration:none;}
#content a:visited img {text-decoration:none;}

#wrapper_container {background-color:#333333; margin:20px 0 0 0; padding:20px; width:340px;}
#container {height:270px; margin:auto;}


label {display:inline; padding:0 10px 0 0;}
input {margin-left:15px;}

/** HOME **/
h4.images_titel {font-size: 110%;}
#images { float: left; width: 24%;}
#images a img { border: none;}
#home_content { float: left; margin-left: 2%; padding-top: 74px; width: 50%;}
.news_titel { color: #f60; font-style: italic;}


/** NEWS **/
.news_icon{float:left; display:block;}
.news_block{margin-bottom: 20px; padding-bottom:8px; border-bottom: solid 1px #666;}
.news_date{color:#3C7BA0; font-size: 85%; display:block; margin-bottom:10px; padding:0px;}
.news_img{width:140px; padding-right:10px; float:left; margin-bottom: 5px;}
.news_text{top:0px; margin:0px; padding:0px;}
#leftcol .news_more {clear:both; margin:0px; padding:20px 0 0 0; }
#leftcol .news_more a  {color:#ccc; font-size: 85%; float:right; position: relative; bottom: 8px;}
#leftcol .news_more a:visited{color:#ccc; font-size: 85%; float:right;}
#leftcol .news_more a:hover{color:#FF6600;}

h3.news_header {font-size: 120%; color: #FFFFFF;font-family:"Arial Rounded MT Bold",Arial,sans-serif;margin:0 0 2px 0;text-decoration:none; }

div#leftcol p.news_paginering { clear: both; float: left; width: 70%; margin: 0 0 0 34px; padding: 6px; text-align: right;}
* html div#leftcol p.news_paginering {margin-left: 15px;} /*IE6*/
div#leftcol p.news_paginering span { display: block; float: left; width: 20px; height: 20px; margin: 2px; text-align: center; background: transparent url(../img/bg_paginering.png) no-repeat top left; line-height: 20px;}
#contentblock div#leftcol p.news_paginering span a {color: #ccc;}
#contentblock div#leftcol p.news_paginering span a:hover, #contentblock div#leftcol p.news_paginering span a.selected {color: #f60; text-decoration: none; cursor: pointer;}

/** TIPS ***/
#tips{float: left; width:100%;}

/** AANBOD sidebar **/
div#aanbod_left {float:left; width:230px;font-size:90%;padding: 0 20px 0 0;}
div#aanbod_left ul {padding:0;margin:0;}
div#aanbod_left ul li {list-style-type:none;padding:0;margin:0;line-height:1.5em;}
div#aanbod_left h4 { font-size: 110%;}


/* AANBOD overzicht */
div#aanbod_content {margin-left:250px; width:600px}
div#aanbod_content h2 {font-size: 200%; color: #fff; font-family: "Arial Rounded MT Bold",Arial,sans-serif;; margin: 0;}
div#aanbod_content p { width: 80%;}
div#aanbod_content a img { border: none;}
div#aanbod_content dl { float: left; margin-right: 25px; width:120px; height:250px; }
* html div#aanbod_content dl {margin: 10px 25px 10px 0;} /*IE6*/
*:first-child+html div#aanbod_content dl {margin: 10px 25px 10px 0;} /*IE7*/
/*div#aanbod_content dt {background-color:#CCCCCC; border:1px solid #CCCCCC; height: 150px; margin-bottom:5px; text-align:center; width:100px;}*/
div#aanbod_content dt img {border:1px solid #CCCCCC; margin-bottom:5px;}
* html div#aanbod_content dt {border:none;} /*IE6*/
div#aanbod_content dd { clear: left; margin-left: 0;}
div#aanbod_content span.naam { color: #3C7BA0; font-size: 110%;}
div#aanbod_content span.leeftijd_lengte { color: #f60;}
div#aanbod_content span.prijs { color: #ccc;}


/* AANBOD products overzicht */
div#aanbod_products_content {float:left; width:600px;}
div#aanbod_products_content h2 {color:#FFFFFF; font:200% "Arial Rounded MT Bold", Arial, sans-serif; margin:0 0 15px 0;}
div#aanbod_products_content .fotos {float:left; width:120px;}
div#aanbod_products_content .fotos img {border:1px solid #CCCCCC;}
div#aanbod_products_content p {float:left; margin:0 0 0 15px; width:60%;}
div#aanbod_products_content a img {/*float:left; width:100px;*/ margin-bottom:10px; max-width:100px;}
div#aanbod_products_content dl {float:left; margin-right:25px; min-height:215px;}
* html div#aanbod_products_content dl {margin:10px 25px 10px 0;} /*IE6*/
*:first-child+html div#aanbod_products_content dl {margin:10px 25px 10px 0;} /*IE7*/
div#aanbod_products_content dt {background:#FFFFFF; border:1px solid #CCCCCC; height:150px; margin-bottom:5px; overflow:hidden; text-align:center; width:100px;}
* html div#aanbod_products_content dt {border:none;} /*IE6*/
div#aanbod_products_content dd {clear:left; margin-left:0; width:100px;}
div#aanbod_products_content span.naam {color:#CCCCCC; font-size:100%;}
div#aanbod_products_content span.leeftijd_lengte {color:#FF6600;}
div#aanbod_products_content span.prijs {color:#CCCCCC;}
div#aanbod_products_content ol {clear:both; width:auto;}
div#aanbod_products_content li {margin:0;}


/* AANBOD detail */
div#aanbod_content div#thumbs { float: left; width: 150px; margin: 15px 25px 0 0;}
div#aanbod_content table.aanbod_detail { float: left; width: 400px; margin-top: 14px;}
div#aanbod_content table.aanbod_detail tr {padding: 2px 0;}
div#aanbod_content table.aanbod_detail th { width: 130px; font-weight: normal; border-bottom: 1px solid #3C7BA0;}
div#aanbod_content table.aanbod_detail td {border-bottom: 1px solid #3C7BA0;}
div#aanbod_content table.aanbod_detail th.prijs {border-bottom: none;}
div#aanbod_content table.aanbod_detail td.prijs {border-bottom: none; text-align: right; padding-top: 4px;}
div#aanbod_content table.aanbod_detail input.prijs { background: url(../img/submit_bg.png) no-repeat top left; border: none; color: #BCBB9C; width: 137px; height: 22px;}


/** KWEKERS **/
div#kwekers_left { float: left; width: 200px; padding-right: 20px;}
div#kwekers_left h4 { font-size: 110%;}

div#kwekers_content { padding-left: 162px;}
div#kwekers_content img.kweker {float: left; margin: 5px 10px 0 0;}
div#kwekers_content h2.kweker {font-size: 300%; color: #fff; font-family: "Arial Rounded MT Bold",Arial,sans-serif;margin: 0;}
div#kwekers_content h3.kweker {font-size: 200%; color: #fff; font-family: "Arial Rounded MT Bold",Arial,sans-serif;margin: 0;}
div#kwekers_content p.kweker {float:left;color: #CCCCCC; width: 70%; margin-top: 15px;}
* html div#kwekers_content p.kweker { width: 55%;} /*IE6*/
*:first-child+html div#kwekers_content p.kweker { width: 55%;} /*IE7*/

div#kwekers_content table.kweker {margin: 15px 0 0 0;}
div#kwekers_content table.kweker tr {padding: 2px 0;}
div#kwekers_content table.kweker th { width: 200px; font-weight:normal; border-bottom: 1px solid #3C7BA0;vertical-align:top;padding: 3px;}
div#kwekers_content table.kweker td {border-bottom: 1px solid #3C7BA0;vertical-align:top; padding: 3px;}
div#kwekers_content table.kweker th.contacteren {border-bottom: none;}
div#kwekers_content table.kweker td.contacteren {border-bottom: none; text-align: right; padding-top: 4px;}
div#kwekers_content table.kweker input.contacteren { background: url(../img/submit_bg.png) no-repeat top left; border: none;color: #BCBB9C; cursor: pointer; width: 137px; height: 22px;}


/** KWEKERS MAIN **/


div#kwekers_main_content {width:960px;}
div#kwekers_main_content div#row div#item {float:left;width:420px;padding:0 10px 10px 0;margin:0 30px 0 0;}
div#kwekers_main_content div#row {clear:both;width:870px;border-bottom:1px solid #666666;margin:10px 0 10px 0;}

div#kwekers_main_content div#item img.kweker {float: left; margin: 5px 10px 0 0; border:1px solid #666666;}
div#kwekers_main_content div#item h3.kweker {font-size: 120%; color: #fff; font-family: "Arial Rounded MT Bold",Arial,sans-serif; margin: 0;}

div#kwekers_main_content div#item table.kweker {float:left;color: #CCCCCC;margin:0 50px 10px 0;width:320px;}
div#kwekers_main_content div#item table.kweker tr {padding: 2px 0;}
div#kwekers_main_content div#item table.kweker th {width: 120px; color:#3C7BA0; font-weight: normal;}
div#kwekers_main_content div#item table.kweker td {width: 200px;}


/** LINKS **/
#links {margin:0px; padding:0px;}
#links .linky{float:left; display:inline; width:300px; margin:3px 25px 0 0; padding-left:20px; border-bottom: solid 1px #666;}
#links a:link{ color:#ccc; text-decoration: none; }
#links a:visited{ color:#ccc; text-decoration: none;}
#links a:hover{color:#FF6600; text-decoration: none; background: url(../img/pijltje.gif) no-repeat 0px -4px;}

/** CONTACT**/
#leftcol{float:left; width:620px; height:1%;}
#rightcol{ float:right; padding-left:20px; border-left: solid 1px #F0F0F0;}
#rightcol_small{margin-left:660px; margin-top: 20px; padding-left:20px; border-left:solid 1px #525252; width:200px;}

#rightcol_small ul{padding: 0px; margin-left:8px; }
.subnav{ list-style-image: url(../img/bullet.gif);}
#rightcol_small a {color:#ccc;;}
#rightcol_small a:visited{color:#ccc;}
#rightcol_small a:hover{color:#FF6600;}

.ContactForm{list-style: none; margin: 0px; padding: 0px; width:80%;}
ol.ContactForm label {color:#3C7BA0;float:left;width:100%; padding:5px 0;}
ol.ContactForm .ipt {clear:left; background:#666; border:medium none; color:#CCC; font-size:11px; height:17px; line-height:20px; padding:3px 2px 0px 4px; width:100%; margin:0px;}
ol.ContactForm .iptbtn{float:right; background:url(../img/submit_bg.png) no-repeat left bottom;
border:medium none;color:#e8e5c0;font-size:11px;height:24px;margin:0px; padding:0px; width:137px;}

/**** GALLERY ****/
.gallery_thumbs{float:left; margin-bottom: 10px; margin-right: 10px;}

/** FOTO ALBUMS **/
#linked_ph_albums{}
#linked_ph_albums .cover {float:left; margin:10px 10px 0 0; width:102px;}
#linked_ph_albums .cover img {border: 1px solid #CCCCCC;}
#linked_ph_albums .cover a:hover{text-decoration: none;}
#linked_ph_albums .cover a:hover{text-decoration: underline; color:#FF6600}

#albumpages{}
p.news_paginering {clear: both; float: left; width: 70%; margin: 0 0 0 34px; padding: 6px;}
p.news_paginering {margin-left: 15px;} /*IE6*/
p.news_paginering span { display: block; float: left; width: 20px; height: 20px; margin: 2px; text-align: center; background: transparent url(../img/bg_paginering.png) no-repeat top left; line-height: 20px;}
p.news_paginering span a {color: #ccc;}
#albumpages p.news_paginering span a:hover, #albumpages p.news_paginering span a.selected {color: #f60; text-decoration: none; cursor: pointer;}