html, body {
background: #A49E9B;
margin: auto;
}

.bread {
width: 746px;
height: 20px;
line-height: 20px;
font: normal 12px tahoma;
margin: 0 auto;
margin-top: 20px;
padding-left: 5px;
color: #06659F;
}

a.bread:link {color: #a80532; text-decoration: none;}
a.bread:visited {color: #a80532;text-decoration: none;}
a.bread:hover {color: #ffffff;text-decoration: none;}

.main {
width: 746px;
height:653px;
background-image: url('../img/bg2.jpg');
margin: 0 auto;
padding:0px;
}


* html .main {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/bg2.jpg", sizingMethod="scale");
background-image: url('../img/bg2.jpg');
}


a:link {color: #a80532; text-decoration: none;font-weight: bold;}
a:visited {color: #a80532;text-decoration: none;font-weight: bold;}
a:hover {color: #04649c;text-decoration: none;font-weight: bold;}



.kopjes {
margin: 26px;
text-decoration: none;
font-size: 16px;
font-weight: bold;
}

.header {
position: relative;
top:0px;
left:0px;
width: 723px;
height: 153px;
}

.header a {
text-decoration: none;
font-weight: bold;
} 

.header a:link, .header a:visited {color: #ffffff;} .header a:hover {color: #ff0000; }

.header .menu {
position: absolute;
right: -30px;
margin:20px;
display: inline;
font: small Tahoma;
} 

.header .menu li {
display: inline;
font-weight: bold;
margin-right:5px;
}

.header .lang {
position: absolute;
margin-top: 45px;
right: 7px;
list-style-type: none;
}

.header .lang	li {
display: inline;
}

.header .lang li a img {
border:0;
}

.header .nav {
position: absolute;
margin-top: 56px;
top:0;
right: 135px;
font: x-small Tahoma;
}


.header .nav ul{
list-style-type: none;
}

.header .nav li {
list-style-type: none;
background-image: url(../img/sitemap.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
float: right;
padding-left: 15px;
_padding-left: 25px;
margin-right:45px;
_margin-right: 17px;
}

.offerte{
position: absolute;
overflow: auto;
margin-top: 33px;
margin-left: 258px;
width: 476px;
height: 294px;
z-index: 1000;
}

.offerte_uitlijning{
margin-top: 10px;
margin-left: 10px;
}

.offerte_uitlijning a:link {color: #a80532; text-decoration: none;font-weight: normal; font-size: 12px;font-family: verdana;}
.offerte_uitlijning a:visited {color: #a80532;text-decoration: none;font-weight: normal;font-size: 12px;font-family: verdana;}
.offerte_uitlijning a:hover {color: #04649c;text-decoration: none;font-weight: normal;font-size: 12px;font-family: verdana;}

.formulier{
}

#naam,
#bedrijfsnaam,
#telefoon,
#fax,
#adres,
#woonplaats,
#email
{
	font-size: 9pt;
	line-height: 22px;
	width:260px;
	
	padding-left:0px;
}

#naam{margin-left: 60px;}
#bedrijfsnaam{margin-left: 14px;}
#telefoon{margin-left: 42px;}
#tel{margin-left: 16px; width: 160px;}
#fax{margin-left: 74px;}
#adres{margin-left: 60px;}
#woonplaats{margin-left: 20px;}
#email{margin-left: 58px;}

#inf_schuif,
#inf_vouw,
#inf_volvouw,
#inf_guil,
#inf_balkon{
margin-left: 40px;
}

#name{margin-left: 28px; width: 160px; height: 16px;}
#adres{margin-left: 32px; width: 161px; height: 16px;}
#postcode{margin-left: 12px; width: 160px; height: 16px;}
#meel{margin-left: 30px; width: 160px; height: 16px;}

#opmerkingen{
width: 360px;
height: 80px;
}


.input { 
	font-family:arial; 
	font-size:9pt; 
	font-weight:bold; 
	background-color:#ffffff; 
	border-color:#70752b; 
	border-style:inset; 
	border-width:1px; 
	color:000000; 
}

.intro {
position: relative;
margin-top: -33px;
margin-left: 15px;
height: 157px;
}

.intro div {
position: absolute;
top: 0px;
width: 225px;
height: 142px;
padding:3px;
overflow:hidden;
}

a.introl:link {color: #ffffff; text-decoration: none;}
a.introl:visited {color: #ffffff;text-decoration: none;}
a.introl:hover {color: #ff0000;text-decoration: none;}

.intro_1 {
left: 0px;
background-image: none;
}

.intro_1 .img1 {
margin-top: -3px;
_margin-bottom: 3px;
width: 223px;
height: 92px;
border: 1px solid #736D7B ;
}


.intro_2 {
left: 244px;
}

.intro_2 .img2 {
margin-top: -3px;
width: 223px;
height: 92px;
border: 1px solid #736D7B ;
}

.intro_3 {
left: 487px;
}

.intro_3 .img3 {
margin-top: -3px;
width: 223px;
height: 92px;
border: 1px solid #736D7B ;
}

.intro div h1 {
display:block;
vertical-align: middle;
margin: 0 0 4px 0;
padding:15px 5px 15px 5px;
font: 900 15px tahoma;
color:#ffffff;
}

.info {
font: 12px tahoma;
position: relative;
margin-top: -6px;
}

.complex_foto{
position: relative;
top: 40px;
left: 15px;
height:292px;
width:231px;
z-index:1000;
}

.info_menu {
position: relative;
top: 54px;
left: 15px;
height: 400px;
width: 232px;

}

.details{
margin-left:5px;
font-size:11px;
text-decoration: none;
}

.info .details a:link {color: #000000;text-decoration: none;}
.info .details a:visited {color: #000000;text-decoration: none;} 
.info .details a:hover {color: #ff0000; text-decoration: none;}

.info_menu .info_menu_title {
font: 14px tahoma;
font-weight: bold;
line-height: 16px;
margin-left: 8px;
}


.info_menu .ul_kop {
_top:-5px;
_margin_top: -15px;
_margin-left:15px;
}

.info_menu_navigatie {
display: inline;
font-weight: bold;
text-decoration: none;
margin-left: 0px;
}

.info_menu ul{
list-style-type: none;
}

.info_menu li {
background-image: url(../img/button1.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding-left: 12px;
margin-left: -25px;
font-weight: bold;
}

.info_menu ul .sub {
padding-left: 5px;
margin-left: 14px;
margin-top: 0px;
font-weight: bold;
}

.info_menu .sub_li{
margin-left: -14px;
}
.sub2 {
position: absolute;
margin-top: -110px;
left: 140px;
font-weight: bold;
}
.sub3 {
position: absolute;
margin-top: -96px;
left: 140px;
font-weight: bold;
}
.sub4 {
position: absolute;
margin-top: -81px;
left: 140px;
font-weight: bold;
}


.vervolg {
background-image: url(../img/button1.gif) norepeat;
background-repeat: no-repeat;
background-position: 0 .2em;
margin-left: 0px;
margin-top: 70px;
font-weight: bold;
}

.subtekst{
margin-left: -14px;
}

.subtekst2{
margin-left: -22px;
}

.producten{
margin-left: -30px;
}

.info_menu a:link {color: #a80532; text-decoration: none;}
.info_menu a:visited {color: #a80532;text-decoration: none;}
.info_menu a:hover {color: #04649c;text-decoration: none;}


.info div {
font: 12px tahoma;
position: absolute;
width: 720px;
height: 100%;
padding:0px;
margin:0;
}

.info div h1 {
margin:0;
padding:10px 5px 5px 5px;
font: bold 15px tahoma;
color:#ffffff;
}

.info_2 .normal a:link {text-decoration: underline;}
.info_2 .normal a:visited {text-decoration: underline;}
.info_2 .normal a:hover {text-decoration: underline;}

/* uitlijning header */
.info_1_alu,.info_1_toep,.info_1_maat,.info_1_product {
left: 14px;
}

/* uitlijning tekstvak 2*/
.info_2	{
left: 258px;
}

/* uitlijning tekstvak 3*/
.info_3	{
left: 501px;
}

/* Wim -> header classes staan hier */
.info .info_1_alu h1 {
background: #a80532;
height: 22px;
}

.info .info_1_toep h1 {
background: #fcbc14;
height: 22px;
}

.info .info_1_maat h1 {
background: #05649E;
height: 22px;
}

.info .info_1_product h1 {
background: #797671;
height: 22px;
}

.info div h2 {
font: 12px tahoma;
color: #a80532;
text-align:justify;
margin-top: 4px;
}

.info div h3 {
font: 12px tahoma;
color: #000000;
text-align:justify;
}

.info div h4 {
font: 12px tahoma;
color: #04649c;
text-align:justify;
margin-top: 4px;
}

.info div h5 {
font: 12px tahoma;
color: #fcbc14;
text-align:justify;
margin-top: 4px;
}

.info .product 	{
font: bold 13px tahoma;
color: #000000;
margin-top: 4px;
}

.footer	{
margin-top: 330px;
top:0;
}

.footer p {
position: relative;
margin-top: 0px;
top:0;
text-align:center;
font: x-small tahoma;
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#content_images {
margin-top: 55px;
_margin-top: 55px;
margin-left: 20px;
width: 220px;
}


#gallerij1{}
#gallerij2{margin-top: 80px;}
#gallerij3{margin-top: 160px;}



#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 220px; /* Set to gallery width, in px or percentage */
height: 46px; /* Set to gallery height */
}

#motioncontainer a img {
	border-right: #ccc 1px solid; border-top: #ccc 1px solid; border-left: #ccc 1px solid; border-bottom: #ccc 1px solid
}
#motioncontainer a:hover img {
	border-right: navy 1px solid; border-top: navy 1px solid; border-left: navy 1px solid; border-bottom: navy 1px solid
}
#motioncontainer a:hover {
	color: red
}

#motioncontainer2 {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 220px; /* Set to gallery width, in px or percentage */
height: 46px; /* Set to gallery height */
}