/***************************************

    Whitespace reset

****************************************/

* {
padding:0px;
margin:0px;
outline:none; /* remove dotted lines in Firefox */
}


/***************************************

    Glabal page styles

****************************************/

body {
background:#e5e5e5 url(../img/bodybg.png) top center no-repeat;
}


#wrap {
width: 960px;
margin: 0em auto;
}

#header {
height:125px;
background: silver;
}

#content {
float:left;
width:960px;
padding-bottom:30px;
}

#left_content {
float:left;
width:240px;
height:400px;
}

#right_content {
float:left;
font-size:1.3em;
width:600px;
padding-left:115px;
padding-top:70px;
}

.right50 {
float:left;
width:300px;
padding-bottom:40px;

}

.clear {
clear:left;
}


#footer {
border-top: 1px dotted #b5b5b5;
color: #969696;
clear: both;
text-align:right;
width:600px;
margin-left:355px;
}

#footer a{
color: #969696;
}

#footer a:hover{
text-decoration:none;
}

.kennisbank_item{
border-top:1px solid #999999;

padding-top:15px;
padding-bottom:15px;
}

.title{
width:240px;
float:left;
}

.type{
padding-top:5px;
text-align:center;
width:120px;
height:122px;
background: url(../img/background_filetype.gif) no-repeat;
}

.info{
width:360px;
float:left;

}

.rss_feed{
font-size:1.3em;
margin-top:165px;
}

/***************************************

    Logo Double Pharked IE PNG Technique

****************************************/


a.logo, h1.logo {
          	width: 210px;
          	height: 71px;
          	overflow: hidden;
          	display: block;
          	margin: 0;
            z-index: 3;
          }
h1.logo a {
          	display: block;
          	width: 100%;
          	text-indent: -9999px;
          	height: 100%;
          	background: url(../img/metisit_logo.png) no-repeat;
          }
h1.logo a img {
            text-indent: 0;
			border: 0;
          }
		  
h1.logo a { behavior: url(css/iepngfix.htc); }

h1.logo img { behavior: url(css/iepngfix.htc); }
		  
/***************************************

    General Typography

****************************************/

html
{
  font-size: 100%;
}


body
{
  color: #696969;
  font-family: "Nimbus Sans L", helvetica, arial, sans-serif;
/*  this sets the baseline text size to 10px, so 1.4em = 14px */
  font-size: 62.5%;
}

/***************************************

   Links Typography and behaviour

****************************************/

#content a {
color: #333;
text-decoration: underline;

}

#content a:hover{
color: #333;
text-decoration: none;

}

/***************************************

    Headings  Typography

****************************************/

/* all headings in bold with a top and bottom margin */
h1,h2,h3,h4,h5,h6 
{
  font-family:  verdana, sans-serif; 
  font-weight: normal;
  line-height: 1; 
  margin-bottom: 0.3em;
}

h1
{
  font-size: 4em;
}

h2
{
  padding-bottom:0.5em;
  font-size: 2.8em;
  position: relative;
  font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}

h3
{
  font-size: 1.1em;
  display:block;
  padding:0em;
  font-weight:bold;
  color: #696969;
  font-family:"Nimbus Sans L", helvetica, arial, sans-serif;
  line-height: 1.5;
  margin-bottom: 1.0em;
}

h4
{
  font-size: 1.6em;
  font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}

h5
{ 
   font-size: 1.1em;
}

h6
{
  font-size: 1.1em;
  border-top:1px solid #b5b5b5;
  padding-top:12px;
}

/***************************************

    Paragraphs  Typography

****************************************/

p
{
  line-height: 1.5;
  margin-bottom: 1.0em;
font-weight:thinner;

/*allows paragraphs to contain floated elements such as images*/
  overflow: hidden;
}

/***************************************

    Lists  Typography

****************************************/

#right_content ul{
margin-left:25px;
}
#right_content li{
padding-top:15px;
list-style-type: circle;
}

/***************************************

    Navigation styles

****************************************/		

#nav-bg{
height:110px;
background: url(../img/topnavbg.png) left top repeat-x;
}

#nav-960{
width:960px;
margin:0px auto;
}

.navigation{
text-align: center;
font-size: 1.5em;
font-family:"Lucida Sans Unicode", "Lucida Grande",Verdana, Arial, Helvetica, sans-serif; 
}

.navigation ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.navigation li{
display: inline;
margin: 0;
}

.navigation li a{

float: left;
display: block;
width:240px;
padding-top:10px;
height:30px;
text-decoration: none;
margin: 0;
color: #EEE;
background: #333; /*background of tabs (default state)*/
}

.navigation li a.selected{
height:45px;
color:#FFF;
}

.navigation li a.tab1{
background: #ff671c;
}
.navigation li a.tab2{
background: #362d21;
}

.navigation li a.tab3{
background: #7a613f;
}

.navigation li a.tab4{
background: #c4ae85;
}



.navigation li a:hover{
height:45px;
color:#FFF;
}


		  
/***************************************
.navigation li.selected a
    Table styles

****************************************/		  
		  



/***************************************

    Form styles

****************************************/	
legend {
display:none;
}


#contactform {


}

label {
 
display: block;

}

.txter {
padding:5px 0px;
}

.txtareas {
padding:5px 0px;
}
.roboform {
width:100px;
font-size:120%;
}

textarea{
width:240px;
height:120px;
border: 3px solid #eee;
background: #FDFDFD;
color:#747474;
padding:2px;
font-family:verdana, sans-serif;
font-size:90%;
}

fieldset fieldset {  
margin-bottom: -2.5em;  
border-style: none;  
background-color: transparent;  
background-image: none;
}
fieldset fieldset legend {  
margin-left: 0;  
font-weight: normal;
}
fieldset fieldset ol {  
position: relative;  
top: -1.5em;  
margin: 0 0 0 11em;  
padding: 0;
}
fieldset fieldset label {  
float: none;  
width: auto;  
margin-right: auto;
}

input {
width: 190px;
border: 3px solid #eee;
background: #FDFDFD;
padding:2px;
color:#747474;
}

input:hover {
border: 3px solid #e3dfdf;

background: #fafff6;
}

input:active {
border: 3px solid #e3dfdf;
background: #fafff6;
}

textarea:hover {
border: 3px solid #e3dfdf;

background: #fafff6;
}

textarea:active {
border: 3px solid #e3dfdf;
background: #fafff6;
}

.roboformt{
padding-top:10px;
font-size:120%;
}

input.submitbutton {
background:#F9F9F9;
width:150px;

font-size:90%;
}

input.submitbutton:active {
background:#EEE;
color: #360000;
}

input.submitbutton:hover {
background:#EEE;
color: #360000;
}

/***************************************

    Widget styles

****************************************/	


.diensten-nav {
font-variant:small-caps;
}

.diensten-nav a{
text-decoration:none;
}

/***************************************

    Global browser reset

***************************************

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
        border: 0;
  color: inherit;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        margin: 0;
        outline: 0;
        padding: 0;
        vertical-align: baseline;
}
 */
/* remember to define focus styles! */
/*
:focus {
        outline: 0;
}
body {
        line-height: 1;
        color: black;
        background: white;
}
ol, ul {
        list-style: none;
}
*/
/* tables still need 'cellspacing="0"' in the markup */
/*
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}

*/