html {
	height: 100%;
	width:100%;
}

body {
	width:100%;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	background:#000 url(/visuals/basis/background_top.jpg) top center repeat-x;
}

p{
	color:white;
	line-height:18px;

}

h1 {
	font-size: 12px;
	margin: 0px 0px 15px 0px;
	font-weight:bold;
	color:#b2d234;
}

h2 {
	font-size: 11px;
	margin: 0px 0px 15px 0px;
	color:#b2d234;
}

h3 {
	font-size: 12px;
	margin: 0px 0px 15px 0px;
}

h4{
	font-size: 12px;
	margin: 0px 0px 15px 0px;
	font-weight:bold;
	color:#b2d234;
}

h5{
	font-size: 12px;
	margin: 0px 0px 15px 0px;
	font-weight:bold;
	color:#9f22b2;
}

p {
	margin: 0px 0px 15px 0px;
}
strong{
	font-weight:bold;
}
.oranje{

	color:#f59102;
}
.blauw{
	color:#4892de;
}
table {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	margin: 0px 0px 15px 0px;
	border-spacing: 0px 0px;
	color:white;
}

td {
	padding: 0px;
	line-height:15px;
	
}

a {
	text-decoration: underline;
	color: white;
}

a:hover {
	text-decoration: underline;
	color: white;
}

ol {
	margin: 0px 0px 15px 25px;
	list-style-type: decimal;
}

ul {
	margin: 0px 0px 15px 15px;
	list-style-type: disc;
	color:white;
}

ul ul {
	list-style-type: circle;
}

li {
	margin: 0px 0px 2px 0px;
}

sup {
	font-size: 65%;
	vertical-align: super;	
}

sub {
	font-size: 65%;
	vertical-align: sub;	
}

input {
	width: 200px;
	border: 1px solid black;
	background: white;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}

select {
	width: 204px;
	border: 1px solid black;
	background: white;
}

textarea {
	width: 200px;
	height: 80px;
}

.checkbox {
	border: 0px;
	width: 20px;
	background:none;
}

.radiobutton {
	border: 0px;
	width: 20px;
	background: none;
}

.form_button {
	background: white;
	border: 1px solid black;
	width: 204px;
}

#center_hor {
	position: relative;
	width: 1003px;
	margin: 0px auto 0px auto;

}

#center_hor_top {
	position: relative;
	width: 1003px;
	margin: 0px auto 0px auto;
	height:286px;
}


/* horizontaal css menu */

#menu {
	float:left;
	width:440px;
	height: 75px;	
	z-index: 15;
	float: left;	
	margin-top:110px;
	margin-left:97px;
}

#menu ul {
	list-style: none;
	margin: 0px;
	float: left;
}

#menu ul li {
	position:relative;
	display:block;
	background:url(/visuals/basis/menu.jpg);	
	background-repeat:no-repeat;
	height:30px;
	margin-right:13px;
}

#menu ul li a {
	position:relative;
	display:block;
	height:30px;

}

#menu ul .menu_89
{
	background-position:-251px 0px;
	width:165px;
}
#menu ul .menu_89 a{
	display:block;
	height:100%;
}

#menu ul .menu_91
{
	background-position:-150px -39px;
	width:130px;
	margin-top:10px;
	margin-left:150px;
}
#menu ul .menu_91 a{
	display:block;
	height:100%;
}

#menu ul .menu_92
{
	background-position:-292px -38px;
	margin-top:10px;
	width:125px;
}

#menu ul .menu_92 a{
	display:block;
	height:100%;
}



#menu ul .menu_86
{
	background-position:0px 0px;
	width:110px;
}
#menu ul .menu_86 a{
	display:block;
	height:100%;
}

#menu ul .menu_87
{
	background-position:-122px 0px;
	width:117px;
}
#menu ul .menu_87 a{
	display:block;
	height:100%;
}


#menu a, #menu h2 {

}




#menu li {
	position: relative;
}

#menu ul ul {
	position: absolute;
	z-index: 500;
	border: 0px solid black;
}

#menu ul ul ul {
	top: 0;
	left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
	display: none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul{
	display:none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
	display: block;
}




/* Verticaal menu*/

#menu_ver {
	position:absolute;
	top:7px;
	left:7px;
	z-index:900;
	width:110px;
	padding-bottom:12em; /* To allow room for bottom dropdown */
}

