/*-- Fonts --*/
h1{font-size:2.0em;padding:0;margin:10px 10px;color: #0050A0;text-align:left;}
h2{font-size:1.7em;padding:0;margin:10px 10px;color:#0050A0;text-align:left;margin:10px 1em 10px 10px;}
h3{font-size:1.5em;padding:0;margin:1em 10px;color:#0050A0;text-align:left;}
h4{font-size:1.2em;padding:0;margin:0 10px;color:#0050A0;text-align:left;}
p{font-size:0.8em;padding:0;margin:1em 1em 0 10px;line-height:150%;text-align:left;}
a {text-decoration:none}

/*-- Inline Styles --*/
abbr {}
img{}

/*-- Styling --*/
.italic {font-style:italic;}
.bold {font-weight:600;}
.underline {text-decoration:underline;}
.border {border:1px solid #000;}
.success {color:green;font-weight:600;}
.error {color:red;font-weight:600;}
.larger {font-size:1.25em;}
.smaller {font-size:0.8em;}

/*-- Positioning --*/
.pos-l{text-align:left;}
.pos-r{text-align:right;}
.pos-c{text-align:center;margin-left:auto;margin-right:auto;}
.flt-l{float:left;margin-top:0;}
.flt-r{float:right;margin-top:0;}
.clr{clear:both;}
.clr-l{clear:left;}
.clr-r{clear:right;}
.hide {position:absolute;left:-1000em;}

/*-- Main Page Positions and Styles --*/
html {height:100%;background:white;text-align:center;}
body{font-family:Century Gothic, Verdana, sans-serif;margin:0 auto;}
#wrapper{width:900px;background:white; border:2px solid #0050A0;margin:0px auto;}

#header {width:896px;height:95px;border:2px solid #0050A0;background:#0050A0;}
#header p {text-align:center;}
#header img {padding:10px 15px 0 15px;}

#content {width:900px;height:auto;padding-top:10px;padding-bottom:10px;}
#content ul {font-size:0.8em;padding-left:20px;margin:20px 1em 0 0px;line-height:150%;text-align:left;}
#content li {margin-bottom:10px;}
#content iframe {margin:5px 20px 20px 5px;}
#content img{margin:5px 14px;border:none;}

#contentsub {width:900px;height:auto;padding-top:10px;padding-bottom:20px;}
#contentsub ul {font-size:0.8em;padding-left:20px;margin:20px 1em 0 220px;line-height:150%;text-align:left;}
#contentsub li {margin-bottom:10px;}
#contentsub img{margin:5px -13px 5px 10px;}

#clear {clear:both;}

#nav {font-size:0.8em;margin:0;background:#0050A0;text-align:center;}
#nav ul {margin:0; border-top:1px solid white;padding:5px 0;}
#nav li {color:white;list-style:none;display:inline;text-align:left;padding-right:40px;}
#nav li a {color:#fff;text-decoration:none;}
#nav li a:hover, .nav li a:focus {color:#66CCFF;}

#navsub {font-size:1em;margin-left:20px;text-align:left;float:left;width:200px;}
#navsub ul {margin:0; padding:5px 0;}
#navsub li {color:#0050A0;list-style:none;display:block;text-align:left;padding:0 20px 10px 0;}
#navsub li a {color:#0050A0;text-decoration:none;}
#navsub li a:hover, .nav li a:focus {text-decoration:underline;}

#portfoliocolumn {width:680px;padding:0;margin:0;display:table;}
#portfoliocolumn h2 {margin:0;font-size:1.7em;line-height:100%;padding:0;}
#portfoliocolumn p {margin:0;padding:0;font-weight:bolder;text-align:right;font-size:0.7em;line-height:2em;margin-top:-1.7em;padding-right:5px;}
#portfoliocolumn img {width:320px;padding:0;margin:0;border:none;}
#portfoliocolumn a {margin:0;padding:0;color:black;}

/*#willen {background:url(../images/content/portfolio/Willen270.png)top left no-repeat;width:270px;float:left;height:95px;}*/
.project {padding-bottom:1em;margin-right:1em;width:325px;float:left;}
.projectRight {margin:0;}

.download {font-size:12px;}
.news {font-size:20px;}


#footer {width:900px;font-size:0.8em;text-align:center;border-top:2px solid #154D9F;background:white;height:50px;}
#footer p {font-size:9px;font-weight:bold;text-align: center;margin-top:15px;}
#footer img {margin:0;padding:0;}