/* -----------------------------------------------
CSS Base Stylesheet
Author:   Andre Sierink, Matthijs Brondijk
Version:  23-02-2009
----------------------------------------------- */

/* Base styles
----------------------------------------------- */

#sb a {
	position: absolute;
    top: 39px;
    left: 46px;
	width: 96px;
	height: 36px;
    z-index: 210;
	text-decoration: none;
}
#sb a:link, #sb a:visited { background: url('../images/layout2/smallbutton.png') no-repeat 0px 0px; }
#sb a:hover, #sb a:active { background: url('../images/layout2/smallbutton.png') no-repeat 0px -36px; }

#sb a span {
	position: relative;
	display: block;
	margin: 6px 0 0 33px;
	font-size: 16px !important;
	color: red;
}
#mainmenu {
	position: relative;
	float: left;
	width: 280px;
	height: auto;
	margin: 0;
	padding-top: 25px;
}
#mainmenu .block {
    position: relative;
    float: right;
    padding: 0 0 0 5px;
}
#mainmenu .menu {
    position: relative;
    float: right;
    padding: 0;
}
#mainmenu .blok1.block, #mainmenu .blok2.block { margin: 10px 0; }
#mainmenu .blok3.block, #mainmenu .blok4.block { margin: 10px 0; }
#mainmenu .blok5.block, #mainmenu .blok6.block { margin: 10px 0; }
#mainmenu .blok7.block, #mainmenu .blok8.block { margin: 0; }
#mainmenu .blok9.block, #mainmenu .blok10.block { margin: 20px 20px 0 0; }
#mainmenu .blok11.block, #mainmenu .blok12.block { margin: 10px 20px 10px 48px; }
#mainmenu .blok13.block, #mainmenu .blok14.block { margin: 10px 0; }

#mainmenu .block .title {
	position: absolute;
	z-index: 1;
}
#mainmenu .title { 
	top: 0;
	height: 45px;
	z-index: 100;
}
#mainmenu .title.small { width: 120px; }
#mainmenu .title.medium { width: 160px; }
#mainmenu .title.large { width: 200px; }
#mainmenu .title.xxlarge { width: 240px; }

#mainmenu .blok1 .title, #mainmenu .blok2 .title { right: 20px; }
#mainmenu .blok3 .title, #mainmenu .blok4 .title { right: 20px; }
#mainmenu .blok5 .title, #mainmenu .blok6 .title { right: 30px; }
#mainmenu .blok7 .title, #mainmenu .blok8 .title { right: 30px; }
#mainmenu .blok9 .title, #mainmenu .blok10 .title { left: 92px; }
#mainmenu .blok11 .title, #mainmenu .blok12 .title { left: 40px; }
#mainmenu .blok13 .title, #mainmenu .blok14 .title { left: 88px; }

#mainmenu .title h2 {
    font: 20px "Trebuchet MS", Verdana, Arial, sans-serif;
    text-align: right;
}
#mainmenu .blok1 .title h2 { float: right; margin: 8px 16px 0 0; color: #7588B2; }
#mainmenu .blok2 .title h2 { float: right; margin: 6px 16px 0 0; color: #94E1E0; }
#mainmenu .blok3 .title h2 { float: right; margin: 8px 18px 0 0; color: #75C75F; }
#mainmenu .blok4 .title h2 { float: right; margin: 6px 18px 0 0; color: #CB647B; }
#mainmenu .blok5 .title h2 { float: right; margin: 8px 16px 0 0; color: #FF7800; }
#mainmenu .blok6 .title h2 { float: right; margin: 6px 16px 0 0; color: #542D66; }
#mainmenu .blok7 .title h2 { float: right; margin: 10px 14px 0 0; color: #92B80E; }
#mainmenu .blok8 .title h2 { float: right; margin: 10px 14px 0 0; color: #8BE4E4; }
#mainmenu .blok9 .title h2, #mainmenu .blok10 .title h2 { float: left; margin: 0; color: #FFFFFF; font-size: 18px; }
#mainmenu .blok11 .title h2, #mainmenu .blok12 .title h2 { float: left; margin: 6px 0 0 0; color: #FFFFFF; font-size: 18px; }
#mainmenu .blok13 .title h2, #mainmenu .blok14 .title h2 { float: left; margin: 4px 0 0 0; color: #FFFFFF; font-size: 18px; }

