HTML, BODY {
  background: #FFFFFF url("../images/background.jpg") no-repeat scroll 50% 0 ;
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #333333;
  padding: 0;
  margin: 0;
}

BODY {
  background: url("../images/background.jpg") no-repeat scroll 50% 0 transparent;
  width: 100%;
  height: 100%;
}


/********************/
/********************/

[class*="span"] {
  float: left;
  margin-right: 20px;
  min-height: 1px;
}

.span12 { width: 940px; }
.span11 { width: 860px; }
.span10 { width: 780px; }
.span9   { width: 700px; }
.span8   { width: 620px; }
.span7   { width: 540px; }
.span6   { width: 460px; }
.span5   { width: 380px; }
.span4   { width: 300px; }
.span3   { width: 220px; }
.span2   { width: 140px; }
.span1   { width: 60px; }

.last { margin-right: 0px; }

.padding { padding: 20px 15px; }

.center { text-align: center; }

.bottom5   { margin-bottom: 5px; }
.bottom10 { margin-bottom: 10px; }
.bottom15 { margin-bottom: 15px; }
.bottom20 { margin-bottom: 20px; }

/********************/
/********************/


H1, H2 {
  font-family: 'Tinos', Arial, Helvetica, sans-serif;
}

H1 {
  font-size: 23px;
  text-transform: uppercase;
  padding: 0px 0px 7px 0px;
  margin: 0px 0px 7px 0px;
  color: #DE6D53;
  font-weight: normal;
}

H2 {
  font-size: 20px;
  text-transform: uppercase;
  padding: 0px 0px 0px 0px;
  margin: 7px 0px 7px 0px;
  color: #4A4A4A;
}

/********************/
/********************/

#border_top {
  background: #DE6D53;
  height: 3px;
}

#kegels {
  position: absolute;
  top: 90px;
  left: 50%;
  width: 700px;
  margin-left: -350px;
  z-index: 0;
}

#kegels IMG {
  width: 100%;
}

#container {
  position: relative;
  width: 940px;
  margin: 0px auto;
  padding-bottom: 20px;
  z-index: 10;
}

#header {
  display: block;
  margin: 0px auto;
  text-align: center;
  padding: 0px 0px 20px 0px;
}

#titel {
  font-family: 'Tinos', Arial, Verdana;
  font-size: 70px;
  text-align: center;
  line-height: 100px;
}

/********************/
/********************/

UL#menu {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style: none;
}

UL#menu LI {
  border-left: 1px solid #EDEDED;
  display: inline-block;
  float: left;
  padding: 0px 23px;
  position: relative;
}

UL#menu LI.no_border {
  border: none;
  margin-right: 0px;
}

UL#menu LI A {
  display: inline-block;
  font: 16px/20px 'Tinos',Arial,"Helvetica Neue",Helvetica,sans-serif;
  float: left;
  padding: 11px 0;
  position: relative;
  width: 100%;
  color: #4A4A4A;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}

UL#menu LI.active A {
  color: #DE6D53;
  background: url(../images/arrow_down.png) no-repeat center bottom;
}


UL#submenu {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style: none;
}

UL#submenu LI {
  border-left: 1px solid #EDEDED;
  display: inline-block;
  float: left;
  padding: 0px 23px;
  position: relative;
}

UL#submenu LI.no_border {
  border: none;
  margin-right: 0px;
}

UL#submenu LI A {
  display: inline-block;
  font: 13px/17px 'Tinos',Arial,"Helvetica Neue",Helvetica,sans-serif;
  float: left;
  padding: 11px 0;
  position: relative;
  width: 100%;
  color: #4A4A4A;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}

UL#submenu LI.active A {
  color: #DE6D53;
  background: url(../images/arrow_down.png) no-repeat center bottom;
}

/********************/
/********************/

#content {
  overflow: hidden;
  line-height: 1.4;
}

.inteschrijven {
  font: 16px/20px 'Tinos',Arial,"Helvetica Neue",Helvetica,sans-serif;
  margin: 11px 0;
  text-align: center;
  text-transform: uppercase;
}

.box {
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
}

/********************/

A.speler {
  display: block;
  color: #333333;
  padding: 2px 0px;
  text-decoration: none;
}

/********************/

.ronde {
  overflow: hidden;
}

.beurt {
  border: 1px solid #AAAAAA;
  float: left;
  text-align: center;
}

.gooi_1, .gooi_2, .gooi_3 {
  padding: 2px 0px 0px 0px;
  float: left;
  width: 25px;
  height: 20px;
  text-align: center;
}

.gooi_1 {}

.gooi_2 {
  border-left: 1px solid #AAAAAA;
}

.gooi_3 {
  border-left: 1px solid #AAAAAA;
}

.gooi_totaal {
  padding: 2px 0px 0px 0px;
  border-top: 1px solid #AAAAAA;
  clear: both;
  height: 20px;
  text-align: center;
}

.score_title { background: #EDF1F2; font-weight: bold; }

/********************/

.team {
  border-left: 5px solid;
  margin-bottom: 15px;
  padding-left: 7px;
}

.team_titel {
  width: 200px;
  padding: 2px 0px 4px 0px;
  font-weight: bold;
}

.team1 { border-color: #F73431; }
.team2 { border-color: #F7A431; }
.team3 { border-color: #F7DC31; }
.team4 { border-color: #7AF731; }
.team5 { border-color: #31F7C9; }
.team6 { border-color: #31BBF7; }
.team7 { border-color: #4531F7; }
.team8 { border-color: #BB31F7; }
.team9 { border-color: #F731A8; }






FORM {}

.ss-form-question {
  margin-bottom: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  border-bottom: 1px solid #E2E2E2;
}
.ss-item {}
.ss-form-entry {}

.ss-q-title{
  float: left;
  width: 200px;
  padding-right: 20px;
}
.ss-q-help {
  color: #AAAAAA;
}

INPUT[type="text"] {
  border: 1px solid #B2B2B2;
  padding: 3px 5px;
  width: 200px;
}
.ss-q-short {}

.ss-choices LABEL {
  display: inline-block;
  width: 100px;
}
INPUT[type="radio"] {}

TABLE {}
TR {}
TD {}

TD.ss-scalenumbers {
  text-align: center;
}
LABEL.ss-scalenumber {}

TD.ss-scalerow {}
TD.ss-leftlabel {}
TD.ss-rightlabel {}
DIV.ss-scalerow-fieldcell {}

INPUT[type="submit"] {}