/* body { behavior:url("css/csshover.htc"); } */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	line-height:18px;
}
body {
	margin:0px;
	padding:0px;
	background:url(../img/body_bg.gif) top repeat-x;
}


a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
a:active{
	color: #000000;
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6,p {
	margin:0px;
	padding:0px 0px 1em 0px;
}

h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:26px;
	color:#003a83;
	padding:0px 0px 20px 0px;
}

h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#003a83;
	padding:0px 0px 20px 20px;
}

h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#003a83;
	padding:0px 0px 4px 0px;
}

h4{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	color:#003a83;
	padding:0px 0px 16px 0px;
}

em{
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	font-style:normal;
	color:#000;
	padding:0px 0px 0px 0px;
}


img {
	border:none;
	vertical-align:top;
}

.left{ float:left; }
.right{ float:right; }
.hidden{ display:none; }

img.left{ margin:5px 10px 10px 0px; }
img.right{ margin:5px 0px 10px 10px; }

form{
	margin:0px;
	padding:0px;
}

.alert{
	border:1px solid #FF0000;
	color:#FF0000;
	font-weight:bold;
	margin-bottom:10px;
	padding:10px;
}

.clearfix:after{
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
*+html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */


/*--------------------- */
/* WRAPPERS				*/
/*--------------------- */

#wrapper{
	width:826px;
	margin:0px auto;
	padding:8px 0px 0px 0px;
}

#language_nav{
	height:18px;
	text-align:right;
	padding-right:22px;
}
#language_nav a{
	text-decoration:none;
	color:#666666;
	padding-left:20px;
}
#language_nav a.nl{ background:url(../img/lan_nl.gif) no-repeat 0px 2px; }
#language_nav a.en{ background:url(../img/lan_en.gif) no-repeat 0px 2px; }


#header{
	position:relative;
	width:826px;
	height:254px;
	background:url(../img/wrapper_top.gif) no-repeat;
}

#main{
	float:left;
	width:596px;
	padding:0px 0px 0px 1px;
}


#main_mid {
	background:url(../img/content_mid.gif) repeat-y;
	padding:0px 36px 15px 36px; 
}

#main_bottom {
	height:19px;
	background:url(../img/content_bottom.gif);
}


#sidebar{
	float:right;
	padding:0px 0px 0px 0px;
}

#side_mid{
	width:199px; /*185px;*/
	background:url(../img/side_mid.gif) repeat-y;
	padding:0px 16px 0px 14px; 
}

#side_bottom {
	width:229px;
	height:24px;
	background:url(../img/side_bottom.gif) no-repeat;
}

/*--------------------- */
/* HEADER				*/
/*--------------------- */

#header img{
	position:absolute;
	left:17px;
	top:16px;
}

#nav{
	position:absolute;
	z-index:500;
	left:15px;
	top:186px;
	list-style:none;
	width:793px;
	height:23px;
	margin:0px;
	padding:3px 0px 0px 2px;
	background:url(../img/nav_bg.gif) no-repeat;
}

#nav li{
	position:relative;
	display:block;
	float:left;
	width:132px;
	margin:0px;
	padding:0px 0px 3px 0px;;
}

#nav li:hover ul{
	display:block;
}

#nav a{
	display:block;
	height:20px;
	color:#616161;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}

#nav a.active, #nav li:hover{
	color:#333;
	background:url(../img/nav_hover.gif) no-repeat 1px 0px;
}

#nav li.first a.active, #nav li:hover.first{
	background:url(../img/nav_hover_first.gif) no-repeat 1px 0px;
}

#nav li.last a.active, #nav li:hover.last{
	background:url(../img/nav_hover_last.gif) no-repeat 1px 0px;
}


/* subnav */

#nav ul{
	display:none;
	/*position:absolute;
	left:-4px;
	top:21px;*/
	z-index:400;
	height:auto;
	width:131px; /* 139px */
	margin:0px 0px 0px -4px;
	padding:7px 4px 10px 4px;
	background:url(../img/subnav_bg.png) no-repeat left bottom;
}

#nav li.diensten ul{
	background:url(../img/subnav_breed.png) no-repeat left bottom !important;
	width:171px; /* 179px */
	margin-top:2px;
}

#nav ul li {
	float:none;
	width:auto;
	margin:0px;
	padding:0px;
	line-height:14px;
	border-bottom:1px solid #E2E2E2;
}

#nav ul li:hover {
	background:none;
}

#nav ul li a{
	text-transform:none;
	text-decoration:none;
	text-align:left;
	font-weight:normal;
	padding:4px 0px 5px 12px;
	background:none;
	height:auto;
	white-space:nowrap;
}

#nav ul li a:hover{
	color:#000;
	background:none;
	background-color:#F2F2F2;
	text-decoration:none;
}


/*--------------------- */
/* MAIN					*/
/*--------------------- */

/* home page */

#banner{
	text-align:center;
	padding:0 0 20px 0;
}

div.slider{ 
	position:relative;
	border:1px solid #c0bebe;
	height:412px;
}

