/*
Theme Name: Kerst '11
Author: Mijndert Stuij
Author URI: http://mijndertstuij.nl
version: v1
*/

html, body {margin:0; padding:0;}
html { background:url('images/tileSnowflakes.jpg') repeat; }
body { min-height:600px; background:url('images/bg3000.png') center 125px no-repeat;}
img{ border: none; }

h1 {font-family: 'Cabin', sans-serif; color:#BA2013; font-size:24px; text-transform:uppercase; padding:0 115px 0 0; position:relative;}
h1.category-vinger {padding-left:40px;}
h1.category-vinger span {background:url("images/thumb_vinger.png") 0 0 no-repeat; width:54px; height:70px; position:absolute; top:-20px; left:-10px;}
h1.category-duim {padding-left:50px;}
h1.category-duim span {background:url("images/thumb_duim.png") 0 0 no-repeat; width:65px; height:70px; position:absolute; top:-24px; left:-10px;}
h2{ font-family: 'Cabin', sans-serif; color: #c22208; margin: 20px 0 0 40px; }
h3 {font-family: 'Cabin', sans-serif; color:#BA2013; font-size:16px; text-transform:uppercase; padding:0 115px 0 0; position:relative;}
a.more-link{ display: none; }
p{ font-family: 'Cabin', sans-serif; font-size: 14px; color: #666; }

#wrapper {  width:980px; margin:0 auto; overflow:hidden; zoom:1; position: relative;}
#header{ width: 980px; margin: 0 auto; height: 130px; }
.santa{ float: left; z-index: 100; margin: 0;  }
.social{ float: right; }
.FBConnectButton, .FBConnectButton_RTL { background: none !important; border: none !important; }
.FBConnectButton .FBConnectButton_Text, .FBConnectButton_RTL .FBConnectButton_Text { background: none !important; border: none !important; }

#header img.logo{ position: absolute; margin: 0 0 0 380px; }
#header .social img{ margin: 60px 10px 0 0; }
#header .santa img{ z-index: 100; position:absolute; }

#menu {float:left; padding:0 0 0 15px; position:relative;display:block;width:222px;height:490px;background:url('images/menu.png') no-repeat left bottom;}
#menu a {position:absolute; text-indent:-2000px; display:block;}
#menu a#over {left:20px; top:385px; width:200px; height: 35px;}
#menu a#videogal {left:40px; top:330px; width:160px; height: 50px;}
#menu a#geef {left:30px; top:260px; width:190px; height: 60px;}

#introvideo {float:left; padding:60px 0 0 50px;}
#kerstballen { position: absolute; margin: -11px 0 0 832px;}
#aanjager {float:right; position:absolute; top:525px; right:0px;}
#aanjager a {float:left;}
#aanjager a {background:url("images/aanjager_mouseOver.png") 0 0 no-repeat;}
#aanjager a:hover img {visibility:hidden;}
#aanjager2 {float:right; position:absolute; top:800px; right:0px;}
#aanjager2 a {float:left;}
#aanjager2 a {background:url("images/aanjager2_mouseOver.png") 0 0 no-repeat;}
#aanjager2 a:hover img {visibility:hidden;}
#topimage{ position: absolute; top: 160px; left: 257px; }

#videos-container {float:left; width: 980px; margin:31px auto 0 auto;}
	#videos-container iframe{display: none;}
	#videos-container .title {float:left; padding:40px 0 0 5px; margin-bottom:10px;}
	#videos-container .videos {float:left; clear:left; overflow:hidden; list-style:none; margin:0 0 10px 0; padding:0; width:100%;}
		#videos-container .videos .item {float:left; width:25%; height: 205px;}
		#videos-container .videos .item p {margin:-10px 0 0 0; padding:0;}
		#videos-container .videos .item p.subTitle {font-weight:bold; font-family: 'Cabin', sans-serif; text-transform:uppercase; width: 205px; font-size:12px; color:#999; padding-top:1px;text-align:center;}
		#videos-container .videos .item div {margin:0 5px; position:relative;}
		#videos-container .videos .item div.type {background-position:0 0; background-repeat:no-repeat; position:relative;}
		#videos-container .videos .item .category-vinger {position:relative;display:block;}
		#videos-container .videos .item .category-vinger div.type {position:absolute;background-image:url("images/thumb_vinger.png"); width:54px; height:70px; bottom:-10px; left:140px;z-index:99;}
		#videos-container .videos .item .category-duim {position:relative;display:block;}
		#videos-container .videos .item .category-duim div.type {position:absolute;background-image:url("images/thumb_duim.png"); width:65px; height:70px; bottom:-10px; left:130px;z-index:99;}
		#videos-container .videos .item p .thumb-red {color:#c12208;}
		#videos-container .videos .item p .thumb-blue {color:#007c9e;}

	#videos-container .videos .no-items {float:left;}
	#videos-container .more {float:right; clear:left; margin:0 0 10px 0;}
	
#gallery{ float: left; background:url('images/tileSnowflakes.jpg') repeat; width: 710px; margin: 70px 0 20px 20px; min-height: 500px; }
	#gallery img.heading{ margin: 20px 0 0 20px; }
	#gallery .title { float: left; color:#007c9e;}
	#gallery .videos {float:left; clear:left; overflow:hidden; padding: 0; margin: 20px 0 0 20px; list-style:none; width:100%;}
		#gallery .videos .item {float: left;width:30%; margin: 0 0 0 0; height:205px;}
		#gallery .videos .item p {margin:0; padding:0;}
		#gallery .videos .item p.subTitle {text-align:center;width: 205px; font-weight:bold; font-family: 'Cabin', sans-serif; text-transform:uppercase; font-size:12px; color:#999; padding-top:5px;}
		#gallery .videos .item .category-vinger {position:relative;display:block;}
		#gallery .videos .item .category-vinger div.type {position:absolute;background-image:url("images/thumb_vinger.png"); width:54px; height:70px; top:90px; left:150px;z-index:99;}
		#gallery .videos .item .category-duim {position:relative;display:block;}
		#gallery .videos .item .category-duim div.type {position:absolute;background-image:url("images/thumb_duim.png"); width:65px; height:70px; top:95px; left:140px;z-index:99;}
		#gallery .videos .item p .thumb-red {color:#c12208;}
		#gallery .videos .item p .thumb-blue {color:#007c9e;}

#detail{float: left; background:url('images/tileSnowflakes.jpg') repeat; width: 670px; height:760px; margin: 70px 0 20px 20px; min-height: 500px; padding:0 20px;}
#detail p a img {display:none;}
#detail p iframe {width:670px !important; height:460px !important;}
		
#page{ float: left; background:url('images/tileSnowflakes.jpg') repeat; width: 710px; margin: 70px 0 20px 20px; min-height: 500px; }
#page img.header{ margin: 20px 0 10px 0; }
#page p{ margin: 10px 40px 10px 40px; color: #666; }
#page a{ color: #666;  }
		
#pagination{ width: 680px; clear: left; position: relative; margin-top: 30px; }
	#pagination .next{ float: left; }
	#pagination .previous{ float: right; }
	
form#subForm{ margin: 0 0 0 40px; font-family: Arial, sans-serif; font-size: 13px; }
form#subForm input[type=text]{ padding: 4px; background: #F5F3E7; border: #D1D0CF 1px solid; }
form#subForm textarea{ padding: 4px; background: #F5F3E7; border: #D1D0CF 1px solid; }
form#subForm p{ margin: 0; }
form#subForm img.subheader{ margin: 10px 0 6px 0; clear: both; }
form#subForm img.subheaderomdat{ margin: 10px 0 6px 0; clear: both; }

#footer {float: left; clear: left; margin-top: 130px;  width:100%; background:#C12208; font-family: 'Cabin', sans-serif; color:#e09083; font-size:11px;}
#footer strong {color:#fff;}
#footer a {color:#fff; font-weight:bold; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer p {margin:5px 0; color:#e09083;text-align: center;font-size: 11px;}
#footer .inner {padding:5px 15px;}
#footer .inner .right {float:right;}

#page {position:relative;}

#page div.tweetit-holder {width:300px; height:261px;display:block;position:absolute; right:0;top:150px;}
#page div.tweetit-holder p {padding-top:130px;}
#page div.tweetit-holder p a {color:#b61f24;text-decoration:none;}
#page a.tweetit {background:url('images/aanjagerTwitter.png') no-repeat left top;width:243px; height:144px;display:block;position:absolute; right:35px;top:0;}
#page a.tweetit:hover {background:url('images/aanjagerTwitter_mouseOver.png') no-repeat left top;}

.btn-holder {position:relative;display:block;height:105px;width:95%;float:left;}
.btn {float:left;overflow:hidden;}
.duim {position:relative;width:150px;display:block;top:-85px;overflow:hidden;}
.vinger {position:relative;width:150px;display:block;top:-85px;overflow:hidden;}

.addthis_toolbox {display:none;}
.single .addthis_toolbox {display:block;}

#submitbtn {background:url('images/btn_versturen.png') no-repeat left top;width:300px;height:150px;border:0;}
#submitbtn:hover {background:url('images/btn_versturen_mouseOver.png') no-repeat 0 0;}