#mainmenu .blok1 .title { background-image: url('../images/menu1.png'); }
#mainmenu .blok2 .title { background-image: url('../images/menu2.png'); }
#mainmenu .blok3 .title { background-image: url('../images/menu3.png'); }
#mainmenu .blok4 .title { background-image: url('../images/menu4.png'); }
#mainmenu .blok5 .title { background-image: url('../images/menu5.png'); }
#mainmenu .blok6 .title { background-image: url('../images/menu6.png'); }
#mainmenu .blok7 .title { background-image: url('../images/menu7.png'); }
#mainmenu .blok8 .title { background-image: url('../images/menu8.png'); }

#mainmenu .title.small { background-repeat: no-repeat; background-position: 0px 0px; }
#mainmenu .title.medium { background-repeat: no-repeat; background-position: 0px -45px; }
#mainmenu .title.large{ background-repeat: no-repeat; background-position: 0px -90px; }
#mainmenu .title.xxlarge { background-repeat: no-repeat; background-position: 0px -135px; }

#mainmenu .top { 
	z-index: 0;
	float: right;
}
#mainmenu .blok1 .top, #mainmenu .blok2 .top {
    width: 299px;
    height: 12px;
	margin: 22px 0 0 0;
}
#mainmenu .blok3 .top, #mainmenu .blok4 .top {
    width: 303px;
    height: 15px;
	margin: 20px 0 0 0;
}
#mainmenu .blok5 .top, #mainmenu .blok6 .top {
    width: 306px;
    height: 7px;
	margin: 22px 0 0 0;
}
#mainmenu .blok7 .top, #mainmenu .blok8 .top {
    width: 288px;
    height: 20px;
	margin: 20px 0 0 0;
}
#mainmenu .blok9 .top, #mainmenu .blok10 .top {
    width: 208px;
    height: 23px;
	margin: 0;
}
#mainmenu .blok11 .top, #mainmenu .blok12 .top {
    width: 191px;
    height: 20px;
	margin: 0;
}
#mainmenu .blok13 .top, #mainmenu .blok14 .top {
    width: 211px;
    height: 24px;
	margin: 0;
}
#mainmenu .blok1 .top { background: url('../images/layout2/bg_blok1.png') no-repeat top left; }
#mainmenu .blok2 .top { background: url('../images/layout2/bg_blok2.png') no-repeat top left; }
#mainmenu .blok3 .top { background: url('../images/layout2/bg_blok3.png') no-repeat top left; }
#mainmenu .blok4 .top { background: url('../images/layout2/bg_blok4.png') no-repeat top left; }
#mainmenu .blok5 .top { background: url('../images/layout2/bg_blok5.png') no-repeat top left; }
#mainmenu .blok6 .top { background: url('../images/layout2/bg_blok6.png') no-repeat top left; }
#mainmenu .blok7 .top { background: url('../images/layout2/bg_blok7.png') no-repeat top left; }
#mainmenu .blok8 .top { background: url('../images/layout2/bg_blok8.png') no-repeat top left; }
#mainmenu .blok9 .top { background: url('../images/layout2/bg_blok9.png') no-repeat top left; }
#mainmenu .blok10 .top { background: url('../images/layout2/bg_blok10.png') no-repeat top left; }
#mainmenu .blok11 .top { background: url('../images/layout2/bg_blok11.png') no-repeat top left; }
#mainmenu .blok12 .top { background: url('../images/layout2/bg_blok12.png') no-repeat top left; }
#mainmenu .blok13 .top { background: url('../images/layout2/bg_blok13.png') no-repeat top left; }
#mainmenu .blok14 .top { background: url('../images/layout2/bg_blok14.png') no-repeat top left; }

