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

a {
	text-decoration:none;
	color:#ff7200;
}

* {
	padding:0px;
	margin:0px;
}

.orange {
	color:#ff7200;
}

#mainbg {
	background-image:url(../images/bg1.jpg);
	background-position:center;
	background-repeat:repeat-y;
	position:relative; 
	margin:0 auto;
	width:910px;
}

body {
	background-image:url(../images/bg.jpg);
	background-position:top center;
	background-color:#0b84a2;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	line-height:18px;
	
}
#homeclick {
	position:absolute; 
	height:80px; 
	width:200px; 
	cursor:pointer;
}
h1 {
	font-size:16px;
	margin-bottom:14px;
	
}

h2 {
	font-size:11px;

}

h3 {
	font-size:14px;
	margin-bottom:10px;

}

.input {
	height:14px;
	border:1px solid #474747;
	background-color:#333333;
	color:#FFFFFF;
	font-size:11px;
	padding-top:2px;
	padding-left:3px;
	width:250px;
}

.input_kort {
	height:14px;
	border:1px solid #474747;
	background-color:#333333;
	color:#FFFFFF;
	font-size:11px;
	padding-top:2px;
	padding-left:3px;
	width:150px;
}

input[type=password] {
	height:14px;
	border:1px solid #474747;
	background-color:#333333;
	color:#FFFFFF;
	font-size:11px;
	padding-top:2px;
	padding-left:3px;
	width:150px;
}

.submit {
	border:0px solid black;
	background-color:#2a2a2a;
	color:#00ccff;

}

.input_submit, input[type=submit] {
	border:0px solid black;
	background-color:#2a2a2a;
	color:#00ccff;

}


.keyword {
	width:100px;
}

.textarea {
	border:1px solid #474747;
	background-color:#333333;
	color:#FFFFFF;
	font-size:11px;
	padding-top:2px;
	padding-left:3px;
	width:400px;
	height:60px;

}

.textareabreed {
	border:1px solid #474747;
	background-color:#333333;
	color:#FFFFFF;
	font-size:11px;
	padding-top:2px;
	padding-left:3px;
	width:400px;
	height:80px;

}

.textareablog {
	border:1px solid #474747;
	background-color:#333333;
	color:#FFFFFF;
	font-size:11px;
	padding-top:2px;
	padding-left:3px;
	width:280px;
	height:120px;

}

select {
	height:18px;
	border:1px solid #474747;
	background-color:#333333;
	color:#FFFFFF;
	font-size:10px;
}
#datum {
	width:60px;
}

#main {
	width:910px;
	background-image:url(../images/bg_main.jpg);
	text-align:left;

}

#top {
	width:910px;
	background-image:url(../images/top.jpg);
	height:120px;
}

#menusmall {
	position:absolute;
	
	margin-left:227px;
	margin-top:20px;
	font-size:10px;
}

#menusmall ul {
	list-style-type:none;

}

#menusmall ul li {
	float:left;
	background-image:url(../images/line_vert_menu_small.gif);
	background-position:right 7px;
	background-repeat:no-repeat;

	padding-left:5px;
	padding-right:5px;
	height:12px;

}

#menusmall ul #last_small {
	background-image:none;

}

#menusmall ul li a {
	color:#FFFFFF;
}

#menu {
	position:absolute;
	margin-left:227px;
	margin-top:47px;
	font-size:11px;
	font-weight:bold;
}

#menu ul {
	list-style-type:none;

}

#menu ul li {
	float:left;
	background-image:url(../images/line_vert_menu.gif);
	background-repeat:no-repeat;
	background-position:right;	

	padding-left:5px;
	padding-right:5px;

}

#menu ul li a {
	color:#01c8fa;

}

#menu ul #last {
	background-image:none;
}

#zoek {
	position:absolute;
	color:#FFFFFF;
	margin-left:628px;
	margin-top:15px;
	font-size:10px;
}

#zoek select {
	height:18px;
	border:1px solid #474747;
	background-color:#333333;
	color:#FFFFFF;
	font-size:10px;
	width:130px;
}

#zoek input[type=text] {
	height:14px;
	border:1px solid #474747;
	background-color:#333333;
	color:#FFFFFF;
	font-size:10px;
	padding-top:2px;
	padding-left:3px;
	width:100px;
}

#zoek input[type=submit] {
	border:0px solid black;
	background-color:#232323;
	color:#00ccff;

}

#welcome {
	position:absolute;
	margin-left:578px;
	margin-top:47px;
	width:300px;
	text-align:right;
	color:#FFFFFF;
}

