/* Start of CMSMS style sheet 'spartacus' */
/********************* BEGIN CSS Spartacus *********************/
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

/*gioli.nl fotopagina*/
.keuze{
 display:none;
}

table.cms-guestbook-smiley-table{
 width: 100px;

}

#tipKeys{
 background-color: #78A5CC;
 float: right;
 padding: 2px;
 width: 250px;
 border: 1px solid gray;
}

#tipKeys img{
 float: left;
 margin: 2px 5px 2px 2px;
 border: 1px solid gray;
}

.vragenformulier .title{
  font-size: 26px;
  margin-bottom:15px;
}
.vragenformulier .naam input, .subtitle{
  margin-bottom:10px;
}
.vragenformulier label{
  display: block;
}
.vragenformulier textarea{
  width: 400px;
  height: 100px;
  margin-bottom:8px;
}

#myframe { 
  height: 1000px; 
}

/**The forum entries on the frontpage**/

.middle_column_title{  
  font-size: 25px;
  color: #296ba8; /*#6e92ca;*/
  margin-bottom:2px;
}
.middle_column_title a{ 
  font-size: 12px; 
  font-weight:bold;
  color: #296ba8;;
}

table .titlebg{
   background-color: #FFA500; /*#FFc500;*/
}
.middle_column{
   margin: 0pt 0 0pt 453px;
   width:346px;
}
.spike_frontpage{
   width:150px;
   height:92px;
}
#spikewrapper{
   width:175px;
}
.spike_frontpage img{
   border:none;
   margin: 0px 0 7px;
}
.spikeText{
   font-weight:bold;
   margin: -40px 0 10px 18px;
   font-size:15px;
}

.bordercolor{
   background-color: #F0E68C;
   border: 1px solid gray;
   margin-bottom: 10px;
   padding:0;
}

#todo{
   padding: 0;
}

.image img{
  text-align: left;
}

input.text{
  border: 1px solid blue;
  height: 15px;
  width: 100px;
}
input.btn{
  height:20px; 
  margin-bottom:-5px;
}

table.algemeen,table.algemeen td{
  border:1px solid black;
}
table.verjaardag{
  width:300px;
  border: 1px solid black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;  
  border-collapse:collapse;
}

verjaardag_dag{
  width:50px;
}

table.algemeen, table.normaalnb{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;  
  border-collapse:collapse;
}

.thumbnail img{
  border: 1px solid white;
  margin: 0 5px 5px 0;
}

.thumbnail:hover{
  background-color: transparent;
}

.thumbnail:hover img{
  border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
  position: absolute;
  background-color: white; 
  padding: 5px;
  left: -1000px;
  border: 1px dashed gray;
  visibility: hidden;
  color: black;
  text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
  border-width: 0;
  padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
  visibility: visible;
  top: 0;
  left: 260px; /*position where enlarged image should offset horizontally */
  z-index: 50;
}

/*de lastchanged kolom*/
.my_changes ul{
  list-style:none;
  margin:3px;
  font-size:0.9em;
  padding:0;
}

body{
  background: #4f6fa7; /*#c4d1d3; #333333; #004100;*/
  background-image: url("uploads/images/bg.png"); 
  background-repeat: repeat-x;
  color:#303030;
  font:76% Verdana,Tahoma,Arial,sans-serif;
  margin:0;
  padding:0;
  /*text-align:center;*/
}

a {
  color:#505050;
  font-weight:bold;
  text-decoration:none;
}

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

p {
  line-height:1.5em;
  margin:0;
  padding:0;
}

/*********************************Menu***************************************/
#menu {
  padding: 0;
  margin: 0;
}
#menu a {
  text-decoration: none;
  display:block;
}
#menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#menu li {
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-family: Arial;
}
#menu ul li a{                 /*Main Menutags*/
  background-color:white;
  padding: 0 15px;      
  border-top:1px solid #909090;	
  border-bottom:1px solid #909090;	
  height: 21px;
  line-height: 21px;
  font-weight: bold;
  /*text-transform: uppercase;*/
}