#mainmenu .middle {
	z-index: 0; 
	float: right;
}
#mainmenu .blok1 .content_background img, #mainmenu .blok2 .content_background img {
    width: 299px;
	height:160px;
}
#mainmenu .blok3 .content_background img, #mainmenu .blok4 .content_background img {
    width: 303px;
	height:169px;
}
#mainmenu .blok5 .content_background img, #mainmenu .blok6 .content_background img {
    width: 306px;
	height:167px;
}
#mainmenu .blok7 .content_background img, #mainmenu .blok8 .content_background img {
    width: 288px;
/*	height:272px;	*/
	height:149px;
}
#mainmenu .blok9 .content_background img, #mainmenu .blok10 .content_background img {
    width: 208px;
	height: 42px;
}
#mainmenu .blok11 .content_background img, #mainmenu .blok12 .content_background img {
    width: 191px;	
	height:43px;
}
#mainmenu .blok13 .content_background img, #mainmenu .blok14 .content_background img {
    width: 211px;
	height: 26px;
}
#mainmenu input {
	color: #000000;
}
#mainmenu .blok9 input, #mainmenu .blok10 input {
	width: 150px;
	height: 16px;
	margin: 10px 0 0 18px;
	background-color: #C51700;
	z-index: 15;	
}
#mainmenu .blok9 input {
	color: #FFFFFF;
}
#mainmenu .blok10 input {
	background-color: #BABABA;	
	border: 1px solid #FFFFFF;
}
#mainmenu .blok11 input, #mainmenu .blok12 input {
	width: 160px;
	height: 16px;
	margin: 14px 0 0 8px;
	background-color: #191D9F;	
	z-index: 15;
}
#mainmenu .blok11 input {
	color: #FFFFFF;
}
#mainmenu .blok12 input {
	background-color: #B5B500;
}
#mainmenu .blok13 input, #mainmenu .blok14 input {
	width: 150px;	
	height: 16px;
	margin: 6px 0 0 16px;
	background-color: #84488B;
	z-index: 15;	
}
#mainmenu .blok14 input {
	background-color: #B32453;
}
.content_start .nibr {
	line-height: 10px;
}
#mainmenu .blok1 .content_start, #mainmenu .blok2 .content_start {
    width: 251px; 
    margin: 11px 14px 0 34px;
    padding: 0 0 26px 0;
}
#mainmenu .blok3 .content_start, #mainmenu .blok4 .content_start {
    width: 267px; 
    margin: 9px 20px 0 16px;
    padding: 0 0 31px 0;
}
#mainmenu .blok5 .content_start, #mainmenu .blok6 .content_start {
    width: 264px; 
    margin: 16px 20px 0 22px;
    padding: 0 0 24px 0;	
}
#mainmenu .blok6 .content_start {
	color: #FFFFFF;
}
#mainmenu .blok7 .content_start, #mainmenu .blok8 .content_start {
	width: 262px; 
	margin: 8px 8px 0 18px;
	padding: 0 0 24px 0;
}
#mainmenu .blok9 .content_start, #mainmenu .blok10 .content_start {
    width: 208px; 
    padding: 0;
}
#mainmenu .blok11 .content_start, #mainmenu .blok12 .content_start {
    width: 191px; 
    padding: 0;
}
#mainmenu .blok13 .content_start, #mainmenu .blok14 .content_start {
    width: 211px; 
    padding: 0;
}
#mainmenu .blok6 .content_start, #mainmenu .blok11 .content_start {
 	color: #FFFFFF;
}
#mainmenu .blok1 .button a, #mainmenu .blok2 .button a, 
#mainmenu .blok3 .button a, #mainmenu .blok4 .button a, 
#mainmenu .blok5 .button a, #mainmenu .blok6 .button a, 
#mainmenu .blok7 .button a, #mainmenu .blok8 .button a {
	width: 35px;
    height: 33px;
	line-height: 33px;	
	z-index: 10;
	/* margin: 0 5px 15px 0; */
}
#mainmenu .blok9 .button a, #mainmenu .blok10 .button a, 
#mainmenu .blok11 .button a, #mainmenu .blok12 .button a, 
#mainmenu .blok13 .button a, #mainmenu .blok14 .button a {
    width: 37px;
    height: 36px;
	line-height: 36px;
}
.blok1 .button a:link, .blok1 .button a:visited { background: url('../images/small_buttons.png') no-repeat 0 -66px; bottom: -8px; }
.blok2 .button a:link, .blok2 .button a:visited { background: url('../images/small_buttons.png') no-repeat 0 -99px; bottom: -8px; }
.blok1 .button a:hover, .blok1 .button a:active { background: url('../images/small_buttons.png') no-repeat -35px -66px; }
.blok2 .button a:hover, .blok2 .button a:active { background: url('../images/small_buttons.png') no-repeat -35px -99px; }
#mainmenu .blok1 .button a:link, #mainmenu .blok1 .button a:visited, #mainmenu .blok2 .button a:link, #mainmenu .blok2 .button a:visited { right: 22px; }
#mainmenu .blok1 .news.button a:link, #mainmenu .blok1 .news.button a:visited, #mainmenu .blok2 .news.button a:link, #mainmenu .blok2 .news.button a:visited { right: 0; bottom: 0; }

