@charset "utf-8";
@import "clevercms.css";


/* Algemeen */
body 								{margin:0px; font-family:Arial; font-size:12px; font-weight:normal; text-align:left; line-height:18px;background-color:#E9E8E6;  }
p										{padding:0px; margin:0px;}
img									{border:0;}
hr									{height:1px; color:#999999;}
a										{font-weight:normal; text-decoration:underline; color:#5F574F;}
a:hover							{font-weight:normal; text-decoration:none; color:#5F574F;}
a:active						{font-weight:normal; text-decoration:underline; color:#5F574F;}
a:visited						{font-weight:normal; text-decoration:underline; color:#5F574F;}
h1									{padding:15px 0px 15px 0px; margin:0px; font-size:18px; font-weight:normal;color:#5F574F;}
h2									{font-size: 16px; font-weight:normal;color:#5F574F; padding:15px 0px 15px 0px;}
h3									{font-size: 14px; font-weight:normal;color:#5F574F; padding:15px 0px 0px 0px;}
h4									{font-size: 16px; color:#5F574F; padding:0; margin: 5px 0 0 0;}	
.product h4  { margin: 5px 0 10px 0;} 
.pdf							{ padding-left: 20px; background: url(../img/pdf.gif) left center no-repeat;}
form								{border:0px; padding:0px; margin:0px;}
div									{text-align:left;}
#container					{position: absolute; left: 50%; margin-left: -500px;  width:1000px; background-color:#FFFFFF;}
/* Zoeeken */
#search							{float: right; width:180px; height:32px; padding-top: 18px; }
#search .textfield	{ float:left; border:1px solid #A9A39B; width:120px; height:15px; font-size:11px; padding: 2px 2px 2px 4px; font-family: arial;}

#top_search .submit {font-weight:bold;color:#000000;margin-left:5px;float:right;text-decoration:none;}
#top_search {float:right;width:180px;}
#top_search .textfield { float:left; border:1px solid #A9A39B; width:120px; height:15px; font-size:11px; padding: 2px 2px 2px 4px; font-family: arial;}

/* Topnavigatie */
#top								{ padding:0px 10px 0px 10px; }
#logo								{float:left; width:260px; height:90px; }
#top-right 					{float: left; width: 720px; height: 90px; }
#topmenu	 					{float: left; height:50px; width:530px; }
#menuitems					{float: left; padding: 20px 0px 0px 0px;}
#menuitems a				{padding:0px 15px 0px 0px; color:#000000; font-weight:normal; text-decoration: none; }
#menuitems a:hover	{text-decoration: underline;}
#menuitems a.aan		{text-decoration: underline;}

.clear {clear: both;}

#gordijnen 					{ float: left; width: 619px; margin-right: 1px;  background:#A9A39B; }
#webshop 						{ float: left; width: 100px; text-align: center; background-color:#A9A39B;}

#webshop a					{ float:left; text-decoration:none; padding: 6px 0px 6px 0px; width: 100px; background-color:#A9A39B; color:#FFFFFF; font-weight:bold; }
#gordijnen a				{ float:left; text-decoration:none; padding: 6px 15px 6px 15px; background-color:#A9A39B; color:#FFFFFF; font-weight:bold; }
#webshop a:hover,
#gordijnen a:hover	{ background-color:#5F574F; text-decoration:none;}

#webshop a.aan,
#gordijnen a.aan		{ background-color:#5F574F; text-decoration:none;}
.afbeelding					{ padding:0px 10px 0px 10px;}
#afbeelding					{ padding:0px 10px 0px 10px;}
#content						{ width: 980px; padding:10px 10px 0px 10px; }
#content_home, 
#content_vervolg			{ width: 980px; padding:10px 10px 10px 10px; }
#content_vervolg2,
#content_webshop			{ width: 980px; padding:0px 10px 20px 10px; }

#breadcrumb					{ font-size:10px; margin-bottom:15px;}


#content_vervolg .teksten 	{float: left; width:610px; padding: 18px 25px 10px 25px; }
#content_vervolg .rechts 	{float: left; width:320px; /*background-color:#F4F3F2;*/ margin: 0px 0px 10px 0px;  min-height: 190px; _height: 190px;}


/* Left navigatie */
#leftnavigatie					{float: left; width:250px; padding-bottom:10px;}
#leftnavigatie ul 			{margin:0px; padding: 0 0 10px 0;}
#leftnavigatie li 			{padding:0px; list-style:none; width:250px; height:31px; }
#leftnavigatie a 	    	{background-color:#A9A39B; line-height: 30px; height:30px; display: block; color: #ffffff; font-weight: bold; padding-left: 10px;text-decoration:none; }
#leftnavigatie a:hover	{background-color:#E9E8E6; color:#A9A39B; text-decoration:none;}
#leftnavigatie a.aan 		{background-color:#E9E8E6; color:#A9A39B; text-decoration:none;}


/* Right navigatie */
#rightnavigatie					{float: left; width:250px; padding-bottom:10px;}
#rightnavigatie ul 			{margin:0px; padding: 0 0 10px 0;}
#rightnavigatie li 			{padding:0px; list-style:none; width:250px; height:31px; }
#rightnavigatie a 	    	{background-color:#A9A39B; line-height: 30px; height:30px; display: block; color: #ffffff; font-weight: bold; padding-left: 10px;text-decoration:none; }
#rightnavigatie a:hover		{background-color:#E9E8E6; color:#A9A39B; text-decoration:none;}
#rightnavigatie a.aan 		{background-color:#E9E8E6; color:#A9A39B; text-decoration:none;}

#content .teksten				{float: left; width:705px; padding: 0 0 10px 25px;}
#content .teksten2				{float: left; width:680px; padding: 0 25px 10px 25px;}

#content_home	.teksten 	{float: left; width:630px; padding: 18px 25px 10px 25px; }
#content_home	.rechts 	{float: left; width:300px; background-color:#F4F3F2; margin: 0px 0px 10px 0px;  min-height: 190px; _height: 190px;}
#content_home .rechts .teksts {  margin: 10px 20px 10px 20px; }
#content_home h2 				{padding:25px 0px 15px 0px; font-size: 14px; padding: 0px; margin: 0px; color:#5F574F;}
#content_home .rechts .readmore a { font-weight: bold; }
#content_home .rechts .readmore { margin-top: 15px; }

.news_foto { float: left; width: 400px; }
.news_text { float: left; width: 250px; margin-left: 30px; }
.news_text .readmore a { font-weight: bold; }
.news_text .readmore { margin-top: 30px; }
/*FOOTER */
.footer { clear: both; height:30px; background-color:#E9E8E6; padding: 5px 10px 10px 0px;}
.footer a { text-decoration: underline; }
.footer a:hover { text-decoration: none; }

.footer .landen { width:120px;float:left;padding-left:10px;}
.footer .adres { width:860px; text-align: right; font-size: 10px; color: #5F574F;float:left;
}
.footer .copyright a,
.footer .copyright {text-align: right; font-size: 10px; color: #A9A39B;}

#content_vervolg2 .rechts .submenu{ width: 500px; margin: 0 0 18px 0; }
.submenu{ float: left; height: 31px; padding: 2px 0 0 10px;  background:url(../img/submenu_bg.jpg) top left repeat-x;}
.submenu div { float: left; padding: 0 4px 0 0; margin-right: 10px; }
.submenu div:hover,
.submenu div.aan { background: url(../img/submenu_right.jpg) top right no-repeat; }
.submenu div div { float: left; padding: 0 0 0 4px; margin:0;}
.submenu div:hover div,
.submenu div.aan div {background: url(../img/submenu_left.jpg) top left no-repeat; }
.submenu div a { float: left; height: 28px; line-height: 28px; padding: 0 10px; display: block; text-decoration: none; font-weight: bold; color: #A9A39B;}
.submenu div:hover a,
.submenu div.aan a { border-top:1px solid #AAA49C; background:#FFFFFF; color: #5F574F; }


#content_vervolg2 .rechts .submenu2{ width: 500px; margin: 0 0 18px 0; }
.submenu2{ float: left; height: 31px; padding: 2px 0 0 10px;  background:url(../img/submenu_bg.jpg) top left repeat-x;}
.submenu2 div { float: left; padding: 0 4px 0 0; margin-right: 10px; }

.submenu2 div.knopje { float: right; padding: 0 4px 0 0; margin-right: 10px; }

.submenu2 div.aan { background: url(../img/submenu_right.jpg) top right no-repeat; }
.submenu2 div div { float: left; padding: 0 0 0 4px; margin:0;}

.submenu2 div.aan div {background: url(../img/submenu_left.jpg) top left no-repeat; }
.submenu2 div a { float: left; height: 28px; line-height: 28px; padding: 0 10px; display: block; text-decoration: none; font-weight: bold; color: #A9A39B;}
.submenu2 div a.klikbaar { float: left; height: 28px; line-height: 28px; padding: 0 10px; display: block; text-decoration: none; font-weight: bold; color: #000000;}

.submenu2 div.aan a { border-top:1px solid #AAA49C; background:#FFFFFF; color: #5F574F; }

#content_vervolg2 { float: left;}
#content_vervolg2 .links { float: left; width: 460px;}
#content_vervolg2 .links .vergroot { float:left; width: 460px; text-align: right; }
#content_vervolg2 .links .vergroot a { color: #A9A39B; text-decoration: none; line-height: 30px; font-size: 11px;}
#content_vervolg2 .desc { float: left; padding: 5px 10px 0 10px;}
#content_vervolg2 .tussen { float: left; width: 10px; height: 150px;}
#content_vervolg2 .rechts { float: left; width: 510px;}
#content_vervolg2 .rechts .items{ float: left; padding: 0 0 0 10px;}
#content_vervolg2 .rechts .items .item { float: left; margin: 0 0 0 0; font-size: 10px; width: 100px;}
#content_vervolg2 .rechts .items .item a { width: 92px; height: 71px; display: block; }
#content_vervolg2 .rechts .items .item a:hover,
#content_vervolg2 .rechts .items .item a.aan { background:url(../img/mat_bg.jpg) top left no-repeat;}
#content_vervolg2 .rechts .items .item .type { height: 35px; line-height: normal; }
#content_vervolg2 .rechts .paginas {float: left; text-align: right; width: 500px;}
#content_vervolg2 .rechts .paginas .aan {font-weight: bold; text-decoration: none; }



/* NEWS ITEMS */
.news {  margin: 15px 0px; }
.newsitem { float: left; width: 100%; margin: 5px 0; border-bottom: 1px dotted #A9A39B; }
.newsitem .afb { float: left; width: 80px; padding: 0 20px 10px 0;}
.newsitem .text {float: left; width: 430px;}
.newsitem h3 { font-size: 16px; margin: 0px; padding: 0 0 5px 0; color:#5F574F;}
.newsitem .readmore a { font-weight: bold; }



/* webshop ITEMS */
#content_webshop .submenu { float: left; width: 970px; margin: 0px;}
#content_webshop .rechts .submenu { float: left; width: 480px; margin: 0 0 18px 0;}
#content_webshop .submenu2 { float: left; width: 970px; margin: 0px;}
#content_webshop .intro { float: left; margin: 0px 10px; padding: 20px 0; width:750px; }
#content_webshop .intro2 { float: right; margin: 0px 0px; padding: 20px 0; width:220px; position:absolute; top:120px;left:770px;}
#content_webshop .item 	{ float: left; margin: 0px 10px; padding: 20px 0; border-top: 1px dotted #A9A39B; width:960px; }
#content_webshop .itemprijs 	{ float: left; margin: 0px 10px; padding: 10px 0; border-top: 1px dotted #A9A39B; width:960px; }
#content_webshop .itemprijs	.prijs { float: left; text-align: left; width: 410px; padding:0px 0px 0px 510px; }
#content_webshop .item .foto { float: left; width: 170px; height: 115px;}
#content_webshop .item .descr { float: left; width: 440px; margin-right:30px;}
#content_webshop .item .bdescr { float: left; width: 320px; padding: 0 20px 0 0;}
#content_webshop .item .product { float: left; }
#content_webshop .item .betalen { float: left; width: 450px; }
#content_webshop .item .betalen .vra {float: left; width: 100px; font-weight: bold; line-height: 25px;}
#content_webshop .item .betalen .ant {float: left; width: 350px; line-height: 25px}
#content_webshop .item .betalen .aantal {float: left; width: 50px; line-height: 25px; height: 25px;}
#content_webshop .item .product .radio { float: left; width:200px; margin: 4px; }
#content_webshop .item .product .input,
#content_webshop .item .betalen .input { float: left; width:40px; border: 1px solid #A9A39B; font-size: 12px; font-family:Arial, Helvetica, sans-serif; height: 16px; margin: 2px; padding: 2px 0 0 0;}
#content_webshop .item .product .radioant { float: left; margin-left: 5px; }
#content_webshop .item .product  br	{ clear: left; }
#content_webshop .next 	{ float: right; margin: 0 10px 0  0; padding: 20px 0; border-top: 1px dotted #A9A39B; width:960px; }
#content_webshop .nextend 	{ float: left; margin: 0 10px 0 0; padding: 20px 0; border-top: 1px dotted #A9A39B; width:960px; }
#content_webshop .textend 	{ float: left; margin: 0 10px 0 0; padding: 10px 10px; border-top: 1px dotted #A9A39B; width:960px; }
#content_webshop .nexttop 	{ float: right; margin: 0 10px 5px  0; padding: 20px 0; border-top: 1px dotted #A9A39B; border-bottom: 1px dotted #A9A39B; width:960px; }
#content_webshop .keuze { float: left; }
#content_webshop .button { float: right; display: block; height: 30px; line-height: 30px; padding: 0 20px; background: #E9E8E6; margin-left: 20px; text-decoration: none; font-weight: bold;}
#content_webshop .button1 { float: left; display: block; height: 30px; line-height: 30px; padding: 0 20px; background: #E9E8E6; margin:0px 10px; text-decoration: none; font-weight: bold;}

#content_webshop .links { float: left; width: 460px;}
#content_webshop .links .vergroot { float:left; width: 460px; text-align: right; }
#content_webshop .links .vergroot a { color: #A9A39B; text-decoration: none; line-height: 30px; font-size: 11px;}
#content_webshop .desc { float: left; padding: 5px 10px 20px 10px;}
#content_webshop .tussen { float: left; width: 20px; height: 150px;}
#content_webshop .rechts { float: left; width: 500px; margin: 0; padding: 0 0 20px 0;}
#content_webshop .links .imgpop .afbeeldinggroot {width:460px; height:342px; overflow:hidden;}

#content_webshop .links .imgpop .afbeeldinggroot {width:460px; height:342px; overflow:hidden;}
#content_vervolg2 .links .imgpop .afbeeldinggroot {width:460px; height:342px; overflow:hidden;}                                         


#content_webshop .rechts .items{ float: left;}
#content_webshop .rechts .items .item { float: left; margin: 0; font-size: 10px; width: 100px; border: 0px; padding:0;}
#content_webshop .rechts .items .item a { width: 92px; height: 71px; display: block; }
#content_webshop .rechts .items .item a:hover,
#content_webshop .rechts .items .item a.aan { background:url(../img/mat_bg.jpg) top left no-repeat;}
#content_webshop .rechts .items .item .type { height: 35px; line-height: normal; }
#content_webshop .rechts .paginas {float: left; text-align: right; width: 480px; font-size:18px;}
#content_webshop .rechts .paginas .aan {font-weight: bold; text-decoration: none;font-size:18px; }

#tooltip {
    padding: 5px 10px;
    background: #ffffff;
    border: 1px solid #b2bdc3;
    opacity: 1;    
}