#menu ul li ul li a {
  /*background-color: #DEECF0 ;*/
  background-color:#A7EB7A;
  padding-left:25px;
  margin-top: 0;
  height:19px;
  line-height: 19px;
  font-weight:normal;
  text-transform: capitalize;
  border-top: 1px solid #EEF5F7;
  border-bottom: 1px none #EEF5F7;
}
#menu ul li ul li ul li a {
  background-color: #C2DCE3;
  background-image: none;
}
#menu li li li li a {
  padding-left: 36px;
}
#menu ul li ul li ul li ul li a {
  background-color: #A1CEDB;
  background-image: none;
}

/*****************************Menu block****************************/
.menublock{
  background-color:#fafcff;
  border:2px solid #389C00; /*#909090;*/	
  margin-bottom:20px;
}
.menublock_nb{
  background-color:#fafcff;
  border:2px solid #389C00; /*#909090;*/	
  margin-bottom:20px;
}
.menublocktitle{
  color:#fafcff;
  /*background-color:#4A7527;*/
  background-color: #389C00; /* #909090; #389C00;*/
  text-align:center;
  /*border-bottom:1px solid #909090;*/
  font-size:1.4em;
  font-weight:bold;
  letter-spacing:-1px;
}
.menublock h1{
  /*margin:0 0 12px;
  padding-bottom:1px;*/
}
.menupadding{
  padding: 4px;
}

.curved_wrapper{
  background-color:#78A5CC;
  border: 1px solid black;
  margin-bottom:20px;
}
.curved_title{
  /*background: url(uploads/images/curved_top_blue1.jpg);*/
  color: #fafcff;
  text-align:center;
  font-size:1.4em;
  font-weight:bold;
  letter-spacing:-1px;
  height: 23px;
  margin-top:2px;
}
.curved_content{
  /*background: url(uploads/images/curved_mid_blue.jpg);
  background-repeat: repeat;*/
}
.curved_footer{
   /*background: url(uploads/images/curved_bottom_blue1.jpg);*/
  height: 10px;
}

/*******************************Main container **********************/

#maincontainer{
  margin: 10px auto;
  width:997px;
  text-align:left;
}

#container {
  background:#f8f8ff;/*#b0c4de; #EfEfEf; */
  color:#303030; 
  padding:20px 7px 7px 7px; 
  text-align:left;
}

/************************ Header section **********************/

#header {
 color:#FFFFFF;
 /*background-color:#467aa7;*/
 /*background-color:#008800;*/
 background-image: url('http://www.avspartacus.nl/uploads/images/logo1.jpg');
 background-repeat: no-repeat; 
 margin:0px 0pt 0pt 15px;
 width:950px;
 height:100px;
 text-align:center;
 border:1px solid #909090;	
}

#header h1,#header h2 {
font-weight:400;
letter-spacing:-2px;
margin:0;
padding:0;
}

#header h1 {
visibility:hidden;
font-size:4.5em;
padding-top:10px;
}

#header h2 {
font-size:1.6em;
}

/********************************* Navigation Bar ***************************/
.navbar {
  border-left:1px solid #909090;
  border-right:1px solid #909090;
  border-bottom:1px solid #909090;	
  margin-bottom:10px;
  padding-right: 2px;
  height:20px;
}

.breadcrumbs{
  float:left;
  height:20px;
  width:600px;
  padding:2px;   
  text-align: left;
}

.searchform{
  float:right;
  height:20px;
  right: 5px;
  width:160px;
  text-align: right;
}

#navbar ul {
font-size:16px;
margin:0;
padding:0;
}

#navbar li {
  float:left;
  height:35px;
  list-style:none;
  margin:0;
  padding:0;
}

#navbar a {
  color:#606060;
}

#navbar a:hover {
  background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
  color:#505050;
  text-decoration:none;
}

#navbar a.current {
  background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
  color:#505050;
  text-decoration:none;
}

/******************************* Content wrap ***********************************/

#wrap {
  clear:both;
  font-size:0.9em;
  padding:0;
  overflow:hidden;
}
#wrap h1{
  float:left;
  width:200px;
}




/******************************** Sidebars ***********************************/

#right_col {
  margin:0;
  float:right;
  padding: 0;
  width:165px;
}

#left_col {
  float:left;
  margin:0 ;
  padding:0;
  width:440px;
}

