* {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: justify;

	font: normal 12px/20px Arial, Helvetica, sans-serif;
	color: #000000;
}
html, body {
	background: #3c382d url('/skin/bg.jpg') repeat top;
	text-align: center;
    height: 100%;
}

p {
	margin-bottom: 1em;
}
b, strong, th {
	font-weight: bold;
}
i, em {
	font-style: italic;
}
h1.head {
	display: none;
	height: 0;
	width: 0;
	visibility: hidden;
}
h2 {
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #ee0086;
}
h3 {
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #ee0086;
}
input, textarea {
	border: 1px solid #000000;
}
.noborder {
	border: 0;
}
a {
    color: #ee0086;
}
a, a:visited {
	text-decoration: none;
	color: #ee0086;
}
a:hover, a:active {
	color: #7a0547;
}

div#iframe {
	padding: 30px;
}

div#container {
	width: 900px;
	margin: 0 auto;
	position: relative;
       
}

div#header {
	height: 123px;
        width: 900px;
	position: relative;
        top: 0px;
        left: 0px;
        background-image: url('/skin/header_bg.png');
        background-repaet: no-repeat;
}

div#header ul{
	position: absolute;
	right: 30px;
	bottom: 5px;
}

div#header ul li{
	display: inline;
	padding: 20px;
}

div#header ul li a, div#header ul li a:visited{
	color: #ffffff;
	font-size: 14px;
}

div#header ul li a:hover, div#header ul li a.active{
	color: #8e0753;
	font-size: 14px;
}

div#banner{
	background-image: url('/skin/bg_banner.png');
	background-repeat: no-repeat;
	width: 900px;
	height: 184px;
	position: relative;
	top: 0px;
	left: 0px;
}

div#menuleft{
	position: absolute;
	top: 0px;
	left: 0px;
	float: left;
	height: 184px;
	padding-left: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
        background-image: url('/skin/menuleft_bg_achtergrond.png');
        background-repeat: no-repeat;
        background-position: 0 0px;
}

div#menuleft ul{
	list-style: none;

}

div#menuleft ul li{
        
        background-repeat: no-repeat;
        height: 20px;
        width: 100px;
        padding-left: 10px;
        display: block;
}


div#menuleft ul li a, div#menuleft ul li a:visited{
	color: #fc9ed0;
        font-size: 11px;
        display: block;
        width: 90px;
        height: 20px;

}


div#menuleft ul li a:hover, div#menuleft ul li a.active{
	position: relative;
        left: -10px;
        padding-left: 10px;
color: #ffffff;
        display: block;
        width: 100px;
        background-image: url('/skin/menuleft_bg_over.png');
        background-repeat: no-repeat;
    
}

.active, .active:visited, .active:hover, .active:active{
color: #7a0547;
}

div.face{
	position: absolute; 
    top: 0px;
	right: 0px;
	height: 141px; 
	vertical-align: top;
}
div#animation img {
	position: absolute;
	top: 0px;
	right: 0px;
}

div#content_container{
	background-image: url('/skin/jeep_logo.png');
	background-repeat: no-repeat;
	background-position-x: 0;
	background-position-y: 0;
        height: 400px;
	min-height: 120px;
	_height: 120px;
	position: relative;
}

div#content_container_aanbod{
	background-image: url('/skin/jeep_logo.png');
	background-repeat: no-repeat;
	background-position: 50px 0;
	
        height: 400px;
	min-height: 120px;
	_height: 120px;
	position: relative;
}


div#footer {
	height: 100px;
	position: absolute;
    bottom: 0px;
    background-color: #ffffff;
}



div#content {
    position: absolute;
    left: 100px;
    width: 690px;
    background-image: url('/skin/content_bg.png');
    background-position: left bottom;
    padding-left: 90px;
    padding-right: 20px;
	padding-top: 7px;
	min-height: 340px;
	_height: 400px;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
    _width: 800px;
}

div#content_index{
	position: absolute;
    left: 100px;
    width: 310px;
    background-color: #ffffff;
    padding-left: 90px;
    padding-right: 400px;
	padding-top: 7px;
	min-height: 340px;
	_height: 400px;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
    _width: 800px;
}

div#content_aanbod{
    position: absolute;
    top: -184px;
    left: 100px;
    width: 800px;
    height: 750px;
    background-image: url('/skin/content_bg.png');
    background-position: left bottom;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;




	min-height: 750px;
	_height: 750px;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
}

div#gijs{
	position: absolute;
}

td.inputleft{
	width: 150px;
}
input.input{
	width: 100%;
	border: 1px solid #000;
}

table.form {
    width: 500px;
    margin: 20px 20px 20px 0px;
    border-collapse: collapse;
}

div#spotlight{
	margin: 10px 0; 
	padding: 10px; 
	width: 344px; 
	height: 296px; 
	background: url('/skin/spotlight_bg.jpg') no-repeat; 
	font: 10px;
	color: #ffffff;
	position: relative;
	right: 0px;
	float: right;
	z-index: 1000;
}

img#spotlight_img{
	border: 7px solid #FFFFFF; 
	height: 96px; 
	width: 138px; 
	margin-right: 10px; 
	margin-top: 5px;
    float: left;
}

td.spotlight1{
	font-size: 10px; 
	color: #d0c190;
	padding-right: 5px;
}
td.spotlight2{
	font-size: 10px; 
	color: #ffffff;
	padding-right: 10px;
}
div#spotlight_desc{



	width: 324px; 
	font: 10px; 
	color:#ffffff;
    font-size: 10px;
}
div#spotlight_desc b{
	color: #ffffff;
}

div#spotlight_desc p{
	color: #ffffff;
	font-size: 10px;
}

a#spotlight3, a:visited#spotlight3, a:hover#spotlight3, a:active#spotlight3{
	color: #ffffff;
	font-size: 10px;
}
