/* -------------------------------------*/
/* 					*/
/* 					*/
/* 		CSS BY AEROSOUL		*/
/* 					*/
/* 	FOR TRUONG INTERNET SERVICES	*/
/* 					*/
/* 					*/
/* -------------------------------------*/

body,html {
	height			: 101%;
	width			: 100%;
	margin			: 0;
	padding			: 0;
}

body {
	background		: #fff url(../images/background.jpg) top left;
	font-size		: 0.8em;
	font-family		: "Lucida Grande","helvetica neue",helvetica,arial;
	color			: #fff;
}

/* -------------------------------------*/
/* 		Elements		*/
/* -------------------------------------*/

a {
	text-decoration		: none;
	-moz-outline-style	: none;
}

hr {
	background		: #416977;
	color			: #416977;
	height			: 1px;
	border			: none;
}



/* -------------------------------------*/
/* 		Main			*/
/* -------------------------------------*/


#background {
	height			: 117px;
	width			: 100%;
	background		: url(../images/backgroundtop.jpg) 8px;
	position		: absolute;
	top			: 0px;
}

#container {
	position		: absolute;
	top			: 10px;
	left			: 50%;
	margin-left		: -500px;
	width			: 1000px;
}

#wrapper {
	float			:left;
	margin-right		:5px;
}

#menu {
	background		: #416977;
	width			: 140px;
	padding			: 0 10px;
}

#content {
	float			: left;
	padding			: 0 15px;
	width			: 700px;
	background		: #6da2b4;
}

#footer {
	width			: 530px;
	margin			: 0 0 -15px -15px;
	background		: #416977;
}

#logo {
	background		: url(../images/logo.png);
	height			: 160px;
	margin-bottom		: 5px;
}

/* -------------------------------------*/
/* 		Main			*/
/* -------------------------------------*/

#menu ul {
	list-style-type		: none;
	margin			: 0 0 0 -40px;
}

#menu ul a {
	color			: #fff;
	padding			: 10px;
	display			: block;
	border-bottom		: 1px solid #e2761b
}

#menu ul a.last {
	border			: none;
}

#menu ul a:hover {
	background		: #fff;
	color			: #e2761b;
	margin-left		: -10px;
	padding			: 10px 20px;
	width			: 120px;
	border-top		: 1px solid;
	border-bottom		: 1px solid;
	margin-top		: -1px;
}


/* -------------------------------------*/
/* 		Logo			*/
/* -------------------------------------*/

#logo a {
	width			: 160px;
	height			: 160px;
	display			: block;
}

/* -------------------------------------*/
/* 		Content			*/
/* -------------------------------------*/

#content h1 {
	border-bottom		: 1px solid #416977;
	font-size		: 18px;
	font-weight		: normal;
	padding-bottom		: 4px;
}

#content p a {
	color			: #fff;
	font-style		: italic;
	text-decoration		: underline;
}

#content a:hover {
	opacity			: 0.8;
}

#content ul {
list-style-type:square;
}

#content ul a{
color:#fff;
text-decoration:underline;
font-style:italic;
}


/* -------------------------------------*/
/* 		Packets			*/
/* -------------------------------------*/

.packets {
height:270px;
}

.packet {
	width			: 120px;
	margin-right		: 5px;
	float			: left;
}

.packet div {
	background		: #fff;
	margin-bottom		: 5px;
}

.packet .head {
	color			: #6da2b4;
	font-size		: 1em;
	padding			: 5px;
	height			: 110px;
}

.packet .head span {
	display			: block;
	font-size		: 10em;
	color			: #ff7700;
	margin			: -30px 0px 0 40px;
}

.packet .data {
	background		: #b6c9d3;
	color			: #5c7886;
	font-size		: 0.85em;
	padding			: 5px;
}
.packet .data label {
	font-weight		: bold;
	margin-right		: 2px;
}

.packet .buttons {
	background		: #5c7886;
	text-align		: center;
	padding		: 2px;
}

.packet .buttons a {
	text-decoration		: none;
	color			: #fff;
	font-weight		: bold;
}

.packet .buttons span a {
	color			: #ff7700;
	font-size		: 1.2em;
}



/* -------------------------------------*/
/* 		Formulieren		*/
/* -------------------------------------*/

form label {
	display			: block;
	width			: 250px;
	font-weight		: bold;
	color			: #416977;
	float			: left;
}

form label a {
	color			: #416977;
	text-decoration		: underline;
}

form input,
form textarea {
	font-family		: arial;
	font-size		: 1em;
	border			: none;
	margin-bottom		: 5px;
	padding			: 3px;
	width			: 340px;
}

form input.long {
	width			: 230px;
}
form input.short {
	width			: 100px;
}

form input[type=submit] {
	width			: 346px;
	background		: #ff7700;
	color			: #fff;
}

form textarea {
	margin-top		: 0px;
	height			: 250px;
}

form select {
	border			: none;
	margin-bottom		: 5px;
	padding			: 0px;
	width			: 347px;

}


/* -------------------------------------*/
/* 		Footer			*/
/* -------------------------------------*/

#footer {
	padding			: 10px 10px 6px 10px;
	color			: #ff7700;
	height			: 20px;
	width			: 710px;
}

#footer a{
	color			: #fff;
}	

#footer .menu {
	float			: left;
}

#footer .copyright {
	float			: right;
}