@CHARSET "UTF-8";
/**
 * AGRAFIX WEBDESIGN
 */
 
/* general */
body {
	font-family:Verdana, Arial;
	font-size:9pt;
	color: black;
	background:url(images/agrafix_ws_bg.png) grey;
}

a {
	text-decoration: none;
	color: #0F7F39;
	font-weight:bold;
}

a:hover {
	text-decoration: underline;	
}

h1 {
	color: #0C5F2A;	
}

.box {
	border:1px solid grey;
	padding: 5px;
	margin: 15px;	
	background:white;
}

.refbox {
	border:1px solid grey;
	padding: 5px;
	margin: 15px;	
	background:#DFDFDF;
	height:100px;
}

.refbox:hover {
	background:#EFEFEF;	
	cursor:pointer;
}

.refbox img {
	border: 1px solid black;	
	margin: 0 5px 0 5px;
}

.inactive {
	color: grey;
	text-align: center;
}

input[type=text] {
	width: 300px;	
}

/* layout */
div#container {
	width:840px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	background:white;
	padding: 10px;
	padding-top:0px;
}

div#header {
	margin:0px;
	margin-bottom: 5px;
	padding:0px;
}

div#footer {
	margin:10px auto 0 auto;
	padding:5px;
	text-align:center;
	font-size:x-small;	
	background-color:white;
	border-top:1px solid black;
}

div#content {
	margin:0 auto 0 auto;
	background:white;
	padding:0 8px 0 8px;
}

div#nav {
	background:url(images/agrafix_ws_nav.png) #0F9F44;
	margin:0 auto 0 auto;
	padding:5px;
	padding-top: 6px;
	height: 20px;
	color: white;
	font-size:11pt;
	border:1px solid black;
	border-top:none;
}

div#nav a {
	color: white;
	border-left: 1px solid white;
	padding:0 5px 0 7px;
}

div#nav a.first {
	border:none;
}