/* -------------------------- */
/* GENERAL */
/* -------------------------- */

html,body				{ margin: 0; padding: 0; }

body
	{
	background-color: #fff;
	font-family: arial,helvetica,sans-serif;
	font-size: 0.7em;
	}

div#wrapper
	{
	background: url(/grfx/bg_sidebar.gif) repeat-y;
	position: relative;
	width: 980px;
	margin: 0px auto;
	padding: 0px;
	}

.button					{ cursor: hand; cursor: pointer; }
.clear					{ clear: both; }

a						{ color: #690; text-decoration: underline; }
a:hover					{ color: #000; text-decoration: underline; }

#topsearch
	{
	background: url(/grfx/bg-topsearch.gif) #7f9db9 repeat-x;
	width: 986px;
	height: 40px;
	margin: 0px auto;
	position:relative;
	display:block;
	}

#left-topsearch
	{
	background: url(/grfx/fill-topsearch.gif) no-repeat;
	width: 3px;
	height: 40px;
	float:left;
	position:relative;
	left: 0px;
	}

#center-topsearch
	{
	margin-left:20px;
	margin-right:20px;
	position:relative;
	top: 8px;
	display:block;
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
	text-align: right;
	}

#center-topsearch select
	{
	margin: 0px;
	}

#right-topsearch
	{
	background: url(/grfx/fill-topsearch.gif) no-repeat;
	width: 3px;
	height: 40px;
	float:right;
	position:relative;
	right: 0px;
	}


/* -------------------------- */
/* HEADER */
/* -------------------------- */

div#header
	{
	background: url(/grfx/bg-hdr-ftr.gif) no-repeat left bottom;
	height: 177px;
	}

div#header h1
	{
	font-weight: normal;
	font-size: 3.4em;
	color: #fff;
	margin: 0px;
	width: 680px;
	position: relative;
	top: 90px;
	left: 20px;
	}

#logoschier
	{
	background: url(/grfx/logo-schier.gif) no-repeat;
	text-indent: -9999px;
	width: 196px;
	height: 171px;
	float: left;
	cursor: hand;
	cursor: pointer;
	}

#logoschier a					{ height: 171px; display: block; }


#mainphoto
	{
	background: url(/grfx/mainphoto.jpg) no-repeat;
	width: 783px;
	height: 171px;
	float: right;
	}


/* -------------------------- */
/* MENU */
/* -------------------------- */

#navigation
	{
	background: url(/grfx/bg-menu.gif) repeat-y top left;
	height: 30px;
	position: relative;
	margin: 0px;
	margin-top: 1px;
	margin-bottom: 1px;
	}

#navigation ul
	{
	position: relative;
	width: 100%;
	height: 30px;
	padding: 0px;
	margin: 0px;
	margin-left: 5px;
	}

#navigation ul li
	{
	position: relative;
	font-weight: bold;
	font-size: 1.2em;
	list-style: none;
	height: 30px;
	margin: 0px;
	float: left;
	}

/*
#m1 { left: 0px; width: 188px; }
#m2 { left: 188px; width: 160px; }
#m3 { left: 348px; width: 175px; }
#m4 { left: 523px; width: 60px; }
#m5 { left: 583px; width: 90px; }
#m6 { left: 673px; width: 128px; }
#m7 { left: 801px; width: 110px; }
#m8 { left: 911px; width: 80px; }
*/

#navigation a		{ background-color:transparent; color: #fff; text-decoration:none; display:block; height: 20px; padding: 5px 9px 5px 9px; }
#navigation a:hover	{ background-color: #fff; color: #0E1B8D; text-decoration:none; }


/* -------------------------- */
/* CONTENT */
/* -------------------------- */

div#main
	{

	_background: url(/grfx/bg_sidebar.gif) repeat-y;
	position:relative;
	top: 0px;
	display: block;
	margin: 0px;
	margin-top: 1px;
	margin-bottom: 1px;

	}

div#maincnt
	{
	background: #fff;
	position: relative;
	top: 0px;
	display: block;
	margin-left: 206px;

	}

div#content
	{
	position:relative;
	width: 533px;
	min-height: 335px;
   	height: 335px auto;
   	_height: 335px;
	/* http://wellstyled.com/css-underscore-hack.html */
	text-align: left;
	padding: 10px;
	}

div#content h3
	{
	font-weight: bold;
	font-size:1.4em;
	color:#F49BD4;
	margin: 0px;
	margin-bottom: 15px;
	}

div#content p					{ margin-bottom: 15px; }


#photobar
	{
	width: 179px;
	position: relative;
	float: right;
	}

#photobar p
	{
	margin: 0px;
	padding: 15px 0px 10px 0px;
	}

#vvvlogo
	{
	background: url(/grfx/logo-vvv.gif) #FDBCD0 no-repeat center;
	border-top: 1px solid #fff;
	position: absolute;
	top:120px;
	display: block;
	width: 196px;
	height: 179px;
	}

/* News */

.newsblock
	{
	position: relative;
	height: auto;
	min-height: 50px;
	margin-bottom: 15px;
	}

.newsblock h4
	{
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	margin: 0px;
	}

.newsblock h5
	{
	font-weight: normal;
	font-style: italic;
	font-size: 1em;
	color: #999;
	margin: 0px;
	}

.newsblock img
	{
	position: relative;
	border: 2px solid #000;
	width: 85px;
	height: 85px;
	float: right;
	}

.cnt
	{
	display: block;
	}

.cnt .date
	{
	font-style: italic;
	color: #999;
	}

.cnt .gfx-news
	{
	width: 85px;
	height: 85px;
	border: 2px solid #000;
	float: right;
	margin-left: 10px;
	}

.cnt .subttl
	{
	font-weight: bold;
	text-transform: uppercase;
	}

.cnt .newsbdy	{ }

.cnt .subttlttl
	{
	font-size: 1.2em;
	}

.cnt .gfx-detailnews
	{
	border: 2px solid #000;
	}

/* -------------------------- */
/* SIDEBAR */
/* -------------------------- */

#sidebar
	{
	position: relative;
	left: 0px;
	display: block;
	float: left;
	width: 196px;

	}

#sidebar ul#sidenav
	{
	background: url(/grfx/sidenav.gif) repeat-y;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 196px;
	height: 332px;

	}

#sidebar ul#sidenav li
	{
	height: 40px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-indent: -9999px;
	text-decoration:none;
	}

#s1 { top: 0px; }
#s2 { top: 40px; }

ul#sidenav li#s1 			{ background: url(/grfx/sidenav.gif) no-repeat -0px 0px; }
ul#sidenav li#s2 			{ background: url(/grfx/sidenav.gif) no-repeat -0px 40px; }

ul#sidenav a   				{ background-color:transparent; text-decoration:none; display:block; height:40px;}
#s1 a:hover 				{ background: url(/grfx/sidenav.gif) no-repeat -196px -0px; text-decoration:none; border: 0; }
#s2 a:hover 				{ background: url(/grfx/sidenav.gif) no-repeat -196px -40px; text-decoration:none; border: 0; }


/* -------------------------- */
/* FOOTER */
/* -------------------------- */

#footer
	{
	background: url(/grfx/bg-hdr-ftr.gif) repeat-y;
	position: relative;
	clear:both;
	height: 5px;
	font-size: 0.1em;
	}

/* -------------------------- */
/* GIS */
/* -------------------------- */

.bg-map					{ margin: 0px; padding: 5px; width:300px;}
.bg-tools				{ margin-left: 4px; }

hr.startline			{ border-top: 1px solid #FFE1EA; }
hr.descline				{ border-top: 1px solid #FFE1EA; }

.desctbl				{ font-weight: bold; text-align: left; width: 55px; }

.zoomtbl				{ width:400px; }

.tooltbl				{width: 300px;}
.vtoolcell				{ background: url(/grfx/linda_gis/bg-vtoolcell.gif) repeat-y; }
.htoolcell				{ background: url(/grfx/linda_gis/bg-htoolcell.gif) repeat-x bottom left; width: 10px; }

.border_legenda			{ border: 1px solid #000; margin: 3px; }
.toolshp				{ margin: 4px; margin-top: 10px; }
.bg-pan					{ width: 75px; text-align: center; }
.pantbl					{ background: #FFE1EA; width: 65px; height: 65px; margin-left:4px;}


/* -------------------------- */
/* MISC */
/* -------------------------- */

.browse_subject_dinercheque
	{
		background: #B58694;
		color: #fff;
		padding:3px;
	}
