/* 

STYLE SHEET FOR WEB SITE
www.seniorxchange.nl
created by Saskia Schrijver, Inhoud Telt, www.inhoudtelt.nl

/* --------- 1. defaults  --------- */

body {
     padding: 0px; 
	 margin-top: 0px;
	 margin-bottom: 10px;
     background: #fff url(../gfx/bg.jpg) repeat-x 50% 0;
	 font-family: "Trebuchet MS", Verdana, Arial, sans-serif, "Myriad Pro", "Myriad Web Pro";
	 font-size: small;
 	 color: #333;
}
		
#wrapper {
  width: 940px;    
  margin-top: 10px;    
  margin-left: auto;    
  margin-right: auto;   
  margin-bottom: 10px;
  background: #FFF url(../gfx/streep_l.gif) repeat-y 50% 0;
  border: dotted 2px #999; 
  padding: 0px;    
}

/*  ---------
#wrap {
  max-width: 720px;
  background:url(../gfx/streep_l.gif) repeat-y 70% 0;
 
 }

--------- */  

/*  --------- 2. structure  --------- */

#header {
  width: 940px;
  background: #FFF;
  margin-top: 0px;
}

#main-body {
  float: left;
  width: 720px;
}

#content {
  float: right;
  width: 480px;
  padding: 20px 10px 10px 10px;
}

#menu {
  float: left;
  width: 198px;
  padding: 20px 5px 10px 15px;
 
}

#sidebar {
 float: right;
 width: 198px;
 padding: 20px 10px 10px 10px;
 
}

#footer {
 clear: both;
}

#zoeken {
 width: 194px;
 height: 90px;
 border-bottom: dotted 2px #999;
}

#print_stuurdoor {
 width: 194px;
 height: 73px;
 padding-top: 20px;
 border-bottom: dotted 2px #999;
}

a {
    color: #970F00;

}

/* ---------- 3. menu ---------- */

#navlist {
    font-size: 100%;
	float: left;

}

#navlist ul {
    width: 150px;
    margin: 0px;
	border: 0px;
	padding: 0px;
	list-style-type: none;
}    

#navlist li {
	margin: 0px;
	border: 0px;
	padding: 8px 0px 8px 0px;
}    

#navlist ul li a {
	text-decoration: none;
    color: #970F00;
}    

#navlist ul li a:hover {
    font-weight: bold;
}    

#navlist ul li a.selected {
    font-weight: bold;
}    

#navlist li a:hover {
    font-weight: bold;
} 

/* ---------- 4. submenu ---------- */

#navlist ul li ul {
  display: none;
   width: 160px;
   margin:0;
   padding:0 0 0 25px;
   list-style-type:disc;
}

#navlist ul li.selected ul {
   display: block;
   position: relative;
}

#navlist ul li.selected li {
  margin:0;
  padding:0;
  display:list-item;
}

#navlist ul li.selected ul li a {
  display:block;
  border:1px solid white;
  height:20px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

#navlist ul li.selected ul li a:hover {
    font-weight: bold;
}

#navlist ul li.selected ul li a.selected {
    font-weight: bold;
}
	

		
/* ---------- 5. fonts ---------- */

p {
  font-size: 100%;
  line-height: 135%;
  margin-top: 2px;
  margin-bottom: 8px;
}

tr {
  font-size: 120%;
}

h1 {
  padding-top: 0px;
  padding-bottom: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 160%;
  font-weight: bold;
  color: #970F00;
  font-family: Georgia, "Times New Roman", Times, serif;
}

h2 {
  padding-top: 5px;
  margin-bottom: 0px;
  font-size: 120%;
  font-weight: bold;
  color: #970F00;
  font-family: Georgia, "Times New Roman", Times, serif;

}

h2.zoeken {
  padding-top: 0px;
  margin-bottom: 10px;
  font-size: 120%;
  font-weight: bold;
  color: #970F00;
  font-family: Georgia, "Times New Roman", Times, serif;

}


h3 {
  font-size: 110%;
  font-weight: bold;
  color: #7C596C;
  color: #970F00;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding-top: 5px;

}

h4 {
  font-size: 100%;
  line-height: 135%;
  margin-top: 2px;
  font-weight: bold;
}

strong {
    font-weight: bold;
    color: #970F00;
}

ul { margin:0 0 8px 25px; padding:0 }

ul li {
  line-height: 135%;
}

ol {
  line-height: 135%;
}

td {
	font-size: 0.8em;
}

/* ---------- 6. images ---------- */

a img {
	border: 0px none;
}

img.right {
         float: right;
         margin: 0 0 10px 10px;
}


/* ---------- 7. formulier ---------- */
form#formulier input.text,
form#formulier textarea { width:300px; margin:0 0 10px 130px; display:block }
label { float:left; width:130px }
input.submit { display:block; margin-left:130px }
div.error { color:#970F00; font-style:italic; margin-bottom:10px;}

/* ---------- 8. recycle homepage ---------- */
div.recycle { text-align:center; position:relative }
a#werknemer,
a#werkgever { display:block; font-size:13px; text-decoration:none; font-weight:bold; width:75px; padding:8px; position:absolute; color:white; background:#981004; border:2px solid #4A0B06; border-style:outset; text-align:center; line-height:13px }
a#werknemer:hover,
a#werkgever:hover { border-style:inset }
a#werknemer { left:43px; top:130px }
a#werkgever { left:343px; top:130px }

/* ---------- 8. kader ---------- */
div.kader { background: #E1E1E1; border: dotted 2px #970F00; padding:8px 10px 0px; 10px; font-size:100% }

div.onderschrift { font-size: 85%; line-height: 135%; margin-top: 2px; }
div.groter { font-size: 105%; line-height: 135%; margin-top 2px}