@charset "utf-8";
/* XTREME INTERNET SOLUTIONS CSS Document */

html,body {
/*height: 100%;*/
}
body{
background-image:url(http://www.xis.be/afbeeldingen/bgslider.jpg);
background-repeat:repeat-x;
margin:0px;
padding:0px;
}
body,table{
font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size: 12px;
color:#333333;
}
div#container
{
margin:0 auto;
width:792px;
text-align:left;
position:relative;
/*
min-height: 500px;
height:auto !important; /* voor moderne browsers */
/*height:500px; /* voor IE */
}
div#header 
{
background-image:url(http://www.xis.be/afbeeldingen/header.jpg);
background-repeat:no-repeat;
width:792px;
height:274px;
}
#inhouddiv
{
float:left;
/*position:relative;*/
width:792px;
text-align:left;
margin:0px;
padding:0px;
background-image:url(http://www.xis.be/afbeeldingen/bgmidden.jpg);
background-repeat:repeat-y;


min-height:510px;
height:auto !important;
height:500px;

display: table-cell; height: 100%;
}
div.headertekst {
position:absolute;
left:540px;
top:20px;
border:none;
}
div.headertekst a {
text-decoration:none;
color:#999999;
}
div.headertekst a:hover {
color:#5076bd;
}

#headerfoto {
position:absolute;
left:364px;
top:52px
}
#linkerzijkant {
position:relative;
left:0px;
top:0px;
width:260px;
float:left;
height:auto;

/*
min-height: 100%;
height:auto !important; /* voor moderne browsers */
/*height:100%; /* voor IE */
}
#inhoud {
width:500px;
position:relative;
left:0px;
padding-bottom:10px;
float:left;
}
#menu {
position:absolute;
left:6px;
top:110px
}
#menu ul {
margin:0px;
padding:0px;
list-style-type:none;
}
#menu li {
margin:0px;
padding:0px;
list-style-type:none;
font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
}
#menu li a {
color:#FFFFFF;
width:220px;
display:block;
padding-left:30px;
text-decoration:none;
font-weight:600;
margin-bottom:4px;
}
#menu li.selected a {
color:#000000;
width:210px;
display:block;
padding-left:30px;
text-decoration:none;
font-weight:600;
margin-bottom:4px;
background-color:#9db7e8;
}
#menu li a:hover {
width:210px;
display:block;
background-color:#9db7e8;
color:#000000;
}
#footer {
position:relative;
float:left;
background-image:url(http://www.xis.be/afbeeldingen/bgfooter.jpg);
background-repeat:no-repeat;
width:100%;
height:20px;
}
#footer .credits {
	float: left;
	text-align: center;
	height: 25px;
	overflow: hidden;
	margin: 10px 0 0 0;
}
#footer .credits li {
	display: block;
	float: left;
	padding-left: 10px;
	line-height: 20px;
}
#footer .credits li a {
	display: block; 
	float: left;
}
#footer .credits li.xis {
	width: 260px;
}
#footer .credits li.xis a {
	text-decoration:none;
	color:#333333;
}

#footer .credits a.css {
	width: 55px;
	height: 20px;
}
#footer .credits a.xhtml {
	width: 55px;
	height: 15px;
}
#footer .credits a.privacy {
	width: 240px;
	height: 15px;
	font-size: 12px;
	color:#333333;
	text-decoration:none;
}
#footer .credits a.feweb {
	width: 80px;
	height: 24px;
	padding-top:1px;
}
h1 {
color:#5076bd;
font-size:15px;
margin-top:8px;
margin-bottom:8px;
width:500px;
border-bottom:double;
border-width:3px;
border-color:#5076bd;
}
h2 {
font-size:16px;
color:#5076bd;
margin:0px;
padding:0px;
text-decoration:none;
border-bottom-style:solid;
border-bottom-width:1px;
border-color:#5076bd;
width:250px;
}
h3 {
font-size:15px;
color:#5076bd;
margin:0px;
padding:0px;
text-decoration:none;
border-bottom-style:solid;
border-bottom-width:1px;
border-color:#5076bd;
width:500px;
}
h4 {
margin:0px;
padding:0px;
text-decoration:none;
font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size: 12px;
}

p {
margin:0px;
padding:0px;
}
#submenu {
position:relative;
left:14px;
top:0px;
width:227px;
background-image:url(http://www.xis.be/afbeeldingen/submenubg.jpg);
margin:0px;
padding:0px;
padding-top:10px;
min-height:75px;
height:auto !important;
height:75px;

}
#submenufooter {
position:relative;
left:14px;
width:227px;
height:16px;
margin:0px;
padding:0px;
background-image:url(http://www.xis.be/afbeeldingen/submenufooter.jpg);
text-indent:-5000px;
}
#submenu ul {
padding:0;
margin:0;
margin-left:2em;
list-style-type:none;
}
#submenu li a {
background-image:url(http://www.xis.be/afbeeldingen/submenu2.gif);
background-repeat: no-repeat; 
background-position: 0 .29em;
padding-left: 2em;
text-decoration:none;
color:#383838;
/*display:block;*/
}
#submenu li.selected a {
background-image:url(http://www.xis.be/afbeeldingen/submenu.gif); 
}
#submenu li a:hover {
background-image:url(http://www.xis.be/afbeeldingen/submenu.gif);
}

#inhoud a {
text-decoration:none;
color:#5076bd;
font-weight:bold;
}
#inhoud a:hover {
text-decoration:none;
color:#4268AE;
font-weight:bold;
text-decoration:underline;
}

