/**
 * screen.css
 *
 * @package Fireprevent.nl
 * @author  R.H.A. Jesse
 *
 * Copyright (c) Malibomba
 * IT IS NOT ALLOWED TO USE OR MODIFY ANYTHING OF
 * THIS CODE, WITHOUT THE PERMISION OF THE AUTHOR.
 * Info? Mail to info@malibomba.com
 */
/*<![CDATA[*/

@import "sifr.css";

html,body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;		/* gives layout 100% height */
	overflow:inherit;	/* triggers 100% height in Opera 9.5 */
}

html	{
	font-size: 12px;
	font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	line-height: 150%;
}

body {
	border:0;			/* This removes the border around the viewport in old versions of IE */
	color:#000;
	font:9pt arial;
	background-color:#c9cacb;
	background-repeat:repeat-x;
	background-image:url('/pics/bg_zijkant.gif');
}

* html body {
	text-align:center;
}

img { border:0; }
div { text-align:left; }
form { display:inline; }
label { font-weight:bold; width:120px; }
a, a:link, a:visited { color:orange; text-decoration:none; }
a:focus { outline:none; }
a:hover { text-decoration:underline; }

/**
 * FONT/TEXT CLASSES:
 --------------------------------------------------------------------------------------------------*/
p { margin:0 0 15px 0; padding: 0; line-height: 20px; font-size: 1em; }
.b { font-weight:bold; }
.i { font-style:italic; }
.u { text-decoration:underline; }
.up { text-transform:uppercase; }
.lo { text-transform:lowercase; }

.gray, a.gray, a.gray:visited { color:#6f6f6f !important; }
.orange, a.orange, a.orange:visited { color:#ff7200 !important; }

h1 { font-size:20px; margin:0; padding:0;  color:#c81711;}
h2 { font-size:20px; margin:0; padding:0;  color:#c81711;}

/**
 * FORM CLASSES:
 --------------------------------------------------------------------------------------------------*/
.ipt { border:1px solid #9a9a9a; }
.btn { font-weight:bold; font-size:8pt; }

/**
 * LAYOUT CLASSES:
 --------------------------------------------------------------------------------------------------*/
.fl { float:left; }
.fr { float:right; }
.spacer { margin:0 5px; color:#848589; }
.clear { clear:both; visibility:hidden; }

.nav { list-style-type:none; margin-left:0px; padding-left:0px; }
.indent { text-indent:-9999px; display:none; }
.item { padding:0; margin:0; }
.hr { border:0; padding:0; height:1px; margin:5px 0; border-bottom:1px solid orange; visibility:visible !important; }

.none { height:28px; width:28px; background-repeat:no-repeat; display:inline-block; background-image:url('/pics/menu.gif'); }
.hover { height:28px; width:28px; background-repeat:no-repeat; background-image:url('/pics/menu_op.gif'); }
.red { color:#ed1c2e; }

.picture { float:left; width:150px; }
.picture img { border:1px solid #ed1c2e; }
.description { float:left; }
.description p { margin:0; padding:0; }
.photo { display:block; }

.news	{ margin:10px; padding:10px; background-color:#e3e3e5; }

/**
 * LAYOUT CONTAINERS:
 * Definition of the used layout containers.
 --------------------------------------------------------------------------------------------------*/
div#lc-container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:780px;
	background-image:url('/pics/bg-lccontent.jpg');
	background-repeat:no-repeat;
	background-position: left bottom;

	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

/**
 * HEADER CONTAINERS:
 --------------------------------------------------------------------------------------------------*/
#lc-header {
	height:144px;
	position:relative;
}

#lc-header-left {
	float:left;
	width:295px;
	height:144px;
	position:relative;
	background-repeat:no-repeat;
	background-image:url('/pics/header_top1.jpg');
}

#lc-header-right {
	float:left;
	width:485px;
	height:144px;
	position:relative;
	background-repeat:no-repeat;
	background-image:url('/pics/header_top2.jpg');
}
/** END OF HEADER ---------------------------------------------------------------------------------*/



/**
 * BODY CONTAINER:
 --------------------------------------------------------------------------------------------------*/
div#lc-content {
	padding:0 0 5em 0; /* bottom padding for footer */

}

#lc-navigation {
	float: left;
	width:295px;
	height:auto; /* real browsers */
	background-color:#848589;
}

#content	{
	color:#2d2e2f;
	line-height: 150%;
	width:485px;
	height:auto;
	height: 100%;
	float: right;
	min-height:390px;
	padding-bottom:50px;
	padding-top: 10px;

}

#lc-content #inner { width:465px; margin-left:10px; }
#lc-content strong { font: bold 15px/19px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #c81711; }
#lc-content a, a:visited { font: bold 12px/17px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #c81711; text-decoration: none; }
#lc-content a:hover { color: #ed1c2e; text-decoration: underline; }

div#lc-footer {
	bottom:0; /* stick to bottom */
	width:100%;
	background:#b3b4b8;
	text-align:center;
	position:absolute;
	border-top:6px double #848589;
}
#lc-footer a { color:#c81711; }
#lc-footer p { padding:5px; margin:0; }

/** END OF BODY -----------------------------------------------------------------------------------*/

/**
 * FV FORM
 * Definitions for the required form fields.
 -----------------------------------------------------------*/
html>body input {
	height:auto;
	margin-bottom:1px;
}


form {
	margin:0px;
	padding:0px;
	display:inline;
}

input, textarea {
	font-size:12px;
	font-family:Arial, Verdana, sans-serif;
	color: #db002e;
	background:#fff;
	border:1px solid #5a5a5d;
}

html>body input, textarea, select {
	font-size:13px;
	margin:0px 0px 1px 0px;
	border:1px solid #5a5a5d;
}

input {
	background:#fff;
	border:1px solid #5a5a5d;
}

.fv-req {
	padding-right:0px;
	background:#c0c0c0;
	border:1px solid #5a5a5d;
}

.fv-forget {

	padding-right:0px;
	background:#c0c0c0;
	border:1px solid #db002e;
}

.fv-syntax {

	padding-right:0px;
	background:#c0c0c0;
	border:1px solid #5a5a5d;
}

/*]]>*/