#menu_ver a, #menu_ver h2 {
	display:block;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	border-top: 1px solid #bbbbbb;
	border-right: 1px solid #444444;
	border-bottom: 1px solid #444444;
	border-left: 1px solid #bbbbbb;
	display: block;
	margin: 0;
	padding: 4px 2px 4px 2px;
	background: white;
	text-decoration: none;
	color: #000000;

}

#menu_ver a:hover, #menu_ver a:active{
	color: #FFFFFF;
	background: #999999;
}

#menu_ver ul{
	list-style:none;
	margin: 0px;
	width:100%;
}

div#menu_ver li, div#menu li:hover{
	position:relative;
}

div#menu_ver li ul{
	position:absolute;
	top:0px;
	left:100%;
	display:none;
}

div#menu_ver ul ul,
div#menu_ver ul ul ul,
div#menu_ver ul li:hover ul ul,
div#menu_ver ul li:hover ul ul ul{
	display:none;
}

div#menu_ver ul li:hover ul,
div#menu_ver ul ul li:hover ul,
div#menu_ver ul ul ul li:hover ul {
	display:block;
}



/* normaal menu */

#main_menu {
	position: relative;
	height: 20px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid black;
}

#main_menu ul {
	list-style-type: none;
	margin: 0px;
}

#main_menu ul li {
	float: left;
	width: 100px;
	height: 20px;
	margin: 0px 4px 0px 0px;
	border: 1px solid black;
	text-align: center;
}

#main_menu ul li a:link,
#main_menu ul li a:visited,
#main_menu ul li a:active {
	display: block;
	padding: 2px 0px 0px 0px;
	height: 18px;
	text-decoration: none;
}

#main_menu ul li a:hover {
	background: #eeeeee;
}

#main_menu ul .active a:link,
#main_menu ul .active a:visited,
#main_menu ul .active a:hover,
#main_menu ul .active a:active {
	background: #eeeeee;
}

#top {
	position: relative;
}

#content {
	position: relative;
	width:1003px;
	background:#000000;
	min-height:550px;
}

#swfBase {
	margin:0px;
	padding:0px;
	width:100%;
}

.login_form {
	width: 120px;
	font-size: 11px;
	font-weight: normal;
}

.login_form p {
	margin: 0px;
}

.login_form input {
	width: 116px;
	height: 16px;
}

.login_form .form_button {
	width: 120px;
	height: 20px;
	font-size: 11px;
}

.login_form .checkbox {
	width: 40px;
	border: 0px;
}

.login_form .username {
	text-align: center;
}

.navigation {
	position: relative;
	margin: 0px auto 0px auto;
	text-align: center;
	color: #666666;
}

.frame {
	padding: 0px;
	margin: 0px auto 0px auto;
}

.frame img {
	display: inline;
	float: left;
	border: 1px solid black;
	margin: 0px;
	padding: 0px;
}

.right_shadow {
	display: inline;
	float: left;
	width: 7px;
	font-size: 0px;
	line-height: 0px;
}

.shadow_top_right {
	width: 7px;
	height: 7px;
	font-size: 0px;
	line-height: 0px;
	background:  url('/visuals/shadow_right_top.png') top left no-repeat;
}

.shadow_right {
	width: 7px;
	font-size: 0px;
	line-height: 0px;
	background:  url('/visuals/shadow_right.png') top left repeat-y;
}

.bottom_shadow {
	clear: both;
	height: 7px;
	font-size: 0px;
}

.shadow_bottom_left {
	display: inline;
	float: left;
	width: 7px;
	height: 7px;
	font-size: 0px;
	background:  url('/visuals/shadow_left_bottom.png') top left no-repeat;
}

.shadow_bottom {
	display: inline;
	float: left;
	height: 7px;
	font-size: 0px;
	background:  url('/visuals/shadow_bottom.png') top left repeat-x;
}

.shadow_bottom_right {
	display: inline;
	float: left;
	width: 7px;
	height: 7px;
	font-size: 0px;
	background:  url('/visuals/shadow_right_bottom.png') top left no-repeat;
}

#popup {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	min-height: 100%;
	width: 100%;
	text-align: center;
	background:  url('/visuals/popup.png') top left repeat;
}

#background_header
{
	width:100%;
	height:287px;	
}

#container{
	height:100%;
	background-image: url(/visuals/basis/lijnen.png);
	background-position: 50% 189px;
}

#route
{
	width:450px;		
	height:281px;
	float:left;	
}


