/**
 * Laying the groundwork
 */

body {
  padding:			0px;
  margin:			0px;
  text-align:			center;
  scrollbar-face-color:         #eeeeee;
  scrollbar-3dlight-color:      #fffefe;
  scrollbar-track-color:        #fffefe;
  scrollbar-darkshadow-color:   #fffefe;
  scrollbar-highlight-color:    #606060;
  scrollbar-shadow-color:       #606060;
  scrollbar-arrow-color:        #606060;
}

a {
  text-decoration:		none;
  color:			#cc9900;
}

a:hover				{ text-decoration: underline; }

/**
 * Let's shape our world!
 */

#root {
  width:			700px;
  margin:			6px auto;
  border-top:			2px solid #101010;
  border-bottom:		2px solid #101010;
  border-left:			1px solid #101010;
  border-right:			1px solid #101010;
  font-family:			'Trebuchet MS', Tahoma, Verdana, Geneva, Arial, Sans-Serif;
  font-size:			12px;
  text-align:			left;
  color:			#000000;
  background:			#ffffff url(http://hollandais.en-france.nl/img/Background_midcol.gif) repeat-y 140px;
}

#rootpu {
  width:			388px;
  height:			584px;
  margin:			6px auto;
  padding:			0px 6px;
  border:			1px solid #101010;
  font-family:			'Trebuchet MS', Tahoma, Verdana, Geneva, Arial, Sans-Serif;
  font-size:			12px;
  text-align:			left;
  color:			#000000;
  background-color:		#ffffff;
}

#root #column1 {
  width:			120px;
  overflow:			hidden;
  float:			left;
  clear:			left;
  margin:			12px 10px 0px 10px;
  _margin:			12px 10px 0px 5px; /* Very stupid MSIE-Win hack! */
  background-color:		#ffffff;
}

#root #column2 {
  width:			370px;
  float:			left;
  padding:			12px 0px 12px 0px;
  margin:			0px 15px 0px 15px;
  text-align:			justify;
  background-color:		#f5f5f5;
}

#root #singlecolumn {
  width:			450px;
  margin:			10px 20px;
  text-align:			justify;
  background-color:		#ffffff;
}

#root #singlecolumncontainer {
  width:			498px;
  margin:			12px 97px;
  border:			3px solid #f5f5f5;
  background-color:		#ffffff;
}

#root #column3 {
  width:			140px;
  overflow:			hidden;
  float:			left;
  margin:			12px 10px 0px 10px;
  _margin:			12px 4px 0px 7px; /* Extremely extraordinary stupid MSIE-Win hack! */
  background-color:		#ffffff;
}

/**
 * Let's split, tear, center and move our world!
 */

.split {
  clear:			both;
  margin:			3px 0px;
}

.split .objleft {
  float:			left;
}

.split .objright {
  float:			right;
}

.singlecenter {
  text-align:			center;
}

.singleright {
  float:			right;
  clear:			both;
  margin:			3px 0px;
}

#singlecolumn .row {
  width:			450px;
  clear:			both;
  padding-top:			4px;
}

#singlecolumn .row .cell1 {
  width:			120px;
  float:			left;
  line-height:			20px;
  text-align:			right;
}

#singlecolumn .row .cell1top {
  width:			120px;
  float:			left;
  text-align:			right;
}

#singlecolumn .row .cell2 {
  width:			320px;
  float:			left;
  margin-left:			10px;
  _margin-left:			0px;  /* Dirty MSIE-Win hack! Muha! (-; */
  _padding-left:		10px; /* Dirty MSIE-Win hack! Muha! (-; */
}

/**
 * What's on the menu, doc?
 */

#root .menu {
  width:			680px;
  clear:			both;
  margin:			8px 10px 2px 10px;
  padding:			1px 0px 1px 0px;
  border-top:			1px solid #cc9900;
  border-bottom:		1px solid #cc9900;
  font-weight:			bold;
  font-size:			13px;
  background-color:		#ffffff;
}

#root .menu .left {
  float:			left;
  padding-left:			1px;
}

#root .menu .right {
  float:			right;
  padding-right:		1px;
}

/**
 * The bottom line of all human civilisation
 */

#root #bottomline {
  width:			680px;
  margin:			2px 10px;
  clear:			both;
  font-size:			10px;
  color:			#999999;
}

#root #bottomline a {
  color:			#999999;
}

#root #bottomline .left {
  width:			200px;
  vertical-align:		top;
  float:			left;
}

#root #bottomline .left img {
  width:			18px;
  height:			18px;
  float:			left;
  border:			0;
}

#root #bottomline .right {
  float:			right;
  text-align:			right;
}

#rootpu #crnotice {
  float:			right;
  text-align:			right;
  font-size:			10px;
  color:			#999999;
}

#rootpu #crnotice a {
  color:			#999999;
}

/**
 * Articles should be crammed into these CSS rules
 */

.article {
  width:			370px;
}

.article .title {
  font-size:			14px;
  font-weight:			bold;
  margin-bottom:		3px;
  border-bottom:		5px solid #ffcc00;
}

.article .title h1 {
	margin:				0;
	font-size:			14px;
}

