@charset "UTF-8";

@media all
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  * { margin:0; padding: 0; }

  /* (en) Correction: margin/padding reset caused too small select boxes. */
  option { padding-left: 0.4em; }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  html { height: 100%; margin-bottom: 1px; }
  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    font-size: 100.01%;

    /* (en) Standard values for colors and text alignment */
    color: #000;
    background: #fff;
    text-align: left;
  }

  /* (en) Clear borders for <fieldset> and <img> elements */
  fieldset, img { border: 0 solid; }

  /* (en) new standard values for lists, blockquote and cite */
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  blockquote { margin: 0 0 1em 1.5em; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section base layout
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header { position:relative; }

  /* (en) Text Alignment for #topnav content */
  #topnav { text-align: right; } 

  /* (en) Absolute positioning only within #header */
  #header #topnav {
    position:absolute;
    top: 5px;
    right: 10px;
  }

  /* (en) Backup for correct positioning */
  #header, #nav, #main, #footer { clear:both; }

  /* (en/de) Standard: 200 Pixel */
  #col1 { float: left; width: 200px }
  /* (en/de) Standard: 200 Pixel */
  #col2 { float:right; width: 200px }
  /* (en) Standard: center column with flexible width */
  #col3 { width:auto; margin: 0 200px }

  /* (en) Preparation for absolute positioning within content columns */
  #col1_content, #col2_content, #col3_content { position:relative; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section generic classes for layout switching
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * .hidecol1 -> 2-column-layout (using #col2 and #col3)
  * .hidecol2 -> 2-column-layout (using #col1 and #col3)
  * .hideboth -> single-column-layout (using #col3)
  */

  .hideboth #col3 { margin-left: 0; margin-right: 0; }
  .hidecol1 #col3 { margin-left: 0; margin-right: 200px; }
  .hidecol2 #col3 { margin-left: 200px; margin-right: 0; }

  .hideboth #col1, .hideboth #col2, .hidecol1 #col1, .hidecol2 #col2 { display:none; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  #ie_clearing { display: none; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns { width: 100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterst�tzung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  */

  /* (en) classes for invisible elements in the base layout */
  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }

  /* (en) make skip links visible when using tab navigation */
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }
}

/*****************************************************************************/
/*****************************************************************************/
/*basemod.css from yaml                      *********************************/


/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 */

@media screen, projection
{
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Formatting YAML's  basic layout elements
   */

  /* (en) Marginal areas & page background */
  body { 
    background: #ffffff url("../img/background_header.jpg") repeat-x top left;  
    padding: 0px 0;
    }

  /* (en) Centering layout in old IE-versions */
  body { text-align: center; }
  #page_margins { text-align:left; margin: 0 auto; }

  /* (en) Layout: width, background, borders */
  #page_margins { min-width: 740px; max-width: 80em; background: #fff; }
  #page{ padding: 0px 0px; }

  /* (en) Designing main layout elements */
  #header {
    color: #000;
    background: transparent;
    padding: 0px 2em 1em 20px; 
  }

  #topnav { color: #aaa; background: transparent; }

  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  #nav ul { margin-left: 20px; }
  #nav_main { /*background: transparent;*/ }

  #main { background: #fff;padding:10px 0; }

  #footer { 
    /*padding: 15px 20px;*/
    border-top: 2px solid #e1e1e1;
  }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */


  #col1 { width: 25%; }
  /* #col1_content { padding: 10px 10px 10px 20px; } */

  #col2 { width: 25%; }
  #col2_content { padding: 15px 20px 10px 10px; }

  #col3 { margin: 0 25%; }
 /* #col3_content { padding: 10px; } */

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Modifying "shiny buttons" navigation
   */

  #nav * { border: 0px none !important; }
  #nav_main ul { margin-left: 10px; }
  #nav_main ul li { line-height: 1.2em; }
  
  #nav_main ul li a,
  #nav_main ul li strong { color: #666; font-weight: normal; padding: 0.5em 0.8em 0.5em 0.8em; }
  
  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  { background: #182E7A; color: #fff; }
  
  #nav_main ul li#current { background: transparent; }
  
  #nav_main ul li#current strong,
  #nav_main ul li#current a,
  #nav_main ul li#current a:focus,
  #nav_main ul li#current a:hover,
  #nav_main ul li#current a:active { color: #4D87C7; font-weight: bold; }

}

/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/* basemod_sidn.css from yaml ***************************************************/

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Variation of screen layout (basemod.css) for layout example "2col_fixed_seo"
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 */