.welcomelink {
	color:#FFFFFF;
	
}

#content {
	background-color:#232323;
	padding-left:20px;
	padding-right:20px;

}

.clearer{
	clear:both;
	height:0px;
}

#submenu {
	
}

#submenu ul {
	background-color:#2a2a2a;
	list-style-type:none;
}

#submenu li {
	
	height:22px;
	border-bottom:1px solid #6a6a6a;
	cursor:pointer;
	display: list-item;
}

#submenu li#submittrend {
	border-bottom:0px;
	height:75px;
	cursor:pointer;
	display: list-item;
}

#submenu li#submittrend a img {
	border:0px;
	margin-top:10px;
	
}

#submenu li a {
	padding-left:10px;
	padding-top:2px;
	height:20px;
	display: block;
	color:#a8a8a8;
}

#submenu li a:active, #submenu li a:hover {
	color: #00ccff;
	background-color: #3f3f3f;
	
}	

#submenu li#submittrend a:active, #submenu li#submittrend a:hover {
	background-color: #2a2a2a;
	
}


#footer {
	background-image:url(../images/footer.jpg);
	width:730px;
	background-repeat:no-repeat;
	margin-top:20px;
	padding-top:30px;
	padding-left:180px;
	height:40px;

}

#footertekst {
	padding-left:150px;
	color:#CCCCCC;

}

#footer ul {
	list-style-type:none;
}

#footer ul li {
	float:left;
	padding-left:10px;
	background-image:url(../images/line_vert_menu_small.gif);
	background-position:right 5px;
	background-repeat:no-repeat;
	padding-right:10px;
}

#footer ul li p {
	float:left;

}

#footer ul li p a {
	color:#FFFFFF;
}

#footer ul #lastfooter {
	background-image:none;

}

.logo {
	border:0px;
	margin-top:2px;
	margin-left:4px;
}

.vraag {
	color:#ff7200;
	font-weight:bold;
}

.form {
	width:600px;
}

.form_small {
	width:300px;
}

.form tr td, .form_small tr td {
	vertical-align:top;
	height:25px;
}


.editorial_buttons {
	position:relative;
	list-style-type:none;
	width:630px;
	top:350px;
}

.li_left {
	text-align:left;
	float:left;
	width:315px;

}
.li_left img {
	float:left;
	cursor:pointer;
}
.li_left p {
	float:left;
	padding-left:7px;
	font-weight:bold;
	color:#ff7200;
	cursor:pointer;
}
.li_right {
	float:left;
	text-align:right;
	width:105px;
	padding-left:210px;
}
.li_right img {
	float:left;
	cursor:pointer;
}

.li_right p {
	float:left;
	padding-right:7px;
	font-weight:bold;
	color:#ff7200;
	cursor:pointer;
}


.smallfont {
	font-size:9px;
	line-height:11px;
	margin-bottom:10px;
}

.lijn {
	width:630px;
	background-color:#6a6a6a;	
	height:1px;
	line-height:1px;

}

.lijn_middle {
	width:425px;
	background-color:#6a6a6a;	
	height:1px;
	line-height:1px;
}

.lijn_klein {
	width:285px;
	background-color:#6a6a6a;	
	height:1px;
	line-height:1px;
	margin-bottom:5px;
}

#youtubelink {
	margin-top:5px;
	margin-bottom:2px;
}

#youtubelink img {
	float:left;
}

#youtubelink div {
	float:left;
	margin-top:-2px;
	margin-bottom:0px;

}

#trendtags {
	margin-top:3px;
	margin-bottom:3px;
	float:left;
	width:540px;
	overflow:hidden;
	height:20px;
}

#placetag {
	margin-top:3px;
	margin-bottom:3px;
	float:right;
	
}


#bottomlinks {
	margin-top:20px;
	text-align:center;
	float:left;
	width:600px;
	padding-left:50px;
	
}

#bottomlinks div {
	float:left;
	margin-right:10px;
}


#bottomlinks ul {
	list-style-type:none;
	width: 100%; 
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color:#2a2a2a;

}

#bottomlinks ul li {
	float:left;
	padding-left:10px;
	padding-right:10px;
	display: inline;
	
}

#bottomlinks ul li div {
	margin-top:-1px;
	float:left;
	margin-left:5px;
	
}

#bottomlinks ul li img {
	float:left;
	
}

.trend {
	float:left;
}


.stylexplorername {
	color:#01c8fa;
}

