/* Start CSS Thinkaboxin */
@font-face {
    font-family: 'MesquiteStdMedium';
    src: url('../fonts/mesquite.eot');
    src: url('../fonts/mesquite.eot') format('embedded-opentype'),
         url('../fonts/mesquite.woff') format('woff'),
         url('../fonts/mesquite.ttf') format('truetype'),
         url('../fonts/mesquite.svg#MesquiteStdMedium') format('svg');
}

@font-face {
    font-family: 'HelvetLight';
    src: url('../fonts/helveticalight.eot');
    src: url('../fonts/helveticalight.eot') format('embedded-opentype'),
         url('../fonts/helveticalight.woff') format('woff'),
         url('../fonts/helveticalight.ttf') format('truetype'),
         url('../fonts/helveticalight.svg#Helvet') format('svg');
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-reg.eot');
    src: url('../fonts/lato-reg.eot') format('embedded-opentype'),
         url('../fonts/lato-reg.woff') format('woff'),
         url('../fonts/lato-reg.ttf') format('truetype'),
         url('../fonts/lato-reg.svg#Lato') format('svg');
}


body {
background-image: url(../img_tb/bg_tb.jpg);
background-attachment: fixed;
background-repeat: repeat;
}


header {
width: 100%;
height: 210px;
position: relative;
margin: 0 auto;
padding: 0;
padding-top: 30px;
}

#socialicons {
margin-top: -120px;
margin-right: 63px;
float: right;
width: 320px;
}

#container {
position: relative;
width: 1200px;
margin: 0 auto;
padding: 0;
overflow:hidden;

}

#main_content {
	font-size: 1.1em;
	overflow:hidden;
}

#logo_tb {
width: 290px;
height: 180px;
margin-left: auto;
margin-right: auto;
}

#logo_tb img {
width:250px;
height:170px;
margin:auto;
}

#logo_4t {
float: left;
width:180px;
height:138px;
margin-left: 100px;
margin-top: 20px;
}

#logo_4t img {

width: 170px;
height: 128px;

}



#logo_4t2 {
float: left;
width:180px;
height:138px;
margin-left: 75px;
margin-bottom: 30px;
margin-top: 30px;
}

#logo_4t2 img {

width: 170px;
height: 128px;

}

.rattle_list {
text-align: left;
margin-left:-15px;

}

.rattle_list li {
	list-style-type:square;
	padding-top:5px;
}