.blok3 .button a:link, .blok3 .button a:visited { background: url('../images/small_buttons.png') no-repeat 0 0; bottom: -8px; }
.blok4 .button a:link, .blok4 .button a:visited { background: url('../images/small_buttons.png') no-repeat 0 -165px; bottom: -8px; }
.blok3 .button a:hover, .blok3 .button a:active { background: url('../images/small_buttons.png') no-repeat -35px 0px; }
.blok4 .button a:hover, .blok4 .button a:active { background: url('../images/small_buttons.png') no-repeat -35px -165px; }
#mainmenu .blok3 .button a:link, #mainmenu .blok3 .button a:visited, #mainmenu .blok4 .button a:link, #mainmenu .blok4 .button a:visited { right: 24px; }
#mainmenu .blok3 .news.button a:link, #mainmenu .blok3 .news.button a:visited, #mainmenu .blok4 .news.button a:link, #mainmenu .blok4 .news.button a:visited { right: 0; bottom: 0; }

.blok5 .button a:link, .blok5 .button a:visited { background: url('../images/small_buttons.png') no-repeat 0 -33px; bottom: -8px; }
.blok6 .button a:link, .blok6 .button a:visited { background: url('../images/small_buttons.png') no-repeat 0 -231px; bottom: -8px; }
.blok5 .button a:hover, .blok5 .button a:active { background: url('../images/small_buttons.png') no-repeat -35px -33px; }
.blok6 .button a:hover, .blok6 .button a:active { background: url('../images/small_buttons.png') no-repeat -35px -231px; }
#mainmenu .blok5 .button a:link, #mainmenu .blok5 .button a:visited, #mainmenu .blok6 .button a:link, #mainmenu .blok6 .button a:visited { right: 24px; }
#mainmenu .blok5 .news.button a:link, #mainmenu .blok5 .news.button a:visited, #mainmenu .blok6 .news.button a:link, #mainmenu .blok6 .news.button a:visited { right: 0; bottom: 0; }

.blok7 .button a:link, .blok7 .button a:visited { background: url('../images/small_buttons.png') no-repeat 0 -198px; bottom: 0px; }
.blok8 .button a:link, .blok8 .button a:visited { background: url('../images/small_buttons.png') no-repeat 0 -264px; bottom: 0px; }
.blok7 .button a:hover, .blok7 .button a:active { background: url('../images/small_buttons.png') no-repeat -35px -198px; }
.blok8 .button a:hover, .blok8 .button a:active { background: url('../images/small_buttons.png') no-repeat -35px -264px; }
#mainmenu .blok7 .button a:link, #mainmenu .blok7 .button a:visited, #mainmenu .blok8 .button a:link, #mainmenu .blok8 .button a:visited { right: 18px; }
#mainmenu .blok7 .news.button a:link, #mainmenu .blok7 .news.button a:visited, #mainmenu .blok8 .news.button a:link, #mainmenu .blok8 .news.button a:visited { right: 0; bottom: 0; }

