/*********************************************************/
/***** START - Main stylesheet for HTML & BODY ***********/
/*********************************************************/

/* Task #820 */ 
.description2, .tx-tcsnarbooks-pi1 p.bodytext {width: 720px;}
.ref .bookscontainer {clear:both;}
.ref .bookscontainer:first-child {padding-top: 10px;}
  

html{
  height: 100%;
  overflow-y: scroll;
}

body{
  font-family: Tahoma, Verdana, Sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 0;  
  color: #000000;
}

/*********************************************************/
/***** STOP - Main stylesheet for HTML & BODY  ***********/
/*********************************************************/


/*********************************************************************************************/
/***** START - The following is used to remove the dotted lines from links *******************/
/*********************************************************************************************/

a:active{
  outline: none;
}

:-moz-any-link:focus{
  outline: none;
}

img{

}

/*********************************************************************************************/
/***** STOP - The following is used to remove the dotted lines from links  *******************/
/*********************************************************************************************/


/**************************************************************************************/
/***** START - The following is used style various content from TYPO3 *****************/
/**************************************************************************************/

ul.csc-menu{
  padding: 0;
  margin: 0 0 0 5px;  
}

a{
  color: #475D69;
  text-decoration: underline;
}

a:hover{
  color: #9FB6C4;
  text-decoration: underline;
}

P{
  margin: 0 0 10px 0;  
}

.align-center{
  text-align: center;
}

.align-right{
  text-align: right;
}

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

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

.indent{
  margin-left: 20px;
}

.contentwrap h1,
.contentwrap h2,
.contentwrap h3,
.contentwrap h4,
.contentwrap h5{
  font-family: Georgia, Serif;
  /*background: transparent;*/
  margin: 0 0 .2em 0;
  color: #314753;
}

H1{
  font-size: 1.6em;
}

H2{
  font-size: 1.4em;
}

H3{
  font-size: 1.3em;
}

H4{
  font-size: 1.25em;
}

H5{
  font-size: 1.0em;
}

h1 a, h2 a, h3 a, h4 a, h5 a{
  text-decoration: none;
}


DIV.csc-frame{
  border: 0 0 0 0;
}

DIV.csc-frame-rulerBefore{
  border-top: 1px dotted #6E7E86;
  margin: 10px 0 10px 0;
  padding: 10px 0 0 0;
}

DIV.csc-frame-rulerAfter{
  border-bottom: 1px dotted #6E7E86;
  margin: 10px 0 10px 0;
}

DIV.lightdivider{
  border-top: 1px solid #E0E0E0;
  height: 1px;
  margin: 5px 0 5px 0;
  clear: both;
}


table.imgtext-table{
  font-size: 0.9em;
  font-style: italic;
}

UL.csc-bulletlist-0 li{
  color: #000000;
  }

UL.csc-bulletlist-1 li{
  color: #C000C0;
  }

UL.csc-bulletlist-2 li{
  color: #008080;
  }

UL.csc-bulletlist-3 li{
  color: #3FC000;
  }

OL{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-position: inside;
}

.csc-mailform input{
  border: 1px solid #FF0000;
  width: 200px;
}

.csc-mailform textarea{
  border: 1px solid #FF0000;
  width: 200px;
}

div.csc-textpic-border img {
  border: 1px solid #000000 !important;
}

img.spacer-gif{
  width: 100%;
}

table.contenttable p{
  padding: 0;
  margin: 0;
}

.contentwrap ul li{
  list-style-position: inside;
}


/**************************************/
/***** START - Frames *****************/
/**************************************/

table.csc-frame{
  width: 100%;
  margin: 0 0 10px 0;
}

table.csc-frame-frame1{
  background-color: #FFF8DD;
  background-image: url('/fileadmin/templates/images/frame1-background.gif');
  background-repeat: repeat-x;
}

table.csc-frame-frame1 td.topleft{
  background-image: url('/fileadmin/templates/images/frame1-topleft-background.gif');
  background-repeat: no-repeat;
  background-position: top left;
  width: 2px;
  height: 2px;
  overflow: hidden;
}

table.csc-frame-frame1 td.topcenter{
  height: 2px;
  overflow: hidden;
}

table.csc-frame-frame1 td.topright{
  background-image: url('/fileadmin/templates/images/frame1-topright-background.gif');
  background-repeat: no-repeat;
  background-position: top right;
  width: 2px;
  height: 2px;
  overflow: hidden;
}

table.csc-frame-frame1 td.contentleft{
  border-left: 1px solid #FFDDAC;
  width: 1px;
  overflow: hidden;
}

table.csc-frame-frame1 td.contentcenter{
  padding: 10px;
}

table.csc-frame-frame1 td.contentright{
  border-right: 1px solid #FFDDAC;
  width: 1px;
  overflow: hidden;
}

