/* CREATIVE TOKEN STYLESHEET*/

/*Site structure*/
#WrapperTop {
  padding-top: 15px;
  width: 100%;
  background-color: #58dcf6;
  background-image: url(../images/SkyBG.jpg);
  background-position: top center;
}

#WrapperTop .Container {
  width: 960px;
  margin:0 auto;
  z-index:1;
  position: relative;
}

#Mom {
  background-image: url(../images/KidAndMom2.png);
  background-repeat: no-repeat;
  background-position: 0px -4px ;
  height: 250px;
  width: 250px;
  float: right;
  margin-top: -250px;
  z-index: 3;
  position: relative;
  display: inherit;
}
#Cat {
  background-image: url(../images/Cat2.png);
  background-repeat: no-repeat;
  background-position: left -4px ;
  height: 130px;
  width: 100%;
  margin-top: -130px;
  z-index: 3;
  position: relative;
}
#Bushes {
  background-image: url(../images/BushesBG.png);
  background-position:-100px 0px;
  height: 250px;
  width: 100%;
  margin-top: -250px;
  z-index: 0;
  position: relative;
}

#Grass {
  background-image: url(../images/GrassBG.jpg);
  height: 55px;
  width:100%;
}

#WrapperBottom {
  background-image: url(../images/WrapperBottomBG.jpg);
  height: 100%;
  width: 100%;
  float: left;
}

#WrapperBottom .Container {
  width: 960px;
  margin: 0 auto;
}
#WrapperBottom .Container.Top {

}

#InnerWrapper {
  background-image: url(../images/InnerWrapperBG.jpg);
  background-repeat: repeat-x;
  background-position: bottom;


}

#WrapperFooter {
  background-image: url(../images/WrapperFooterBG.jpg);
  height: 43px;
  background-repeat: repeat-x;
  width: 100%;
  clear: both;
}

/*Site Content*/

p {
  color: #5e5e5e;
  font-family: Arial, Helvetica, sans-serif;
}

h1 {
  color: #4bc4fb;
}

#Header {
  height: 129px;
  width: 960px;
  float: none;
  background: url(../images/HeaderBG.png);
}
#HeaderSignUp {
  float: right;
  margin: 20px 15px 0px 0px;
  height: 58px;
  width: 190px;

}
#HeaderSignUp a{
  background: url(../images/SignUpSprite.png) no-repeat;
  height: 58px;
  width: 190px;
  float: left;
  background-position: 0px -118px;
}
#HeaderSignUp a:hover {
  background-position: 0px -178px;
}

#Content {
  background-color: #FFF;
  background-image: url(../images/ContentBG.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  width: 960px;
  float: none;
}

#LeftPane {
  width: 620px;
  float: left;
}

#LeftPane .Text {
  margin-left: 15px;
  width: 600px;
}
#LeftPane .Text h1 {
  margin-top: 20px;
}
#LeftPane .Text ul {
  width: 100%;
  margin: 0px 0px 20px 10px;
}
#LeftPane .Text li{
  margin-bottom: 10px;
  padding-left: 25px;
  color: #5e5e5e;
  font-size: 15px;
  font-weight: bold;
  background-image: url(../images/ListDot.png);
  background-repeat: no-repeat;
  background-position: 0px 3px;
}
#LeftPane .DayHolder {
  width: 600px;
  float: left;
  margin-bottom: 65px;

}
#LeftPane .DayHolder .DayContent {
  width: 120px;
  float: left;
  background: url(../images/BeschikbaarSpacer.png) no-repeat;
  background-position: 118px 34px;
}
#LeftPane .DayHolder .DayContent p {
  margin-left: 10px;
}
#LeftPane .DayHolder .DayContent.First p {
  margin-left: 10px;
}
#LeftPane .DayHolder .DayContent img {
  margin-bottom: 5px;
}
#LeftPane .DayHolder .DayContent.Last {
  background-image: none;
}
#RightPane {
  width: 330px;
  float: right;
}
#Clock {
  float: right;
  height: 15px;
  width:100px;
  padding-right: 15px;
  margin-top: 15px;
}
#Clock span {
  float:right;
}