.blok9 .button a:link, .blok9 .button a:visited { background: url('../images/small_buttons2.png') no-repeat 0 0px; bottom: 6px; }
.blok10 .button a:link, .blok10 .button a:visited { background: url('../images/small_buttons2.png') no-repeat 0 -108px; bottom: 6px; }
.blok9 .button a:hover, .blok9 .button a:active { background: url('../images/small_buttons2.png') no-repeat -37px 0px; }
.blok10 .button a:hover, .blok10 .button a:active { background: url('../images/small_buttons2.png') no-repeat -37px -108px; }
#mainmenu .blok9 .button a:link, #mainmenu .blok9 .button a:visited, #mainmenu .blok10 .button a:link, #mainmenu .blok10 .button a:visited { right: -14px; }
#mainmenu .blok9 .news.button a:link, #mainmenu .blok9 .news.button a:visited, #mainmenu .blok10 .news.button a:link, #mainmenu .blok10 .news.button a:visited { right: 0; bottom: 0; }

.blok11 .button a:link, .blok11 .button a:visited { background: url('../images/small_buttons2.png') no-repeat 0 -36px; bottom: -14px; }
.blok12 .button a:link, .blok12 .button a:visited { background: url('../images/small_buttons2.png') no-repeat 0 -144px; bottom: -14px; }
.blok11 .button a:hover, .blok11 .button a:active { background: url('../images/small_buttons2.png') no-repeat -37px -36px; }
.blok12 .button a:hover, .blok12 .button a:active { background: url('../images/small_buttons2.png') no-repeat -37px -144px; }
#mainmenu .blok11 .button a:link, #mainmenu .blok11 .button a:visited, #mainmenu .blok12 .button a:link, #mainmenu .blok12 .button a:visited { right: -18px; }
#mainmenu .blok11 .news.news.button a:link, #mainmenu .blok11 .news.button a:visited, #mainmenu .blok12 .news.button a:link, #mainmenu .blok12 .news.button a:visited { right: 0; bottom: 0; }

.blok13 .button a:link, .blok13 .button a:visited { background: url('../images/small_buttons2.png') no-repeat 0 -72px; bottom: 4px; }
.blok14 .button a:link, .blok14 .button a:visited { background: url('../images/small_buttons2.png') no-repeat 0 -180px; bottom: 4px; }
.blok13 .button a:hover, .blok13 .button a:active { background: url('../images/small_buttons2.png') no-repeat -37px -72px; }
.blok14 .button a:hover, .blok14 .button a:active { background: url('../images/small_buttons2.png') no-repeat -37px -180px; }
#mainmenu .blok13 .button a:link, #mainmenu .blok13 .button a:visited, #mainmenu .blok14 .button a:link, #mainmenu .blok14 .button a:visited { right: -6px; }
#mainmenu .blok13 .news.button a:link, #mainmenu .blok13 .news.button a:visited, #mainmenu .blok14 .news.button a:link, #mainmenu .blok14 .news.button a:visited { right: 0; bottom: 0; }

#mainmenu .blok1 .content_start, #mainmenu .blok2 .content_start { height: 123px; }
#mainmenu .blok3 .content_start, #mainmenu .blok4 .content_start { height: 129px; }
#mainmenu .blok5 .content_start, #mainmenu .blok6 .content_start { height: 127px; }
#mainmenu .blok7 .content_start, #mainmenu .blok8 .content_start { height: 149px; }
#mainmenu .blok9 .content_start, #mainmenu .blok10 .content_start { height: 42px; }
#mainmenu .blok11 .content_start, #mainmenu .blok12 .content_start { height: 43px; }
#mainmenu .blok13 .content_start, #mainmenu .blok14 .content_start { height: 26px; }

