body {background: url(../../images/uw-thuis_nl/back.jpg) top left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 75px 0; line-height: 1; color: #666; }
#container {width: 940px; margin: 0 auto; position: relative; }
img {border: 0;}
#header {width: 940px; height: 100px; background: url(../../images/uw-thuis_nl/logo.png) no-repeat; -moz-border-radius-topleft: 25px; -webkit-border-top-left-radius: 25px; -moz-border-radius-topright: 25px; -webkit-border-top-right-radius: 25px; }
#header ul {list-style-type: none; float: right; padding: 30px 30px 0 0; font-weight: bold; }
#header ul li {float: left; margin-left: 5px; }
#header ul li a {display: block; color: #333; font-size: 1.5em; padding: 8px 9px 10px 10px; text-decoration: none; }
#header ul li a:hover {-moz-border-radius: 25px; -webkit-border-radius: 25px; background: #9e1b6b; color: #FFF; background: url(../../images/uw-thuis_nl/glow.jpg) repeat-x;}
#header ul li a.selected {-moz-border-radius: 25px; -webkit-border-radius: 25px; background: #9e1b6b; color: #FFF;  background: url(../../images/uw-thuis_nl/glow.jpg) repeat-x;}

#tekst {width: 900px; background: #FFF;  border-top: #CCC 1px solid; padding: 20px 20px 20px 20px; line-height: 1.5; }
#tekst h1 {font-size: 1.7em; line-height: 1.5em; color: #9e1b6b;}
#tekst a {color: #9e1b6b;}
#tekst a:hover {color: #9e1b6b; text-decoration: none;}

#tekst h1.front {font-size: 1.5em; line-height: 1.5em; color: #666; width: 879px; }
#tekst h2.front {background: #9e1b6b; color: #FFF; padding: 10px; margin: 20px 0; font-size: 1.6em; width: 879px; background: url(../../images/uw-thuis_nl/glow.jpg) repeat-x; }
#tekst h2.front a { color: #FFF; text-decoration: none;  }
#tekst h2.front a:hover { color: #FFF; text-decoration: underline;}
#tekst p {margin: 10px 0; }
#tekst small {display: none; }

#tekst ul.projecten { margin: 20px 0 0 0; line-height: 1; width: 920px;}
#tekst ul.projecten li { }
#tekst ul.projecten li h3 { padding: 8px; margin: 0; background: #9e1b6b; color: #FFF; background: url(../../images/uw-thuis_nl/glow.jpg) repeat-x;}
#tekst ul.projecten li a {color: #666; text-decoration: none; font-size: 1.2em; display: block; padding: 10px; border: 1px solid #e7cae2; width: 188px; float: left; height: 200px; margin: 0 20px 20px 0;  }
#tekst ul.projecten li a:hover {background: #9e1b6b; color: #FFF; }
#tekst ul.projecten li a {overflow: hidden; }
.foto { width: 188px; overflow: hidden; margin: 10px 0; height: 120px;}
.plaatjes:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#links {float: left; width: 673px; padding: 0 20px 0 0; border-right: #CCC 1px solid;}
#links .prijs {float: right; -moz-border-radius: 25px; -webkit-border-radius: 25px; background: #9e1b6b; color: #FFF; padding: 10px; font-size: 1.4em;  background: url(../../images/uw-thuis_nl/glow.jpg) repeat-x;}
#links .tekstplaatje {float: left; margin: 15px 10px 0 0; }
#box {width: 600px; padding: 20px; border: 1px solid #CCC; }
#box .tekst img {float: left; margin: 5px 10px 0 0; overflow: hidden; }
#box .tekst:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#box .plaatje {float: left; margin: 0 10px 10px 0; }

#wie {width: 260px; padding: 20px; border: 1px solid #CCC; float: left; margin: 0 15px 15px 0;  }
#wie .tekst img {float: left; margin: 5px 10px 0 0; overflow: hidden; }
#wie .tekst:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#wie a {color: #444; text-decoration: underline; }
#wie a:hover {color: #444; text-decoration: none; }

#links table td {height: 20px; vertical-align: top; }
#links table {width: 400px; }

#projecten {padding: 10px 0; line-height: 1.5; }
#projecten .multimedia {width: 300px; float: left; padding-top: 10px; }
#projecten .multimedia .groot {width: 278px; overflow: hidden; margin: 0 0 12px 0; z-index: -1; }
#projecten .multimedia .klein {width: 120px; overflow: hidden; height: 85px; float: left; margin: 0 12px 12px 0; }
#projecten .teksten {width: 373px; float: left;  }
#projecten .typen {width: 300px; }
#projecten .typen table {width: 260px; margin: 10px 0; }
#projecten .typen span {width: 120px; }
.teksten ul {list-style-type: normal; margin: 0 0 0 12px; }
.teksten ul li {list-style-type: disc; padding: 0 0 0 5px; }


#rechts {float: left; width: 185px; padding: 0 0 0 20px; line-height: 1.5;}
#rechts h1 {font-size: 1.4em; line-height: 1em; margin: 0; color: #9e1b6b; }
#rechts p {margin: 10px 0; }
#rechts ul {margin: 10px 0; }
#rechts li {margin: 5px 0; }
#rechts input {width: 100px; margin-bottom: 5px; }
#rechts a, #links a {color: #9e1b6b; text-decoration: underline; }
#rechts a:hover, #links a:hover {color: #9e1b6b; text-decoration: none; }
#tekst .eigenschappen {border: 0px solid #CCC; background:#9e1b6b; color: #FFF;  padding: 2px 15px; margin-bottom: 15px; background: url(../../images/uw-thuis_nl/glow500.jpg) repeat-x; width: 250px; }
#tekst .eigenschappen h1 {font-size: 1.5em; line-height: 1.5em; color: #FFF; margin-top: 5px; }
#footer {width: 940px; height: 90px; background: url(../../images/uw-thuis_nl/footer.png) no-repeat bottom; }
#footer a {color: #444; text-decoration: underline; }
#footer a:hover {color: #444; text-decoration: none; }
#footer ul {padding: 20px 0 0 20px; }
#footer ul li {float: left; font-size: 1.3em; color: #444; margin-right: 25px; line-height: 1.5; }
#footer ul li.last {color: #FFF; padding-top: 5px; }

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
strong {font-weight: bold; color: #9e1b6b; }

.filter {border: 1px solid #e7cae2;; padding: 5px 10px; width: 879px; margin-top: 12px; font-size: 1.1em;}
.filter a {color: #000; text-decoration: none; }
.filter a:hover {color: #9e1b6b; text-decoration: underline; }
.filter b {padding: 2px 4px; color: #FFF; background: #9e1b6b;  }
.filter select {margin-right: 10px; font-family: Arial, sans-serif; font-size: 1.1em; border: 1px solid #CCC; color: #666; }

div#kolommen {width: 920px; margin-top: 20px; line-height: 1.3}
div#kolommen .kolom1 {width: 286px; float: left; height: 200px; margin: 0 20px 0 0; overflow: hidden; }
div#kolommen .kolom2 {width: 286px; float: left; height: 300px; margin: 0 20px 0 0; }
div#kolommen .kolom3 {width: 286px; float: left; color: #FFF; overflow: hidden; }
div#kolommen h1 {margin: 0; padding: 0; }

.kolom1 ul li {font-size: 1.2em; line-height: 1.5; }
.kolom1 ul li a {color: #444; text-decoration: underline; }
.kolom1 ul li a:hover {color: #444; text-decoration: none; }
.kolom2 ul {width: 286px; list-style: none; overflow: hidden; }
.kolom2 ul li { font-size: 1.2em; line-height: 1.5;}
.kolom2 ul li a {color: #444; text-decoration: underline; }
.kolom2 ul li a:hover {color: #444; text-decoration: none; }

div#twitter {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #414141}
.twtr-bd, .twtr-hd, .twtr-ft {font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
p.rss a {text-decoration: none; color: #666;}
.tekst h2 {font-size: 1.3em; color: #9e1b6b; }

#links .agenda table {width: 665px; margin-top: 15px; }
#links .agenda table tr th {font-weight: bold; }

.googlemap {width: 187px; height: 150px; overflow: hidden; margin: 15px 0 15px 0 }
