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

* {
	margin: 0px;
	padding: 0px;
	font-family: Verdana,Arial,Helvetica, sans-serif;
	/*font-face: Arial;*/
	font-size: 13px;
	color: #000;
}
html { background: url('/img/header_bg.gif') top repeat-x; }

img { border: 0px; }
table {
	border-collapse: 0;
	border-spacing: 0;
}

div.clear {	
	clear: both; 
	height: 0;
	line-height: 0;
}

div#top-wrapper {
    width: 915px;
    /*height: 400px;*/
    margin: auto;
}

div#header {
	position: relative;
    height: 210px;
    padding-top: 50px;
}
div#header a.homelink {
    position: absolute;
    display: block;
    float: left;
    width: 307px;
    height: 156px;
    top: 98px;
	left: 3px;
	background: transparent url('../img/riverstone_logo.png') no-repeat;
}

/*** MAIN MENU ***/
ul#menuD {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#menuD li {
	float: left;
	height: 46px;
}
ul#menuD li a {
	height: 29px;
	padding: 16px 11px 0 11px;	
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
    font-weight: bold;
	font-size: 13px;
	background: url('/img/menu_bg.gif') no-repeat right 0;
	outline: none;
}
ul#menuD li.first a, ul#menuD li.first a.selected {
	padding-left: 16px;
    background: url('/img/menu_bg_first.gif') no-repeat left 0;
}
ul#menuD li.last a {
	padding-right: 16px;
    background: url('/img/menu_bg_last.gif') no-repeat right 0;
}
ul#menuD li a:hover, ul#menuD li a.selected { background-position: right -46px; }
ul#menuD li.first a:hover, ul#menuD li.first a.selected { background-position: left -46px; }

div#header ul#menu {
    display: block;
    float: right;
}
div#header ul#menu li {
    display: block;
    float: left;
    height: 46px;
    list-style: none;
}
div#header ul#menu li a {
    display: block;
    height: 16px;
    padding: 15px 20px;
    background : url('/img/menu_bg.gif') no-repeat right 0;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}
div#header ul#menu li.last a { background: url('/img/menu_bg_last.gif') no-repeat right 0; }
div#header ul#menu li a.selected,
div#header ul#menu li a:hover {
    background-position: right -46px;
}
div#header ul#menu li.first a {
    display: block;
    height: 46px;
    padding: 0 3px 0 0;
    background : url('/img/menu_bg.gif') no-repeat right 0;
    text-decoration: none;
    font-weight: bold;
}
div#header ul#menu li.first a span {
    display: block;
    height: 16px;
    padding: 15px 20px;
    background: url('/img/menu_bg_first.gif') no-repeat left 0;
    color: #ffffff;
}
div#header ul#menu li.first a:hover span { background-position: left -46px; }

div#left {
	position: relative;
    display: block;
    float: left;
    width: 274px;
    padding-right: 33px;
    padding-top: 8px;
}

div#left h3 {
    height: 39px;
    margin-top: 22px;
    padding-left: 22px;
    padding-top: 6px;
    background: url('/img/left_header.gif') no-repeat;
    color: #FFFFFF;
	font-family: Verdana,Arial,Helvetica, sans-serif;/*Times New Roman;*/
	font-size: 15px;
    clear: left;
}
div#left h3#nieuws { height: 37px; }
div#left h3#fotos { height: 24px; }

div#left img.latestFoto {
    width: 90px;
    margin: 0;
    padding: 0;
}

div#left ul.newsitems li { list-style: none; }
div#left ul.newsitems a {
    display: block;
    width: 274px;
    height: 28px;
    border-bottom: 1px solid #d0dbdf;
    color: #163466;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    line-height: 27px;
}
div#left ul.newsitems a span.datum {
	display: block;
	float: left;
	width: 70px;
    padding-left: 13px;
    font-size: 12px;
    font-weight: normal;
    color: #303030;
	text-align: right;
}
div#left ul.newsitems a span.titel {
    float: left;
	margin-left: 3px;
    color: #163466;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    line-height: 27px;	
}
div#left ul.newsitems a:hover { background-color: #f0f2f4; }

div#left div.nieuwsitem {
    width: 272px;
    border-bottom: 1px solid #d0dbdf;
    color: #163466;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    line-height: 27px;
}
div#left div.nieuwsitem div.datum {
	float: left;
	width: 83px;
    padding-left: 0;
    font-size: 11px;
    font-weight: normal;
    color: #303030;
	text-align: right;
}
div#left div.nieuwsitem a {
	float: left;
	width: 185px;
	margin-left: 3px;
	padding-top: 6px;
	padding-bottom: 5px;
	text-decoration: none;	
    color: #163466;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
}
div#left div.nieuwsitem:hover, div#left div.nieuwsitem.selected { background-color: #f0f2f4; }

div#left a#gemeente_rheden {
	position: absolute;
	bottom: 12px;
    display: block;
    float: left;
    width: 135px;
    height: 32px;
    background: url('/img/logo_rheden.gif') no-repeat;
    text-indent: -999999em;
    clear: left;
}

div#right {
    display: block;
    float: left;
    width: 608px;
    padding-top: 30px;
}