#mainmenu .bottom { float: right; z-index: -1; }

#mainmenu .blok1 .bottom, #mainmenu .blok2 .bottom {
    width: 299px;
    height: 16px;
	margin-top: -1px;
}
#mainmenu .blok3 .bottom, #mainmenu .blok4 .bottom {
    width: 303px;
    height: 13px;
	margin-top: -1px;
}
#mainmenu .blok5 .bottom, #mainmenu .blok6 .bottom {
    width: 306px;
    height: 18px;
	margin-top: -1px;	
}
#mainmenu .blok7 .bottom, #mainmenu .blok8 .bottom {
    width: 288px;
    height: 23px;
	margin-top: -1px;	
}
#mainmenu .blok9 .bottom, #mainmenu .blok10 .bottom {
    width: 208px;
    height: 8px;
}
#mainmenu .blok11 .bottom, #mainmenu .blok12 .bottom {
    width: 191px;
    height: 7px;
}
#mainmenu .blok13 .bottom, #mainmenu .blok14 .bottom {
    width: 211px;
    height: 24px;
}
#mainmenu .blok1 .bottom { background: url('../images/layout2/bg_blok1.png') no-repeat bottom left; }
#mainmenu .blok2 .bottom { background: url('../images/layout2/bg_blok2.png') no-repeat bottom left; }
#mainmenu .blok3 .bottom { background: url('../images/layout2/bg_blok3.png') no-repeat bottom left; }
#mainmenu .blok4 .bottom { background: url('../images/layout2/bg_blok4.png') no-repeat bottom left; }
#mainmenu .blok5 .bottom { background: url('../images/layout2/bg_blok5.png') no-repeat bottom left; }
#mainmenu .blok6 .bottom { background: url('../images/layout2/bg_blok6.png') no-repeat bottom left; }
#mainmenu .blok7 .bottom { background: url('../images/layout2/bg_blok7.png') no-repeat bottom left; }
#mainmenu .blok8 .bottom { background: url('../images/layout2/bg_blok8.png') no-repeat bottom left; }
#mainmenu .blok9 .bottom { background: url('../images/layout2/bg_blok9.png') no-repeat bottom left; }
#mainmenu .blok10 .bottom { background: url('../images/layout2/bg_blok10.png') no-repeat bottom left; }
#mainmenu .blok11 .bottom { background: url('../images/layout2/bg_blok11.png') no-repeat bottom left; }
#mainmenu .blok12 .bottom { background: url('../images/layout2/bg_blok12.png') no-repeat bottom left; }
#mainmenu .blok13 .bottom { background: url('../images/layout2/bg_blok13.png') no-repeat bottom left; }
#mainmenu .blok14 .bottom { background: url('../images/layout2/bg_blok14.png') no-repeat bottom left; }

.menu { width: 265px; }
.menu .small { width: 135px; background-repeat: no-repeat; background-position: 0px 0px; }
.menu .medium { width: 175px; background-repeat: no-repeat; background-position: 0px -45px; }
.menu .large { width: 225px; background-repeat: no-repeat; background-position: 0px -90px; }
.menu .xxlarge { width: 265px; background-repeat: no-repeat; background-position: 0px -135px; }

.menu .small, .menu .medium, .menu .large, .menu .xxlarge {
	position: relative;
	float: right;
	height: 45px;
}
#mainmenu .menu { float: right; }	

.menu .agenda {
	position: relative;
	float: left;
	background: url('../images/agenda.png') no-repeat 0px 0px;
	height: 124px;
	width: 103px;
	margin: 20px 0 0 0;
}
.menu .menu1 { background-image: url('../images/menu1.png'); }
.menu .menu2 { background-image: url('../images/menu2.png'); }
.menu .menu3 { background-image: url('../images/menu3.png'); }
.menu .menu4 { background-image: url('../images/menu4.png'); }
.menu .menu5 { background-image: url('../images/menu5.png'); }
.menu .menu6 { background-image: url('../images/menu6.png'); }
.menu .menu7 { background-image: url('../images/menu7.png'); }
.menu .menu8 { background-image: url('../images/menu8.png'); }
.menu .menu9 { background-image: url('../images/menu9.png'); }