#ContactHolder {
  width: 320px;
  height: 382px;
  float: right;
  background-image: url(../images/RightPaneBG.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  margin-right: -6px;
  padding-left: 10px;
  margin-top:10px;
  margin-bottom: 10px;
}
#ContactHolder .PictureHolder {
  float: left;
  margin-top: 10px;
  height: 160px;
  width: 100%;
  background-image: url(../images/Picture1.jpg);
  background-repeat: no-repeat;
}
#ContactHolder .ContactTop {
  height: 100px;
  float: left;
  width: 299px;
  background-color: #FFF;
  background-image: url(../images/ContactLine.jpg);
  background-position: bottom;
  background-repeat: repeat-x;
  padding-left: 15px;
}

#ContactHolder .ContactTop h1 {
  color: #ff981a;
}
#ContactHolder .ContactTop p {
  background-image: url(../images/HouseIcon.png);
  background-repeat: no-repeat;
  padding-left: 80px;
}

#ContactHolder .ContactBottom {
  height: 100px;
  width: 314px;
  float: left;
  background-color: #fadfbd;
}
#ContactHolder .ContactBottom p {
  margin-top: 15px;
  margin-left: 15px;
  float: left;
}

#ContactHolder .ContactBottom .PictureHolder {
  margin-left: 14px;
  border: 1px solid white;
  height: 80px;
  width: 63px;
}

.RightPaneBottom {
  height: 250px;
  width: 300px;
  float: right;
} 

.RightPaneBottom a{
  height: 58px;
  width: 190px;
  background: url(../images/SignUpSprite.png) no-repeat;
  float: left;
}
.RightPaneBottom a:hover {
  background-position: 0px -58px;
}

.Clear {
  clear: both;
}

#FooterContainer {
  width: 960px;
  margin: 0 auto;
  color: #2d5e5e;
  font-size: 11px;
}
#FooterContainer .Copyright {
  float: left;
  width: 620px;
  margin-top: 15px;
}
#FooterContainer .CreativeToken {
  background: url(../images/CreativeTokenFooterLogo.png)no-repeat 0px 10px;
  float: left;
  height: 28px;
  padding-left: 40px;
  padding-top: 15px;
}
#FooterContainer .CreativeToken a {
  color: #2d5e5e;
  text-decoration: none;
}
#FooterContainer .CreativeToken a:hover {
  text-decoration: underline;
}



/*jQuery content*/

#tabs { margin-top: 15px;}

#tabs-1{
  border: 5px solid #4bcef1;
  background-color: #FFF;
}

#tabs-1 .ContentHolder {
  width: 320px;
  float: right;
  margin-right: 15px;
  color: #5e5e5e;
}
#tabs-2{
  border: 5px solid #8dc63f;
  background-color: #FFF;
  padding-left: 15px;
}
#tabs-2 h2 {
  color: #8dc63f;
}
#tabs-3{
  border: 5px solid #e43c91;
  background-color: #FFF;
}
#tabs-4{
  border: 5px solid #ff981a;
  background-color: #FFF;
  float: left;
  width: 920px;
  padding-bottom: 15px;
}

/* DagBijLouda jQuery */
#tabs #DagBijLouda {
  float: left;
  clear: right;
  width: 920px;
  height: 465px;
  overflow:hidden;
  border-bottom: 1px solid #CCC;
  padding-bottom: 5px;
}

#tabs #DagBijLouda .ui-tabs-panel {
  width:645px;
  float:left;
  margin-left: 15px;
}
#tabs #DagBijLouda .ui-tabs-panel img {
  border:5px solid #dffeb4;
}

#tabs #DagBijLouda ul {
  width: 250px;
  float: left;
  height:auto !important;
  margin-bottom: 20px;
  margin-top: 15px;
}
#tabs #DagBijLouda ul li {
  width: 210px;
  height: 30px;
  margin-bottom:5px;
  background-image: url(../images/DagBijLoudaArrow.jpg);
  background-repeat: no-repeat;
  background-position: 179px 7px;

}
#tabs #DagBijLouda ul li.ui-tabs-selected {
  background-image: url(../images/DagBijLoudaSelector.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#tabs #DagBijLouda ul li.ui-tabs-selected a {
  color: #FFF;
}
#tabs #DagBijLouda ul li a{
  color: #929292;;
  width: 100% !important;
  background: none;
  float: none;
  display: block !important;
  padding-left: 22px;

}

