/*-----------------------------------------------------------------------------
Website: www.schoenen-fami.be
Auteur: Webatvantage.be
Laatst gewijzigd: 12-03-2010
-----------------------------------------------------------------------------*/

/*------------------------------- START RESET -------------------------------*/
* { margin: 0; padding: 0; outline: none; }
/*------------------------------- END RESET -------------------------------*/

/*------------------------------- START HTML BODY -------------------------------*/
html { overflow:-moz-scrollbars-vertical; }
html, body { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #1e1c1c; text-align: center; }
body { background: #fff url(../Graphics/Bodybg.gif) repeat-x top left; }
/*------------------------------- END HTML BODY -------------------------------*/

/*------------------------------- START WRAPPER -------------------------------*/
#wrapper { width: 850px; height: auto; margin: 0 auto; text-align: left; }
/*------------------------------- END WRAPPER -------------------------------*/

/*------------------------------- START LOGO -------------------------------*/
#logo { float: left; width: 209px; height: 115px; }
#logo a img { border: none; }
/*------------------------------- END LOGO -------------------------------*/

/*------------------------------- START MAINNAV -------------------------------*/
ul#mainnav { float: left; width: 621px; height: 20px; background: url(../Graphics/Mainnav_bg.gif) no-repeat top left; margin: 85px 0 0 20px; padding: 10px 0 0 0; list-style: none; font-family: Arial, verdana, sans-serif; font-size: 12px; text-transform: uppercase; }
ul#mainnav li { float: left; display: inline;  }
ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active { display: block; margin: 0 15px 0 0; text-decoration: none;  }
ul#mainnav li a:hover, ul#mainnav li a#mainnav_active { border-bottom: 5px solid #903; }
/*------------------------------- END MAINNAV -------------------------------*/

/*------------------------------- START DEFAULT LINKS -------------------------------*/
a:link, a:visited, a:active { color: #1e1c1c; text-decoration: underline; }
a:hover { color: #903; }
a:link img, a:visited img, a:active img { border: 2px solid #1e1c1c; }
a:hover img { border: 2px solid #903; }
/*------------------------------- END DEFAULT LINKS -------------------------------*/

/*------------------------------- START CONTENT -------------------------------*/
#content { float: left; width: 850px; height: auto; min-height: 560px; background: url(../Graphics/Content_bg.png) repeat-y top left; }
/*------------------------------- END CONTENT -------------------------------*/

/*------------------------------- START CONTENT_LEFT -------------------------------*/
#content_left { clear: both; float: left; width: 209px; min-height: 450px; }
/*------------------------------- END CONTENT_LEFT -------------------------------*/

/*------------------------------- START CONTENT_CENTER -------------------------------*/
#content_center { float: left; width: 620px; height: auto; min-height: 450px; margin: 0 0 0 21px; }
#content_center #intro { position: relative; float: left; width: 620px; height: 226px; margin: 10px 0 0 0; overflow: hidden; color: #fff; }
#content_center #intro .title { font-weight: bold; font-size: 11px; }

#content_center #intro ul { width: auto; margin: 10px; padding: 0; list-style: none; }
#content_center #intro ul li { background: url(../Graphics/Listitem2.gif) no-repeat center left;; margin: 0 0 5px 0; padding: 0 0 0 10px;  }

#content_center #intro p { padding: 15px 15px 15px 0; }
#content_center #intro p img { float: right; margin: 10px 0 10px 20px; border: 2px solid #eceae5; }

#content_center #intro ul.merken { float: left; width: auto; margin: 0 0px 0 0; padding: 0; list-style: none; }
#content_center #intro ul.merken li { margin: 0 0 5px 0; background: none; padding: 0;  }
#content_center #intro ul.merken a:link, #content_center #intro ul.merken a:visited, #content_center #intro ul.merken a:active { background: none; margin: 0 0 0 10px; padding: 0 0 0 10px; color: #fefefe; text-decoration: none; }
#content_center #intro ul.merken a:hover, #content_center #intro ul.merken a#merken_active { background: url(../Graphics/Listitem2.gif) no-repeat center left; }
#content_center #intro ul.merken a img { border: none; }

#content_center #intro ul#pagination { position: absolute; bottom: 0; right: 0; width: 85px; height: 24px; padding: 3px 5px 3px 15px; line-height: 30px; margin: 0; list-style: none; background: #fff url('../Graphics/Pagination_bg.gif') no-repeat; }
#content_center #intro ul#pagination li { display: inline; }
#content_center #intro ul#pagination li a:link,
#content_center #intro ul#pagination li a:visited,
#content_center #intro ul#pagination li a:active { float: left; display: block; width: 25px; height: 25px; line-height: 25px; margin: 0; padding: 0; text-align: center; text-decoration: none; background: none; color: #333; }
#content_center #intro ul#pagination li a:hover { background: none; text-decoration: underline; }
#content_center #intro ul#pagination li a.active { background: #990134; color: #fff; text-decoration: none; }
#content_center #intro ul#pagination li a:hover.active { text-decoration: none; }

#content_center ul.styledlist { float: left; width: auto; margin: 10px 0 ; padding: 0; list-style: none; }
#content_center ul.styledlist li { margin: 0 0 5px 20px;  list-style-image: url(../Graphics/Listitem3.gif); }
#content_center ul.styledlist  ul { margin: 10px 0 10px 20px; list-style: none; }
#content_center ul.styledlist  ul li { list-style-image: url(../Graphics/Listitem1.gif); }
#content_center ul.styledlist  ul li a:link, #content_center ul.styledlist  ul li a:visited, #content_center ul.styledlist  ul li a:hover, #content_center ul.styledlist  ul li a:active { text-decoration: none !important; }

#content_center #maincontent { float: left; width: 587px; height: auto; min-height: 213px; margin: 30px 0 0 0; padding: 10px 10px 10px 0; }

#content_center #maincontent dl#nieuws { float: left; margin: 0 0 0 10px; }
#content_center #maincontent dl#nieuws dt { padding: 3px 3px 3px 10px; background: url(../Graphics/Listitem1.gif) no-repeat center left; }
#content_center #maincontent dl#nieuws .datum { text-decoration: none; color: #999; }
#content_center #maincontent dl#nieuws dd {  margin: 0 0 10px 10px; }

#content_center #maincontent div#nieuws_detail { line-height: 16px; }
#content_center #maincontent div#nieuws_detail ul { margin: 5px 0 5px 15px; line-height: 16px; }

#content_center #maincontent #producten a img { border: 2px solid #eceae5; }
#content_center #maincontent #producten a:hover img { border: 2px solid #903; }
#content_center #maincontent #producten_intro { float: left; margin: 0 0 10px 0; }

#content_center #maincontent div#tipstrends { float: left; margin: 0 0 10px 0;  }
#content_center #maincontent div#tipstrends ul { margin: 15px 0 15px 25px; }
#content_center #maincontent div#tipstrends ul li { list-style-image: url(../Graphics/Listitem1.gif); }
/*------------------------------- END CONTENT_CENTER -------------------------------*/

/*------------------------------- START CONTACTFORM -------------------------------*/
#contactform { float: left; width: 640px; margin: 0; }
#contactform label { clear: both; float: left; width: 100px; height: 20px; line-height: 20px; margin: 0 0 10px 0; font-family: Verdana, Arial, sans-serif; font-size: 11px; }

#contactform .input { float: left; width: 150px; height: 14px; padding: 3px; background: #e0e0e0; border: none; font-family: Verdana, Arial, sans-serif;  font-size: 10px; color: #362f2d; }
#contactform .input:focus { background: #ccc; }
#contactform .inputred { float: left; width: 148px; height: 12px; border: 1px solid #990033; padding: 3px; background: url(../Graphics/Input_bg_active.jpg) repeat-x; font-family: Verdana, Arial, sans-serif;  font-size: 10px; color: #362f2d; }

#contactform .textarea { float: left; width: 230px; height: 162px; padding: 3px; background: #e0e0e0; border: none; overflow: auto; font-family: Verdana, Arial, sans-serif;  font-size: 10px; color: #362f2d; }
#contactform .textarea:focus { background: #ccc; }
#contactform .textareared { float: left; width: 230px; height: 162px; padding: 3px; background: #fff; border: 1px solid #990033; overflow: auto; font-family: Verdana, Arial, sans-serif;  font-size: 10px; color: #362f2d; }

#contactform .submit { clear: both; float: left; display: block; width: 89px; height: 25px; margin: 10px 0 0 0px; background: url(../Buttons/Btn_submit.jpg) no-repeat top left; border: none; cursor: pointer; }
/*------------------------------- END CONTACTFORM -------------------------------*/

/*------------------------------- START FOOTER -------------------------------*/
#footer { float: left; width: 850px; height: auto; margin: 5px 0 0 0; padding: 18px 0 0 0; border-top: 1px solid #e0e0e0; font-size: 10px; color: #999; }
#footer #copyright a:link, #footer #copyright a:visited, #footer #copyright a:hover, #footer #copyright a:active { color: #999; }
#footer #standaardnav a:link, #footer #standaardnav a:visited, #footer #standaardnav a:active { color: #999; text-decoration: none; }
#footer #standaardnav a:hover, #footer #standaardnav a#standaardnav_active { text-decoration: underline; }
/*------------------------------- END FOOTER -------------------------------*/

/*------------------------------- START BUTTONS -------------------------------*/
.btn_meernieuws { clear: both; float: left; display: block; width: 89px; height: 25px; margin: 10px 0 0 0; background: url(../Buttons/Btn_meernieuws.gif) no-repeat top left; overflow: hidden; border: none; text-indent: -9999px; }
.btn_meertips { clear: both; float: left; display: block; width: 89px; height: 25px; margin: 10px 0 0 20px; background: url(../Buttons/Btn_meertips.png) no-repeat top left; overflow: hidden; border: none; text-indent: -9999px; }
.btn_gaterug { clear: both; float: left; display: block; width: 89px; height: 25px; margin: 10px 0 0 0; background: url(../Buttons/Btn_gaterug.jpg) no-repeat top left; overflow: hidden; border: none; text-indent: -9999px; }

/*------------------------------- END BUTTONS -------------------------------*/

/*------------------------------- START HEADINGS -------------------------------*/
h1 { font-size: 11px; font-weight: bold; margin: 0 0 10px 0; }
/*------------------------------- END HEADINGS -------------------------------*/

/*------------------------------- START PAGINATION -------------------------------*/
ul.pagination { float: left; min-height: 16px; height: 16px; max-height: 16px; margin: 10px 0 0 318px; padding: 0; list-style: none; }
ul.pagination li { display: inline; float: left; margin: 0 2px; }
ul.pagination li a:link, ul.pagination li a:visited, ul.pagination li a:active  { color: #cc3264; text-decoration: none; }
ul.pagination li a:hover { text-decoration: underline; } 
ul.pagination li a.active { font-weight: bold; text-decoration: underline; }
/*------------------------------- START PAGINATION ------------------------------

/*------------------------------- START OTHER CLASSES -------------------------------*/
.clear { clear: both; }
.important { font-weight: bold; }
.floatleft { float: left; }
.floatright { float: right; }
/*------------------------------- END OTHER CLASSES -------------------------------*/