div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
	  color:#000000;
    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul li.selected { background-color: #ffb;}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:15px;
      cursor:pointer;
    }


.float {
	float:left;
}

.datumselect {
	width:auto;
}

.profile {
	float:left;
	list-style-type:none;
}

.profile li {
	float:left;
	margin-left:10px;
}

#friend {
	margin-top:5px;
	padding-left:100px;
	width:190px;
}

.stylexplorer_breed {
	width:280px;
	margin-bottom:10px;

}

.stylexplorer {
	width:140px;

}
.stylexplorer ul, .stylexplorer_breed ul {
	list-style-type:none;
}

.stylexplorer ul li, .stylexplorer_breed ul li {
	float:left;
	padding-right:10px;

}
.stylexplorer p {
	color:#ff7200;
	font-weight:bold;
}

#leftxplorer {
	width:150px;
	float:left;
}
#rightxplorer {
	width:140px;
	float:left;
}

.add {
	float:right;
	margin-top:-17px;
}


.tabs {
	position:absolute;
	list-style-type:none;
	margin-left:-9px;
}

.tabs li {
	float:left;
	margin-left:1px;
	cursor:pointer;
}

.tabs li.actief .lefttab {
	background-image:url(../images/tableft_actief.jpg);
	width:4px;
	height:27px;
	margin-top:-6px;
	float:left;
}

.tabs li.actief .righttab {
	background-image:url(../images/tabright_actief.jpg);
	width:4px;
	height:27px;
	margin-top:-6px;
	float:left;
}

.tabs li.actief .tabtitel {
	float:left;
	background-color:#ff7200;
	margin-top:-6px;
	height:24px;
	padding-left:4px;
	padding-right:4px;
	padding-top:3px;
}

.tabs li.inactief .lefttab {
	background-image:url(../images/tableft_inactief.jpg);
	width:4px;
	height:22px;
	float:left;
	margin-top:-1px;
}

.tabs li.inactief .righttab {
	background-image:url(../images/tabright_inactief.jpg);
	width:4px;
	height:22px;
	float:left;
	margin-top:-1px;
}

.tabs li.inactief .tabtitel {
	float:left;
	background-color:#e55101;
	height:22px;
	padding-left:4px;
	padding-right:4px;
	margin-top:-1px;
}

.trendreport {
	float:left;
	width:140px;
}
.overviewreport {
	float:left;
	width:126px;
}
.overviewmagazine2 {
	float:left;
	width:162px;
}

#reportvalue{
	margin-top:3px;
	margin-bottom:3px;
	float:right;
	width:150px;
	text-align:right;
}

#reportstyle{
	margin-top:3px;
	margin-bottom:3px;
	float:right;
	margin-right:0px;
	width:200px;
}
#rating {
	margin-top:3px;
	margin-bottom:3px;
	float:left;
}

#rating div {

	float:left;
	

}
.stars {
	list-style-type:none;
	float:left;
	margin-left:0px;
}

.stars li {
	width:20px;
	float:left;
	cursor:pointer;
}

.stars2 {
	list-style-type:none;
	float:left;
	margin-left:0px;
}

.stars2 li {
	width:20px;
	float:left;
}

#trenddatum {
	float:right;
	font-size:9px;
	margin-top:-20px;
}
#spottedby {
	float:right;
	font-size:9px;
	margin-top:-19px;
}

.buttonsmall {
	font-size:9px;
}

#backoverview {
	float:right;
	margin-top:-18px;
}

#backoverview a {
	color:#FFFFFF;
}

.alignright {
	text-align:right;

}

.tekstgrijs {
	color:#a8a8a8;
}


#tellafriend {
	display:none;
	padding:20px;
	position:absolute;
	left:240px;
	top:200px;
	background-color:#000000;
	opacity: .9; 
	filter: alpha(opacity=90); 
	border:1px solid white;
	width:500px;
	height:400px;
	z-index:110;
}

#tellafriend2 {
	display:none;
	padding:20px;
	position:absolute;
	left:240px;
	top:100px;
	background-color:#000000;
	opacity: .9; 
	filter: alpha(opacity=90); 
	border:1px solid white;
	width:500px;

	z-index:110;
}

#tellafriend3 {
	display:none;
	padding:20px;
	position:absolute;
	left:240px;
	top:100px;
	background-color:#000000;
	opacity: .9; 
	filter: alpha(opacity=90); 
	border:1px solid white;
	width:500px;

	z-index:110;
}