.article .title a {
  color:			#000000;
}

.article .header {
  color:			#000000;
  font-size:			10px;
  margin-bottom:		5px;
}

.article .header a {
  color:			#000000;
}

.article .icon {
  float:			right;
  margin-left:			4px;
}

.article .body {
  padding-bottom:		3px;
  line-height:			14px;
  text-align:			justify;
}

.article #prevnext #prev {
  float:			left;
}

.article #prevnext #next {
  float:			right;
}

.article .footer {
  text-align:			right;
  font-size:			10px;
/*
  background-image:		url('http://hollandais.en-france.nl/img/Grad_blue.png');
  background-repeat:		repeat-y;
  background-position:		right;
*/
  background-color:		#eeeedd;
  margin-top:			2px;
}

.article .footer a {
  color:			#444400;
}

/**
 * The look & feel of a comment
 */

.comment .body {
  text-align:			justify;
}

.comment .author {
  color:			#bb8800;
  font-weight:			bold;
}

.comment .author a {
  color:			#bb8800;
}

.comment .author .unreg {
  color:			#000000;
  font-weight:			normal;
}

.comment .header {
  color:			#000000;
  font-size:			10px;
}

.comment .header a {
  color:			#000000;
}

.comment .sep {
  clear:			both;
  margin-top:			3px;
  margin-bottom:		3px;
  color:			#000000;
  text-align:			center;
}

/**
 * The Laws of Layout of the title bars
 */

.tbar {
  text-align:			right;
  font-size:			12px;
  font-weight:			bold;
  color:			#000000;
  margin-bottom:		5px;
  border-bottom:		5px solid #ffcc00;
}

#column1 .plugtitle {
  font-size:			12px;
  font-weight:			bold;
  text-align:			right;
  color:			#000000;
  margin-bottom:		5px;
  border-bottom:		5px solid #ffcc00;
}

#column3 .plugtitle {
  font-size:			12px;
  font-weight:			bold;
  color:			#000000;
  margin-bottom:		5px;
  border-bottom:		5px solid #ffcc00;
}

.plugtitle h2 {
  margin: 0;
  font-size:			12px;
}

/**
 * The morons of the crew are presented as follows:
 */

.crew {
  width:			140px;
  height:			64px;
  margin:			4px 0px;
  clear:			both;
}

.crew .image {
  width:			60px;
  height:			64px;
  float:			left;
}

.crew .info {
  width:			76px;
  padding-left:			4px;
  float:			left;
}

.crew .info dfn {
  font-size:			10px;
}

/**
 * Page related miscellaneous stuff
 */

.redheader {
  color:			#cc0000;
  font-weight:			bold;
}

.greenheader {
  color:			#00cc00;
  font-weight:			bold;
}

.highlight			{ color: #0090dc; }

.disclaimer {
  margin-top:			10px;
  font-size:			10px;
}

.searchsubject {
  color:			#223399;
  font-weight:			bold;
}

.smallgrey {
  color:			#999999;
  font-size:			10px;
}

.smalltext {
  color:			#bb8800;
  font-size:			10px;
}

.stdheader {
  font-size:                    14px;
  font-weight:                  bold;
  color:                        #ccccdd;
  margin-bottom:                10px;
  border-bottom:                5px solid #ccccdd;
}

.stdheader h1 {
  margin: 0;
  font-size:                    14px;
}

.subheader {
  color:			#6688cc;
  font-weight:			bold;
}

.center {
  text-align: center;
}

/**
 * Look & feel of some miscellenaous crappy stuff
 */

ol {
  margin-top:			0px;
  margin-bottom:		0px;
}

li.list50 {
  margin-top:			6px;
  line-height:			14px;
}

.searchline {
  width:			100%;
  height:			1px;
  margin-top:			10px;
  _margin-top:			0px; /* Dirty MSIE-Win hack! Muha! (-; */
  border-bottom:		1px dotted #cc9900;
}

.sysmsgbox {
  border:			1px dotted #ff0000;
}

.sysmsgokbox {
  border:			1px dotted #00ff00;
}

.xquotation {
  border-left:			1px dotted #bb8800;
  margin-left:			30px;
  padding-left:			5px;
  font-family:			Tahoma, Lucida, Verdana, 'Trebuchet MS', Arial, Geneva, Sans-Serif;
  font-size:			11px;
  text-align:			left;
}

/**
 * Our input sources must be clean & tidy!
 */

input, select, textarea {
  font-size:			11px;
}

select, input.text {
  border:			1px solid #000000;
  background-color:		#eeeef5;
}

textarea {
  width:			450px;
  border:			1px solid #000000;
  background-color:		#eeeef5;
}

#column2 textarea		{ width: 370px; }
#singlecolumn textarea		{ width: 450px; }

input#s_pat {
  width:			90px;
  border:			1px solid #000000;
  background-color:		#eeeef5;
}

input#s_ok			{ width: 30px; }

td {
  font-family:			'Trebuchet MS', Tahoma, Verdana, Geneva, Arial, Sans-Serif;
  font-size:			11px;
}

/**
 * Browser hacks on crack
 */

.bughack			{ clear: both; }
form				{ margin: 0; }

