/* colours
Orange FF4619
Dark Blue 123CB2
Light Blue 0043FF
Dark Green 6CB209
Light Green 7FCC14
*/
/*GLOBAL*/
* {margin:0;padding:0;}
body {
	background:#F5F1EC;
	margin:0;
	font:14px/22px "Palatino Linotype", "Palatino", Georgia, serif;
	color:#000;
}
header, section, aside {display: block;}

/*PLAATSING*/
#wrap {background: #fff; padding: 22px; width: 677px; margin-left: 43px;}
header {background: #fff url(xb.gif) no-repeat 0 -78.5px; height: 78.5px;}
header:hover {background-position: 0 0;}
header aside {position: relative; left: 511px; top: -4px; width: 170px; height: 110px; background: #ff1 url(corner.png) no-repeat bottom left; opacity: .9; padding: 0 20px;}
#content {margin: 22px 66px 0 66px;}
#twitter {display: inline-block; width: 240px; float: right; padding: 22px 10px 11px 10px; margin: 0 0 22px 20px; background: #F5F1EC;}

/*KLASSEN*/
.x {position:absolute; left:-9999px; top:-9999px;}
.left {float:left;}
.right {float:right;}

/*ELEMENTEN*/
h2 {font-size:22px; line-height:44px; margin-top:11px; color: #FF4619; font-weight: normal; font-style: italic;}
h3 {font-size:12px; line-height:33px; margin-top:11px; color: #999; font-family: Helvetica, Arial, sans-serif; letter-spacing: 1px; text-transform:uppercase;}
p {margin-bottom:22px;}
header aside p {padding: 22px 0 0 0; margin: 0;}
p:first-letter { margin-left: 11px;}
p.intro {color: #75716C; font-size: 16px; font-style: italic;}
p.first:first-letter {margin-left: 0;}
img {border:none;}
ul, ol {margin:0 0 11px 0;}

#twitter {font-size: 16px; color: #333;}
#twitter a {border-bottom-width: 0;}
#twitter span.quote {font: 40px/11px Georgia; color: #357;}
#twitter span.left {margin-right: 4px; margin-top: 12px;}
#twitter span.right {margin-left: 4px;}
#twitter span.text {display: block; margin: auto 20px;}

/*LINKS*/
a {text-decoration: none; border-bottom: 1px solid #999; color: #123CB2;}
a:visited {color: #888; border-color: #888;}
a:hover {border-color: #ccc; color: #0043ff;}