html, body {width: 100% !important;}

body {
	font-family: Garamond, Georgia, serif;
	background: #4F4A4A;
	font-size: 90%;
	margin: 0;
	padding: 0;
}

#wrapper { 
	margin-top: 0;
	margin-right: 8%;
	margin-bottom: 0;
	margin-left: 8%;
	background: transparent;
	position: relative;
	border-right: 1px solid RGB(79, 74, 74);
	border-left: 1px solid RGB(79, 74, 74);
}

#inner-wrapper { 
	margin-bottom: 35px;
	padding: 0;
	position: relative;
	background: transparent;
}

ul.lang {
	margin: 0;
	padding: 0px 0px 0px 0;
	text-align: right;
	background: transparent;
}
ul.lang li {
	display: inline;
	margin-bottom: 0;
	padding-bottom: 0;
}
ul.lang a {
	color: rgb(229,222,206);
	background: transparent;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0.5em;
	margin: 0;
}
ul.lang a:hover {
	color: #000;
}

#top {
	margin: 0;
	padding: 0;
	background: #DADADA;
	clear: both;
}
#top div{
	margin-left: 223px;
	padding: 0;
	height: 200px;
	background: #4F4A4A url(./template/background-top.jpg) top right no-repeat;
}

body#markiezen #top div{
	background: #4F4A4A url(./template/markiezen-top.jpg) top right no-repeat;
}
body#terrasschermen #top div{
	background: #4F4A4A url(./template/background-terrasschermen.jpg) top right no-repeat;
}
body#top-info #top div{
	background: #4F4A4A url(./template/background-index-top1.jpg) top right no-repeat;
}
body#top-index #top div{
	background: #4F4A4A url(./template/background-index-top1.jpg) top right no-repeat;
}
body#terrasoverkappingen #top div{
	background: #4F4A4A url(./template/terrasoverkappingen-top.jpg) top right no-repeat;
}

body#raamdecoratie #top div{
	background: #4F4A4A url(./template/Raamdecoratie-top.jpg) top right no-repeat;
}

body#nieuws #top div{
	background: #4F4A4A url(./template/nieuws-top.jpg) top right no-repeat;
}
body#contact #top div{
	background: #4F4A4A url(./template/contact-top.jpg) top right no-repeat;
}
body#informatie #top div{
	background: #4F4A4A url(./template/informatie-top.jpg) top right no-repeat;
}
body#screens #top div{
	background: #4F4A4A url(./template/screens-top.jpg) top right no-repeat;
}
body#serrezonwering #top div{
	background: #4F4A4A url(./template/serrezonwering-top.jpg) top right no-repeat;
}
body#pergolino #top div{
	background: #4F4A4A url(./template/pergolino-top.jpg) top right no-repeat;
}
body#arcade #top div{
	background: #4F4A4A url(./template/arcade-top.jpg) top right no-repeat;
}
body#windscherm #top div{
	background: #4F4A4A url(./template/windscherm-top.jpg) top right no-repeat;
}
body#weitop #top div{
	background: #4F4A4A url(./template/weitop-top.jpg) top right no-repeat;
}
body#p5000 #top div{
	background: #4F4A4A url(./template/p5000-top.jpg) top right no-repeat;
}
body#pergotenda #top div{
	background: #4F4A4A url(./template/pergotenda-top.jpg) top right no-repeat;
}
body#rolluiken #top div{
	background: #4F4A4A url(./template/rolluiken-top.jpg) top right no-repeat;
}
body#horren #top div{
	background: #4F4A4A url(./template/horren-top.jpg) top right no-repeat;
}



#top div.head {
}
div.head h1 {
	font-family: Trebuchet Ms, sans-serif;
	font-size: 0.85em;
	letter-spacing: 0.1em;
	color: rgb(34,34,34);
	text-transform: uppercase;
}

a.logo {
	float: left;
	border: none;
	padding: 0;
	margin: 40px 0 0 0;
	width: 223px;
	height: 88px;
	background: transparent url(./template/logo.png) top left no-repeat;
	z-index: 1000;
}
#topmenu {
	background:RGB(125, 46, 36);
}
#topmenu div{
	background: transparent;
	text-align: right;
	color: RGB(37, 42, 71);
}