#left_col_content{
  float:left;
  padding:0;
  margin:0 0 0 8pt;
  width:740px; 
}
#left_col_content_inner{
  padding:0;
  background-color: #F2FaFa; 
  border:1px solid gray;padding:13px;
}

#left_col h1,#right_col h1 {
/*color:#505050;*/
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}

#left_col h2,#right_col h2 {
font-size:1.1em;
margin:0 0 20px;
}

#left_col p,#right_col p {
/*font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;*/
}

.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}

.linklist li {margin-bottom:0.7em;}

/************************************** Content ***************************/
#welkom{
  padding: 0 0 8px 0;
  margin: 0 0 8px 453px;
  border-bottom: 2px dotted gray; 
}
#welkom_title{
  padding: 0 0 2px 0;
  margin: 0;
  font-size: 25px;
  color: #296BA8;
}
#welkom_content{
  line-height:1.4em;
  background-color: white;
  padding: 5px;
  height:265px;
  border: 1px solid gray;
}
#welkom_content img{
  float: right;
  border: 1px solid gray;
  padding: 2px;
  margin:0 0 5px 5px;
}

.important{
  padding: 5px 5px 5px;
  border-left:1px solid #909090;
  border-right:1px solid #909090;
  border-top:10px solid #CC0000;
  border-bottom:10px solid #CC0000;
  overflow: hidden; /*else the images flow outside the div*/
  margin-bottom:15px;
}
.important2{
  padding: 5px 5px 5px;
  border-left:1px solid #909090;
  border-right:1px solid #909090;
  border-top:10px solid #389C00;
  border-bottom:10px solid #389C00;
  overflow: hidden; /*else the images flow outside the div*/
}
.content_1col{
  background-color:#fff;/*#fafcff;*/
  color:#2a2a2a;
  margin:20px;
}
#content,#contentalt, .content_2col{
  background-color:#fff;/*#fafcff;*/
  border:1px solid #909090;
  color:#2a2a2a;
  padding:10px 10px 5px;
}
.content_2col{
  margin:0 0 0 175px;
  background-color:  #F2FaFa; /*#fafad2; #EFEFFF;*/
}
.content_3col {
  background-color:#fff;/*#fafcff;*/
  color:#2a2a2a;
  margin:0 175px;
}
.content_3col h1, .content_2col h1 {
  display:block;
  border-bottom: 1px solid #909090;
}


#content {margin:0 175px;}
#contentalt {margin:0 200px 0 20px;}

#content h1,#content h2,#contentalt h1,#contentalt h2, .content_3col h1, .content_2col h1 {
background-color:inherit;
color:#606060;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

#content h2,#contentalt h2 {
font-size:1.6em;
margin-bottom:10px;
}

#content img,#contentalt img {
  border:1px solid #b0b0b0;
  float:left;
  margin:5px 15px 6px;
  padding:5px;
}

/*************trainers****************************************************/
.trainer{
  width:260px;
  height:320px;
  border: 1px dashed Gray; 
  margin-bottom: 25px;
}
.trainer_title{
  padding:5px;
  height: 35px;
  font-size: 16pt;
  text-align:center;
}
.trainer_cell1{
  padding:5px;
}
.trainer_cellpic{
  text-align:center;
  padding:5px; height:210px;
}


/*************************** Footer *******************************************/
#prefooter{
  height:30px;
  background-color:#121A28;
}
#footer {
  background-image: url("uploads/images/footer-m.png"); 
  background-repeat: repeat-x; /*black;#8b8b8b;*/
  clear:both;
  color:#d0d0d0;
  font-size:0.9em;
  font-weight:bold;
  margin:0;
  padding:0;
  text-align:center;
  width:997px;
  height:105px;
}
#footer_l, #header_l{
  float:left;
}
#footer_r, #header_r{
  float:right;
}

#footer a {
color:#d0d0d0;
font-weight:bold;
}

/*************************** Various classes ***********************************/

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

.searchform {margin:0;}

.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}

.searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}

.clearingdiv {
clear:both;
height:30px;
width:1px;
}

.hide {display:none;}

/*************************** Text format ***********************************/

.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}

/********************* END CSS Spartacus *************************************/
/* End of 'spartacus' */

