/* SVN $Id: main.css 104 2009-06-12 11:34:28Z peter $ */
/* SVN $URL: file:///T:/SOURCE_SVN/Start_Website/httpdocs/css/main.css $ */

/*############################################################################*/
/*# WHITE BASIC CSS */

/*###### RESET_CSS (http://developer.yahoo.com/yui/reset/) */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:                      0;
  padding:                     0;
}
table {
  border-collapse:             collapse;
  border-spacing:              0;
}
fieldset,img,a {
  border:                      0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:                  normal;
  font-weight:                 normal;
}
ol,ul {
  list-style:                  none;
}
caption,th {
  text-align:                  left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:                   100%;
  font-weight:                 normal;
}
q:before,q:after {
  content:                     '';
}
abbr,acronym {
  border:                      0;
}

/*###### /RESET_CSS */
/*###### BASIC STYLES */

body {
  width:                       100%;
  height:                      100%;
  cursor:                      default;
}

.hidden {
  display:                     none;
}


strong {
  font-weight:                 bold;
}

em {
  font-style:                  italic;
}

a {
  text-decoration:             underline;
  cursor:                      pointer;
  outline:                     none;
}

a:hover {
  text-decoration:             none;
}

ol,ul {
  margin-left:                 12px;
  padding-left:                16px;
}

ol li {
  list-style:                  decimal;
}

ul li {
  list-style:                  disc;
}

table td {
  vertical-align:              top;
}

.clear {
  clear:                       left;
}


.clearfix {
	clear: 						both;
	font-size:				1px;
  height:           1px;
	line-height:			1px;
}


/*###### /BASIC STYLES */

/*# /WHITE BASIC CSS */
/*############################################################################*/
/*# SITE BASIC CSS */

body {
  font:                        normal 12px verdana, sans-serif;
  line-height:                 16px;
  color:                       #000000;
}

h1 {
  margin:                      0px 0px 10px 0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   15px;
  color:                       #102A7F;
}

h2 {	
	 margin:                      13px 0px 10px 0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   22px;
  color:                       #102A7F;
}

h3 {
  margin:                      0px 0px 10px 0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   12px;
  color:                       #102A7F;
}

h4 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   16px;
}

h5 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   14px;
}

h6 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   12px;
}

hr {
  width:                       100%;
  height:                      1px;
  border:                      0px;
  border-top:                  1px solid #000000;
}

p {
  margin-top:                  16px;
}

a,
a:hover {
  color:                       #102A7F;
  text-decoration:             underline;
}

/*# /SITE BASIC CSS */
/*############################################################################*/
/*# Form CSS */

fieldset {
  border:                      0px;
}

xmp {
  font-size:                   18px;
}

img.image_right {
  float: right;
}

label.before {
  float:                       left;
  clear:                       left;
  padding-left:                20px;
  width:                       308px;
  line-height:                 18px;
}

label.radio, label.checkbox {
  cursor:                      pointer;
}

input.required, textarea.required, select.required {
  background-image:            url('../images/form_required.gif');
  background-repeat:           no-repeat;
  background-position:         top right;
}

input.text {
  width:                       220px;
  height:                      18px;
  padding:                     1px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #102a7f;
  cursor:                      text;
  vertical-align:              middle;
}

input.file {
  width:                       224px;
  height:                      22px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000000;
  cursor:                      text;
  vertical-align:              middle;
}

input.focus {
  background-color:            #FFFFCC;
}

input.button {
  font:                        normal 12px verdana, sans-serif;
  vertical-align:              middle;
}

input.contentwidth {
  margin-top:                  6px;
  width:                       360px;
}

input.error, textarea.error, select.error {
  border:                      1px solid #FF0000;
}

input.good, textarea.good, select.good {
  /*border:                      1px solid #339933;*/
}

input.radio {
  vertical-align:              middle;
  cursor:                      pointer;
  background:                  none;
  border:                      0px;
}

input.checkbox {
  vertical-align:              middle;
  cursor:                      pointer;
  background:                  none;
}