#buttonvorige a {
position:relative;
text-transform:capitalize;
float:left;
width:150px;
height:22px;
margin:7px;
padding:0px;
background-image:url(http://www.xis.be/afbeeldingen/buttonbg3.jpg);
background-repeat: no-repeat; 
background-position: 0 -0.2em;
text-align:center;
color:#FFFFFF;
text-decoration:none;
font-size:11px;
}
#buttonvolgende a {
position:relative;
text-transform:capitalize;
float:left;
width:150px;
height:22px;
margin:7px;
padding:0px;
background-image:url(http://www.xis.be/afbeeldingen/buttonbg2.jpg);
background-repeat: no-repeat; 
background-position: 0 -0.2em;
text-align:center;
color:#FFFFFF;
text-decoration:none;
font-size:11px;
}
#buttonoverzicht a {
position:relative;
text-transform:capitalize;
float:left;
width:150px;
height:22px;
margin:7px;
padding:0px;
background-image:url(http://www.xis.be/afbeeldingen/buttonbg4.jpg);
background-repeat: no-repeat; 
background-position: 0 -0.2em;
text-align:center;
color:#FFFFFF;
text-decoration:none;
font-size:11px;
}
.buttonwebsite a {
position:relative;
text-transform:capitalize;
float:right;
width:150px;
height:22px;
margin:7px;
padding:0px;
background-image:url(http://www.xis.be/afbeeldingen/buttonbg5.jpg);
background-repeat: no-repeat; 
background-position: 0 -0.2em;
text-align:center;
color:#FFFFFF;
text-decoration:none;
font-size:11px;
}
.buttonwebsite a:hover{
text-decoration:none;
color:#FFFFFF;
}

#buttonvorige a:hover{
text-decoration:none;
color:#FFFFFF;
}
#buttonvolgende a:hover{
text-decoration:none;
color:#FFFFFF;
}
#buttonoverzicht a:hover{
text-decoration:none;
color:#FFFFFF;
}

#inhoud img {
border:none;
}

.portfolioitem {
background-image:url(http://www.xis.be/afbeeldingen/submenu.gif);
background-repeat: no-repeat; 
background-position: 0 0.1em;
padding-left:20px;
}

#portfolioimg {
border:solid;
border-width:1px;
border-color:#666666;
margin:0px;
padding:0px;
width:500px;
}

#klantenlogin {
position:relative;
top:15px;
left:40px;
width:180px;
height:auto;
}
#klantenlogin input {
position:absolute;
left:70px;
background-color:#CCCCCC;
font-size:11px;
}
#klantenlogin .titel {
font-size:14px;
color:#5076bd;
font-weight:bold;
margin:0px;
padding:0px;
margin-bottom:10px;
}

#klantenlogin .loginbutton {
background-color: #FFFFFF;
color: #000000;
font-size:11px;
width:100px;
position:absolute;
left:37px;
}
#klantenlogin fieldset {
font-size: 100%;
border-color: #000000;
border-width: 1px 0px 0px 0px;
border-style: solid none none none;
padding: 10px;
margin: 0px 0px 0px 0px;
}
#klantenlogin input, #wtform select, #wtform textarea {
padding: 1px 3px;
margin: 0px 0px 0px 0px;
border: 1px solid #5A89D7;
border-left: 3px solid #5A89D7;
border-right: 3px solid #5A89D7;
}



#nieuwsbriefinschrijven {
position:relative;
top:30px;
left:40px;
width:180px;
height:auto;
}
#nieuwsbriefinschrijven .titel {
font-size:14px;
color:#5076bd;
font-weight:bold;
margin:0px;
padding:0px;
margin-bottom:10px;
}

#laatstenieuws {
position:relative;
top:30px;
left:40px;
width:180px;
height:auto;
}
#laatstenieuws .titel {
font-size:14px;
color:#5076bd;
font-weight:bold;
margin:0px;
padding:0px;
margin-bottom:10px;
}


#nieuwsbriefinschrijven input {
position:absolute;
left:70px;
background-color:#CCCCCC;
font-size:11px;
}
#nieuwsbriefinschrijven .loginbutton {
background-color: #FFFFFF;
color: #000000;
font-size:11px;
width:100px;
position:absolute;
left:37px;
}
#nieuwsbriefinschrijven fieldset {
font-size: 100%;
border-color: #000000;
border-width: 1px 0px 0px 0px;
border-style: solid none none none;
padding: 10px;
margin: 0px 0px 0px 0px;
}
#nieuwsbriefinschrijven input, #wtform select, #wtform textarea {
padding: 1px 3px;
margin: 0px 0px 0px 0px;
border: 1px solid #5A89D7;
border-left: 3px solid #5A89D7;
border-right: 3px solid #5A89D7;
}
.topbutton a {
position:relative;
text-transform:capitalize;
float:right;
width:77px;
height:22px;
margin:10px;
padding:0px;
background-image:url(http://www.xis.be/afbeeldingen/topbutton.jpg);
background-repeat: no-repeat; 
background-position: 0 -0.2em;
text-align:center;
color:#FFFFFF;
text-decoration:none;
font-size:11px;
}
.topbutton a:hover{
text-decoration:none;
color:#FFFFFF;
}
.topbutton a:visited{
text-decoration:none;
color:#FFFFFF;
}
.topbutton a:active{
text-decoration:none;
color:#FFFFFF;
}
#print {
position:absolute;
left:480px;
top:7px;
}