/* End jQuery */
#tabs-2 .Content {
  margin: 0px 0px 10px 0px;
  float: left;
}
#tabs-3 .Content {
  margin: 0px 15px 0px 15px;
  float: left;
}

#tabs-3 .Content a,#tabs-3 .Content h2 {
  color: #e43c91;
}

#InnerWrapper {
  margin-top: 25px;
  padding-bottom: 15px;
}

#InnerWrapper .Container.Bottom {
  margin-top: 15px;
  background:url(../images/ListSpacer.png) no-repeat;
  background-position: 290px 35px;
}

#InnerWrapper .Container.Bottom .ListHeader {
  height: 40px;
}

#InnerWrapper .Container.Bottom .ListHeader h2 {
  color: #FFF;
  float:left;
  margin: 5px 0px 0px 29px;
  padding:0px;
  width: 275px;
  font-size: 18px;
  font-weight: bold;
}

#InnerWrapper .Container.Bottom ul {
  float: left;
  width: 240px;
  margin: 0px;
  margin-left: 30px;
  margin-bottom: 15px;
}

#InnerWrapper .Container.Bottom ul.Middle {
  margin-left: 60px;
  margin-right: 40px;
}

#InnerWrapper .Container.Bottom ul li {
  width: 100%;
  margin-bottom: 5px;
}

#InnerWrapper .Container.Bottom ul li a {
  color: #FFF;
  text-decoration: none;
}
#InnerWrapper .Container.Bottom ul li a:hover {
  text-decoration: underline;
}

/*** Form CSS ***/
#WrapperTop.Form {
  height: 100%;
  background-repeat: repeat-x;
}

.FormContainer {
  margin: 0 auto;
  width: 940px;
}
.FormContainer label {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
}
.FormContainer h1,
.FormContainer h2{
  color: #e43c91;
}

a.Annuleren2 {
  height: 31px;
  width: 91px;
  float: right;
  background:url(../images/FormButtonSprite.png) no-repeat -277px 0px;
  display: block;
  margin: 6px 15px 0px;
}

a.Annuleren2:hover {
  background-position: -277px -31px;
}

.FormContainer .Header{
  height: 50px;
  width: 940px;
  background: url(../images/FormHeader.png) no-repeat;
}

.FormContainer .Header h1 {
  margin: 0 0;
  padding: 15px 0px 0px 17px;
  color: #FFF;
}

.FormContainer .ContentHolder {
  float: left;
  background: #FFF;
  width: 940px;
}

.FormContainer .ContentHolder .Content {
  float: left;
  width: 290px;
  margin-left: 17px;
}

.FormContainer .ContentHolder .Content.Middle,
.FormContainer .ContentHolder .Content.Right {
  margin-top: 15px;
}

.FormContainer fieldset {
  border: 1px solid #CCC;
}