#topmenu ul {
	margin: 0;
	padding-left: 213px;
}
#topmenu ul li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#topmenu a, #topmenu a:link {
	color: RGB(222, 222, 222);
	font-size: 85%;
	text-decoration: none;
	padding: 0.5em 0.5em;
	line-height: 2.1em;
	margin: 0.2em 0;
}
#topmenu a:hover {
	color: #fff;
	background: #E9923C;
}


#content {
	margin: 0;
	padding: 0;
	background: #E9923C;
	border-bottom: 1px solid #4F4A4A;
}

#menu {
	float: left;
	top: 3.5em;
	clear: left;
	width: 223px;
	background: transparent;
	position: relative;
	z-index: 100;
}

ul#menumiddle {
	margin: 0;
	padding: 0;
	background: transparent;
}
ul#menumiddle li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#menumiddle h2 {
	font-size: 1em;
	margin: 1em 0 0 0;
	padding: 0.2em 0.5em;
	text-transform: uppercase;
	color: #fff;
	background: #000;
	border-top: 1px solid rgb(236,236,236);
	border-bottom: 1px solid rgb(236,236,236);
}

#menu ul {
	margin-left: 0;
	padding-left: 0;
}
#menu ul ul {
	margin-left: 1.5em;
	padding-left: 0;
}

#menu a {
	display: block;
	padding: 0.3em 0 0.3em 0.3em;
	color: RGB(125, 46, 36);
	font-size: 1.1em;
	font-weight: bold;
	background: transparent;
	text-decoration: none;
}

* html #menu a {
	width: 213px;
}

#menu ul ul a {
	font-size: 1em;
}


#menu a:visited {
}
#menu a:hover {
	color: #fff;
	background: #969494;
}
#menu a.sub {
	color: #101032;
}
#menu a:visited.sub {
}
#menu a:hover.sub {
	color: #fff;
	background: #969494;
}
#menu a.subsub {
	background: rgb(228,228,228);
	width: 11em;
	padding-left: 2em;
}
#menu a:visited.subsub {
}
#menu a:hover.subsub {
	color: #fff;
	background: rgb(74,74,74);
}

#menu a.special {
	color: #fff;
	background: rgb(178,29,29);
	text-decoration: none;
	border-bottom: 1px solid rgb(236,236,236);
}
#menu a:visited.special {
}
#menu a:hover.special {
	color: rgb(178,29,29);
	background: rgb(221,221,221);
}

#menu a.special span {
	text-align: center;
	font-weight: normal;
}



#inhoud {
	margin-left: 223px;
	padding: 2em 2em 1em 2em;
	background: #DEDEDE url(./template/bg-bottom-content.jpg) bottom right no-repeat;
	color: #4F4A4A;
	position: relative;
	border-left: 1px solid rgb(142,125,105);
}

/* 
    fix ie6 "peekaboo bug" using the "holly hack". 
    Note, this style only gets applied to ie6
  */
  * html #inhoud {
    height: 0.1%;
  }

#inhoud h1 { 
	color: #252A47; 
	font-variant: small-caps;
	margin: 0.6em 0;
}
#inhoud h2 { 
	color: #7D2E24;
	font-size: 1.3em;
	margin: 0.5em 0;
}
#inhoud h3 { 
	color: #D24100; 
	font-size: 1.2em;
	margin: 0.45em 0;
}
#inhoud h4 { 
	color: #001C70;
	font-size: 1.1em;
	margin: 0.4em 0;
}
#inhoud h5 { 
	color: #342554; 
	font-size: 1em;
	margin: 0.35em 0;
}
#inhoud h6 { 
	color: #001554; 
	font-size: 0.95em;
	margin: 0.3em 0;
}

#inhoud p { margin-top: 0; }
#inhoud p.blind {	margin: 0; clear: both; }
#inhoud p.tips { background: rgb(227,222,217); padding: 0.15em 0;}


#inhoud a { 
	color: rgb(85,0,28);
	font-weight: bold;
	background: transparent;
}
#inhoud a:visited { }
#inhoud a:hover {
	color: rgb(0,0,0);
	background: transparent;
	text-decoration: none;
	border-bottom: 1px dotted;
}

#inhoud a img {
	display: block;
	position: relative;
	border: 1px solid rgb(166,0,0);
}
#inhoud a:visited img{ }
#inhoud a:hover img{
	border: 1px solid rgb(0,0,0);
}


#inhoud ul {
	margin-bottom: 1.5em;
	padding-left: 0.8em;
}
#inhoud ul a{
	font-weight: bold;
}
#inhoud ul + p, ol + p {
	margin-bottom: 0;
}

