@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #0a2939;
	background-color: #bcbabb;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat-x;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
img {border: 0px;}
#container {
	width: 967px;
	height:636px;
	margin: 0 auto;
	margin-top:78px;
	text-align: left;
	background-image: url(http://www.markand-media.nl/mobots/images/bg_container.png);
	background-repeat: no-repeat;
	background-position: 9px top;
	position: relative;
}
#logo {
	margin-left:150px;
	margin-top:0px;
	}
#mainContent #container_tekst {
	height: 370px;
	width: 470px;
	background-image: url(../images/bg_content.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/* container campagnes */
#mainContent #container_campagnes {
	height: 383px;
	width: 790px;
	background-image: url(../images/bg_campagnes.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#container_tekst h1, 
#container_campagnes h1 {
	margin: 0px;
	padding: 0px;
	color:#FFF;
	font-size:18px;
	padding-left:10px;
	line-height:34px;
}
#container_campagnes h1 {
	padding-left:170px
	}
#campagnes_content {
	float:left;
	}
.campagne_afbeelding {
	width:140px;
	height:94px;
	background-color:#CCC;
	float:right;
	margin-right:25px;
	margin-top:10px;
	margin-bottom:10px;
}
.campagne_afbeelding2 {
	width:140px;
	height:94px;
	float:right;
	margin-right:25px;
	margin-top:10px;
	margin-bottom:10px;
	text-align: center;
}
#container_tekst p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}



#mobot_top {
	width:90px;
	height:160px;
	z-index:20;
	position: absolute;
	top:33px;
	left:-9px;
}
#slideshow_top {
	width:70px;
	height:160px;
	z-index:1;
	position: absolute;
	top:40px;
	left:18px;
}
#slideshow_top a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow_top a.active {
    z-index:10;
}
#slideshow_top a.last-active {
    z-index:9;
}



.menu {
	position: absolute;
	top:129px;
	left:90px;
	height:34px;
}
#pane1 table tr td {
	
	
}

.menu .menu_item {
	float: left;
	background-image: url(../images/memu_lijn.gif);
	background-repeat: no-repeat;
	background-position: right;
	height:34px;
	line-height: 32px;
	font-size:14px;
}
.menu .menu_item a {
	color:#FFF;
	text-decoration:none;
	display:block;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/memu_lijn.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.menu .menu_item a:hover {
	color:#FFF;
	text-decoration:none;
	background-color:#19658b;
	height:34px;

		
}
#mainContent {
	position:absolute;
	top:210px;
	left:80px;
}




#mobot_right {
	position: absolute;
	height: 399px;
	width: 220px;
	right:120px;
	bottom:30px;
	z-index: 20;
}
#slideshow {
	position: absolute;
	height: 130px;
	width: 150px;
	right:155px;
	background-repeat: no-repeat;
	background-position: center 20px;
	top: 240px;
}
#slideshow a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow a.active {
    z-index:10;
}
#slideshow a.last-active {
    z-index:9;
}

#slidepersoon {
	position: absolute;
	height: 399px;
	width: 220px;
}
#slidepersoon a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slidepersoon a.active {
    z-index:10;
}
#slidepersoon a.last-active {
    z-index:9;
}



#footer {
	position: absolute;
	height: 25px;
	width: 100%;
	bottom: 0px;
	color:#FFF;
	line-height:25px;
	text-align:center;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}

/* scroll bar */
#pane1 {
	HEIGHT: 307px}

.scrollbalk .jScrollPaneTrack {
	BACKGROUND: url(../images/track.gif) repeat-y
}
.scrollbalk .jScrollPaneDrag {
	BACKGROUND: url(../images/drag_middle.gif) no-repeat 0px 50%
}
.scrollbalk .jScrollPaneDragTop {
	BACKGROUND: url(../images/drag_top.gif) no-repeat; HEIGHT: 4px
}
.scrollbalk .jScrollPaneDragBottom {
	BACKGROUND: url(../images/drag_bottom.gif) no-repeat; HEIGHT: 4px
}
.scrollbalk A.jScrollArrowUp {
	BACKGROUND: url(../images/arrow_up.gif) no-repeat 0px 0px; HEIGHT: 17px
}
.scrollbalk A.jScrollArrowUp:hover {
	BACKGROUND-POSITION: 0px -20px
}
.scrollbalk A.jScrollArrowDown {
	BACKGROUND: url(../images/arrow_down.gif) no-repeat 0px 0px; HEIGHT: 17px
}
.scrollbalk A.jScrollArrowDown:hover {
	BACKGROUND-POSITION: 0px -20px
}
.scrollbalk A.jScrollActiveArrowButton {
	BACKGROUND-POSITION: 0px -40px
}
.scrollbalk A.jScrollActiveArrowButton:hover {
	BACKGROUND-POSITION: 0px -40px
}

/* Campagnes menu */
ul.menu_campagnes li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 154px;
	background-color:#fdf0e2;
	font-size:14px;
	background-image: url(../images/campagnes_lijn.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.menu_campagnes{
	position: relative;
	margin:0px;
	padding:0px;
	margin-left:3px;
	padding-top:2px;
	float:left;
}


ul.menu_campagnes li{
	position: relative;
}

ul.menu_campagnes li a{
	color: #7f7f7f;
	text-decoration:none;
	display: block;
	height:38px;
	line-height:38px;
	padding-left:5px;

}
ul.menu_campagnes li a:hover{
	color: #0a2939;
	background-color:#fad5a9;
		background-image: url(../images/campagnes_lijn.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
}
#container_tekst a {
	font-weight: bold;
	color: #2EA0DB;
	text-decoration: none;	
}
#container_tekst a:hover {
	color: #000;	
}

#container_tekst ul {
	list-style-type: square;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#container_tekst ul li {
	margin: 0px;
	padding: 0px;
}