/* CSS Document */

/**PAGINA**/

html, body{
	height:100%;
	background-color:#000000;
	background-image: url(../images/backTop.gif);
	background-position: center top;
	background-repeat: repeat-x;
	color: #FFFFFF;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
} 


html,body {
	margin:0;padding:0
}

body {
	text-align:center
}

#outer{
	z-index: 8;
	min-height:100%;
	height:auto;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:left;
	background-image: url(../images/backPage.gif);
	background-position: center top;
	background-repeat: repeat-y;
	background-color:#000000;
}

* html #outer{
	height:100%;
	width:1000px;
	w\idth:1000px
}

#footer {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height:50px;
	color: #333;
}

#clearfooter{
	clear:both;
	height:50px;
	width:100%
}

#footerTekst {
	width: 835px;
	text-align: right;
	padding-right: 165px;
	padding-top: 20px;
	color: #333;
}

#footerTekst a {
	color: #333;
}

div>p {
	margin:0
}

#content {
	width: 690px;
	min-height: 500px;
	margin: 0 auto 0 auto;
	color: #FFFFFF;
	margin-top: 20px;
}

* content {
	height: 500px;
}

/**KALENDER**/

/*agenda*/

	
#day {
	height: 98px;
	width: 98px;
	background-color: #0C0C0C;
	color: #FFFFFF;
	font-size: 9px;
	vertical-align: text-top;
}

#eventday {
	height: 98px;
	width: 98px;
	background-color: #333333;
	color: #FFFFFF;
	font-size: 9px;
	vertical-align: text-top;
}

#eventday a{
	color: #FFFFFF;
		font-size: 9px;
}

.calendar th {
	background-image:url(../images/gradeAll.gif);
	color: #ffffff;
}

.calendar #daymark {
	font-weight: bold;
	height: 98px;
	width: 98px;
}

.calendar-month{
	margin-bottom: 10px;
	padding-bottom: 20px;
}

#kalender{
	float: left;
	display: block;
	width: 680px;
	max-width: 680px;
	/*overflow:hidden;*/
	text-align: left;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

#agendapunten{
	float: left;
	display: block;
	margin-bottom: 20px;
}

#agendatitel{
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	vertical-align: middle;
	height: 20px;
	width: 562px;
	background-image: url(../images/titelback.gif);
}

#agendaitemholder{
	width: 557px;
	margin-bottom: 10px;
	background-color: #E4E4E4;
	padding: 8px;
}

/**MOVIEZONE**/

#moviezonetitelNan{
	width: 670px;
	height: 20px;
	background-image: url(../images/topred.gif);
	padding: 10px;
	font-weight: bold;
}

#moviezonetitelPro{
	width: 670px;
	height: 20px;
	background-image: url(../images/topyellow.gif);
	padding: 10px;
	font-weight: bold;
}

#moviezonetitelGlo{
	width: 670px;
	height: 20px;
	background-image: url(../images/topblue.gif);
	padding: 10px;
	font-weight: bold;
}

#moviezonetitelGen{
	width: 670px;
	height: 20px;
	background-image: url(../images/topall.gif);
	padding: 10px;
	font-weight: bold;
}

#moviezoneNon{
	width: 670px;
	height: 20px;
	padding-left: 10px;
}

/**OPSOMMING**/

#redlist li{
	list-style: none; 
	background: url(../images/sumred.gif) no-repeat center left;
	padding-left: 20px;
	height: 20px;
	padding-top: 5px;
}

#bluelist li{
	list-style: none; 
	background: url(../images/sumblue.gif) no-repeat center left;
	padding-left: 20px;
	height: 20px;
	padding-top: 5px;
}

#yellowlist li{
	list-style: none; 
	background: url(../images/sumyellow.gif) no-repeat center left;
	padding-left: 20px;
	height: 20px;
	padding-top: 5px;
}

#alllist li{
	list-style: none; 
	background: url(../images/sumall.gif) no-repeat center left;
	padding-left: 20px;
	height: 20px;
	padding-top: 5px;
}

/**CONTENT**/

#ContentText{
	padding-left: 5px;
	padding-right: 5px;
}

#nieuwsTekst, #kalenderText{
	background-color: #5C5C5C;
	padding: 5px;
}

#nieuwsTitel, #kalenderTitle{
	font-weight: bold;
	background-color: #333;
	height: 15px;
	padding: 5px;
}

#nieuwsDetailTekst{
	text-align: justify;
}

#nieuwsDetailTitel{
	font-weight: bold;
	text-decoration: underline;
}

#kalenderDetailTekst{
	text-align: justify;
}

#kalenderDetailTitel{
	font-weight: bold;
	text-decoration: underline;
}

#movieDetailTekst{
	text-align: justify;
}

#dealer{
	width: 670px;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #0B0B0B;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	float: left;
}


#dealeradres{
width: 340px;
float: left;
}


#dealerpro{
width: 110px;
float: left;
}

#dealerglobo{
width: 110px;
float: left;

}

#dealernano{
width: 110px;
float: left;

}


/**CATALOGUS**/


#productgroepText{
	width:670px;
	background-color: #666666;
	background-image:url(../images/gradeBlack.png);
	height: 25px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-top: 5px;
	color: #FFFFFF;
	float: left;
}

#productgroepText a:link{
	color: #FFFFFF;
	text-decoration: none;
}

#productgroepText a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

#productgroepText a:hoover{
	color: #000000;
	text-decoration: none;
}

#product{
	width: 678px;
	background-color: #666666;
	float: left;
	border-left: 1px solid #D4D0C8;
	border-right: 1px solid #D4D0C8;
}