div.corner{ 
	position:absolute;
	height:8px;
	width:8px;
	z-index:2;
}
div.corner-tl{ top:-1px; left:-1px; background:url(../img/slider-corners.png) no-repeat left top; }
div.corner-tr{ top:-1px; right:-1px; background:url(../img/slider-corners.png) no-repeat right top; }
div.corner-bl{ bottom:-1px; left:-1px; background:url(../img/slider-corners.png) no-repeat left bottom; }
div.corner-br{ bottom:-1px; right:-1px; background:url(../img/slider-corners.png) no-repeat right bottom; }


ul.slider-nav{
	margin:0;
	padding:0;
	height:68px;
	list-style:none;
	border-bottom:1px solid #c0bebe;
}

ul.slider-nav li{
	margin:0;
	padding:0;
	display:inline;
}

ul.slider-nav a{
	display:block;
	float:left;
	padding:15px 0 0 16px;
	height:53px;
	border-right:1px solid #c0bebe;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:16px;
	font-weight:bold;
	color:#00418d;
	text-decoration:none;
	background:url(../img/slider-navbg.gif) repeat-x 50% -70px;
}

li.ui-state-active a, ul.slider-nav a:hover{
	color:#FFFFFF;
	background:url(../img/slider-navbg.gif) repeat-x 50% 0;
}

li.about a{ width:130px; }
li.real-user-monitoring a{ width:100px; }
li.performance-management a{ width:115px; }
li.transaction-management a{ width:110px; border:none; }


div.slider-container div{
	height:343px;
	position:relative;
}

div.slider-container div.ui-tabs-hide{
	display:none;
}

div.slider-container div#about{ background:url(../img/slider/about.jpg) no-repeat; }
div.slider-container div#real-user-monitoring{ background:url(../img/slider/real-user-monitoring.jpg) no-repeat; }
div.slider-container div#performance-management{ background:url(../img/slider/performance-management.jpg) no-repeat; }
div.slider-container div#transaction-management{ background:url(../img/slider/transaction-management.jpg) no-repeat; }

div.slider-container div h2{
	margin:0;
	padding:20px 20px 0 30px;
	font-size:22px;
	line-height:32px;
	color:#000000;
	font-family:"Trebuchet MS", Verdana, Arial;
}

div.slider-container div p{
	margin:0;
	padding:20px 0 0 30px;
	font-size:18px;
	line-height:26px;
	color:#000000;
	font-weight:bold;
	font-family:"Trebuchet MS", Verdana, Arial;
}

div.slider-container div a{	
	display:block;
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	width:120px; /* 523px */ 
	height:35px; /* 343px */
	padding:308px 0 0 403px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#000000; /* 00418d */
}

div#about h2, div#about p, div#about a { color:#FFFFFF; }
div#transaction-management h2, div#transaction-management p, div#transaction-management a { color:#FFFFFF; }





/*--------------------- */
/* NEWSBOX				*/
/*--------------------- */

.newsbox{
	width:567px;
	margin-left:-20px;
	margin-bottom:12px;
}

.newsbox_top{
	background:url(../img/newsbox_top.gif) no-repeat;
	width:567px;
	height:9px;
}

.newsbox_mid{
	background:url(../img/newsbox_mid.gif) repeat-y;
	width:527px;
	padding:10px 20px 10px 20px;
}

.newsbox_bottom{
	background:url(../img/newsbox_bottom.gif) no-repeat;
	width:567px;
	height:10px;
}

a.readmore{ 
	margin:10px 0px 0px 0px;
	padding:0px 30px 0px 0px;
	display:block;
	text-align:right;
	background:url(../img/arrow.gif) right 6px no-repeat;
	text-decoration:none;
	font-weight:bold;
	color:#003a83;
	text-align:right;
}

a.readmore:hover{
	background-position:right 6px;
	color:#000;
}



/* Klanten / Partners gallery */

.thumbs{
	float:right;
	width:200px;
	text-align:right;
	margin-left:10px;
}

.thumbs div{
	display:table;
	float:left;
	width:92px;
	height:62px;
	margin:0px 0px 8px 8px;
	background:url(../img/thumb_bg_small.gif) no-repeat;
	text-align:center;
}

.thumbs p{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:92px;
	height:62px;
	padding:0;
}

.thumbs img{
	margin:3px auto;
}


/*--------------------- */
/* Sidebar				*/
/*--------------------- */

.sidebarbox{
	width:200px;
	padding:10px 0px 0px 0px;
}

.sidebarboxul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.sidebarboxul li{
	padding:0px 0px 20px 0px;
	margin:0px;
}

.sidebarbox_top{
	background:url(../img/sidebarbox_top.gif) no-repeat;
	width:200px;
	height:8px;
}

.sidebarbox_mid{
	background:url(../img/sidebarbox_mid.gif) repeat-y;
	width:180px;
	padding:15px 10px 5px 10px;
}

.sidebarbox_bottom{
	background:url(../img/sidebarbox_bottom.gif) no-repeat;
	width:200px;
	height:9px;
}

.sidebarboxul a{
	text-decoration:none;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:16px;
}

.sidebarboxul a span{
	font-weight:bold;
	color:#003a83;
	display:block;
}


.input{
	width:300px;
}