span.titel_intro {
font-weight: 800;
padding: .2em .4em;
color: #eadea4;
background-image: url(http://www.thinkaboxin.nl/Oud/wp-content/themes/bookcard-v1-7/images/top_headerbg.jpg);
border-radius: 4px;
font-family: 'MesquiteStdMedium';
letter-spacing: 0.04em;
font-size: 40px;
}

.headers {
padding: 20px;
text-align: center;
}

video {
	width: 100%;
	margin-top: 20px;
}


section {
background:url(http://www.thinkaboxin.nl/Oud/wp-content/uploads/2013/06/bg1.jpg) no-repeat;
padding:20px;
font-family: Lato;
width: 28%;
margin-right: 20px;
margin-bottom:20px;
-webkit-box-shadow: -2px 6px 13px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    -2px 6px 13px rgba(0, 0, 0, 0.3);
box-shadow:         -2px 6px 13px rgba(0, 0, 0, 0.3);
border-radius: 5px;
}

section:nth-child(4) {

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


section:nth-child(1), section:nth-child(2), section:nth-child(3) {
float: left;
overflow: hidden;
}


#faq_tb {
	clear:both;
	float:left;
	text-align: center;
	font-size: 16px;
	color:#412b16;
	margin-top: -470px;
	overflow: hidden;
}

#verkoop_tb {
	float:left;
	margin-top: -550px;
	font-size: 16px;
	text-align:center;
	color:#412b16;
	overflow: hidden;
	-webkit-background-size: cover;
   -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#contact_tb {
	height: 880px;
}
.contactform {
margin: 0em auto;
margin-top: 30px;
width: 250px;
overflow: hidden;
}
section p {
text-align: center;
font-size: 16px;
color:#412b16;
}

footer {
	clear:both;
}

.fb_icon {
	float:left;
	margin-right:40px;
}

.twit_icon {
	float:left;
	margin-right:40px;
}

.bestel_button {
	float:left;
}


.button1 {
	width:80px;
	height:80px;
	background:url(../img_tb/fb_icon.png) no-repeat;
	background-size:100%;
}

.button1:hover {
	background:url(../img_tb/fb_icon_alpha.png) no-repeat;
	background-size:100%;
}

.button2 {
	width:80px;
	height:80px;
	background:url(../img_tb/twit_icon.png) no-repeat;
	background-size:100%;
}

.button2:hover {
	background:url(../img_tb/twit_icon_alpha.png) no-repeat;
	background-size:100%;
}

.button3 {
	width:80px;
	height:80px;
	background:url(../img_tb/bolicon.png) no-repeat;
	background-size:100%;
}

.button3:hover {
	background:url(../img_tb/bolicon_alpha.png) no-repeat;
	background-size:100%;
}


h4 {
	color:#563519;
}

a {
	color:#7c1900;
    text-decoration:none;
}

a:hover {
	color:#CC0000;

}

ul li {

	list-style:none;

}

ul {
	margin-left:-40px;
}

.verkoop_seg {
	padding-bottom:20px;
}

input {

	margin-top:10px;
}

textarea {
	margin-top:10px;
}

input.breedte {
	width:80%;
	height: 30px;
}

#contact_form_errorloc {

	text-align:center;
	margin-top: -20px;
    color:#CC0000;
}

input.send {
	margin-left: 100px;
}

#captchaimg {
	margin-bottom:5px;
}


input[type="submit"] {
background-color: #804817;
color: #fff;
font-size: 18px;
background-repeat: no-repeat;
width: 128px;
margin: 0em auto;
margin-left: 62px;
height: 40px;
border: none;
border-radius: 5px;

}

#gelukt_bericht {
float: left;
margin-top: 10px;
text-align: center;
display:none;
}

.spelregels {
text-align: center;
background: #804817;
width: 200px;
padding-top: 5px;
border-radius: 5px;
padding-bottom: 5px;
margin: 0em auto;
}



.spelregels a {
	color:#fff;
}

.spelregels a:hover {
	color: #563519;
}
@media only screen and (max-width: 320px) {
#main_content{

	margin-top: 280px;

}
#container {
	width: auto;
}


#socialicons {
margin-right: 0px;
float: none;
width: 90%;
margin-top: 210px;
margin-left: 35px;
}

.button1 img, .button2 img, .button3 img {
	width:50px;
	height:50px;
}


.button1, .button2, .button3 {
	width:50px;
	height:50px;
}

.button1:hover, .button2:hover, .button3:hover {
	width:50px;
	height:50px;
}


#logo_4t {
margin-left: 60px;
margin-bottom: 20px;
}

#logo_tb {
	margin-left:25px;
}

#main_content {

	width:auto;
}

section {
	width:90%;
	margin-top: 10px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.spelregels img {
	width: 250px;
	height: 25px;
}

#logo_4t2 {
margin-left: 54px;
}

#faq_tb {
	margin-top:10px;
}

#verkoop_tb {
	margin-top:10px;
}
input.send {
margin-left: 63px;
}

header {
	padding-top: 0px;
	margin-top: -10px;
}


section {

	margin-right:0px;
}

.content_within {
	margin-left:-10px;
}

.fb_icon, .twit_icon, .bestel_button {
	margin-bottom: 30px;

}
}

@media only screen and (min-width: 321px) and (max-width: 360px){

#container {
	width: auto;
}


#socialicons {