#productTopPro{
	width: 680px;
	height: 15px;
	background-image: url(../images/productTopPro.gif);
	background-position: center top;
	background-repeat: no-repeat;
	float: left;
}

#productTopNan{
	width: 680px;
	height: 15px;
	background-image: url(../images/productTopNano.gif);
	background-position: center top;
	background-repeat: no-repeat;
	float: left;
}

#productTopGlo{
	width: 680px;
	height: 15px;
	background-image: url(../images/productTopGlobo.gif);
	background-position: center top;
	background-repeat: no-repeat;
	float: left;
}

#productBottom{
	width: 680px;
	height: 15px;
	background-image: url(../images/productBottom.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	float: left;
	margin-bottom: 10px;
}

#productImage{
	width: 140px;
	float: left;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#productImage img{
	border: 1px solid #333333;
}

#productText{
	width: 498px;
	padding: 5px;
	float: left;
}

#productDetailTitel{
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
}


/**LINKS**/

a:link{
	color:#ffffff;
	text-decoration: underline;
}

a:visited{
	color:#ffffff;
	text-decoration: underline;
}

a:hover{
	color: #CCCCCC;
	text-decoration: none;
}

/**CONTACTFORM**/

#frmContact{
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 680px;
}

#frmContact fieldset{
	border: 0px;
}

#frmContact legend{
	background-image: url(../images/gradeAll.gif);
	height: 15px;
	width: 670px;
	float: left;
	/padding-top: 5px;
	/padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#frmContact fieldset.submit
{
width: 100px;

}

#frmContact #button{
	width: 100px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
	margin-right: 10px;
}


#frmContact input
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 400px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
	margin-right: 10px;
	margin-bottom: 2px;

}

#frmContact textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 400px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
	margin-right: 10px;
	height: 150px;
}

#frmContact fieldset.radio
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 20px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
}

#frmContact fieldset.radio label
{
}

#frmContact fieldset.radio input
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 20px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
}

#frmContact label
{
}

#frmContact select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 400px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
	margin-right: 10px;
	margin-bottom: 2px;
}

#frmContact dl{
	padding: 10px;
	float: left;
	display:block;
	width: 680px;
	
}

#frmContact dd{
	float: left;
	display:block;
	width: 540px;
	margin: 0px;
	margin-bottom: 3px;
}

#frmContact dt{
	float: left;
	display:block;
	width: 140px;
}

/**TITELS**/

#titelAll, #titelAlg, #titelUti {
	background-color: #272727;
	height: 15px;
	width: 670px;
	padding: 5px;
}

#titelRed{
	background-color: #272727;
	background-image: url(../images/gradeRed.gif);
	height: 13px;
	width: 678px;
	padding: 1px;
}

#titelBleu{
	background-color: #272727;
	background-image: url(../images/gradeBleu.gif);
	height: 13px;
	width: 678px;
	padding: 1px;
}

#titelYellow{
	background-color: #272727;
	background-image: url(../images/gradeYellow.gif);
	height: 13px;
	width: 678px;
	padding: 1px;
}

/**DEALERS**/

#frmDealers #button{
	width: 100px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
	margin-right: 10px;
}

#frmDealers input
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 320px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
	margin-right: 10px;
	margin-bottom: 2px;

}

#frmDealers select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 320px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
	margin-right: 10px;
	margin-bottom: 2px;

}


/*--------------------------------------- OPMAAK GENERAL ---------------------------------------*/

.errorContest{
	color: #FF0000;
}

#frmGeneral{
	margin: 0;
	padding: 0;
	border: 0;
	width: 680px;
}

#frmGeneral fieldset{
	border: 0;
	margin: 0;
	padding: 0;
}

#frmGeneral legend{
	background-image: url(../images/gradeAll.gif);
	height: 15px;
	width: 670px;
	float: left;
	margin: 0;
	padding: 0;
	/padding-top: 5px;
	/padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#frmGeneral dl{
	width: 670px;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #202020;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#frmGeneral dt{
	margin: 0;
	padding: 0;
	width: 155px;
	float: left;	
	text-align: right;
	overflow: hidden;
	padding-right: 5px;
}

#frmGeneral dd{
	margin: 0;
	padding: 0;
	width: 510px;
	float: left;
	overflow: hidden
}

#frmGeneral dd input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 400px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
	margin-bottom: 2px;
}


#frmGeneral .button{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 402px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
	margin-bottom: 2px;
}

#frmGeneral dd .inputv2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 120px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
}

#frmGeneral dd .inputv3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 274px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
}

#frmGeneral dd .inputv4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 274px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
}

#frmGeneral dd .inputv5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 57px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
}

#frmGeneral dd .inputv6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 57px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
}

#frmGeneral dd textarea{
	width: 494px;
	height: 200px;
	color: #000000;
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	border: 1px solid #1e2027;
	padding: 2px;
	background-color: #9da825;
}

#frmGeneral select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 402px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
	margin-bottom: 2px;
}

#frmGeneral .selectv10{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 60px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
	margin-bottom: 2px;
}

#frmGeneral .selectv11{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 274px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
	margin-bottom: 2px;
}

#frmGeneral .selectv12{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 60px;
	border: 1px solid  #999999;
	background-color:#333333;
	color:#999999;
	margin-bottom: 2px;
}


.red{
	color:#FFABAB;
}

/**CLEARFIX**/

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

.clearfix{
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}

.clearfix{
	display: block;
}

/*End hide for IE-mac*/