#inhoud ul.nostyletype {
	list-style-type: none;
}

#inhoud ol {
	margin-bottom: 1.5em;
	padding-left: 1.2em;
}

#inhoud li {
	margin: 0.5em 0; 
}
#inhoud li p{
	margin-top: 0;
}

#inhoud ul li ul {
	margin-bottom: 0;
}

#inhoud ul.adres {
	margin: 1.5em 0;
	padding: 0;
}
#inhoud ul.adres li {
	color: rgb(85,0,28);
	background: transparent;
	list-style-type: none;
}

#inhoud ul.sitemap {
	margin: 1.5em 0 3em 0;
	padding: 0;
}
#inhoud ul.sitemap li {
	margin-left: 1em;
}

form {
}
form table td span {
	font-size: 0.8em;
}

#inhoud .artikel-blok {
	background: rgb(245,243,245) url(./template/bg-content.jpg) top left repeat-y;
	border: 1px solid rgb(166,0,0);
	margin: 1em 0;
	padding: 1em;
	clear: right;
}
#inhoud .artikel-blok img {
	border: 1px double rgb(166,0,0);
	margin: 0 1em 0 0;
}

#inhoud .artikel-blok div {
	margin-left: 170px;
}
#inhoud .artikel-blok div ul li {
	margin-left: 1em;
}
#inhoud .artikel-blok div h2 {
	margin-top: 0;
}

.image-rechts {
	float: right;
	position: relative;
	margin: 0.2em 0 1em 1em;
	padding-left: 1em;
	clear: right;
}
.nopadding {
	padding-left: 0;
	padding-right: -1em;
}
.image-links {
	float: left;
	position: relative;
	margin: 0 1em 1em 0;
}

a img { border: none !important; }

div.center {
	text-align: center;
}

#inhoud div.blok-rechts {
	float: right;
	margin: 0 0 2em 1em;
	padding: 0;
	width: 250px;
	background: rgb(206,206,206) url(./template/bg-rechterblok.jpg) top left repeat-y;
	border: 1px solid rgb(178,29,29);
	clear: right;
}

#inhoud div.blok-rechts h2 {
	margin: 0;
	padding: 0.2em 0.2em 0.2em 0.6em;
	font-size: 1em;
	text-transform: none;
	color: #fff;
	background: rgb(178,29,29) url(./template/bg-top-rechterblok.jpg) center left repeat-x;
}
#inhoud div.blok-rechts h2 a {
	color: #fff;
	background: transparent;
	border-bottom: 1px dotted;
}
#inhoud div.blok-rechts h2 a:visited { }
#inhoud div.blok-rechts h2 a:hover {
	color: #000;;
	background: transparent;
	text-decoration: none;
	border-bottom: 1px dotted;
}

#inhoud div.blok-rechts a img {
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
}

#inhoud div.blok-rechts p {
	margin: 1em 0.5em;
	background: transparent;
}

.kleinblok {
	margin-top: 5px !important;
	width: 200px !important;
	font-size: 1.2em;
}

table#alfabet { 
	margin: 1.5em auto;
}

table#alfabet {
	font-size: 0.9em;
	text-align: center;
	border: 1px solid #000;
}

table#alfabet th {
	font-weight: normal;
	padding: 0.2em;
	text-align: center;
	border: 1px solid #999;
}

table#alfabet td {
	padding: 0.2em;
	border: 1px solid #999;
}

table#alfabet td a {
	color: rgb(0,112,130);
}


#footer {
	margin: 0;
	padding: 0;
	color: #fff;
	background: #7D2E24;
	text-align: center;
	border-bottom: 1px solid #4F4A4A;
}
#footer div {
	position: relative;
	padding: 1.2em 0.6em;
	margin-left: 223px;
	background: #969494 url(./template/bg-bottom-footer.jpg) bottom right no-repeat;
	border-left: 1px solid rgb(142,125,105);
}

* html #footer div {
	margin-left: 226px; }

#footer address {
	margin: 0 0.5em 0.5em 0;
}

#footer ul {
	padding: 0;
	margin: 0;
}
#footer li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline;
}

#footer a { color: #7D2E24; }
#footer a:visited { color: #7D2E24; }
#footer a:hover { color: #4F4A4A; }

.vulblok {
	height: 13em;
}

.vulblokmiddel {
	height: 25em;
}
.vulblokgroot {
	height: 42em;
}

p.blind {
	clear: both;
}