body { font-family: verdana, arial, geneva, helvetica, sans-serif; font-size: 12px; line-height: 130%; margin: 0px 0px 0px 0px; }
tr { vertical-align: top; }
td { font-family: verdana, arial, geneva, helvetica, sans-serif; font-size: 12px; line-height: 130%; }
div.half { line-height: 7px; }
.title { font-size: 14pt; font-weight: bold; padding-bottom: 25px; }
.city { font-size: 12pt; font-weight: bold; color: #aaddaa; margin-bottom: 7px; }

/* m : menu */
a.m:link, a.m:active, a.m:visited { color: black; text-decoration: none; font-weight: bold; }
a.m:hover	{ color: black; text-decoration: underline; font-weight: bold; }
 
/* default / cms */
a:link, a:active, a:visited { color: #3344cc; text-decoration: none; font-weight: normal; }
a:hover	{ color: #3344cc; text-decoration: underline; font-weight: normal; }


/* ------ */

#header, #sidebar, #content { padding-left: 10px; margin-right: 10px; }
#menu { padding-left: 5px; padding-right: 20px; }
#footer { margin-left: 5px; }

#header, #footer {
	position: relative;
	clear: both;
}


/* desktop, columns fixed */
#wrapper {
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
}

#menu {
	width: 200px;
	margin-top: 10px;
	float: left;
}

#content {
	width: 500px;
	margin-top: 10px;
	float: left;
	word-wrap: break-word;
}

#sidebar {
	width: 270px;
	margin-top: 10px;
	float: right;
}

#menusmall {
	display: none;
}

	/* MEDIA QUERIES */
	@media screen and (min-width: 770px) and (max-width: 1049px) {
		/* mobile, first column fixed, second beneath */
		#wrapper {
			width: 830px;
		}
		#menu {
			display: none;
		}
		#content {
			width: 450px;
			float: left;
			border-bottom: 2px dashed #ddd;
			padding-bottom: 15px;
		}
		#sidebar {
			width: 270px;
			float: left;
			border-left: 0px;
			padding-top: 15px;
		}
		#menusmall {
			display: block;
			width: 200px;
			margin-top: 10px;
			float: left;
			padding-top: 15px;
			padding-left: 30px;
		}
	}

	/* MEDIA QUERIES */
	@media screen and (max-width: 769px) {
		/* mobile, first column variable, second beneath */
		#wrapper {
			width: 100%;
		}
		#menu {
			display: none;
		}
		#content {
			width: 95%;
			float: left;
			border-bottom: 2px dashed #ddd;
			padding-bottom: 15px;
		}
		#sidebar {
			width: 95%;
			float: left;
			border-left: 0px;
			padding-top: 15px;
		}
		#menusmall {
			display: block ;
			width: 200px;
			margin-top: 10px;
			float: left;
			border-top: 2px dashed #ddd;
			padding-top: 15px;
			padding-left: 10px;
		}
	}