#foot

{ 

text-align:left; 

font:bold 12px/12px Verdana; 

color:white; 

}




#foot a, #foot a:visited, #foot p 

{ 

color: #ffffff; 

text-decoration: none; 

margin: 3px 0px 0px 6px;

} 



#foot a:hover 

{  

text-decoration: underline 

}





#contentmain p 

{ 

text-align:justify; 

}





#contentmain hr  

{ 

height: 4px; 

color: #fff; 

background-color: #fff;


margin-right: 50px 

}





#contentmain h1 

{ 

text-align: left; 

font-size: 26px; 

margin-top: 12px; 

margin-bottom:0; 

color: #fff

}




#contentmain h2 

{ 

font-size: 14px;

margin-top: 20px; 

}




#contentmain a

{

color: #757884;

}



#contentmain a:hover

{

text-decoration: none;

}



#contentmain a.contentnav

{

color: #12983f;

}



#contentmain a img

{

border: none

}



#contentmain ul

{

font-size: 12px

}



#bg-content-center 

{ 

overflow:hidden; 

height: 100%; 

width:100%; 

position:absolute; 

z-index:1; 

top:-3px; 

display:block; 

background-repeat:no-repeat; 

background-position:center top; 

}



#logo

{

background: url(../afbeeldingen/synpack-logo.jpg) no-repeat;

border: none; 

position:absolute; 

bottom:24px; 

left:-2px; 

z-index:25; 

width: 165px; 

height: 225px;

font-size: 10px;

color: #12983f;

padding-top: 69px

}



#logo a

{

font-size: 10px;

color: #12983f;

}



#logo a:hover

{

text-decoration: none

}







#rechterkolom 

{ 

text-align:center; 

position:absolute; 

right:0px; 

top:5px; 

width:165px; 

height:100%; 

background-color:#fff; 

z-index:24; 

border-left:1px solid #12983f;



}






/* BANNERS op HOME */


#bannerkolom { 
border-top: 186px solid #fff;
/*overflow-y:hidden;*/
}




#bannerkolom img 

{ 

width:160px; 

border: none;

float:left; 

margin-left:4px !important; 

margin-left:3px;

}








/* MENU linkerkolom */


#nav { 
line-height: 25px; 
font-size: 13px; 
background-color: #fff;  
margin-top:184px !important; 
margin-top:185px; 
margin-left:0px !important; 
margin-left:-82px; 
position:absolute; 
z-index:26; 
cursor: auto; 
}


#nav  {
text-align: left;
border-top: 1px solid #12983f
}





dl, dt, dd { 
margin-left:0px; 
font-size:12px; 
line-height:25px  
}



dt, dd { 
border-bottom: 1px solid #12983f; 
background-color: #e4f2e8; 
cursor: auto;
}

dd { 
display: none; 
}




dt, dd, dt a, dt a:visited, dd a, dd a:visited {
width:164px; 
height:25px; 
text-indent:5px; 
}




#nav a

{ 

display: block; 

color: #000000; 

text-decoration: none; 

cursor:auto;

}




#nav a:hover 

{ 

background-color: #f8fbf9; 

}





#nav3 a, #nav3a a, #nav4 a


{ 

background-image: url(../afbeeldingen/subnav.gif); 

background-position:0px 0px;

}




#nav3 a:hover, #nav3a a:hover, #nav4 a:hover


{ 

background-image: url(../afbeeldingen/subnav.gif); 

background-position:0px 100px;

}




/* plaatje SUBNAV bevat alle varianten van achtergrond-met-pijltje en verpringt in hoogte */





#navhome #nav1, #navaboutsynpack #nav2, #navproducts #nav3, #navdownloads #nav4, #navcontact #nav5

{ 

display:block; 

background-color: #f8fbf9; 

font-weight:bold; 

font-size:12px;

color: #12983f;

}





#navhome #nav1:hover, #navaboutsynpack #nav2:hover, #navproducts #nav3:hover, #navdownloads #nav4:hover, #navcontact #nav5:hover

{ 

background-color: #f8fbf9; 

}





#navproducts #nav3, #navproducts #nav3a, #navproducts #nav3b


{ 

display:block; 

background-color: #ecf6ef; 

}




#navproducts #nav3 a 

{ 

background-position:0px 25px; 

font-weight:bold; 

font-size:12px;

color: #12983f;

}




#navproducts #nav3 a:hover 

{ background-position:0px 25px;}


#navproducts #nav3a a { background-position:0px 125px; }


#navproducts #nav3a a:hover { background-position:0px 100px;}



#navdunnagebags #nav3, #navdunnagebags #nav3a, #navdunnagebags #nav3a1, #navdunnagebags #nav3b
{ display:block; background-color: #ecf6ef ; 

}




#navdunnagebags #nav3 a 

{ 

background-position:0px 75px; 

}




#navdunnagebags #nav3 a:hover 

{ 

background-position:0px 25px;

}




#navdunnagebags #nav3a a 

{ 

background-position:0px 25px; 

font-weight:bold; 

font-size:12px;

color: #12983f;

}




#navdunnagebags #nav3a a:hover 

{ 

background-position:0px 25px;

}






