/* CSS Document */

html, body{
	margin: 0px;
	padding: 0px;
}

body{
	margin: 0px;
	padding: 0px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

h1{
	margin: 0px;
	padding: 14px 0 35px 14px;
	color: #D21615;
	font-size: 20px;
}

h2{
	margin: 0 0 6px 0;
	padding: 0px;
	color: #644609;
	font-size: 14px;
	font-weight: bold;
}



p{
	margin: 0px;
	padding: 8px 0;
}

#main{
	background: url(../img/background.jpg) 381px 0px no-repeat #FFF;
	width: 986px;
	margin: 0px auto;
}

#left{
	width: 751px;
	float: left;
	padding: 0 0 50px 0;
}

#right{
	position: absolute;
	width: 225px;
	top: 0;
	margin: 63px 0 0 758px;
}

img {
	border : none;
}

.spacer{
	clear: both;
}

.line{
	height: 1px;
	background: url(../img/line.gif) 0px 0px repeat-x;
	overflow: hidden;
}

.go_left{
	float: left;
	margin: 0 15px 12px 0;
}

.go_right{
	float: right;
	margin: 0 0 12px 15px;
}

.go_link{
	background: url(../img/submenu_listitem.gif) 0px 3px no-repeat;
	padding: 0 0 0 15px;
}

#header {
	width: 986px;
	height: 107px;
}

#header #logo{
	padding: 24px 0 0 0;
}


/* META MENU */


#meta{
	float: right;
	text-align: right;
	color: #4A4949;
	font-size: 11px;
	font: "Trebuchet MS";
	padding: 4px 11px 0 0;
	margin: 0px;
	list-style: none;
}
#meta li{
	float: left;
	margin: 0px;
	padding: 0 3px 0 0;
}

#meta a{
	color: #4A4949;
	text-decoration: none;
}

#meta a:hover{
	color: #840D0D;
}


#meta a:hover{
	text-decoration: underline;
}



/* RIGHT */

#praktisch, #praktisch .top, #praktisch .middle, #praktisch .bottom {
	width: 216px;
	overflow: hidden;
}
#praktisch .top{
	height: 47px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='img/vrienden_top.png');
}
html > body #praktisch .top{
	background:url(../img/vrienden_top.png) 0px 0px no-repeat;
}
#praktisch .middle{
	background-color: #8B1B1B;
	padding-top: 10px;
	color: #FFFFFF;
}
#praktisch .middle a{
	color: #FFFFFF;
}
#praktisch .bottom{
	height: 10px;
	background:url(../img/praktisch_bottom.gif) 0px 0px no-repeat;
}
#praktisch ul{
	padding: 11px;
	margin: 0px;
	list-style: none;
}
#praktisch ul li{
	padding: 0 0 0 15px;
	line-height: 1.5em;
	margin: 0px;
	background: url(../img/praktisch_listitem.gif) 0px 5px no-repeat;
}


.box{
	margin: 10px 0 0 0;
}
.box, .box .top, .box .middle, .box .bottom{
	width: 225px;
}
.box .top{
	height: 33px;
}
.box .middle{
	background:url(../img/box_bg.gif) 0px 0px repeat-y;
	color: #644609;
	overflow: hidden;
}
.box .bottom{
	height: 9px;
	background:url(../img/box_bottom.gif) 0px 0px no-repeat;
}
.box .content{
	margin: 0 10px 0 0;
	padding: 0 105px 11px 11px;
}
.box a{
	font-size: 11px;
	color: #D61111;
}

.box a:hover{
	font-size: 11px;
	color: #840D0D;
}

.ijsselstein .top{
	background: url(../img/de_stad_ijsselstein.gif) 0px 0px no-repeat;
}
.kasteeltoren .top{
	background: url(../img/de_kasteeltoren.gif) 0px 0px no-repeat;
}
.ysselvaert .top{
	background: url(../img/rondvaart_ysselvaert.gif) 0px 0px no-repeat;
}

.ijsselstein .content{
	background: url(../img/ijsselstein.gif) bottom right no-repeat;
}
.kasteeltoren .content{
	background: url(../img/kasteeltoren.gif) bottom right no-repeat;
}
.ysselvaert .content{
	background: url(../img/ysselvaert.gif) bottom right no-repeat;
}

#news img{
	border: 2px solid #ACAA8B;
}

#error{
	display: none;
	border: 1px solid red;
	padding: 5px;
	margin: 10px 0;
	color: #000000;
}