/* 
Project: www.illustrooper.be
Document name: trooper_layout.css
Purpose: general layout
Location: trooper_css/trooper_layout.css
Version: 4.1
Last change: 2009/04/10
Coded by: Peter De Cock
Copyright by: bvba ILLUSTROOPER

1) homepage bottom
2) optional inner pages
3) plan
4) form
5) nav hor

/*

/* ////////////// 1) homepage bottom  //////////////////////////// */
.content_bottom_article {
	float:left;
	width:273px;
	height:100px;
	margin:0;
	padding:0 0 12px 0;
	font-size: 0.8em;
	background-color:#ccc;
}
.content_bottom_article p {
	font-size: 0.8em;
}
.content_bottom_article p b{
	text-transform:uppercase;
}

/* ////////////// 2) optional inner pages //////////////////////////// */
.inner_300 {
	float:left;
	width:300px;
}
.inner_350 {
	float:left;
	width:350px;
}
.inner_410 {
	float:left;
	width:410px;
}
.inner_510 {
	float:left;
	width:510px;
}
.inner_630 {
	float:left;
	width:630px;
}
.box_01 {
	background-color:#ccc;
	border:1px solid #999;
	color:#f06;
	margin:5px;
	padding:5px;
}

/* ////////////// 3) PLAN ////////////// */
#plan {
	margin:6px;
	padding:0;
	float:left;
	width: 400px;
}

/* ////////////// 4) FORM ////////////// */
#form {
	margin:5px;
	padding:0;
	width: 370px;
	float:left;
}
form {text-align: left;}
fieldset {margin: 0;	padding: 0;}
legend {	display: none;}
form h3 {
	clear: both;
	margin:4px 0;
	padding:6px 0 6px 16px;
	color:#333;
}
form label {
	display: block;
	width: 310px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}
form input {margin-top: 3px;}
form select {
	float: left;
	display: block;
}
form label.field-first,
form label.field-address,
form label.field-city,
form label.field-email {
	clear: left;
	width:150px;
}
form label.field-first,
form label.field-last,
form label.field-city,
form label.field-email,
form label.field-phone {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 150px;
}
form label.field-first input,
form label.field-last input,
form label.field-email input,
form label.field-city input,
form label.field-phone input {
	float: left;
	width: 150px;
	padding: 0px;
}
form label.field-state {
	float: left;
	margin-right: 10px;
	width: 60px;
}
form label.field-state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}
form label.field-stad {
	float: left;
	width: 150px;
}
form label.field-stad input {
	float: left;
	width: 150px;
}
form label.field-address {
	float: left;
	width: 310px;
	margin: 0px 0px 0px 0px;
}
form label.field-address input {
	float: left;
	width: 310px;
	padding: 0px;
}
form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
form label.radioitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}
textarea {
	display: block;
}
form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3 {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}
form label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}
form textarea {
	margin-top: 3px;
}

/* ////////////// 5) NAV HOR ////////////// */
#nav_hor ul {
	height:50px;
	margin:0;  /* removes default ul margin */
	padding:0; /* removes default ul padding */
}		
#nav_hor li {
	margin:0;  
	padding:0;
	list-style-type:none;
	list-style-image:none;
	float:left;
	font-size:0.85em;
	background-color:#333;
	width:102px;
	height:40px;
}
#nav_hor a{
	display:block;
	color:#ccc;
	position:relative;
	margin:0;  
	padding:5px; 
	height:40px;
	text-decoration:none;
	line-height:1.7em;
	text-align: center;
	letter-spacing:normal;
	font-size:0.65em;
}
#nav_hor a:hover{
	color:#fff;
	background-color:#222;
}


.button {
	background-color:#333;
	color:#fafafa;
	padding:3px 3px 4px 3px;
	margin:0 0 2px 0;
}
.button a{
	padding:0;
	margin:0;
}
.button a:hover{
	padding:0;
	margin:0;
	text-decoration:none;
}
.button_status {
	color:#f06;
	padding:0;
	margin:0;
}

/* ////////////// 7) NAV VERT ////////////// */
.nav_vert  {
	color:#fafafa;
	background-color:#333;
	float:left;
	width:160px;
} 
.nav_vert ul{
	margin:0;
	padding:0;
}
.nav_vert  li {
	font-size:0.75em;
	list-style-type:none;
	margin:0;
	padding:3px;
}
.nav_vert  li a:link {color:#ccc; padding:0 0 0 3px; text-decoration:none} 
.nav_vert  li a:visited {color:#ccc; padding:0 0 0 3px; text-decoration:none}
.nav_vert  li a:hover {color:#fafafa; padding:0 0 0 3px;} 
.nav_vert  li a:active {color:#fafafa;padding:0 0 0 3px;} 

/* ////////////// 8) codeblok  //////////////////////////// */
.codeblok {
	background-color:#FFFFCC;
	border:1px solid #999966;
	color:#666633;
	margin:4px;
	padding:4px;
}