/* ------------------------------------------------------- 
	
	Genreal Stylesheet | mcb.nl

	Lost in Time - Mediamakers
	www.lostintime.nl
	22-11-2005
	
---------------------------------------------------------- */

body{
	margin:0px;
	padding:0px;
	background-color:#395DBB;
	background-image: url(../images/UI/background.gif);
	background-repeat:repeat-x;
	text-align:center;
	overflow-x:auto;
	overflow-y:scroll;
}

table, tr, td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	line-height:1.6em;
	color:#383838;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.6em;
	color:#383838;
}
a{
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#395DBB;
}
a:hover{
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6em;
	color:#8EA2D5;
}

.fontwit {color: #FFFFFF}
.fontwit a {color: #8EA2D5}
.fontwit a:hover {color: #FFFFFF}

hr{
	border:#E1E6F6 solid 1px;
}

.justify{
	text-align:justify;
}

.titel{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#383838;
}
.titel:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#888888;
}

.klein{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#B9B9B9;
	text-decoration:none;
}
.klein:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#B9B9B9;
	text-decoration:none;
}
.extraKlein {font-size: xx-small}

.lightButton{
	background:#E1E6F6;
	border:0px;
	color:#052E54;
	font-size:7pt;
	cursor:hand;
	width:80px;
	height:20px;
}

/* ------------------------------------------------------- 
    status nieuwsbrief
---------------------------------------------------------- */
.nieuwsbriefTekst{
	background:#E1E6F6;
	font-size:0.95em;
	border:0px;
	padding-left:5px;
	color:#052E54;
	width:160px;
	height:20px;	
}
.nieuwsbriefButton{
	background:#1D45AC;
	font-size:0.95em;
	border:0px;
	padding-left:10px;
	color:#FFFFFF;
	cursor:hand;
	width:80px;
	height:20px;	
}
/* ------------------------------------------------------- 
    Button
--------------------------------------------------------- */

.darkButton{
	background:#1C44AB;
	border:0px;
	color:#FFFFFF;
	font-size: 7pt;
}
.displayContent{
	font-size:11px;
	color:#E1E6F6;
}
/* ------------------------------------------------------- 
    Titel
--------------------------------------------------------- */
.displayTitle{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
 	border-bottom:1px solid #8EA2D5;
}
.displayTitle:hover{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
 	border-bottom:1px solid #395DBB;
}
/* ------------------------------------------------------- 
    Lees Verder bij een link
--------------------------------------------------------- */
.leesVerder{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
.leesVerder:hover{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
/* ------------------------------------------------------- 
    Link naar prijslijsten
--------------------------------------------------------- */
.linkPanel{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
.linkPanel:hover{
	font-size:11px;
	color:#6884DF;
	text-decoration:none;
}
.highlight{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:1.6em;
	color:#052E54;
}
#scroll{
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}
#shadowGradient{
	margin:0 auto; 
	width:968px;
	height:100%;
	background-image: url(../images/UI/shadow.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
}
#shadow{
	margin:0 auto; 
	width:98%;
	height:100%;
	background-image: url(../images/UI/shadowStd.gif);
	background-repeat:repeat-y;
	background-position:center;
	text-align:center;
}
#container{
	margin:0 auto; 
	height:100%;
	width:956px;
	background:#FFFFFF;
	text-align:left;
}
#top{
	margin:0 auto; 
	width:100%;
	height:99px;
	bakcground:#FFFFFF;
}
#menu{
	margin:0 auto; 
	width:100%;
	height:30px;
	background:#1C44AB;
}
#inlog{
	width:247;
	height:51;
	background:#FFFFFF;
	float:right;
}
#zoek{
	width:247;
	height:48;
	background:#E1E6F6;
	float:right;
}
/* ------------------------------------------------------- 
    Blok met telefoonnummers en links
--------------------------------------------------------- */
#panelTop{
	width:247;
	height:128;
	background:#052E54;
	float:right;
}
#foto{
	width:707;
	height:128;
	background:#FFFFFF;
	float:left;
}
/* ------------------------------------------------------- 
    Blok met telefoonnummers en links
--------------------------------------------------------- */
#panelBottom{
	width:247;
	background:#1C44AB;
	float:right;
	color:#FFFFFF;
}

#main{
	background-image: url(../images/UI/mainBg.gif);	
	background-position:0 128;
	background-repeat:no-repeat;
	width:100%;
	background-color:#FFFFFF;
	float:left;
}
#content{
	width:707px;
	float:left;
}
/* ------------------------------------------------------- 
    Button prijslijst lightBlue
--------------------------------------------------------- */
a.lightBlue:link, a.lightBlue:visited {
	display: block;
	background: url(../images/UI/button_lb.gif) no-repeat;
	height: 13px !important;
	width: 33px;
	vertical-align: middle;
	text-decoration:none;
	color:#052E54;
	overflow:hidden;
	}
a.lightBlue:hover { 
	background-position: 0px -13px; 
	text-decoration:none;
	color:#1C44AB;
	overflow:hidden;
	}
/* ------------------------------------------------------- 
    Button prijslijst white
--------------------------------------------------------- */	
a.white:link, a.white:visited {
	display: block;
	background: url(../images/UI/button_w.gif) no-repeat;
	height: 13px !important;
	width: 33px;
	vertical-align: middle;
	text-decoration:none;
	color:#052E54;
	overflow:hidden;
	}
a.white:hover { 
	background-position: 0px -13px; 
	text-decoration:none;
	color:#1C44AB;
	overflow:hidden;
	}