.menu a {
	display: block;
	font-size: 20px;
	text-decoration: none;
}
.menu a .label {
	position: relative;
	float: left;
}
.menu a .label h2 {
    font: 20px "Trebuchet MS", Verdana, Arial, sans-serif;
}
.menu .agenda a .label {
	padding: 86px 0 0 20px;
	color: #FFFFFF;
}
.menu .menu1 a .label {
	padding: 14px 0 0 16px;
	color: #7588B2;
}
.menu .menu2 a .label {
	padding: 6px 0 0 14px;
	color: #55AEAD;
}
.menu .menu3 a .label {
	padding: 10px 0 0 16px;
	color: #4BB72E;
}
.menu .menu4 a .label {
	padding: 9px 0 0 16px;
	color: #CB647B;		
}
.menu .menu5 a .label {
	padding: 8px 0 0 16px;
	color: #FF7800;
}
.menu .menu6 a .label {
	padding: 9px 0 0 16px;
	color: #542D66;
}
.menu .menu7 a .label {
	padding: 10px 0 0 14px;
	color: #92B80E;
}
.menu .menu8 a .label {
	padding: 9px 0 0 16px;
	color: #8BE4E4;
}
.menu .menu9 a .label {
	padding: 10px 0 0 14px;
	color: #DA4090;
}
.menu a .button {
	position: relative;
	float: right;	
	width: 35px;
	height: 33px;
	line-height: 33px;
}
.menu .agenda a .button {
    background: url('../images/large_buttons.png') no-repeat 0px -162px;
	margin: -90px 24px 0 0;	
	width: 55px;
	height: 54px;
	line-height: 54px;	
}
.menu .menu1 a .button {
    background: url('../images/small_buttons.png') no-repeat 0 -66px;
	margin: 8px 4px 0 0;	
}
.menu .menu2 a .button {
    background: url('../images/small_buttons.png') no-repeat 0 -99px;
	margin: 8px 4px 0 0;
}
.menu .menu3 a .button {
    background: url('../images/small_buttons.png') no-repeat 0 0;
	margin: 4px 0 0 0;	
}
.menu .menu4 a .button {
    background: url('../images/small_buttons.png') no-repeat 0 -165px;
	margin: 8px 0 0 0;
}
.menu .menu5 a .button {
    background: url('../images/small_buttons.png') no-repeat 0 -33px;
	margin: 6px 4px 0 0;
}
.menu .menu6 a .button {
	background: url('../images/small_buttons.png') no-repeat 0 -231px;
	margin: 6px 0 0 0;
}
.menu .menu7 a .button {
    background: url('../images/small_buttons.png') no-repeat 0 -198px;
	margin: 8px 0 0 0;	
}
.menu .menu8 a .button {
    background: url('../images/small_buttons.png') no-repeat 0 -264px;
	margin: 8px 0 0 0;
}
.menu .menu9 a .button {
	background: url('../images/small_buttons.png') no-repeat 0 -132px;
	margin: 5px 0 0 0;
}
.menu .agenda a:hover .button { background: url('../images/large_buttons.png') no-repeat -55px -162px; }
.menu .menu1 a:hover .button { background: url('../images/small_buttons.png') no-repeat -35px -66px; }
.menu .menu2 a:hover .button { background: url('../images/small_buttons.png') no-repeat -35px -99px; }
.menu .menu3 a:hover .button { background: url('../images/small_buttons.png') no-repeat -35px 0; }
.menu .menu4 a:hover .button { background: url('../images/small_buttons.png') no-repeat -35px -165px; }
.menu .menu5 a:hover .button { background: url('../images/small_buttons.png') no-repeat -35px -33px; }
.menu .menu6 a:hover .button { background: url('../images/small_buttons.png') no-repeat -35px -231px;}
.menu .menu7 a:hover .button { background: url('../images/small_buttons.png') no-repeat -35px -198px;}
.menu .menu8 a:hover .button { background: url('../images/small_buttons.png') no-repeat -35px -264px;}
.menu .menu9 a:hover .button { background: url('../images/small_buttons.png') no-repeat -35px -132px; }