#logo_tip
{
	position:relative;
	background-image: url(/visuals/basis/logo_stylemarks.png);
	width:393px;		
	height:72px;
	margin-top:20px;
	margin-left:122px;			
	float:left;
}

#logo_tip a{
	display:block;
	height:100%;
}

#content_menu{
	height:20px;
	width:100%;
}
#zoek_resultaten{
	position:relative;
	width:720px;
	float:left;
}

#content_linksenmid{
	position:relative;
	padding-left:90px;
	width:630px;
	float:left;
}

#content_center{
	position:relative;
	padding-left:90px;
	width:900px;
	float:left;
}

#content_links
{	
	position:relative;
	width:322px;
	float:left;
	height:300px;

}

#content_midden
{
	position:relative;
	width:370px;
	float:left;
	padding-left:20px;
	border-left:2px solid #373737;
}

#content_rechts
{
	position:relative;
	float:left;
	width:253px;
}

#content_links_winkel
{	
	width:300psx;
	float:left;
	background:red;
	margin-left:100px;
}

#content_midden_winkel
{

	width:483px;
	background:red;
	float:left;
}

#content_rechts_winkel
{
	float:left;
	width:233px;
	background:red;

}

#breadcrump{
	position:absolute;
	right:36px;
	top:172px;
	width:400px;
	text-align:right;
	height:30px;

}

#bottom_menu{
	position:relative;
	float:right;
	height:16px;
	padding-top:4px;
	padding-right:33px;
}

#bottom_menu ul{
	list-style:none;
}

#bottom_menu ul li{
	list-style:none;
	float:left;
	padding-right:5px;
	color:white;
	font-size:10px;
	font-weight:bold;
}

#bottom_menu ul li a{
	font-weight:normal;
	text-decoration:none;
	color:white;
	font-size:10px;
}

.clear{
	position:relative;
	display:block;
	height:1px;
	clear:both;
}

#zoek_scherm{
	position:relative;
	width:230px;
	height:208px;
	margin: 25px 0px 0px 22px;
	background:#060607 url(/visuals/basis/zoek_back.jpg) no-repeat;
}

.input_zoeken{
	position:relative;
	width:190px;
	height:18px;
	background:#060607 url(/visuals/basis/zoek_input.jpg) no-repeat;
	margin-left:15px;
}

.input_button{
	position:relative;
	width:85px;
	height:34px;
	background:url(/visuals/basis/zoek_knop.jpg) no-repeat;
	margin-left:60px;
	cursor: pointer;
}

.links{
	color:white;
	font-weight:bold;
	text-decoration:none;
}

#overzicht_home{
	padding-left:50px;
}

.tip_thumb{
	position:relative;
	font-size:10px;
	color:white;
	width: 90px;
	float:left;
	margin-right:30px;
}

#overzicht{
	width:240px;
}

#medium_overzicht{
	position:relative;
	width:600px;
	padding-top:45px;
}

.tip_medium{
	position:relative;
	width: 290px;
	float:left;
	margin-bottom:15px;
}

.tip_medium_tekst{
	position:absolute;
	right:4px;
	bottom:0px;
	float:left;
	width:140px;
	line-height:14px;
	color:white;
}

#maand_selectie{
	position:absolute;
	top:27px;
	right:0px;
	width:200px;
	height:80px;
	line-height:15px;
	text-align:right;
}

#tipspot_meer_image{
	position:relative;
	width:341px;
	float:left;
}

#tipspot_meer_tekst{
	position:relative;
	width:500px;
	float:left;
}

.winkel_links{
	position:relative;
	float:left;
	width:200px;
}
.winkel_rechts{
	position:relative;
	float:left;
	width:200px;
}

.winkel_foto{
	position:relative;
	float:left;
	margin-left:10px;
}

.winkel_info{
	position:relative;
	width:600px;
	border-bottom:1px solid #6d7333;
	margin-bottom:15px;
}

.winkel_info_meer{
	position:relative;
	width:500px;
	border-bottom:1px solid #6d7333;
	margin-bottom:15px;
}

#home_knop{
	position:absolute;
	top:0px;
	left:0px;
	height:49px;
	width:50px;
	background:url(/visuals/basis/home_knop.jpg) no-repeat;
}
#home_knop a{
	display:block;
	height:100%;
}

.send_zoeken{
	position:relative;
	width:291px;
	height:19px;
	background:url(/visuals/basis/send_input.jpg) no-repeat;
	margin:0;
	padding:0;
	margin-left:5px;
	padding-top:3px;
	border:0px;
}

