/************************************************************************/
/*  Global CSS declarations for Kessels & Smit that apply to all media  */
/*  Copyright (c) 2008/2009 SpekWerk                                    */
/************************************************************************/

/*

Huisstijl font: Signa Condensed
Koppen: Bold, 24 px
Subkoppen: Bold 16 px.
Platte tekst: Verdana Regular 12 px - interlinie 24 px.

Kleur
Groen #c3ce2e
Grijsbruin (logo, achtergrond) #827c76
Lichte tekst rechts  #d7d5d4
Blauw #c0deeb
Achtergrond Tags #98908a

*/

/****************************/
/* Global tags              */
/****************************/

html {
  width:100%;
  height:100%;
}
body { 
  font-family:verdana,sans-serif;
  font-size:12px;
  line-height:24px;
  color:#867D76;
  width:100%;
  height:100%;
}
form {
  margin:0px;
  padding:0px;
}
h1 {
  font-family:signa,calibri,arial,sans-serif;/**/
  font-size:25px;
  line-height:27px;
  color:#c3ce2e; /* #C3CF2F; */
  margin:0px;
  margin-bottom:5px;
}
h2 {
  font-family:verdana,arial,sans-serif;/*signa,calibri,*/
  font-size:18px;
  color:#c3ce2e; /* #C3CF2F; */
  margin:0px;
  margin-bottom:5px;
}
h3 {
  font-family:verdana,arial,sans-serif;/*signa,calibri,*/
  font-size:14px;
  color:#c3ce2e; 
  margin:0px;
}
p {
  margin:0px;
}
ul,ol {
  margin-top:0px;
  margin-bottom:0px;
}
#content ul {
  padding-left:13px;
  margin-left:13px;
}

a:link, a:visited {
  text-decoration:underline;
  color:#867D76;
}
a:active, a:hover {
  text-decoration:underline;
  color:#c3ce2e;
}
/*a:link, a:visited {
  color:#123456;
}
a:active, a:hover {
  color:#987654;
}*/

/* Global K&S elements */
.KsSpace {
  clear:both;
  height:24px;
}
.KsDivider {
  clear:both;
  height:24px;
  border-bottom:1px solid #CACACA;
  margin-bottom:24px;
}
.KsSmallDivider {
  clear:both;
  height:1px;
  border-bottom:1px solid #CACACA;
  margin-bottom:12px;
}
.empty {
  width:0px;
  height:0px;
}
.clear {
  clear:both;
}
a.KsFile {
  display:block;
  background-repeat:no-repeat;
  background-position:0 4px;
  padding-left:52px;
  margin-top:24px;
  text-decoration:none!important;
}
a.KsFile strong {
  display:block;
}
a.KsFile.PDF {
  background-image:url(/img/pdf.gif);
}
a.KsFile.File {
  background-image:url(/img/file.gif);
}

/* Search */
div.KsSearchResult { 
  /*color:#867D76;*/
  padding-bottom:18px;
}
.KsSearchResult a {
  text-decoration:none!important;
}
.KsSearchResult .Title {
  font-weight:bold;
  font-size:15px;
  display:block;
}
.KsSearchResult .Lines {
  line-height:18px;
  display:block;
  padding-left:18px;
}
.KsSearchResult .Info {
  font-size:8px;
  display:block;
  padding-left:18px;
}
.KsSearchResult strong { /* Found word in line */
  color:#c3ce2e;
}
/* PageSelect */
.KsPageSelect {}
.KsPageSelect .Left {
  float:left;
  width:70px;
  text-align:center;
}
.KsPageSelect .Pages {
  float:left;
  width:215px;
  padding:0px 10px;
  text-align:center;
}
.KsPageSelect .Pages a {
  text-decoration:underline!important;
}
.KsPageSelect .Right {
  float:left;
  width:70px;
  text-align:center;
}

/* functional items (right side) */
#functional ul { 
  margin:0 0 0 16px;
  padding:0;
}
.functional_header {
  font-family:signa,calibri,arial,sans-serif;
  font-weight:bold;
  font-size:19px;
  color:#c3ce2e; /* #C3CF2F; */
  max-width:264px;
  margin-top:24px;
}
.functional_header span {
  float:left;
}
.functional_header a {
  float:right;
  font-size:12px;
  font-weight:normal;
}
.functional_header br {
  clear:both;
}
#functional a { 
  text-decoration:none;
}
#functional a.active:link, #functional a.active:active, #functional a.active:hover, #functional a.active:visited { 
  text-decoration:underline;
}
#functional .KsQuote {
  font-style:italic;
  /*font-weight:bold;*/
  width:180px;
  padding-top:22px;
  font-size:12px;
}
#functional .KsQuote .quot {
  font-size:24px;
  font-family:times,serif;
}
#functional .KsQuote:first-letter {
  x-font-size:24pt;
}
#functional .KsQuoteSource {
  width:170px;
  /*text-align:right;*/
  padding-top:2px;
}

