html { min-height: 100%; }

* { margin: 0; padding: 0; }

body { background: #70021f; color: #444; font-family: Arial, Sans-serif; font-size: 12px; }

h1 { color: #333; margin-bottom: 20px; font: normal 1.8em Georgia,sans-serif; }
h2 { color: #333; font: normal 1.2em Georgia,sans-serif; }

.inner-container { background: #FFF; border-left: 2px solid #AFAFAF; border-right: 2px solid #AFAFAF; font-size: 1.2em; margin : 0px auto;  padding: 0; width: 780px; }

.header { background: #FFF;	height: 140px; }

#logo { text-align: left; float: left; width: 260px; height: 120px; position: relative; left: 10px; top: 10px; }
#logo a { font-size: 0.1px }
#logo span { background: url(img/logo.png) no-repeat; position: absolute; width: 100%; height: 100%; }

#star { text-align: right; float: right; position: relative; left: -140px; top: 2px; }
#star a { font-size: 0.1px }
#star span { background: url(http://www.flevoschilderwerken.nl/wp-content/uploads/2009/11/star.png) no-repeat; position: absolute; width: 100px; height: 100px; }

#search { float: right; margin: 54px 10px 0 0; }
#searchsubmit { background: #EFEFEF; border: 1px solid #CCC; font-size: 12px; }
#s { width: 200px; border: 1px solid #CCC; }

.horizontalcssmenu { background: #99053B; height: auto; padding: 1px 4px 1px 10px; margin-left: 0px; margin-right: 0px; }
.horizontalcssmenu ul {margin: 0; padding: 0; list-style-type: none; }
.horizontalcssmenu ul li { text-align: left; position: relative; display: inline; float: left; }
.horizontalcssmenu ul li a { display: block; width: 70px; padding: 0px 8px 2px; text-decoration: none; color: #FFF; font: 12px Tahoma; }
.horizontalcssmenu ul li ul { left: 0; margin-top: 0; position: absolute; display: block; visibility: hidden; z-index: 100; }
.horizontalcssmenu ul li ul li { text-align: left; display: inline; float: none; }
.horizontalcssmenu ul li ul li a { text-align: left; width: 170px; font-weight: normal; padding: 2px 5px; background: #99053B; }
.horizontalcssmenu ul li a:hover { background: #7F0032; }
.horizontalcssmenu ul li ul li a:hover{ background: #7F0032; }

.main { background: url(img/fsw_transparent.jpg) no-repeat; height: 706px; width: 778px; }

.content { text-align: left; float: left; width: 420px; }

.page { width: 740px; }.post { margin: 20px 0 2px 20px; }

.post a { color: #99053B; text-decoration: none; }

#diensten li { display: inline; padding-right: 5px; padding-top: 15px; }
#diensten li a img { border: 2px solid #CCC; }
#diensten li a:hover img { border-color: #AFAFAF; }

#sidebar { float: right; margin: 40px 20px 0 0; background: url(img/sidebar.jpg) no-repeat; width: 283px; height: 324px; }
#sidebar h2 { margin-top: -20px; text-align: left; }
#sidebar ul { margin: 20px 15px 0 15px; }
#sidebar li { list-style: none; display: inline; }

.footer { color: #333; font: 10px sans-serif; margin-top: 20px; padding: 2px 12px; }
.footer a { color: #AFAFAF; text-decoration: none; }
.footer a:hover { color: #9F9F9F;}
.footer .right, .footer { color: #333;}

.img { border: 2px solid #CCC; }
.img:hover { border: 2px solid #AFAFAF; }

.clearer { clear: both; font-size: 0; }
.left {float: left;}
.right {float: right;}

.contact { float: left; width: 320px; text-align: left; }
.googlemaps { float: right; }

/* Hack for IE \*/
* html .horizontalcssmenu { margin-right: -2px; }
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 0%; }
/* End */