.FormContainer legend {
  color: #e43c91;
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 15px;
  background-color: none;
}
.FormContainer fieldset div{
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

.FormContainer textarea {
  width: 260px;
  margin: 5px 15px 15px 15px;
}

.FormContainer label {
  float:left;
  clear: left;
  margin-bottom: 1px;
  margin-left: 15px;
}

.FormContainer input {
  float: right;
  margin:  2px;
  margin-right: 10px;
}

.FormContainer .ContentHolder .Content input.left {
  float: left;
  margin: 15px;
}

.FormContainer .ContentHolder .Content .RadioDiv {
  width: 160px;
  float: right;
  color: #5e5e5e;
}

.FormContainer .ContentHolder .Content .RadioDiv input {
  float:left;
  margin-right: 20px;
}

.FormContainer .ContentHolder .Content .CheckboxDiv1 {
  width: 270px;
  float: right;
  color: #5e5e5e;
  margin-top: 0px;

}

.FormContainer .ContentHolder .Content .CheckboxDiv1 input {
  float: left;
  margin-right: 20px;
}
.FormContainer .ContentHolder .Content .CheckboxDiv1 label {
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 5px;
  width: 100%;
  float: left;
}

.FormContainer .ContentHolder .Content textarea {
  overflow:auto;
}

.FormContainer .ContentHolder .ContentBottom {
  margin: 10px;
  border-top: 1px solid #CCC;
  width: 920px;
  float: left;
}


.FormContainer .ContentHolder .ContentBottom .ContentLeft{
  width: 600px;
  float: left
}
.FormContainer .ContentHolder .ContentBottom .ContentLeft div {
  float: left;
  width: 600px;
  margin-bottom: 5px;
}
.FormContainer .ContentHolder .ContentBottom .ContentLeft div input {
  margin-right: 200px;
}

.FormContainer .ContentHolder .ContentBottom .ContentRight {
  width: 300px;
  margin-top: 45px;
  float: right;
}

.ContentRight .ButtonHolder {
  float: left;
}
a.Annuleren {
  width: 138px;
  height: 28px;
  display:block;
  background:url(../images/FormButtonSprite.png) no-repeat -139px 0px;
  float:left;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  padding-top:10px;
  margin-top:2px;
}

a.Annuleren:hover {
  background-position: -139px -38px;
}

a.Annuleren:visited {
  color: #FFF;
}

input.SendButton {
  height: 38px;
  width: 138px;
  background:url(../images/FormButtonSprite.png) no-repeat;
  border: none;
  color: #FFF;
  float: left;
  padding: 0px 0px 5px 0px;
  margin-left: 14px;
}

input.SendButton:hover {
  background-position: 0px -38px;
}

.RoundedBottom{
  width: 940px;
  height: 30px;
  float: left;
  margin-left: 10px;
  background:url(../images/FormBottom.png) no-repeat;
}

#tabs-4 h2{
  color: #ff981a;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 18px;
  margin-left: 16px;
}
#tabs-4 div.gastenboek{
  background-color: #ebeaea;
  border-color:#8e8e8e;
  border-width: 2px;
  border-style: solid;
  float: left;
  width: 548px;
  margin-left: 16px;
}

#tabs-4 ol , #tabs-4 ol li {
  list-style: none;
}

#tabs-4 label {
  display: none;
}

#id_publisher {
  background-image: url(../images/inputgastenboeknaam.jpg);
  border: none;
  height: 36px;
  width: 284px;
  margin-left: 50px;
  margin-bottom: 10px;
}

#id_text {
  background-image: url(../images/inputgastenboekbericht.jpg);
  border: none;
  height: 79px;
  width: 284px;
  margin-left: 49px;
  overflow: auto;
  float: right;
  margin-right: 6px;
}

#submit_knop {
  background-image: url(../images/verzenden_knop.jpg);
  height: 0px;
  width: 0px;
  padding-left: 101px;
  padding-top: 33px;
  border: none;
  margin-left: 233px;
  margin-top: 10px;
  float: right;
  margin-bottom: 10px;
  clear: right;
  margin-right: 6px;
	cursor: pointer;
}

#submit_knop:hover {
		background-position: 0px -34px;
	}

p#twitter_uitleg {
  float: right;
  width: 285px;
  margin: 0 20px 0 50px;
  clear: right;
}
p#twitter_uitleg a,
p#twitter_uitleg a:visited {
  color: #5E5E5E;
  text-decoration: underline;
  font-weight: normal;
}

p.white,
p.grey {
  padding: 8px;
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 0;
  background-image: url(../images/row_bg_grey.jpg);
  background-position: bottom;
  background-repeat: repeat-x;
}
p.white {
  background-color: #FFFFFF;
  background-image: url(../images/row_bg_white.jpg);
}

p#twitter_uitleg a:hover,
p#twitter_uitleg a:focus {
  text-decoration: none;
  color: #5E5E5E;
}

html {
  background-image: url(../images/thanks_background.jpg);
}

#succes {
  margin: 0;
  background-color: #FFFFFF;
}