/*   /css/stylesheet-rrwd.css for rrwd.nl */
/*   Stylesheet for screen */
/*   May 2009 - XHTML/CSS - Rian Rietveld  - http://www.rrwd.nl  */
/*   Aug 2007 - Design - Debby van Dongen  - http://www.conk.nl  */
/*   main color: #0E3747; */
/*   light color: #638282; */
/*   lightest color: #DDE8E8; */
/*   background color main images:  #932c0d; */


/* overall defenitions------------------------------------------------------------------- */ 

* {
	 padding: 0;
	 margin: 0;
  border: 0;
}

body {
  font-size: 70%;
  line-height: 1.6em;
  background-color: #fff;
  font-family: "Trebuchet MS", Arial, sans-serif;	
	 color: #0E3747;
}

.hidden {
  position: absolute; 
  top: -10000px;
}

hr {
	border-bottom: 1px dashed #DDE8E8;
	height: 0;
	margin-bottom: 11px;
	margin-top: 11px;
}

h2 {
	 clear: both;
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-weight: normal;
	 letter-spacing: 0.1em;
	 padding-bottom: 6px;
}

p, cite {
 	margin-bottom: 10px;
}

a {
	color: #638282;
}

a:hover {
	color: #0E3747;
}

a[href$='.pdf']  { padding-right: 20px; background: url(/css/img/icon_pdf.gif)    no-repeat center right; }
a[href$='.PDF']  { padding-right: 20px; background: url(/css/img/icon_pdf.gif)    no-repeat center right; }
a[href^='http:'] { padding-right: 15px; background: url(/css/img/icon_link.gif)   no-repeat center right; }
a.imgLink        { padding-right: 0;    background: none;}


dt {
  float: left;
  width: 150px;
}

dl {
  padding-bottom: 10px;
}

.clear {
	 clear: both;
}

ul, li {
	list-style: none;
}

/* main lay-out ------------------------------------------------------------------- */
#wrapper {
  position: relative;
	 width: 995px;
	 margin: 0 auto;
}

#header{
	 width: 995px;
	 color: #fff;
	 background-color: #932c0d;
	 background-image: url(/css/img/top.jpg);
 	background-repeat: no-repeat;
	 height: 178px;
	 background-position: top left;
}

#wrapper_columnLeft_Content {
	 width: 964px;
	 float: left;
	 background-image: url(/css/img/wrapper_columnleft_content.gif);
	 background-repeat: no-repeat;
	 background-position: 0px 5px;
	 padding-right: 31px;
}

#columnLeft {
	 float: left;
	 width: 215px;
	 padding-top: 64px;
	 padding-bottom: 25px;
}

#wrapper_columnContent_columnRight {
	 float: right;
	 width: 702px;
}

#columnContent {
	 float: left;
	 width: 497px;
	 margin-top: 33px;
}

#columnRight {
	 float: right;
	 width: 160px;
	 padding-top: 64px;
}

#footer {
  padding-top: 10px;
	 clear: both;
}

/* -------------------------------------------------------------------- service_menu */
#service_menu {
	 border-right-width: 1px;
	 border-right-style: dashed;
	 border-right-color: #fff;
	 width: 250px;
	 text-align: right;
	 padding-top: 15px;
	 padding-right: 13px;
	 margin-left: 380px;
	 letter-spacing: 0.1em;
	 font-size: 1.2em;
	 font-family: "Trebuchet MS", Arial, sans-serif;
	 font-weight: bold;
}

#service_menu li {
	 background-image: none;
	 padding-left: 10px;
 	margin-top: 0px;
	 padding-top: 7px;

}

#service_menu a {
	 color: #fff;
	 text-decoration: none;
}


/* oranje links home / contact*/
#service_menu li.oranje a{
	color: #f90;
}

#service_menu li.oranje a:hover {
	color: #fff;
}

#logo {
  position: absolute;
  top: 66px;
  left: 780px;
  width:107px;
  height: 51px;
}

/* -------------------------------------------------------------------- content */

#content_title {
	font-size: 2em;
}

#content_title span {
	font-size: 0.8em;
	display: block;
	margin-top: 6px;
	padding-left: 35px;
	color: #7DA4A4;
	background-color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#columnContent ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