#functional .tweet {
  margin-top:-30px
}
#functional #twitter_update_list {
  list-style:none;
  margin:0px;
  padding:0px;
}

/* Image area (top-mid, between navigation and content) */
#KsPhotoSliderLarge {
  width:602px;
  height:295px;
  padding:6px;
  float:left;
  background-color:white;
}
#KsPhotoSliderLarge1,#KsPhotoSliderLarge2 {
  width:602px;
  height:295px;
}
#KsPhotoSliderSmall { 
  width:118px;
  height:50px;
  margin-top:245px;
  padding:6px;
  float:left;
  background-color:white;
  cursor:pointer;
}
.KsPhotoSliderArrow {
  float:left;
  width:10px;
  height:10px;
  margin-top:273px;
  background-image:url(/img/arrow_right.gif);
  background-repeat:no-repeat;
  background-position:0 0;
}

/****************************/
/* Specific page elements   */
/****************************/

/* Students page: overview of students */
#content div.KsStudent {
  cursor:pointer;
}
/*
#content .KsStudent h2 {
  max-width:280px!important;
  border-bottom:1px solid green;
  margin-left:100px;
}
#content .KsStudent .Text {
  min-width:300px!important;
}
embed {
  float:left;
}
*/

#content .KsStudent:hover {
  color:#c3ce2e;
}
#content .KsStudent img {
  float:left;
  width:100px;
  height:100px;
  margin-right:16px;
}
#content .KsStudentIntro {
  float:left;
  width:300px;
}
#content .KsStudent a {
  text-decoration:none!important;
}
#content .KsStudentClear {
  margin-bottom:4px;
  clear:both;
}

/* Student page: zoom in on student */
img.KsStudent {
  float:left;
  width:100px;
  height:100px;
  margin:0 16px 12px 0;
}

.KsStudentColLeft {
  float:left;
  width:120px;
  padding-right:4px;
}
.KsStudentColRight {
  float:left;
  width:170px;
}

/* People */
.KsIconsTitle {
  float:left;
}

.KsIconsHint {
  float:left;
  padding:2px 0 0 0px;
}

/* Blog message */
#content .KsBlogTitle {
  float:left;
  max-width:310px;
}
#content .KsBlogDate {
  float:right;
  text-align:right;
  max-width:90px;
  font-weight:bold;
  color:#847D75;
  font-size:14px;
}
#content .KsBlogSlug {
  /*clear:both;*/
  font-size:10px;
  margin-bottom:10px;
}

/* Resources */
.pub a, .KsAuthor a {
  text-decoration:none!important;
  cursor:pointer;
}
.pub .KsType {
  display:block;
  line-height:10px;
  width:45px;
  text-align:center;
  float:left;
  padding:2px 5px;
  margin:5px 5px 0 0;
  background-color:#867D76;
  color:white;
  font-size:9px;
}
.pub .KsTitle {
  display:block;
  float:left;
  /*font-size:15px;*/
  font-weight:bold;
  /*width:365px;*/
  max-width:355px;
  line-height:20px;
}
.KsAuthor {
  display:block;
  clear:both;
  margin-bottom:16px;
  font-style:italic;
}
.pub .KsAuthor {
  font-size:9px;
  line-height:15px;
  margin:0 0 8px 60px;
}
img.KsPub {
  float:left;
  margin:0px 25px 25px 0px;
}
.books {
  width:450px;
  margin-left:-5px;
}
.books img.KsBook {
  width:93px;
  margin:0px 11px 20px 0px;
}
.books img.noImg {
  height:120px;
}
.books a.link img {
  border:2px solid white;
}
.books a.link:hover img  {
  border:2px solid #c3ce2e;
}

.pub .book img.KsBook {
  float:left;
  width:55px;
  margin:0px 10px 20px 0px;
  border:0px;
}
.books .book img.noImg {
  height:60px;
}
.books .book .KsAuthor {
  float:left;
  clear:none;
  margin-bottom:16px;
  font-style:italic;
  margin:4px 0 0 0;
}
.pub .KsAuthorTool {
  margin:0 0 8px 0px;
}