#navinflating #nav3, #navinflating #nav3a, #navinflating #nav3a1, #navinflating #nav3b


{ 

display:block; 

background-color: #ecf6ef ; 

}




#navinflating #nav3 a { background-position:0px 75px; }
 

#navinflating #nav3a a, #navinflating #nav3b a
{ background-position:0px 50px; }


#navinflating #nav3 a:hover, #navinflating #nav3a a:hover, #navinflating #nav3b a:hover


{ 

background-position:0px 25px;

}




#navinflating #nav3a1 a 

{ 

background-position:0px 25px;
font-weight:bold;
font-size:12px;
color: #12983f;
}




#navinflating #nav3a1 a:hover 

{ 

background-position:0px 25px;

}






#navoptistow #nav3, #navoptistow #nav3a, #navoptistow #nav3b


{ 

display:block; 

background-color: #ecf6ef ; 

}




#navoptistow #nav3 a 

{ 

background-position:0px 0px; 

}




#navoptistow #nav3 a:hover 

{ 

background-position:0px 100px;

}




#navoptistow #nav3a a 

{ 

background-position:0px 125px; 

}




#navoptistow #nav3a a:hover 

{ 

background-position:0px 100px;

}




#navoptistow #nav3b a, #navinflating #nav3a1 a

{ 

background-color: #f8fbf9; 

font-weight:bold; 

font-size:12px;

color: #12983f;

}




#navoptistow #nav3b a:hover 

{ 

background-position:0px 25px;

}




#navdownloads #nav4a, #navdownloads #nav4b, #navdownloads #nav4c, #navdownloads #nav4d 

{ 

display:block; 

background-color: #ecf6ef ; 

}




#navdownloads #nav4 a 

{ 

background-position:0px 25px; 

}




#navdownloads #nav4 a:hover 

{ 

background-position:0px 25px;

}






#navusermanuals #nav4, #navusermanuals #nav4a, #navusermanuals #nav4b, #navusermanuals #nav4c, #navusermanuals #nav4d

{ 

display:block; 

background-color: #ecf6ef ; 

}



#navusermanuals #nav4 a, #navquestionaire #nav4 a, #navconditions #nav4 a

{ 

background-position:0px 75px; 

}








#navquestionaire #nav4, #navquestionaire #nav4a, #navquestionaire #nav4b, #navquestionaire #nav4c, #navquestionaire #nav4d 

{ 

display:block; 

background-color: #ecf6ef ; 

}



#navconditions #nav4, #navconditions #nav4a, #navconditions #nav4b, #navconditions #nav4c, #navconditions #nav4d

{ 

display:block; 

background-color: #ecf6ef ; 

}

#navbrochures #nav4, #navbrochures #nav4a, #navbrochures #nav4b, #navbrochures #nav4c, #navbrochures #nav4d

{ 

display:block; 

background-color: #ecf6ef ; 

}

#navdownloads #nav4 a, #navusermanuals #nav4b a, #navquestionaire #nav4c a, #navconditions #nav4d a, #navbrochures #nav4a a

{ 

background-color: #f8fbf9; 

font-weight:bold; 

font-size:12px;

color: #12983f;

}



table.products td



{

padding-bottom: 5px;

border-bottom: 1px solid #000000

}



table.products img



{

width: 150px;

height: 150px

}

table td.required
{
color: #e20042;
padding-left: 0px;
}

table.products td.product, table.products td.description

{

padding: 30px 10px 0px 0px;

vertical-align: top;

}



table.products td.description

{

width: 290px

}



table.products td.image

{

padding: 0px 10px 0px 0px;

font-size: 10px

}



table



{

text-align: left;

}

table select, table input, table textarea
{
width:200px
}



ul.sitemap, ul.sitemap-extra

{

text-align: left;

margin-left: 20px;

list-style-type: square

}





ul.sitemap li, ul.sitemap-extra li

{

line-height: 20px

}





ul.sitemap ul

{

margin-left: 20px

} 



ul.sitemap-extra

{

border: 1px solid #d4d4d4; 

padding: 10px 10px 10px 30px; 

margin-top: -370px; 

margin-left: 380px;

margin-right: 50px

} 



a.contact1

{

font-size: 10px; text-decoration: none; position: absolute; top: 76px; left: 281px

}



*html a.contact1

{

position: absolute;

top:83px;

left: 281px;

}



a.contact2

{

font-size: 10px; text-decoration: none; position: absolute; top: 224px; left: 281px

}



*html a.contact2

{

position: absolute;

top: 229px;

left: 281px;

}


input, select, textarea
{
width: 200px
}
.home_container {
	float: right;
	height: 102px;
	width: 144px;
	padding-right: 25px;
}

.contact {
	padding: 0px;
	height: 300px;
	width: 100%;
	margin-bottom: 0px;
	float: left;
	margin-top: 25px;
}

.contact_roadmap {
	height: 350px;
	width: 350px;
	margin-top: 25px;
	float: right;
	margin-right: 0px;
	padding: 0px;
}
.contact_contact_details {
	float: left;
	padding: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.content_bottom_margin {
	height: 25px;
	width: 400px;
}
.map a {
}
