/* DRENTHE BESPAART SITE CSS */

/*************************************************/
/* HTML tag styles                               */
/*************************************************/

* {
  /* Reset browsers default margin, padding and font sizes */
  margin:0;
  padding:0;
}

html {
}

body {
  height:100%;
  background:#7E0277;
  font:11px Verdana, Geneva, sans-serif;
}

#outer {
  height:100%;
  width:100%;
}

/*************************************************/
/* Site layout styles                            */
/*************************************************/


/* Main blocks
**************************************************/

#wrap_home {
  margin:0 auto;   /* align for good browsers */
  padding:0;
  width:991px;
  height:100%;
}

#left_home {
  background:url(../img/img_site/left_home_bg.jpg) no-repeat right top;
  width:50%;
}

#right_home {
  background:url(../img/img_site/right_home_bg.jpg) no-repeat left top;
  width:50%;
}

#wrap {
  margin:0 auto;   /* align for good browsers */
  padding:0;
  width:991px;
}

#left {
  background:url(../img/img_site/left_bg.jpg) no-repeat right top;
  width:50%;
}

#right {
  background:url(../img/img_site/right_bg.jpg) no-repeat left top;
  width:50%;
}

#top_container {
  height:99px;
  background:#FFFFFF;
}

#top_table {
  height:99px;
  width:100%;
}

#logo {
  background:url(../img/img_site/logo_home.jpg) no-repeat;
  height:99px;
  width:619px;
}

#inloggen_container {
  text-align:right;
}

#inloggen {
  font-size:11px;
  line-height:26px;
  padding-left:5px;
}

#inloggen a {
  color:#000;
  text-decoration:underline;
}

#inloggen a:hover {
  color:#7E0277;
}

#tabs_container {
  height:41px;
}

#tabs_table {
  width:100%;
  height:41px;
}

#tab1, #tab2, #tab3, #tab1 a, #tab2 a, #tab3 a {
  font-size:11px;
  font-weight:bold;
  color:#7E0277;
  cursor:pointer;
  text-align:center;
  padding-bottom:10px;
  text-decoration:none;
}

#tab1_hover, #tab2_hover, #tab3_hover, #tab1_hover a, #tab2_hover a, #tab3_hover a {
  font-size:11px;
  font-weight:bold;
  color:#fff;
  cursor:pointer;
  text-align:center;
  padding-bottom:10px;
  text-decoration:none;
}

#tab1 {
  background:url(../img/img_buttons/tab1.jpg) no-repeat;
  width:120px;
}

#tab2 {
  background:url(../img/img_buttons/tab2.jpg) no-repeat;
  width:121px;
}

#tab3 {
  background:url(../img/img_buttons/tab3.jpg) no-repeat;
  width:121px;
}

#tab1_hover {
  background:url(../img/img_buttons/tab1_f2.jpg) no-repeat;
  width:120px;
}

#tab2_hover {
  background:url(../img/img_buttons/tab2_f2.jpg) no-repeat;
  width:121px;
}

#tab3_hover {
  background:url(../img/img_buttons/tab3_f2.jpg) no-repeat;
  width:121px;
}

#flash_home_container {
  height:401px;
  width:991px;
}

#flash_container {
  height:186px;
}

#flash1_container {
  height:82px;
  width:271px;
}

#flash2_container {
  height:152px;
  width:720px;
}

#flash_table {
  width:991px;
}

#center_table {
  width:991px;
}

#center_container_left {
  width:271px;
}

#center_table_left {
  width:271px;
}

#center_container_right {
}

#col1_container {
  width:271px;
}

/* #col2_container is #content_container */

#col3_container {
  width:217px;
}

#selecteer_container {
  padding-bottom:10px;
}

#enter_container {
  height:57px;
}

#enter_table {
  width:991px;
}

#enter_button {
  width:266px;
  cursor:pointer;
}

#enter_button a {
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  color:#7E0277;
}

#enter_button {
  background:url(../img/img_buttons/energiecheck_button.jpg) no-repeat;
}

/*
#enter_button_hover {
  background:url(../img/img_buttons/energiecheck_button_f2.jpg) no-repeat;
  color:#af00a8;
}
*/

#ingangen_container {
  height:100%;
  padding-bottom:10px;
}

#ingangen_table {
  width:991px;
}

.block_home_container {
  width:33%;
  height:100%;
  text-align:center;
  padding-right:10px;
  padding-left:10px;
}

.block_home_table {
  width:310px;
  background:#FFFFFF url(../img/img_site/blok_home_head_bg.jpg) no-repeat;
  height:100%;
}

.block_table {
  width:258px;
  background:#FFFFFF url(../img/img_site/blok_head_bg.jpg) top no-repeat;
  height:100%;
  margin-bottom:10px;
}

.block_right_table {
  width:217px;
  background:#FFFFFF url(../img/img_site/blok_right_head_bg.jpg) no-repeat;
  /* height:100%; */
  margin-bottom:10px;
}

.block_cat_table {
  width:217px;
  background:#FFFFFF url(../img/img_site/blok_right_head_bg.jpg) no-repeat;
  height:100%;
  margin:10px 12px 10px 15px;
  float:left;
}