table.csc-frame-frame1 td.bottomleft{
  background-image: url('/fileadmin/templates/images/frame1-bottomleft-background.gif');
  background-repeat: no-repeat;
  width: 2px;
  height: 2px;
}

table.csc-frame-frame1 td.bottomcenter{
  background-image: url('/fileadmin/templates/images/frame1-bottomcenter-background.gif');
  background-repeat: repeat-x;
  height: 2px;
}

table.csc-frame-frame1 td.bottomright{
  background-image: url('/fileadmin/templates/images/frame1-bottomright-background.gif');
  background-repeat: no-repeat;
  background-position: bottom right;
  width: 2px;
  height: 2px;
}

table.csc-frame-frame2{
  background-color: #F8F8F8;
  background-image: url('/fileadmin/templates/images/frame2-background.gif');
  background-repeat: repeat-x;
}

table.csc-frame-frame2 td.topleft{
  background-image: url('/fileadmin/templates/images/frame2-topleft-background.gif');
  background-repeat: no-repeat;
  background-position: top left;
  width: 2px;
  height: 2px;
  overflow: hidden;
}

table.csc-frame-frame2 td.topcenter{
  height: 2px;
  overflow: hidden;
}

table.csc-frame-frame2 td.topright{
  background-image: url('/fileadmin/templates/images/frame2-topright-background.gif');
  background-repeat: no-repeat;
  background-position: top right;
  width: 2px;
  height: 2px;
  overflow: hidden;
}

table.csc-frame-frame2 td.contentleft{
  border-left: 1px solid #E0E0E0;
  width: 1px;
  overflow: hidden;
}

table.csc-frame-frame2 td.contentcenter{
  padding: 10px;
}

table.csc-frame-frame2 td.contentright{
  border-right: 1px solid #E0E0E0;
  width: 1px;
  overflow: hidden;
}

table.csc-frame-frame2 td.bottomleft{
  background-image: url('/fileadmin/templates/images/frame2-bottomleft-background.gif');
  background-repeat: no-repeat;
  width: 2px;
  height: 2px;
}

table.csc-frame-frame2 td.bottomcenter{
  background-image: url('/fileadmin/templates/images/frame2-bottomcenter-background.gif');
  background-repeat: repeat-x;
  height: 2px;
}

table.csc-frame-frame2 td.bottomright{
  background-image: url('/fileadmin/templates/images/frame2-bottomright-background.gif');
  background-repeat: no-repeat;
  background-position: bottom right;
  width: 2px;
  height: 2px;
}

table.csc-frame-frame3{
  background-image: url('/fileadmin/templates/images/frame3-background.gif');
  background-repeat: repeat-x;
}

table.csc-frame-frame3 td.topleft{
  background-image: url('/fileadmin/templates/images/frame3-topleft-background.gif');
  background-repeat: no-repeat;
  background-position: top left;
  width: 2px;
  height: 2px;
  overflow: hidden;
}

table.csc-frame-frame3 td.topright{
  background-image: url('/fileadmin/templates/images/frame3-topright-background.gif');
  background-repeat: no-repeat;
  background-position: top right;
  width: 2px;
  height: 2px;
  overflow: hidden;
}

table.csc-frame-frame3 td.contentleft{
  background-image: url('/fileadmin/templates/images/frame3-contentleft-background.gif');
  background-repeat: no-repeat;
  background-position: top left;
  width: 1px;
  overflow: hidden;
}

table.csc-frame-frame3 td.contentcenter{
  padding: 10px;
}

table.csc-frame-frame3 td.contentright{
  background-image: url('/fileadmin/templates/images/frame3-contentright-background.gif');
  background-repeat: no-repeat;
  background-position: top right;
  width: 1px;
  overflow: hidden;
}

/**************************************/
/***** STOP - Frames ******************/
/**************************************/

/**************************************************************************************/
/***** STOP - The following is used style various content from TYPO3  *****************/
/**************************************************************************************/

/*******************************************************************************************/
/***** START - Overwriting various plugins or setting some general styles  *****************/
/*******************************************************************************************/

.resultbar{
  background-color: #B5C3CC;
}

.felogin-submit{
  margin: 10px 0 10px 0;
}

.felogin-div{
  margin: 10px 0 10px 0;
}

.error{
  border: 1px solid #FF0000;
  margin: 5px 0 10px 0;
  background-color: #FFC0C0;
  padding: 5px;
}

.message{
  border: 1px solid #00C000;
  margin: 5px 0 10px 0;
  background-color: #AFFEA2;
  padding: 5px;
}

/*******************************************************************************************/
/***** STOP - Overwriting various plugins or setting some general styles  ******************/
/*******************************************************************************************/



body.teachersMinimenu {
  background: transparent url(/fileadmin/templates/images/top-blaa-bg.png) 0 0 repeat-x;
}

body.studentsMinimenu {
  background: transparent url(/fileadmin/templates/images/top-groen-bg.png) 0 0 repeat-x;
  
}