@media screen, projection
{
  /**
   * (en) Repositioning content container
   *
   * |-------------------------------|
   * | #header                       |
   * | 960px                         |
   * |-------------------------------|
   * | #col2   | #col1     | #col3   |
   * | 240px   | 480px     | 240px   |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

  #index div#page_margins {width: 992px; min-width: 992px; max-width:none;}
  #default div#page_margins {width: 972px; min-width: 972px; max-width:none;}
  #main { 
  	float:left;
	  width: 100%;
    background-color: transparent;
    background-repeat:repeat-y;
    background-position:left;
  }

/******************************************************
 * index column width
 ******************************************************/ 
  /* #col1 becomes the middle column | #col1 wird zur mittleren Spalte */
  /* #index #col1 { width: 470px; float:left; margin-left: 230px; }*/
  /*okt*/
  #index #col1 { width: 470px; float:left; margin-left: 240px; }
  #index #col1_content {padding-left: 10px; /* padding-right: 10px */} 

  /* #col2 becomes the left column | #col2 wird zur linken Spalte */
  /* #index #col2 { width: 242px; float:left;  margin-left: -700px;}*/
  /*okt*/
  #index #col2 { width: 240px; float:left;  margin-left: -710px;}
  #index #col2_content {padding-left: 16px; padding-right: 0px; }

  /* #col3 becomes the right column | #col3 wird zur rechten Spalte */
  #index #col3 { margin-left: -8px; margin-right: 0; width: 240px; float:right;}
  #index #col3_content {padding-left: 0px; padding-right: 16px;}

/******************************************************
 * default column width
 ******************************************************/ 
  /* #col1 becomes the middle column | #col1 wird zur mittleren Spalte */
  /*#default #col1 { width: 529px; float:left; margin-left: 187px; }*/
  /*okt*/
  #default #col1 { width: 529px; float:left; margin-left: 190px; }
  #default #col1_content {padding-left: 10px; padding-right: 10px; padding-top:5px;}

  /* #col2 becomes the left column | #col2 wird zur linken Spalte */
  /*#default #col2 { width: 161px; float:left;  margin-left: -700px;}*/
  /*okt*/
  #default #col2 { width: 181px; float:left;  margin-left: -720px;}
  #default #col2_content {padding-left: 10px; padding-right: 0px; }

  /* #col3 becomes the right column | #col3 wird zur rechten Spalte */
  #default #col3 { margin-left: -5px; margin-right: 0; width: 211px; float:right;}
  #default #col3_content {padding-top:5px;padding-left: 0px; /* padding-right: 16px; */ }

}

/*** added css for registrar_whois nov 11***/

div.tx-sidnnlwhois-pi1 form, 
div.tx-sidnnlrwhois-pi1 form{
  overflow:hidden;
  /*width:400px;*/
  width:auto;
  }

div.tx-sidnnlwhois-pi1 div#whoisWrapr2 div.field input, 
div.tx-sidnnlrwhois-pi1 div.field input
div#registerform2 #input_field {
  font-family: arial;
  color: #3881C0;
  padding:8px 5px 5px 5px;
  margin-bottom:0px;
  margin-top:2px;
  background-image:url(../img/WHOIS_input.jpg);
  border:0px;
  width:382px;
  height:18px;
  font-size:11px;
  float:left;
}
div.tx-sidnnlwhois-pi1 div#whoisWrapr2 div.check, 
div.tx-sidnnlrwhois-pi1 div.check,
div.registerform2 div#checkbox{
  float:left;
  margin-top:12px;
  margin-left:5px;
  padding:0px 0px 5px 0px;
  display:block;
  width:150px;
  /*xheight:32px;*/
  color:#002154;
}

div.tx-sidnnlwhois-pi1 div.submit, div.tx-sidnnlrwhois-pi1 div.submit{
  float:left;
  margin-top:0px;
  margin-left:5px;
  padding:0px 0px 5px 0px;
  display:block;
  width:51px;
  height:32px;
  color:white;
  font-weight:bold;
  outline:none;
}
div.tx-sidnnlwhois-pi1 div.submit input, 
div.tx-sidnnlrwhois-pi1 div.submit input,
div.registerform2 input#input_button{
  border:0px;
  margin-top:0px;
  margin-left:5px;
  padding:0px 0px 5px 0px;
  background-color: transparent;
  background-image: url(../img/button_ok_empty.gif);
  background-repeat: repeat-x;
  background-position: left top;
  width:51px;
  height:32px;
  color:white;
  font-weight:bold;
  cursor: pointer;
  outline:none;
}
div.tx-sidnnlwhois-pi1 div.submit input, 
div.tx-sidnnlrwhois-pi1 div.submit input {display:block;}


div.storingen-latest-container div.news-latest-date,
div.storingen-latest-container p{
  padding: 0px 0px 0px 20px;
  margin: 0px;
}
body#default div#col3 div.storingen-latest-container ul,
body#default div#col3 ul.geen_storing {
  padding-bottom: 0px;
  /* margin-bottom: 0px; */
  padding-top: 0px;
  margin-top: 0px;
}

/* added dec 10 */
div.tx-sidnnlwhois-pi1 div#whoisWrapr2{ 
  width:392px; 
  float:left; 
  margin:0px; 
  padding:0px; 
}

div.tx-sidnnlwhois-pi1 div#whoisWrapr2 div.check,
div.tx-sidnnlrwhois-pi1 div.check,
div.registerform2 div#checkbox {  
  width:470px;
  padding-bottom:10px;
}
div.registerform2 div#checkbox {
  /*float:none;*/
	clear: both;
}
div.tx-sidnnlwhois-pi1 div.submit {float:right; width:60px; margin:0px; padding:0px; } 
div.tx-sidnnlwhois-pi1 div.submit input { margin:1px 0px 0px 0px;}

form.sidnrwhois_form div.field {float:left;} 

div#quicklinksleft {padding-top:5px;}