/* ------------------------------------------------------------
 * Title: Westdesign - all rights reserved
 * Author: Johnny Ingelbrecht <johnny@westdesign.be>
 * Date: 16/11/2009
 * Last Edit: 16/11/2009 Johnny Ingelbrecht <johnny@westdesign.be>
 * ------------------------------------------------------------
 * Westdesign - Web Entrepreneurs
 * www.westdesign.be
*/

/* Algemeen 
 * ------------------------------------------------------------ */
 
body, html
{
	background-color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:22px;
	margin-top:5px;
}

.header
{
	background-image:url(../img/header_bg.jpg);
	background-repeat:no-repeat;
	height:195px;
}

.content
{
	border-top:3px solid #000;
	margin-top:5px;
}

.autocontent
{
	height:350px;
	margin-top:5px;
}

.leftside
{
	margin-top:5px;
	border-right:1px solid #CCC;
}

/* Vertical Menu */

.markermenu{
width: 200px; /*width of menu*/
}

.markermenu ul{
list-style-type: none;
margin: 25px 0;
padding: 0;
}

.markermenu ul li a{
background: white url(../img/menu_act.jpg) no-repeat 0px center;
font:14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #000;
display: block;
width: auto;
padding: 8px 0;
padding-left: 30px;
text-decoration: none;
border-bottom: 1px dotted #999;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover{
color:#F00;
background-color: #ffff;
background-image:url(../img/menu.jpg); /*onMouseover image change. Remove if none*/
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */


.footer
{
	height:50px;
	border-top:2px solid #CCC;
}
.design
{
	text-align:right;
	padding-top:5px;
	color:#999;
}

.legal
{
	text-align:left;
	padding-top:5px;
	color:#999;
}

.design a,
.design a:link,
.design a:visite
{
	color:#666;
	text-decoration:underline;
}

.design a:hover
{
	color:#F00;
	text-decoration:none;
}

.legal a,
.legal a:link,
.legal a:visite
{
	color:#666;
	text-decoration:underline;
}

.legal a:hover
{
	color:#F00;
	text-decoration:none;
}

a,
a:link,
a:visite
{
	color:#666;
	text-decoration:underline;
}

a:hover
{
	color:#F00;
	text-decoration:none;
}

.language
{
	height:150px;
}

.lang
{
	padding-top:2px;
}

input, textarea
{ 
	-webkit-border-radius:4px; 
	-moz-border-radius:4px; 
	border-radius:4px; 
	border:#999 1px solid;
	padding:3px 3px 3px 0;
}

.valid
{
	border:1px solid #093;
	background-color:#D7FFD7;
}

.invalid
{
	border:1px solid #F00;
}

h1
{
	font-size:18px;
	color:#666;
}