.block_cat_table_last {
  width:217px;
  background:#FFFFFF url(../img/img_site/blok_right_head_bg.jpg) no-repeat;
  height:100%;
  margin:10px 0 10px 15px;
  float:left;
}

.block_head {
  font-size:13px;
  line-height:30px;
  font-weight:bold;
  color:#7E0277;
  padding-left:10px;
  vertical-align:middle;
  height:30px;
}

.block_container {
  padding:10px;
}

.block_container_right {
  padding:10px 10px 25px 10px;
  background:url(../img/img_site/blok_right_foot_bg.jpg) bottom no-repeat;
}

.block {
  font-size:11px;
  color:#000;
  line-height:16px;
}

.small {
  width:170px;
}

.block {
  color:#000;
}

.block a {
  color:#7E0277;
  text-decoration:underline;
}

.block a:hover {
  color:#7E0277;
  text-decoration:underline;
}

.block_foot {
  background:#CC3300 url(../img/img_site/blok_foot_bg.jpg) no-repeat;
}

.block_home_foot {
  background:url(../img/img_site/blok_home_foot_bg.jpg) no-repeat;
  padding-right:10px;
  height:4px;
}

.block_right_foot {
  background:url(../img/img_site/blok_right_foot_bg.jpg) no-repeat;
  padding-right:10px;
  font-size:11px;
  vertical-align:top;
  height:33px;
}

.block_right_foot a {
  color:#7E0277;
  text-decoration:none;
}

/* content block nieuw */
.content_block  {
  margin:0 0 10px 10px;
  width:480px;
}
.content_block, .content_block table {
  color:#fff;
}

.content_block td.head {
  background:url(../img/img_site/content_block_img_top.jpg) bottom no-repeat;
  width:480px;
  height:13px;
}

.content_block td.body {
  background:url(../img/img_site/content_block_img_body.jpg) repeat-y;
  font-size:11px;
  width:480px;
  color:#fff;
}

.content_block td.body div.block {
  margin:0 15px 0 15px;
  color:#fff;
}

.content_block td.bottom {
  background:url(../img/img_site/content_block_img_bottom.jpg) top no-repeat;
  width:480px;
  height:35px;
}

.button, .button_hover, .button_breed, .button_breed_hover, .button_normal {
  font-size:11px;
  line-height:31px;
  font-weight:bold;
  height:31px;
  text-align:left;
  padding-left:10px;
  display:inline;
  float:right;
  cursor:pointer;
  margin-top:2px;
  text-decoration:none;
}

.button_normal {
  margin-top: 10px;
}


.button a, .button_breed a, .button_normal a {
  text-decoration:none;
  color:#7E0277;
}

.button_normal {
  color:#7E0277;
  background:url(../img/img_buttons/button_normal.jpg) no-repeat;
  margin-right:10px;
  width:170px;
 *width:180px; /*IE6 en IE7*/
}

.button {
  color:#7E0277;
  background:url(../img/img_buttons/button.jpg) no-repeat;
  width:164px;
 *width:174px; /*IE6 en IE7*/
}

.button_hover {
  color:#af00a8;
  background:url(../img/img_buttons/button_f2.jpg) no-repeat;
  width:164px;
 *width:174px; /*IE6 en IE7*/
}

.button_breed {
  background:url(../img/img_buttons/button_breed.jpg) no-repeat;
  color:#7E0277;
  width:248px;
 *width:258px; /*IE6 en IE7*/
  margin-bottom:10px;
}

.button_breed_hover {
  background:url(../img/img_buttons/button_breed_f2.jpg) no-repeat;
  color:#af00a8;
  width:248px;
 *width:258px; /*IE6 en IE7*/
}


#zoeken_container {
  background:url(../img/img_site/zoeken_bg.jpg) no-repeat left center;
  height:31px;
  width:258px;
}

#zoeken {
  line-height:31px;
  height:31px;
  padding-left:10px;
  font-weight:bold;
  color:#7E0277;
  font-size:11px;
}

#zoeken img {
  vertical-align:middle;
  float:none;
}

#zoeken input {
  width:150px;
  margin-right:5px;
  margin-left:5px;
  background:#FFFFFF;
  font-size:11px;
  color:#333333;
  padding:2px;
  border-style:none;
  height:21px;
  vertical-align:middle;
  line-height:21px;
}

#content_container {
  /* padding:15px; */
  vertical-align:top;
}

#prefooter_container {
  color:#000;
  height:26px;
  line-height:26px;
  font-weight:normal;
  background:#fff;
}

#prefooter {
  color:#7E0277;
  font-size:11px;
}

#prefooter a {
  text-decoration:underline;
  color:#7E0277;
}

#prefooter a:hover {
  color:#000;
}

#footer_container {
  color:#000;
  height:35px;
  line-height:35px;
  font-weight:normal;
  background:#fff;
}

#footer {
  width:700px;
  color:#000;
  display:inline;
  float:left;
  font-size:11px;
}

#footer a {
  text-decoration:underline;
  color:#000;
}

#footer a:hover {
  color:#7E0277;
}