#editorialtellafriend {
	display:none;
	padding:20px;
	position:absolute;
	left:50px;
	top:100px;
	background-color:#000000;
	opacity: .9; 
	filter: alpha(opacity=90); 
	border:1px solid white;
	width:500px;
	height:400px;
	z-index:110;
}

#tellafriend_close {
	position:absolute;
	left:530px;
	top:-2px;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	
}

#magazinelayer {
	display:none;
	padding:20px;
	position:absolute;
	left:240px;
	top:200px;
	background-color:#000000;
	opacity: .9; 
	filter: alpha(opacity=90); 
	border:1px solid white;
	width:400px;
	height:140px;
	z-index:110;
}

#magazinelayer_close {
	position:absolute;
	left:430px;
	top:-2px;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	
}

#favouritelayer {
	padding:20px;
	position:absolute;
	left:340px;
	top:250px;
	background-color:#000000;
	opacity: .8; 
	filter: alpha(opacity=80); 
	border:1px solid white;
	width:300px;
	height:20px;
	z-index:110;
}

#favouritelayer_close {
	position:absolute;
	left:330px;
	top:-2px;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	
}

#friendslayer {
	padding:20px;
	position:absolute;
	left:340px;
	top:250px;
	background-color:#000000;
	opacity: .8; 
	filter: alpha(opacity=80); 
	border:1px solid white;
	width:300px;
	height:40px;
	z-index:110;
}

#friendslayer_close {
	position:absolute;
	left:330px;
	top:-2px;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	
}

#commentlayer {
	padding:20px;
	position:absolute;
	left:340px;
	top:250px;
	background-color:#000000;
	opacity: .8; 
	filter: alpha(opacity=80); 
	border:1px solid white;
	width:300px;
	height:120px;
	z-index:110;
}

#comment_close {
	position:absolute;
	left:330px;
	top:-2px;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	
}

#tagdiv {
	display:none;
	padding:20px;
	position:absolute;
	left:280px;
	top:200px;
	background-color:#000000;
	opacity: .9; 
	filter: alpha(opacity=90); 
	border:1px solid white;
	width:300px;
	height:130px;
	z-index:110;
}

#editorialtagdiv {
	display:none;
	padding:20px;
	position:absolute;
	left:100px;
	top:100px;
	background-color:#000000;
	opacity: .9; 
	filter: alpha(opacity=90); 
	border:1px solid white;
	width:300px;
	height:130px;
	z-index:110;
}

#tagdiv_close {
	position:absolute;
	left:330px;
	top:-2px;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	
}

.margin {
	padding-right:25px;
}

.tips {
	list-style-type:none;
}

.wijken {
	list-style-type:none;

}

.wijk_li {
	width:150px;
}

.wijken li {
	float:left;

}
.wijken li a img {
	margin-right:20px;
}

.xplorer_smal {
	float:left;
	width:140px;
}

.xplorer_smal ul {
	list-style-type:none;
}

.xplorer_smal ul li {
	float:left;
	padding-right:10px;

}
.xplorer_smal p {
	color:#ff7200;
	font-weight:bold;
}

.paging_editorial {
	text-align:center;
	padding-top:10px;
}

.trendpaging {
	text-align:center;
}
#youtube_layer {
	display:none;
	padding:20px;
	position:absolute;
	left:250px;
	top:100px;
	background-color:#000000;
	
	border:1px solid white;
	width:420px;
	height:350px;
	z-index:110;
}

#youtube_layer_close {
	position:absolute;
	left:450px;
	top:-2px;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	
}

#mapcontainer {
	display:none;
	padding:20px;
	position:absolute;
	left:250px;
	top:100px;
	background-color:#000000;
	
	border:1px solid white;
	width:500px;
	height:500px;
	z-index:110;
}

#map_close {
	position:absolute;
	left:530px;
	top:-2px;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	
}

.topics {
	border-top:1px solid #CCCCCC;
	list-style-type:none;
}

.topics li {
	border-bottom:1px solid #CCCCCC;
}

.commentul {
	list-style-type:none;
}

.commentul li {
	float:left;
}

.commentul li.commentpic {
	width:80px;
	min-height:80px;
	
}

.commentul li.commenttekst {
	width:550px;
	
}

.commentbox {
	float:left;
}

.ratingbox {
	float:left;
	margin-left:20px;
}

.commentrating {
	position:absolute;
	margin-left:530px;
}

.commentdivider {
	border-bottom:1px solid #CCCCCC;
	margin-bottom:10px;
	margin-top:10px;
	height:1px;
}

.overviewmagazine2 {
	float:left;
	width:156px;
}