.send_button{
	position:relative;
	width:96px;
	height:29px;
	background:url(/visuals/basis/send_knop.jpg) no-repeat;
	border:0px;
	padding:0;
	cursor:pointer;
	float:right;
	margin-right:35px;
	margin-top:5px;
}

#send_recensie{
    position:absolute;
    bottom:20px;
    right:-6px;
	width:98px;
	height:30px;
	background:url(/visuals/basis/plaats_reactie.jpg) no-repeat;
    border:0px;
    cursor:pointer;
}

#bedankt{
	float:left;
	color:white;
	margin:0;
	padding:0;
}

.blog{
	position:relative;
	float:right;
	width:500px;
	margin-right:57px;
}

.blog_comment{
	border-bottom:1px solid #795119;
}

#reactie_plaatsen{
    position:relative;
	float:right;
	width:500px;
	margin-right:57px;
    height:300px;

}


.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating li.current-rating{
    background:url(/visuals/basis/star_shop.png) repeat-x left -1000px;
}
.star-rating{
	position:relative;
	width:75px !important;
	height:25px !important;
	overflow:hidden !important;
	list-style:none;
	margin:0 !important;
	padding:0 !important;
	background-position: left top;
	display: block;
}
.star-rating li{
	display: inline;
	background: none !important;
	border: 0 !important;
}
ul.star-rating a,
ul.star-rating li.current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
	height:25px !important;
	line-height:25px !important;
	outline:none;
	overflow:hidden;
	border: none;
	padding: 0 !important;
	margin: 0 !important;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:75%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating li.current-rating{
	z-index:1;
    background-image:url(/visuals/basis/star_shop.png) !important;
	background-position: left center !important;
}


.star-rating_spot,
.star-rating_spot a:hover,
.star-rating_spot a:active,
.star-rating_spot a:focus,
.star-rating_spot li.current-rating{
    background:url(/visuals/basis/star_spot.png) repeat-x left -1000px;
}
.star-rating_spot{
	position:relative;
	width:75px !important;
	height:25px !important;
	overflow:hidden !important;
	list-style:none;
	margin:0 !important;
	padding:0 !important;
	background-position: left top;
	display: block;
}
.star-rating_spot li{
	display: inline;
	background: none !important;
	border: 0 !important;
}
ul.star-rating_spot a,
ul.star-rating_spot li.current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
	height:25px !important;
	line-height:25px !important;
	outline:none;
	overflow:hidden;
	border: none;
	padding: 0 !important;
	margin: 0 !important;
}
.star-rating_spot a:hover,
.star-rating_spot a:active,
.star-rating_spot a:focus{
	background-position: left bottom;
}
.star-rating_spot a.one-star{
	width:20%;
	z-index:6;
}
.star-rating_spot a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating_spot a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating_spot a.four-stars{
	width:75%;
	z-index:3;
}
.star-rating_spot a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating_spot li.current-rating{
	z-index:1;
    background-image:url(/visuals/basis/star_spot.png) !important;
	background-position: left center !important;
}

.star-rating_eten,
.star-rating_eten a:hover,
.star-rating_eten a:active,
.star-rating_eten a:focus,
.star-rating_eten li.current-rating{
    background:url(/visuals/basis/star_eten.png) repeat-x left -1000px;
}
.star-rating_eten{
	position:relative;
	width:75px !important;
	height:25px !important;
	overflow:hidden !important;
	list-style:none;
	margin:0 !important;
	padding:0 !important;
	background-position: left top;
	display: block;
}
.star-rating_eten li{
	display: inline;
	background: none !important;
	border: 0 !important;
}
ul.star-rating_eten a,
ul.star-rating_eten li.current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
	height:25px !important;
	line-height:25px !important;
	outline:none;
	overflow:hidden;
	border: none;
	padding: 0 !important;
	margin: 0 !important;
}
.star-rating_eten a:hover,
.star-rating_eten a:active,
.star-rating_eten a:focus{
	background-position: left bottom;
}
.star-rating_eten a.one-star{
	width:20%;
	z-index:6;
}
.star-rating_eten a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating_eten a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating_eten a.four-stars{
	width:75%;
	z-index:3;
}
.star-rating_eten a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating_eten li.current-rating{
	z-index:1;
    background-image:url(/visuals/basis/star_eten.png) !important;
	background-position: left center !important;
}