#content {
	position: relative;
	float: left;
	width: 650px;
	height: auto;	
	margin: 10px 0 0 0;
}
#content.xx-large {
	margin-left:52px;
}
#main {
	position: relative;
	margin: 15px 0 0 23px;	
}
#main_top {
	position: relative;
    width: 523px;
    height: 65px;
	z-index: -1;
}
.large #main_top {
    width: 627px;
}
.xx-large #main_top {
    width: 814px;
}
#background {
	position: relative;
	width: 100%;
	height: 100%;
}
#main_middle {
	position: relative;
    width: 428px;
    min-height: 300px;
	margin: -41px 0 0 0;
    padding: 15px 80px 27px 15px;
}    
.large #main_middle {
	position: relative;
    width: 597px;
    min-height: 300px;
    padding: 15px 15px 27px 15px;
}
.xx-large #main_middle {
	position: relative;
    width: 784px;
    min-height: 300px;
    padding: 15px;
}
.portal #main_middle { background-color: #FFFAC3; }
.kleur1 #main_middle { background-color: #C7D7FB; }
.kleur2 #main_middle { background-color: #CCFFFF; }
.kleur3 #main_middle { background-color: #8CF76F; }
.kleur4 #main_middle { background-color: #F37CA9; }
.kleur5 #main_middle { background-color: #FFE659; }
.kleur6 #main_middle { background-color: #8653BF; }
.kleur7 #main_middle { background-color: #DCFF63; }
.kleur8 #main_middle { background-color: #CCFFFF; }

#main_bottom {
	position: relative;	
    width: 523px;
    height: 38px;
	height: 65px;
	margin: -27px 0 0 0;
	z-index: -1;	
}
.large #main_bottom {
    width: 627px;	
}
.xx-large #main_bottom {
    width: 814px;	
}
#submenu {
	position: absolute;
	top: 29px;
	left: 473px;
	width: 176px;
}
#submenu a {
	display: block;
	color: #FFFFFF;
	margin: 0px 5px 0px 5px;
	padding: 0 0 10px 0;
	font-size: 14px;
	text-decoration: none;
}
#submenu a:hover {
	text-decoration: underline;
}
.kleur1 #submenu a:hover { color: #C7D7FB; }
.kleur2 #submenu a:hover { color: #CCFFFF; }
.kleur3 #submenu a:hover { color: #8CF76F; }
.kleur4 #submenu a:hover { color: #FBE1EF; }
.kleur5 #submenu a:hover { color: #FFE659; }
.kleur6 #submenu a:hover { color: #E4DAFF; }
.kleur7 #submenu a:hover { color: #DCFF63; }
.kleur8 #submenu a:hover { color: #CCFFFF; }

.portal #submenu {
   display: none;
}
#submenu_top {
	position: relative;
    height: 50px;
    width: 176px;
	z-index: 1;
}
#submenu_middle {
	position: relative;
    min-height: 200px;
    padding-top: 10px;
	margin: -26px 0 0 0;
	z-index: 2;
}
.kleur1 #submenu_middle { background: #7588B2; }
.kleur2 #submenu_middle { background: #55AEAD; }
.kleur3 #submenu_middle { background: #2CBE60; }
.kleur4 #submenu_middle { background: #CA488F; }
.kleur5 #submenu_middle { background: #FF7800; }
.kleur6 #submenu_middle { background: #65367A; }
.kleur7 #submenu_middle { background: #92B80E; }
.kleur8 #submenu_middle { background: #55AEAD; }

#submenu_bottom {
    position: relative;
    height: 50px;
    width: 176px;
	margin: -24px 0 0 0;
	z-index: 1;
}