#KsBookCoverOverlayMouseEvent {
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:10001;
}
#KsBookCoverOverlay {
  position:absolute;
  width:480px;
  height:100%;
  top:165px;
  margin-left:-290px;
  left:50%;
  background-color:#ffffff;
  opacity:0.5;
  filter:alpha(opacity=50);
  z-index:10002;
}
#KsBookCoverContainer {
  position:fixed;
  width:417px;
  height:576px;
  margin-left:-250px;
  left:50%;
  top:50%;
  margin-top:-260px;
  z-index:10003;
}
#KsBookCover {
  height:576px;
  background-image:url(/img/book_popup.png);
}
#KsBookCover img {
  border:0px;
}
/*
w 296
h 436
l 58 r 64
#KsBookCover div {
  margin:auto;
  display:inline-block;
}
*/
#KsBookCover a:link,#KsBookCover a:hover,#KsBookCover a:visited,#KsBookCover a:active {
}
a#KsBookCoverClose {
  float:right;
  margin:16px 32px 14px 0;
  color:#afafb3!important;
}
img#KsBookCoverImage {
  position:relative;
  left:58px;

  /* Hoe relext om gewoon in CSS schaduw te kunnen maken: */
  -moz-box-shadow: 5px 5px 5px #666666;
  -webkit-box-shadow: 5px 5px 5px #666666;
  -ms-filter:'progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=115,strength=5)'; /* IE 8 */
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=115,strength=5); /* IE 5,6,7 */
	zoom:1;/*force hasLayout*/
  
}
a#KsBookCoverOrder {
  position:relative;
  left:-2px;
  top:-30px;
}
a#KsBookCoverInfo {
  float:right;
  margin:12px 64px 0 0;
}
    

/* Cases */
#case_preview {
  min-height:100px;
  clear:both;
}

/* Contact */
.KsAddrCol {
  float:left;
  margin-right:30px;
}

/* Forms */
#content .KsForm {
  clear:both;
  padding-top:12px;
}
.KsForm br {
  clear:both;
}
.KsFrmLabel {
  width:70px;
  float:left;
  padding-top:4px;
}
.KsFrmLabelLong {
  width:120px;
  float:left;
  padding-top:4px;
}
.KsFrmLabelCafe {
  width:220px;
  height:40px;
  float:left;
  padding-top:4px;
}
.KsFrmInput {
  float:left;
  width:200px;
}
.KsFrmInput.Padding {
  padding:4px 0;
}
.KsFrmInput input[type=text], .KsFrmInput textarea { /* textfield */
  font-family:verdana,sans-serif;
  font-size:12px;
  color:#867D76;

  width:182px;
  background-color:#E1E0DE;
  border:0px;
  padding:4px;
  margin-top:2px;
}
.KsFrmInput input[type=text] {
  height:18px;
}
.KsFrmInput textarea { 
  height:90px;
}
.KsFrmButtons {
  /*margin-right:153px;*/
  /*width:264px;*/
  float:left;
  width:194px;
}
.KsFrmError {
  font-weight:bold;
  padding:5px 0;
}
.KsFrmButtonsCafe {
  width:344px!important;
}

#content .KsButtons {
  margin-top:10px;
}
#content .KsButtons a, a.KsButton, span.KsButton, .KsFrmButtons input {
  /*display:block;*/
  float:left;
  padding:0px 8px;
  border:0px;
  font-family:signa,sans-serif;
  margin-right:4px;
  text-decoration:none!important;
  color:#FFF!important;
  text-transform:uppercase;
  font-weight:bold;
  font-size:11px;
}
span.KsButton {
  background-color:#DDDDDD;
}
.KsFrmButtons input {
  float:right;
  margin-top:2px;
  padding-top:4px;
  padding-bottom:4px;
}
#content .KsButtons a:link, #content .KsButtons a:visited,
a.KsButton:link, a.KsButton:visited, .KsFrmButtons input.Up {
  background-color:#C4CE2F;
}
#content .KsButtons a:active, #content .KsButtons a:hover,
a.KsButton:active, a.KsButton:hover, .KsFrmButtons input.Over {
  background-color:#847D75;
  cursor:pointer;
}

/* Route */
#map_canvas { 
  width:605px;
  height:420px;
}

/* CMS */
div.KsCMSBar {
  clear:both;
  font-family:"trebuchet ms",sans-serif;
  font-size:12px;
  /*background-image:url(/img/bg_cmsbar.gif);
  background-repeat:repeat-y;
  background-position:left;*/
  background-image:url(/img/cms_arrow.gif);
  background-repeat:no-repeat;
  background-position:10px 14px;

  margin-bottom:10px;
  padding:3px;
  padding-left:22px;
  border-top:1px solid #CCCCCC;
  border-right:2px solid #999999;
  border-bottom:2px solid #999999;
  border-left:1px solid #CCCCCC;
}
div.KsCMSBar .CMSText {
  padding:1px 10px 0 2px;
  float:left;
  color:#333333;
}
div.KsCMSBar .CMSBar {
  float:right;
}
/* testing */
.BorderBottom {
  border-bottom:1px solid #CACACA;
}