#columnContent li {
	padding-left: 15px;
	background-image: url(/css/img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

img.content {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

.youtube {
  width:425px;
  height:344px;
}
/* -------------------------------------------------------------------- portfolio */

img.portfolio {
	float: right;
	padding-top: 6px;
	margin-left: 3px;
	background-image: url(img/portfolio-bg.jpg);
	background-repeat: no-repeat;
	margin-top: 3px;
	width: 343px;
}

img.portfolio_smaller {
	float: right;
	padding-top: 6px;
	margin-left: 3px;
	background-image: url(img/portfolio-bg.jpg);
	background-repeat: no-repeat;
	margin-top: 3px;
	width: 300px;
}

img.portfolioList {
  margin-bottom: 20px;
  float: left; 
  margin-right: 5px; 
  width: 75px; 
  height: 75px;
}

#portfolioForm {
  padding-bottom: 10px;
  padding-left: 37px;
}

#portfolioForm  select{
  border: 1px dashed #638282;
  padding: 2px;
  color: #0E3747;
}

.submitButton {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: white;
  background-color: #932c0d;
  font-weight: bold;
  font-family: Georgia, "Times New Roman", Times, serif;
}
/* -------------------------------------------------------------------- sitemap */


a.first {
  font-family: Georgia, "Times New Roman", Times, serif;
	 font-weight: normal;
	 letter-spacing: 0.1em;
	 padding-bottom: 5px;
	 font-size: 1.5em;
}
/* -------------------------------------------------------------------- zoek */

input.invoerveld {
  border: 1px dashed #638282;
  padding: 2px;
  color: #0E3747;
}

/* -------------------------------------------------------------------- left */
#nieuws_title {
	 font-size: 1.5em;
	 background-image: url(/css/img/bg-lefth1.gif);
	 background-repeat: no-repeat;
	 padding-left: 31px;
	 padding-bottom: 10px;
	 background-position: 8px 0px;
}

#nieuws_title a {
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-weight: normal;
	 letter-spacing: 0.1em;
	 color: #7DA4A4;
	 text-decoration: none;
}

#trefwoorden_title {
	 background-image: url(/css/img/bg-lefth2.jpg);
	 background-position: top right;
	 background-repeat: no-repeat;
	 color: #fff;
  background-color: #932c0d;
	 margin-left: 31px;
	 padding-top: 5px;
	 padding-left: 7px;
	 height: 35px;
	 margin-bottom: 0;	 
	 padding-bottom: 0;
}


#columnLeft p {
  margin-left: 31px;
  padding-top: 5px;
  line-height: 1.4em;
  border-top: 1px dashed #7DA4A4;
}

/* -------------------------------------------------------------------- tagcloud */
#tagcloud {
  margin-left: 31px;
}

#tagcloud li {
  float: left;

}

#tagcloud a {
 	text-decoration: none;
  padding-right: 10px;
  line-height: 25px;
}

#tagcloud a:hover, #tagcloud a.active {
	 text-decoration: underline;
}

a.tagcloud1 {
	font-size: 0.9em;
	color: #7DA4A4;
	background-color: #fff;
}
a.tagcloud2 {
	font-size: 1.0em;
	color: #7DA4A4;
	background-color: #fff;
}
a.tagcloud3 {
	font-size: 1.1em;
	color: #0E3747;
	background-color: #fff;
}
a.tagcloud4 {
	font-size: 1.2em;
	color: #0E3747;
 background-color: #fff;
}
a.tagcloud5 {
	font-size: 1.3em;
	color: #0E3747;
	background-color: #fff;
}
a.tagcloud6 {
	font-size: 1.4em;
	color: #0E3747;
	background-color: #fff;
}
a.tagcloud7 {
	font-size: 1.5em;
	color: #7DA4A4;
 background-color: #fff;
}

/* -------------------------------------------------------------------- right */


#columnRight h2 {
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size: 1.5em;
}

#columnRight h2 a {
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.1em;
	color: #7DA4A4;
 background-color: #fff;
}

#columnNews {
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.1em;
	color: #7DA4A4;
 background-color: #fff;
 border-bottom: 1px dashed #7DA4A4;
 font-weight: normal;
 padding-bottom: 10px;
}

#columnRight legend {
 font-weight: bold;
}

span.error {
  color: #c00;
}

#columnRight ul {
  padding-top: 10px;
	 border-top: 1px dashed #7DA4A4;
}

#columnRight ul li {
	 float: left;
}

#columnRight img {
	 margin-right: 7px;
 	margin-bottom: 7px;
	 width: 46px;
  height: 46px;
}

#laatste_projecten, #laatste_projecten li {
  width: 100%;
}

#laatste_projecten li {
  width: 100%;
  text-align: center;
} 

#columnRight sup {
  font-size: 0.6em;
  font-weight: bold;
  color: #7DA4A4;
   background-color: #fff;
}

#laatste_projecten img {
  width: 75px;
  height: 75px;
}

#columnContent p.intro {
  font-weight: bold;
}

/* -------------------------------------------------------------------- footer */

#footer ul {
	 padding-left: 262px;
}

#footer ul li {
	float: left;
	background-image: none;
	padding-right: 10px;
}