/* ------------------------------------------------ Standaard elements ---------------------------------- */
html, body, form {height:100%;}
body {padding:0; margin:0; background:#fff url(/images/bg.gif) repeat-y left top; color: #000;
	font-size: 11px; font-family: verdana, Georgia, tahoma; }

div,p {margin-top:0}/*clear top margin for mozilla*/

table {border-collapse: collapse;font-size: 11px; font-family: verdana, Georgia, tahoma;}
				
th {font-weight: normal; text-align: left;}
td, th, h1, h2, h3, h4, h5, h6, h7 {padding: 0; margin: 0;}


/* Alle button zien er hetzelfde uit. */
.button {border-width: 2px;
	border-left-color: #fff; border-top-color: #fff; border-bottom-color: #c1c1c1; border-right-color: #c1c1c1;
	color: #333; background: #e6e6e6; cursor: pointer; font: bold 78% verdana; padding: 1px; margin-left: 5px;}

a:link {color: #000;}
a:visited {font-style: normal; color: #000}
a:focus, a:hover, a:active {color: #404040;}

img {border: 0px;} /* img geen border bij default */

h3 {position: relative; padding-bottom: 10px;font-size: 15px;}

p {line-height: 17px;}

/* ------------------------------------------------ Css Layout ---------------------------------- */
#outer{
	width: 576px; /* 960 - 2*192px */
	height: 100%; min-height:100%;
	margin-left:192px; margin-right:192px; margin-bottom:-20px;
}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
		
#header {width: 960px; position:relative; margin:0 -192px;}
		
/* mac hide \*/
* html #header{height:135px;he\ight:0}/* height needed for ie to force layout*/
/* end hide*/
		
#left {
	position:relative;/*ie needs this to show float */
	width:192px;/* same as the left margin on #outer*/
	float:left;
	margin-left:-191px;/*must be 1px less than width otherwise won't push footer down */
	left:-1px;/* push column into position*/
	margin-top:135px;
}

#right {position:relative; width:192px; float:right; margin-right:-191px;left:1px; margin-top:135px;}

#footer {width:960px; clear:both; height:20px; text-align:center; position:relative;}
#clearfooter{clear:both;height:15px;}/*needed to make room for footer*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */

/* content padding, Float nodig voor gebruik floats in content area. Width is ook nodig. */
/* ??? Box model hack 576 - 20 - 20 = 536px (-2 voor outer kolom). */
#centrecontent {float:left; width: 534px; padding: 10px 20px 20px 20px; margin-top:135px;}

/* Left content blocks */
#block1, #block2, #block3 {height: 90px; padding: 3px;}	
#block1 {background: #dd0480;}
#block2 {background: #90b241;}	
#block3 {background: #e38b17;}		
#block4 {background: #fff;}	
#block1 {color: #fff;}
#block2 ul {display: inline; padding-left: 5px; margin: 0;}
#block2 ul li {display: inline; list-style-type: none; color: #fff;}
#block2 ul li a:link {text-decoration: none; border-bottom: dashed 1px #bbbbbb; color: #fff;}
#block2 ul li a:visited {text-decoration: none; font-style: normal;  border-bottom: dashed 1px #bbbbbb; color: #fff;}
#block2 ul li a:focus, #block2 ul li a:hover, #block2 ul li a:active {color: #404040; border-bottom: solid 1px #bbbbbb;}

/* ------------------------------------------------ Header ---------------------------------- */
#logo {position: absolute; left: 0; top: 0;}
#misc {position: absolute; right: 0; top: 55px; text-align: center; width: 193px;}
#localCount, #placesCount, #localTeaser {position: absolute; height: 45px; left: 384px;}
#localCount {background: #dd0480; width: 577px; top: 0;}
#placesCount {background: #90b241; width: 384px; top: 45px;}
#localTeaser {background: #e38b17; width: 192px; top: 90px;}
#localCount h3, #placesCount h3, #localTeaser h1 {color: #fff; font: bold 78% verdana; margin: 0; padding: 0;padding-top: 13px;padding-left: 5px; font-size: 11px;}
/* om de default H1 te overschrijven. */
#localTeaser h1{background: #e38b17; border: none}
#localTeaser h1 a {color: #808080}
#localTeaser a:link {text-decoration: underline; color: #fff;}
#localTeaser a:visited {text-decoration: underline; font-style: normal; color: #fff;}
#localTeaser a:focus, #localTeaser a:hover, #localTeaser a:active {text-decoration: underline; font-style: normal; color: #fff}

#createdBy {color: #808080; position: absolute; text-align: right; right: 4px; bottom: 3px; font-size: 9px; white-space: nowrap;}
#createdBy a:link {text-decoration: none; color: #808080;}
#createdBy a:visited {text-decoration: none; font-style: normal; color: #808080;}
#createdBy a:focus, #createdBy a:hover, #createdBy a:active {color: #000; border-bottom: solid 1px #000;}

/* ------------------------------------------------ Footer ---------------------------------- */
#footer ul {position: relative; display: inline; list-style-type: none; line-height: 15px; padding-left: 5px;}
#footer ul li {display: inline; background-image : url(/images/li_options.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0 10px 0 15px;}
#footer ul li a:link {text-decoration: none; border-bottom: dashed 1px #bbbbbb; color: #000;}
#footer ul li a:visited {text-decoration: none; font-style: normal;  border-bottom: dashed 1px #bbbbbb; color: #000;}
#footer ul li a:focus, #footer ul li a:hover, #footer ul li a:active {color: #404040; border-bottom: solid 1px #bbbbbb;}

/* ------------------------------------------------ Standaard tobelocal form ---------------------------------- */
table.form {border-collapse: collapse; display: block;}
table.form th {text-align: right; font-size: 11px; border-bottom: solid 2px #fff; padding: 2px; padding-right: 10px; width: 140px;}
table.form td {text-align: left; width: 300px;  border-bottom: solid 2px #fff; padding-right: 20px; white-space: nowrap;}
table.form th.top {vertical-align: top;}
table.form td.descriptionPlace, table.form th.descriptionPlace {background-color: #fff;}
table.form td.fotoEdit {vertical-align: top;}
table.form td.fotoEdit div {padding-bottom: 10px;}
.multi {height: 100px; vertical-align: top;}
.req{background: #fff url(/images/req.gif) no-repeat 5px right;}
.reqFields{text-align: right; border-top: solid 1px #bbb; margin-top: 10px; margin-bottom: 15px; font-size: 10px; color: #777;}
.reqFields span {padding:0; color: #ff0000;}
.multiBox {width: 290px; padding:2px 4px; height: 150px; font-size: 11px; display: block; border: #7f9db9 1px solid; background: #f5f5f5; font-family: Verdana;}
.multiBoxLarge {width: 500px; padding:2px 4px; height: 150px; font-size: 11px; display: block; border: #7f9db9 1px solid; background: #f5f5f5; font-family: Verdana;}
td.centerCell {text-align: left;}

/* TODO Check border styles in dropdown */
.profileText {border: solid 1px #7f9db9; background: #f5f5f5; width: 290px; font-family : Verdana; font-size: 11px; padding:2px 4px;}
.profileDropDown {border: solid 1px #7f9db9; background: #f5f5f5; width: 300px; font-family : Verdana; font-size: 11px; padding: 2px;}
.profileCheck input {margin: 6px;}
.profileCheck label {vertical-align: super;}
* html .profileCheck input {margin: 0;}
* html .profileCheck label {vertical-align: baseline;}

.buttonRow  {width: 100%; /* anders werkt text-align niet!!! */
	background: #fff; text-align: right; margin-bottom: 5px;}



/* ------------------------------------------------ Styling tobelocal home ---------------------------------- */
.buttonBar, .subButtonBar {position: relative; padding-left: 0; border-collapse: collapse; } 

.helpBarDiv { /* stretch background color */
	width: 100%; background: #d9e3f1;margin-bottom: 20px;}

/* Buttons zijn in td geplaatst */
.buttonBar td, .subButtonBar td {margin-left: 0; padding: 5px 3px 5px 25px; vertical-align: middle; background-repeat: no-repeat; background-position: 4px 50%; white-space: nowrap;}

.homeButton {background-image: url(/images/home_icoon.gif);}
.profileButton {background-image: url(/images/profile_icoon.gif);}
.searchButton {background-image: url(/images/search_icoon.gif);}
.mailButton {background-image: url(/images/mail_icoon.gif);}	
.sendMailButton {background-image: url(/images/mail_icoon.gif);}	
.signOutButton {background-image: url(/images/signout_icoon.gif);}	
.newMailButton {background-image: url(/images/newmail_icoon.gif);}	
.replyButton {background-image: url(/images/reply_icoon.gif);}	
.deleteButton {background-image: url(/images/delete_icoon.gif);}	
.quickButton {background-image: url(/images/quick_icoon.gif)}	
.favoriteButton {background-image: url(/images/fav_icoon.gif);}	
.favoriteRemoveButton {background-image: url(/images/fav_remove_icoon.gif);}	
.favoriteAddButton {background-image: url(/images/fav_add_icoon.gif);}	
.resultsButton {background-image: url(/images/results_icoon.gif);}	
.summaryButton {background-image: url(/images/summary_icoon.gif);}	
.aboutButton {background-image: url(/images/aboutyou_icoon.gif);}	
.interestsButton {background-image: url(/images/interests_icoon.gif);}	
.placesButton {background-image: url(/images/localplaces_icoon.gif);}	
.accountButton {background-image: url(/images/personal_icoon.gif);}	
.backButton {background-image: url(/images/back_icoon.gif);}	
.myHomeButton {background-image: url(/images/myhome_icoon.gif);}	
.myActivitiesButton {background-image: url(/images/myactivities_icoon.gif);}	
.myTravelsButton {background-image: url(/images/mytravels_icoon.gif);}	
.feedbackButton {background-image: url(/images/feedback_icoon.gif);}	
.advancedButton {background-image: url(/images/advanced_icoon.gif);}	
.inboxButton {background-image: url(/images/inbox_icoon.gif);}	
.outboxButton {background-image: url(/images/outbox_icoon.gif);}	
.trashButton {background-image: url(/images/trash_icoon.gif);}	

#pagingHelp {font-style: italic; font-weight: normal;}
.pager {text-align: center;}
.pager a, td.pageSelected {padding-left: 10px;}
td.pageSelected {font-weight: bold;}
div.foto {background: #d9e3f1; padding: 10px; float: left;}
div.resultActions {clear: both; background: #d9e3f1; padding: 2px; margin-bottom: 10px;}
.result {line-height: 12px;}
.result h1 {margin: 0;}
.result p {border-left: solid 135px #fff; border-top: solid 6px #fff; margin: 0;}

.placesList {position: relative; left: 5px; top: 4px; border: solid 10px #fff; border-left: solid 6px #fff; border-collapse: collapse; width: 380px;}
.placesList th {width: 50px; border-bottom: solid #fff 5px;}
.placesList td {border-bottom: solid #fff 5px;}

.profileSumFoto {border: solid 5px #d9e3f1;}
.profileFloat {float: right; margin-bottom: 5px; margin-left: 5px;}
#profileSum p {position: relative; text-align: justify; padding-bottom: 5px;}
#profileSum ul {position: relative; display: inline; list-style-type: none; line-height: 15px; padding-bottom: 5px;}
#profileSum ul li {display: inline; background-image : url(/images/li_options.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0 10px 0 15px;}
#profileSum ul li a:link {text-decoration: none; border-bottom: dashed 1px #bbbbbb; color: #000;}
#profileSum ul li a:visited {text-decoration: none; font-style: normal;  border-bottom: dashed 1px #bbbbbb; color: #000;}
#profileSum ul li a:focus, #profileSum ul li a:hover, #profileSum ul li a:active {color: #404040; border-bottom: solid 1px #bbbbbb;}

.backToTop {background-image : url(/images/totop.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0 10px 0 15px;}
.backToTop:link {text-decoration: none; border-bottom: dashed 1px #bbbbbb; color: #000;}
.backToTop:visited {text-decoration: none; font-style: normal;  border-bottom: dashed 1px #bbbbbb; color: #000;}
.backToTop:focus, .backToTop:hover, .backToTop:active {color: #404040; border-bottom: solid 1px #bbbbbb;}

.rounded {border-collapse: collapse; margin-top: 5px; margin-bottom: 5px; width: 100%}
.rounded td {padding: 0;}
.rounded td.corner {width: 10px;}
.rounded td.top {background: url(/images/cctb.gif) repeat-x top;}
.rounded td.bottom {background: url(/images/ccbb.gif) repeat-x bottom;}
.rounded td.left {background: #fff url(/images/cclb.gif) repeat-y left;}
.rounded td.right {background: #fff url(/images/ccrb.gif) repeat-y right;}	

.listing {border-bottom: solid 1px #d9e3f1; border-top: solid 1px #d9e3f1; margin-bottom: 5px; padding: 2px 0 2px 2px; background: #f5f5f5}
.listing h2 {font-size: 11px; font-weight: normal; font-style: italic; padding: 2px; margin: 0; color: #000; background: #f5f5f5; border: none;}
.listing p {text-align:left; background: #f5f5f5 url(/images/pijltjes_open.gif) no-repeat 5px 9px; padding: 5px 5px 0 23px; margin: 0;}
.listing p.noarrow {text-align:left;  background-image: none; padding: 5px 5px 0 23px; margin: 0; line-height: 20px;}
.listing p.noarrow img {padding-right: 5px; float: left;}

.localPlaces td {border-bottom: solid 5px #fff;}

table.boxes {border-collapse: collapse; border-left: solid 70px #fff; border-bottom: solid 10px #fff;}
table.boxes td {width: 160px;}

#fullPlacesList a {padding-top: 5px; display: block;}
.placesAlphabet {text-align: left;}

.placesAlphabet a, .placesAlphabet span {padding-right: 5px;}

a.add {position: relative; display:block; background: #fff url(/images/add_24.gif) no-repeat center left; padding: 6px 0 5px 30px; margin-bottom: 10px;}
.activityIcon {position: absolute; left: 700px; top: 150px;}
.profileHeaderImg {position: absolute;}


.advancedProfile {margin: 10px 0 10px 0;}
.advancedProfile td {width: 65px; text-align: center; vertical-align: top;}

/* De lijst op de portal (acties voor Le Local) */	
ul.portalList, ul.portalList li, ul.portalSubList, ul.portalSubList li {
	position: relative; list-style-type: none; line-height: 20px;}
	
ul.portalList {margin: 10px; margin-top: 0; padding: 0;}

ul.portalList li {background-image : url(/images/li_options.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 3px 0 3px 15px;}
ul.portalList li.wizOk {background-image : url(/images/ok_icoon.gif); margin-left: 40px; padding: 3px 0 3px 20px;}
ul.portalList li.wizNotOk {background-image : url(/images/not_ok_icoon.gif); margin-left: 40px; padding: 3px 0 3px 20px;}
div.randomLocal {clear: both; position: relative;}
div.spacer {clear: both;}
div.floatRandom {float: left; text-align: center; margin: 0 5px 5px 5px; width: 120px;}
div.floatRandom p {text-align: center; white-space: nowrap;}

#signIn, #quickSearch {padding-left: 5px; text-align:left;}
#quickSearch span {font-size: 10px; color: #fff; display: block;}
.signInBox{width: 170px; font-size: 11px; font-family: Verdana;}
.signInDropDown{width: 174px; font-size: 11px; display: block; font-family: Verdana;}
.leftButtonRow{width: 174px; text-align: right; padding-top: 3px;}

/* ------------------------------------------------ Styling CMS templates ---------------------------------- */
div.floatLeft {float: left;  margin-right: 10px; margin-bottom: 10px;}
div.floatRight {float: right;  margin-left: 10px; margin-bottom: 10px;}
img.floatRightImg {float: right; margin-left: 20px; margin-bottom: 10px;}
img.floatLeftImg {float: left; margin-right: 20px; margin-bottom: 10px;}
img.leftImg {margin-right: 20px; margin-bottom: 10px;}
img.rightImg {margin-right: 20px; margin-bottom: 10px;}
img.centerImg {display: block; margin-left: auto; margin-right: auto; padding: 5px 0 5px 0;}

div.template1 p {text-align: justify; margin-bottom: 10px;}
div.template1 ol {list-style-position: outside; padding-left: 25px; margin: 5px;}

/* styling template 2 */
div.template2 {border: solid 1px #32609e; margin-bottom: 10px; height: 10%;} /* Heigth to force layout */
div.template2 h2 {clear: both; text-align: left; background: #628ec9 url(/images/pijltjes_down.gif) no-repeat center left; padding: 4px 0 4px 15px; height: 10px; vertical-align: middle; color: #fff;	font-size: 11px; border: none 0 #fff;}
div.template2 p {margin: 5px; text-align: justify;}	
div.template2 ul {padding-left: 5px; list-style-position:inside; margin: 5px;}	
div.template2 ul li {padding-bottom: 5px;}	

.mailMessages {width: 100%;border-collapse: collapse;}
.mailMessages th.c1 {width: 20%; font-weight: bold;}
.mailMessages th.c2 {width: 55%; font-weight: bold;}
.mailMessages th.c3 {width: 25%; font-weight: bold;}
.mailMessages td, .mailMessages th {padding: 5px 0 5px 0;}
.mailMessages tr.headerRow {background: #d9e3f1;}
.mailMessages tr.alternatingRow {background: #f5f5f5;}
.readMessage {padding: 5px; background: whitesmoke; width: 100%}

/* CMS admin specific */
.docHeader {
	clear: both;
	position: absolute;
	z-index: 9999;	
}

.docHeader img {
	display: block;
	padding-bottom: 2px;
	cursor: pointer;
}

.controlDiv {
	position: absolute;
	display: none;
	background: #f5f5f5;
	border: dashed 1px #000;
	white-space: nowrap;
	padding: 5px;
	left: 25px;
	z-index: 9999;	
}

.controlDiv a {
	display: block;
	padding-top: 8px;
}

.noContent {
	height: 60px;
}


/*
table.mailForm {border-collapse: collapse; border-top: solid 1px #ece9d8; border-bottom: solid 1px #ece9d8; width: 100%;}
table.mailForm th {width: 30%; color: black; font: bold 78% verdana; font-size:xx-small; background: #d9e3f1; border-bottom : solid 1px #ece9d8; height: 20px; padding-left: 5px;}
table.mailForm td {width: 70%; border-bottom : solid 1px #ece9d8; height: 20px; padding-left: 5px;} */

#layout1 {
	 width:100%;
}
#layout1 th {
	width: 300px;
	vertical-align: top;
}

#layout1 td {
	vertical-align: top;
	padding-left: 20px;
}

#layout1 td.nopadding {
	padding: 0;
}

#MainLeft {
	width: 300px;
}

#MainLeft p, #MainRight p {
	padding-left: 20px;
	margin: 0;
}

#MainLeft ul {
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 35px;
}
#MainLeft li {
	padding-bottom: 5px;
}

a.more {
	display: block;
	text-align: right;
	padding-right: 12px;
	margin-top: 5px;
	text-decoration: none;
}
a.more:visited {text-decoration: none; font-style: normal;}
a.more:focus, a.more:hover, a.more:active {text-decoration: underline; font-style: normal;}

a.more1 {background: #fff url(/images/pijltjes_bl.gif) no-repeat right 70%;}
a.more2 {background: #fff url(/images/pijltjes_gr.gif) no-repeat right 70%;}
a.more3 {background: #fff url(/images/pijltjes.gif) no-repeat right 70%;}
a.more4 {background: #fff url(/images/pijltjes_orange.gif) no-repeat right 70%;}

#MainRight {
	width: 214px; /* 534px - 300 - 20 = 214px */
}

#RightContents {
	width: 182px;
	margin-top: 10px;
	margin-right: 10px;
}

#RightContents p {
	padding: 0; margin: 5px 0;
}
	
h1 {
	position: relative;
	background: #628ec9;
	font-family: arial, helvetica;
	font-size: 13px;
	font-weight: 900;
	color: #fff;
	padding: 5px;
	margin-bottom: 10px;
}

#MainLeft h1, #MainRight h1, #RightContents h1, #SubBlock h1 {
	position: relative;
	font-size: 12px;
	font-family: Tahoma;
	font-weight: bold;
	color: #fff;
	padding: 12px 0 12px 40px;
	margin: 0;
}

h1.head1 {background: #fff url(/images/looking.gif) no-repeat 0 50%;}
h1.head2 {background: #fff url(/images/privacy.gif) no-repeat 0 50%;}
h1.head3 {background: #fff url(/images/testimonial.gif) no-repeat 0 50%;}
h1.head5 {background: #fff url(/images/travels.gif) no-repeat 0 50%;}
h1.head4 {background: #fff url(/images/upcoming.gif) no-repeat 0 50%;}

#MainLeft ul li {
	list-style-image: url(/images/pijltjes.gif);
}



#SubBlock {
	margin: 5px;
}


#RightContents h1.head6 {
	background: #fff url(/images/news.gif) no-repeat 0 50%;
}

.countryList td {
	vertical-align: top;
	padding: 5px;
	border-bottom: solid 1px #bbb;
}
	
h6:first-letter {
	font-size: 200%;
}

.travelTable td.co1 {
	padding-left: 31px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 130px;
	padding-right: 15px;
	text-align: left;
	vertical-align: top;
	background: #fff;
}

.travelTable td.co2 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	width: 130px;
	padding-right: 15px;
	text-align: left;
	vertical-align: top;
	background: #fff;
}

.travelTable td.co3 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	width: 130px;
	padding-right: 31px;
	text-align: left;
	background: #fff;
	vertical-align: top;
}

.travelTable td h5 {
	font-size: 85%;
	margin: 10px 0;
}

.travelHead {
	font-size: 110%;
	padding-left: 31px;
	margin: 10px 0;
}

.travelTable td p {
	background: #fff;
	padding: 0;	
	margin: 0;
	border-width: 0;
}

.addBut {
	position: absolute;
	padding-left: 5px;
}

#upcomingActivities ul li {
	list-style-image: none;
	padding-left: 45px;
	margin-bottom: 5px;
	height: 20px;
	vertical-align: middle;
}

#upcomingActivities ul {
	margin: 0;
	padding: 0;
}


#upcomingActivities a:link {text-decoration: none;}
#upcomingActivities a:visited {text-decoration: none; font-style: normal;}
#upcomingActivities a:focus, #upcomingActivities a:hover, #upcomingActivities a:active {text-decoration: underline; color: #404040;}

#activityMonths {
	padding-bottom: 60px;
}

#activityMonths a {
	display: block;
	margin-top: 10px;
}

.starlist {
	position: relative; list-style-type: none; line-height: 20px; margin: 0; margin-left: 10px;}

.starlist li {background-image : url(/images/li_options.gif); background-repeat: no-repeat; background-position: 0 50%; padding: 0 0 0 20px;}

#monthActivities td {
	padding: 5px;
}


	.asbMenu 
	{
		border: 1px solid lightblue;
		background: #ffffff;
		position: absolute;
		padding: 5;
		white-space: nowrap;
	}
	
	.asbMenuBase
	{
		position: absolute;
	}
	
					
	.asbMenuItem
	{			
		width: 200px;
		overflow: hidden;
		padding: 2px;
		color: blue;
		background: #ffffff;
		cursor: hand;
		cursor: pointer;
	}
	
	
	.asbMenuItem span {
		display: inline;
		color: Green;
	}
	.asbSelMenuItem
	{	
		padding: 2px;		
		width: 200px;
		color: blue;
		background: lightblue;
		cursor: hand;
		cursor: pointer;
		white-space: nowrap;
	}
	
	.fotoButtons img {
		border: solid 2px #d9e3f1; 
		padding: 2px;
		margin: 5px 3px 0 0;
		cursor: pointer;
	}
	
	.progBar {
		text-align: center;
		background: #dd0480;
		height: 20px;
	}