#realisatie {
  width:275px;
  text-align:right;
  font-size:11px;
  display:inline;
  float:right;
}

#realisatie a {
  text-decoration:underline;
  color:#000;
}

#realisatie a:hover {
  color:#7E0277;
}

/* Content CMS
**************************************************/

#content {
  font-size:12px;
  line-height:16px;
  color:#fff;
  margin:15px;
}

#content ul {
  margin-bottom:16px;
}

#content li {
  list-style:url(none) none;
  background:url(../img/img_algemeen/bullet_yellow.gif) no-repeat left 1px;
  padding-left:20px;
}

#content ul li ul {
  margin-bottom:0px;
}

#content ul li ul li {
  background:url(none);
  list-style:circle inside;
  padding-left:0px;
  margin-left:10px;
}

#content a {
  text-decoration:underline;
  color:#cfcf00;
  font-weight:bold;
}

#content a:hover {
  text-decoration:underline;
  color:#cfcf00; /* #145272; */
}

#content .imglinks {
  float:left;
  margin:6px;
}

#content .imgrechts {
  float:right;
  margin:6px;
}

#content p {
  font-size:12px;
  line-height:16px;
  color:#fff;
  margin-bottom:9px;
}

#content.story, #content .story, .story {
  font-size:12px;
  line-height:16px;
  color:#fff;
}

#content h1 {
  margin-bottom:21px;
  color:#fff;
  font:bold 13px/16px Verdana, Geneva, sans-serif;
}

#content h2 {
  color:#FFFFFF;
  font-size:12px;
  line-height:16px;
  font-weight:bold;
}

#content h3 {
  font-weight:bold;
  font-size:12px;
  line-height:16px;
  color:#fff;
}

#content h4 {
  font-weight:bold;
  font-size:12px;
  line-height:18px;
  color:#999;
}

#content h5 {
  font-weight:bold;
  font-size:12px;
  line-height:18px;
  color:#999;
}

#content h6 {
  font-weight:bold;
  font-size:12px;
  line-height:18px;
  color:#999;
}

/* Go to top
**************************************************/

#gototop {
  font-size:12px;
  text-decoration:underline;
  cursor:pointer;
}

/* Formulieren CMS
**************************************************/

#letsForm1 {
  margin-top:14px;
}

input, select {
  border:1px solid #333333;
  margin:2px 0px;
  color:#000;
  text-align:left;
  vertical-align:middle;
  font:10px Verdana, Geneva, sans-serif;
  padding:2px;
}

textarea, file {
  color:#000;
  border:1px solid #d6d6d6;
  padding:2px;
  font-size:11px;
  line-height:18px;
}

.letsFormTable {
  font:12px/16px Verdana, Geneva, sans-serif;
  color:#fff;
  padding:2px;
  display:block;
  vertical-align:top;
}

.letsFormInput {
  color:#000;
  border:1px solid #d6d6d6;
  padding:2px;
  margin:2px 0 2px 0;
  font-size:11px;
  line-height:18px;
}

.letsFormInput_error {
  color:#294355;
  border:1px solid red;
  padding:2px;
  margin:2px 0 2px 0;
  font-size:11px;
  line-height:15px;
}

.letsFormTextArea {
  color:#000;
  border:1px solid #d6d6d6;
  padding:2px;
  margin:2px 0;
  font:11px/16px Verdana, Geneva, sans-serif;
  width:250px;
}

.letsFormButton {
  color:#000;
  font-size:11px;
  line-height:18px;
  text-align:center;
  height:18px;
  background:#E0E0E0;
  vertical-align:middle;
  cursor:pointer;
}

.letsFormTD {
  padding-bottom:10px;
  vertical-align:top;
}

.letsErrorList {
  color:red;
}

.letsFormTextArea {
  width:250px;
  height:175px;
}

.w20 {
  width:20px
}

.w50 {
  width:50px
}

.w100 {
  width:100px
}

.w120 {
  width:120px
}

.w150 {
  width:150px
}

.w180 {
  width:180px
}

.w200 {
  width:200px
}

.w217 {
  width:217px;
}

.w100percent {
  width:100%
}

/* pathfinder
**************************************************/
#pathfinder {
  margin-left:15px;
  font-size:11px;
  color:#fff;
  font-weight:bold;
}
#pathfinder a {
  color:#fff;
}


div.error {
  font-size:12px;
  font-weight:bold;
  margin:0px 0px 11px 0px;
}

div.error ul {
  margin:4px 10px 4px 10px;
  list-style:square;
}

div.error ul li {
  margin:0;
  padding:0;
}

div.error#red {
  color:red;
}

div.error#green {
 color:#cfcf00;
}

div.error#yellow {
  background:#fffac7;
  border:1px solid #978e2f;
  color:#575000;
  font-weight:normal;
  line-height:18px;
  text-align:center;
  margin:0px 0px 11px 0px;
}

/******************************************************************************/


/*************************************************/
/* Browser compatibility                         */
/*************************************************/

/* fixes float problems
**************************************************/

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix {
  display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height:1%;
}

.clearfix {
  display:block;
}
/* End hide from IE-mac */