div#right div.ambitie h2,
div#right div.pageContent h2 {
    height: 56px;
    padding: 23px 0 0 62px;
    background: url('/img/header_riverstone.png') no-repeat 0 0;
    font-size: 19px;
    font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3px;
    color: #FFFFFF;
}
div#right div.pageContent h2 {
    padding: 24px 0 0 30px;
    background: url('/img/header_h2.gif') no-repeat 0 0;
}

div#right div.ambitie {
	position: relative;
    margin-bottom: 10px;
    padding-bottom: 25px;
    border-bottom: 3px solid #d0dbe0;
}
div#right div.ambitie p {
    display: block;
    float: left;
    width: 43%;
    padding-right: 10px;
}
div#right div.ambitie table { margin-top: 13px; }
div#right div.ambitie div.meerweten {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 210px;
	height: 70px;
	padding-left: 13px;
	color: #446693;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	background: transparent url('../img/img_meerinfo.gif') 1px 5px no-repeat;
}
div#right div.ambitie div.meerweten span {
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
	color: #02205c;	
}

ul.stones {
    display: block;
    float: left;
	width: 300px;
    margin-left: 30px;
}
ul.stones li {
	padding-left: 5px;
	padding-bottom: 4px;
    list-style-type: square;
}
ul.stones li.stone1 { list-style-image: url('/img/stone_1.gif'); }
ul.stones li.stone2 { list-style-image: url('/img/stone_2.gif'); }
ul.stones li.stone3 { list-style-image: url('/img/stone_3.gif'); }
ul.stones li.stone4 { list-style-image: url('/img/stone_4.gif'); }
ul.stones li.stone5 { list-style-image: url('/img/stone_5.gif'); }

div.plan {
	clear: both;
    height: 126px;
    margin-top: 22px;
    background: #e6eaed url('../img/blue_corner.jpg') top right no-repeat;
}
div.plan h3,
div.plan img {
    display: block;
    float: left;
}
div.plan img { margin-right: 24px; }
div.plan h3 {
    width: 344px;
    margin: 5px 10px 8px 0;
    color: #a2a3a5;
    font-weight: bold;
    font-size: 23px;
}
div.plan h3 span {
    color: #06265c;
    font-size: 23px;
    font-weight: bold;
}
div.plan p { margin-right : 10px; }

a.meerinfo, a.minderinfo {
    display: block;
    float: left;
    margin-top: 8px;
    padding-bottom: 22px;
    padding-left: 11px;
    color: #06265c;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    background: url('/img/img_meerinfo.gif') no-repeat 0 3px;
}
a.left {
    clear: both;
    margin-top: 8px;
    padding-bottom: 0;
}
a.fotos {
	width: 250px;
	margin-top: -3px;
	padding: 10px 0 11px 21px;
	background-color: #e6ebef;
	background-position: 9px 13px;
}

div#footer {
    height: 5px;
    margin: 10px 0;
    background: #06265c url('/img/footer_line.gif') no-repeat center;
}

/*** Impressies map + 3d ***/
div#googlemaps {
	float: left;
	width: 395px;
}
div#panorama360 {
	float: left;
	width: 201px;
	margin-left: 12px;
}

/*** Impressies foto ***/
div#photoframe {
    display: block;
    height: 180px;
    margin: 10px 0;
    background-color: #004EA5;
}
div.overflow, div.scroll { 
	float: left;
	width: 15px;
}
div.overflow p, div.scroll a {
    color: #ffffff;
    text-align: center;
}
div.scroll a.scrollink {
	font-size: 10px;
}
div.overflow {
    width: 573px;
    height: 180px;
    overflow: hidden;
}
div.overflow div.picture {
    float: left;
    width: 183px;
    margin: 30px 5px;
}
div.scroll {
    margin-top: 75px;
    padding-left: 2px;
}

div.newsitem {
    margin-top: 20px;
    padding: 10px;
    background-color: #F0F2F4;
}
div.newsitem h3 {
	font-size: 14px;
	color: #004EA5;
	margin-bottom: 10px;
}
div.newsitem a.meerinfo { 
	float: none;
	padding-bottom: 5px;
}
div.newsitem a.minderinfo {
	float: none;
	padding-bottom: 5px;
	background: url('/img/img_minderinfo.gif') no-repeat 0 3px;
}

h3 span,
h2 span {
    padding-left: 3px;
    color: #666666;
    font-size: 12px;
    font-weight: normal;
}

/*** FORMULIEREN ***/
form.form {
    display: block;
    margin-top: 20px;
    padding: 13px;
    background-color: #F0F2F4;
}
form.form label {
    clear: left;
    float: left;
    display: block;
    width: 200px;
}
form.form label { padding-bottom: 10px; }
form.form input.text,
form.form textarea,
form.form input#submit {
    float: left;
    display: block;
    width: 200px;
}
form.form input.initials {
	width: 125px;
	margin-right: 7px;
}
form.form input.zipcode {
	width: 60px;
	margin-right: 7px;
}
form.form input.city {
	width: 130px;
}
form.form textarea {
	height: 100px;
	margin-top: 2px;
}
form.form input#submit {
	width: 204px;
	margin-top: 10px;
}
div.error {
	margin-top:15px;
	padding: 15px;
	background-color: #FFDFE6;
}