@import url(style.css);
@import url(tabs.css);
@import url(menu.css);

div { /* border: 1px dotted black; */ }


img { border: 0; }
html { overflow-y: scroll; }

body {
	background: url(../images/background.jpg) fixed #f1f1f1 no-repeat center 0px;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #49413e;
}
#center {
	font-size: 1.1em;
	width: 980px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

/* HEADER */

#header {
	border-top: 6px solid #df0024;
	height: 60px;
	margin: 0 0 4px 20px;
	padding-top: 20px;
}
#logo {
	float: left;
	width: 215px;	
	padding-top: 5px;
}

/* KALENDER */

#kalender {
	float: right;
}
#kalendertabel {
	width: 735px;
}



/* HOMEPAGE */

#flash {
	float: right;
	width: 750px;
}
#menuwrap {
	clear: both;
}
#main {
	clear: both;
	padding-top: 25px;
}

#content {
	background-color: #fff;
	float: right;
	width: 700px;
	padding: 25px;
}

.leftcol {
	width: 330px;
	float: left;
}
.rightcol {
	width: 330px;
	float: right;
}

div.binnenkort {
	clear: both;
	border-bottom: 1px dotted #999;
	margin-bottom: 16px;
}
div.last {
	clear: both;
	border-bottom: 0px;
	margin-bottom: 0px;
}
div.binnenkort img {
	margin: 4px 20px 20px 0;
	float: left;
}
div.binnenkort_titel {
	height: 70px;
}
div.binnenkort .titel {
	color: #df0024;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.1em;
}
div.binnenkort .credits {
	color: #000;
	font-weight: bold;
	display:block;
	padding-top: 2px;
}
div.binnenkort .credits a, div.binnenkort .credits a:link, div.binnenkort .credits a:hover, div.binnenkort .credits a:visited {
	color: #49413e;
	font-weight: normal;
}
div.gastenboek {
	background: url(../images/gastenboek_back.gif) no-repeat 0px 2px;
	padding: 0 0 0 30px;
}	
div.banner {
	padding: 0 0 6px 0;
}
input#email {
	margin-top: 6px;
}


div.cleaner {
	height: 25px;
	clear: left;
}
div.separator {
	height: 15px;
	border-bottom: 1px dotted #999;
	margin-bottom: 25px;
	clear: left;
}

/* ACHTERLIGGENDE */

#mainleft {
	float: left;
	width: 180px;
    z-index:2;
    position:relative;
}
#mainright {
	background-color: #fff;
	float: right;
	width: 700px;
	padding: 25px;
    min-height:800px;
    position:relative;
    z-index:2;
}	
#productie_specs {
	min-height: 80px;
    margin-bottom: 10px;
    overflow:hidden;
}
#productie_genres {
    height:20px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #999;
}
#productie_specs2 {
	color: #999;
	line-height: 1.1em;
}
#fotoboek {
	width: 340px;
	height: 190px;
	margin-bottom: 50px;
}
.fotoboek_credits {
	color: #888;
	font-size: 10px;
	text-align:right;
	display:block;
}
.prod_omsc {
	width: 70px;
	float: left;
	color: #999;
}
.prod_detail {
	width: 260px;
	float: right;
}

#speellijst {
	background-color: #eff1f4;
	padding: 10px;
}
.lijstrow {
	border-bottom: 1px dotted #999;
	padding-bottom: 4px;
	margin-bottom: 4px;
}
.uitleg {
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #999;
	text-align: right;
}
.lijstdatum {
	width: 80px;
	float: left;
}
.lijstuur {
	width: 38px;
	float: left;
}
.lijsticon {
	width: 27px;
	float: left;
}
.lijstopmerking {
	float: left;
	font-size: 0.9em;
	color: #999;
	width: 65px;
}
.lijststatus {
	width: 100px;
	text-align: right;
	float: left;
}
.lijststatus2 {
	width: 100px;
	text-align: right;
	float: left;
	color: #999;
}



#heading {
	border-bottom: 1px dotted #999;
	margin-bottom: 25px;
}
#submenu_right {
	float: right;
	width: 340px;
}
#icons {
	border-top: 1px dotted #999;
	padding-top: 15px;
	margin-top: 35px;
}
#icons img {
	margin-right: 6px;
}



.mainbanner {
	background: url(../images/banner_scholen.jpg) no-repeat;
	padding: 10px 0 0 360px;
	width: 340px;
	height: 165px;
}	






/* FOOTER */

#footerwrap {
	/*background: url(../images/back_footer.png) no-repeat 0px 0px;*/
	height: 300px;
	clear: both;
    position:relative;
}
#footerbeeldeken {
	background: url(../images/back_footer.png) no-repeat 0px 0px;
    width:541px;
    height:542px;
    position:absolute;
    bottom:0;
    left:-100px;
    z-index:1;
}
#footer {
	background-color: #fff;
	width: 700px;
	padding: 25px 25px 25px 25px;
	float: right;
	margin-top: 25px;
	color: #616161;
    position:relative;
    z-index:2;
}
#footer2 {
	width: 700px;
	padding: 25px 25px 25px 25px;
	float: right;
    position:relative;
    z-index:2;
}
#footer2 a, #footer2 a:visited, #footer2 a:link, #footer2 a:hover {
	color: #616161;
	font-weight: normal;
}
#credits {
	color: #616161;
	float: left;
}	
#sponsors {
	color: #616161;
	float: right;
	width: 422px;
	height: 35px;
}
/*\*/ * html #sponsors { width: 484px; } /**/ 







/* FORMS */

form {
	margin: 0px;
}
input,select,textarea {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}	
label {
	width: 140px;
	display:block;
	float: left;
	padding-top: 4px;
}
.input {
	/*border: 1px solid #dbdfe6;*/
	border: 1px solid #BBBBBB;
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	padding-left: 4px;
	width: 150px;
}
input.button {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	border: 0px;
	background-color: white;
	border: 1px solid #999999;
	font-weight: bold;
	padding: 1px;
	height: 20px;
	cursor: pointer;
   	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#DFDFDF');
}
select {
	border: 1px solid #CECECE;
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 2px;
	padding-left: 4px;
	margin-bottom: 1px;
	color: #272425;
	cursor: pointer;
}
.checkbox {
	vertical-align: middle;
	padding-top:2px;
}

/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	/* IE */
	*height: 1%;
}

.abotable, .abotable td{
    border:1px solid #666;
    border-collapse:collapse;
}

.newsletter_box {
    background-image:url('/images/newsletter_back.png');
    background-repeat:no-repeat;
    background-position:top left;
    /*height:85px;*/
    padding:15px 0 0 25px;
}
.mydespil_login {
    margin-left:20px;
    height:auto;
	width: 150px;
}
.mydespil_login div{
    margin-left:20px;
}
.small{
    min-height:570px !important;
}

.mydespilbanner {
	background: url(../images/banner_mydespil.jpg) no-repeat;
	padding: 10px 0 0 360px;
	width: 340px;
	height: 165px;
}
/*Jquery carroussel styles */
#jquery_carroussel {
	background-image: url(../images/carroussel.png);
    background-repeat:no-repeat;
    height:230px;
    width:750px;
    float:right;
}
#jquery_carroussel a {
    text-decoration:none;
}
.item_fullwidth{
    /*width:750px;*/
    padding:25px;
}
.item_fullwidth img{
    width:700px;
    height:170px;
}
.item_halfwidth{
    width:350px;
    float:left;
}
.item_halfwidth img{
    width:320px;
    height:175px;
}