select.select {
  width:                       220px;
  height:                      18px;
  margin:                      1px;
  font:                        normal 12px verdana, sans-serif;
  border:                      1px solid #000000;
  cursor:                      pointer;
}

textarea.textarea {
  width:                       220px;
  height:                      50px;
  padding:                     1px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #102A7F;
  cursor:                      text;
}

fieldset li, fieldset ul {
  list-style:                  none;
  margin:                      0px;
  padding:                     0px;
}

li.oneline {
  clear:                       both;
  line-height:                 20px;
  white-space:                 nowrap;
  vertical-align:              top;
  padding-bottom:              4px;
}

li.multilinein {
  margin-left:                 150px;
}

li.buttons {
  width:                       560px;
  height:                      100px;
  line-height:                 22px;
}

div.fielderror, div.counter {
  color:                       #FF0000;
  margin-left:                 327px;
  margin-top:                  4px;
  height:                      20px;
}
div.counter {
  color:                       #000000;
  white-space:                 nowrap;
}

.hidden {
  display:                     none;
  visibility:                  hidden;
}

span.fieldhint {
  color:                       #AAAAAA;
}

span.hint {
  color:                       #AAAAAA;
}

input#street {
  width:                       133px;
}

input#housenr {
  width:                       60px;
}

input#zip {
  width:                       80px;
}

input#city {
  width:                       133px;
}

input#persontotal {
  width:                       80px;
}

div#captcha1 {
  float:                       left;
  padding-left:                150px;
}

div#captcha2 {
  float:                       left;
  padding-left:                32px;
  font-size:                   11px;
  line-height:                 13px;
}
div#captcha2 img {
  margin:                      0px 6px 0px -22px;
}

input#captcha_code {
  width:                       111px;
}

div#captcha_code_error {
  clear:                       both;
}

input#submit {
  float:                       right;
  cursor:                      pointer;
  font:                        normal 12px verdana, sans-serif;
}

div#requiredtext {
  float:                       left;
}

/*# Form CSS */
/*############################################################################*/
/*# TEMPLATE_FULLHEIGHT */

body {
  width:                       100%;
  height:                      100%;
  margin:                      0px;
  padding:                     0px;
}

div#fullscreen {
  position:                    absolute;
  width:                       100%;
  height:                      100%;
  text-align:                  center;
}

div#site {
  width:                       952px;
  min-height:                  100%;
  margin:                      0 auto;
  text-align:                  left;
}

/* # HEADER */
div#header {
  width:                       952px;
  height:                      346px;
  background:                  url('http://www.boekzelf.nl/images/header_bg.gif') repeat-x top left;
}

div#headerimage {
  position:                    absolute;
  width:                       952px;
  height:                      258px;
  margin-top:                  88px;
  z-index:                     1;
}

div#logo {
  position:                    absolute;;
  width:                       304px;
  height:                      115px;
  z-index:                     5;
}

div#photoblock {
  position:                    absolute;
  width:                       244px;
  height:                      242px;
  margin:                      94px 0px 0px 703px;
  z-index:                     6;
}

div#menu {
  float:                       right;
}

/* ### MENU */
ul#mainmenu {
  margin-right:                7px;
  width:                       100%;
  height:                      34px;
}

ul#mainmenu li {
  float:                       left;
  height:                      34px;
  list-style:                  none;
}

#mainmenu a .left {
	display: block;
	float: left;
	width: 8px;
	height: 34px;
	background: url(../images/menu_left.png) no-repeat;
	margin-left: 1px;
}


#mainmenu a .middle {
 	display: block;
	float: left;
	height: 34px;
	padding: 0 9px;
	background: url(../images/menu_middle.png) repeat-x;
}


#mainmenu a .right {
	display: block;
	float: left;
	width: 8px;
	height: 34px;
	background: url(../images/menu_right.png) no-repeat;
	margin-right: 1px;
}

#mainmenu a:hover .middle {
	background: url(../images/menu_middle_over.png) repeat-x;
}


/* ### CONTENT */
div#content ul li,
div#content_text ul li {
  line-height:                 22px;
}

div#content_text {
	border-top:               solid 2px #000000;
  padding:                     20px 12px 20px 12px;
  line-height:                 22px;
	clear:left;

}