float: none;
width: 100%;
margin-top: 97px;
margin-left:10px;
margin-right:auto;
}



#logo_4t {
float: none;
margin-left:auto;
margin-right:auto;
margin-bottom: 20px;
}

#logo_tb {
	margin-left:auto;
	margin-right:auto;
	float:none;
}

#main_content {

	width:auto;
	margin-top: 420px;
}

section {
	width:90%;
	margin-top: 10px;
	margin-left:0px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.spelregels {
	margin-left: 15px;
}
.contactform {
	margin-left:auto;
	margin-right:auto;
	float:none;
}

.spelregels img {
margin-left: 0px;
height: 30px;
width: 280px;
}

#logo_4t2 {
margin-left: auto;
margin-right: auto;
float:none;
}

#faq_tb {
	margin-top:10px;
}

#verkoop_tb {
	margin-top:10px;
}

input.send {
margin-left: 86px;
}

header {
	padding-top: 0px;
	margin-top: 0px;
}


section {

	margin-right:0px;
}

#logo_tb img {
width: 300px;
height: 210px;
margin-top: 15px;
margin-left:-5px;
}

.content_within {
	margin-left:-4px;
}

.fb_icon, .twit_icon, .bestel_button {
	margin-bottom: 30px;

}
}

@media only screen and (min-width: 361px) and (max-width: 550px){

#container {
	width: auto;
}


#socialicons {
margin-right: 0px;
float: none;
width: 90%;
margin-top: 310px;
margin-left: 65px;
}



#logo_4t {
margin-left: 150px;
margin-bottom: 20px;
}

#logo_tb {
	margin-left:75px;
}

#main_content {

	width:auto;
	margin-top: 420px;
}

section {
	width:90%;
	margin-top: 10px;
	margin-left:4px;
}

.spelregels {
	margin-left: 15px;
}
.contactform {
	margin-left:52px;
}

.spelregels img {
margin-left:35px;
}

#logo_4t2 {
margin-left: 125px;
}

#faq_tb {
	margin-top:10px;
}

#verkoop_tb {
	margin-top:10px;
}

input.send {
margin-left: 96px;
}

header {
	padding-top: 0px;
	margin-top: 30px;
}


section {

	margin-right:0px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#logo_tb img {
width: 300px;
height: 210px;
margin-top: 30px;
}

.content_within {
	margin-left:-10px;
}

.fb_icon, .twit_icon, .bestel_button {
	margin-bottom: 30px;

}
}


@media only screen and (min-width: 551px) and (max-width: 640px){

	#container {
	width: auto;
}


#socialicons {

float: none;
width: 100%;
margin-top: 97px;
margin-left:143px;
margin-right:auto;
}



#logo_4t {
float: none;
margin-left:auto;
margin-right:auto;
margin-bottom: 20px;
}

#logo_tb {
	margin-left:auto;
	margin-right:auto;
	float:none;
}

#main_content {

	width:auto;
	margin-top: 420px;
}

section {
	width:90%;
	margin-top: 10px;
	margin-left:10px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.spelregels {
	margin-left: 134px;
	margin-right:auto;
}
.contactform {
	margin-left:auto;
	margin-right:auto;
	float:none;
}

.spelregels img {
margin-left: auto;
margin-right:auto;
height: 30px;
width: 280px;
}

#logo_4t2 {
margin-left: auto;
margin-right: auto;
float:none;
}

#faq_tb {
	margin-top:10px;
}

#verkoop_tb {
	margin-top:10px;
}

input.send {
margin-left: 210px;
}

header {
	padding-top: 0px;
	margin-top: 0px;
}


section {

	margin-right:0px;
}

#logo_tb img {
width: 300px;
height: 210px;
margin-top: 15px;
margin-left:-5px;
}

.content_within {
	margin-left:-4px;
}

.fb_icon, .twit_icon, .bestel_button {
	margin-bottom: 30px;

}
}