.contenttitle {
  width:                       940px;
  height:                      38px;
  line-height:                 40px;
  padding-left:                12px;
  background:                  url('http://www.boekzelf.nl/images/title_bg.gif') repeat-x left top;
}

/* ### CONTACT */
div.content_contact {
  padding:                     0px 0px 0px 0px;
}
div.contact_block {
  float:                       left;
  width:                       289px;
  height:                      230px;
  padding-left:                20px;
}

span.blueline {
  display:                     block;
  width:                       100%;
  height:                      1px;
  margin:                      12px 0px;
  background:                  #102A7F;

}

/* ### ORGANISATIONS */
div#organisations {
  padding-top: 8px;
}

div.organisation_item {
  height:                      100%;
  padding:                     16px 12px 20px 12px;
  border-top:                  solid 1px #102A7F;
	clear:                       both;
	display:										 block;
}

div.organisation_last {
/*  border-bottom:               solid 2px #000000;*/
}

div.organisation_item span.organisation_image {
  float:                       left;
  display:                     block;
  width:                       290px;
  height:                      144px;
  text-align:                  center;
  border:                      1px solid #CCCCCC;
}
div.organisation_item div.organisation_text {
  float:                       left;
  width:                       379px;
  line-height:                 22px;
  margin-left:                 20px;
	height:											auto;
	padding-bottom:              25px;
}
div.organisation_item span.organisation_link {
  float:                       left;
  width:                       222px;
  height:                     auto;
  line-height:                 194px;
  text-align:                  center;
  display:                     block;
	clear:                      right;
}

div.organisation_item hr {
  height:                      1px;
  color:                       #102A7F;
}

/* ### FOOTER */
div.footerfixer {
  clear:                       both;
  line-height:                 60px;
  height:                      50px;
}

div#footer {
  clear:                       both;
  width:                       952px;
  height:                      60px;
  line-height:                 18px;
  margin:                      -60px auto 0px auto;
  background:                  url('http://www.boekzelf.nl/images/footer_bg.gif') repeat-x top left;
}

div#footermenu {
  height:                      36px;
  line-height:                 36px;

}

div#footermenu ul li {
   float:                      left;
   list-style:                 none;
   padding-right:              24px;
   color:                      #102A7F;
}

div#footermenu ul li a {
  color:                       #102A7F;
  text-decoration:             none;
}

div#white {
  float:                       right;
  height:                      23px;
  line-height:                 23px;
  font-size:                   10px;
  color:                       #999999;
}
div#white a,
div#white a:hover {
  color:                       #999999;
  text-decoration:             none;
}

/*# /TEMPLATE_FULLHEIGHT */
/*############################################################################*/

/** twitter pagina ***/
.text-small{
	width:600px;
	border-top: 0px;
	float:left;
	margin-right:50px;
}

.twitter{
	float:left;
	width:250px;
}

.twittercontent{
	border-left:1px solid #e9e9e9;
	padding-left:15px;
	margin-top: 10px;
}
div#social {
	float: right;
	margin: 0 auto;
}

div#social ul{
	margin-left:0px;
	padding-left:0px;

}
div#social ul li{
		float:left; 
		list-style-type:none; 
		width:24px; 
		margin-top:8px;
		padding-right: 10px;
}
div.social_icon {
  float:                       right;
  padding:                     10px 10px 0px 0px;
}
a.facebook_icon, a.facebook_icon:hover {
  display:                     block;
  width:                       24px;
  height:                      24px;
  background:                  url('http://www.boekzelf.nl/images/facebook_btn.png') no-repeat left 0px;
}
a.facebook_icon:hover {
  background:                  url('http://www.boekzelf.nl/images/facebook_btn.png') no-repeat left -24px;
}
a.twitter_icon, a.twitter_icon:hover {
  display:                     block;
  width:                       24px;
  height:                      24px;
  background:                  url('http://www.boekzelf.nl/images/twitter_btn.png') no-repeat left 0px;
}
a.twitter_icon:hover {
  background:                  url('http://www.boekzelf.nl/images/twitter_btn.png') no-repeat left -24px;
}