@charset "utf-8";
/*-----------------------------------------------------------------------------
http://www.vippers.be 

version:   1.0
date:      09/08/08
author:    Jan Naessens
email:     jan@juggles.be
website:   http://www.juggles.be
-----------------------------------------------------------------------------*/

@import "nav.css";
*{
    margin: 0;
    padding: 0;
    border: 0;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #333333;
	color:#ffffff;
	line-height: 24px;
}

#container{
	width: 755px;
	text-align: left; /*voor IE */
	margin: 0 auto;
	background-image:url(../images/bg_verloop.jpg);
	background-repeat:repeat-x;
	padding-left:45px;
}

#banner{
	height:150px;
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;
}

/*#nav{
	height:30px;
	background-image:url(../images/bg_nav.jpg);
	background-repeat:no-repeat;
	padding-left:215px;
	line-height:18px;
}

#subnav{
	height:40px;
	background-image:url(../images/bg_subnav.jpg);
	background-repeat:no-repeat;
}*/

#content_top{
	height:30px;
	background-image:url(../images/bg_content_top.jpg);
	background-repeat:no-repeat;
}

#content{
	min-height:300px;
	background-image:url(../images/bg_content_side.jpg);
	background-repeat: repeat-y;
	padding-bottom:10px;
}

#content2{
	background-image:url(../images/bg_content_verloop.jpg);
	background-repeat: repeat-x;
	margin-left:6px;
	margin-right:51px;
	min-height:320px;
	padding-left:215px;
	color:#FFFFFF;
}

#content2 h1{
	background-image:url(../images/bg_h1.jpg);
	background-repeat:no-repeat;
	width:215px;
	height:37px;
	padding-top:3px;
	padding-right:10px;
	margin-left:-236px;
	text-align:right;
	font-size:18px;
	color:#3e3e3e;
}

#footer{
	height:132px;
	background-image:url(../images/bg_footer.jpg);
	background-repeat:no-repeat;
	padding-left:17px;
}

#adres{
	width:181px;
	height:102px;
	padding-right:5px;
	padding-top:6px;
	background-image:url(../images/bg_adres.jpg);
	background-repeat:no-repeat;
	font-size:10px;
	line-height:15px;
	text-align:center;
}

#copyright{
	color:#ff9900;
	padding-bottom:10px;
	padding-left:5px;
	font-size:10px;
}

#logo a{
	border:none;
}

#copyright a{
	color:#ff9900;
}

#juggles{
	margin-left:320px;
}

a{
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ff9900;
	color:#ff9900;
}

#copyright a:hover, a:hover{
	border-bottom-color: #ffffff;
	color:#FFFFFF;
}

.orange{
	font-weight:bold;
	color:#ff9900;
}

.ref{
	background-color:#333333;
	width:450px;
	margin-bottom:10px;
	padding:5px;
	border: 2px solid #3E3E3E;
	line-height:18px;
}

.ref img{
	float:left;
	padding-right:10px;
	width:180px;
	height:100px;
}

.clear{
	clear:both;
}

/* ----- Form ----- */
form
    {
    padding: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    }

label
    {
    float: left;
    width: 190px;
    text-align: right;
    margin-right: 15px;
    }

input, select, textarea
    {
    margin-bottom: 10px;
    }


.inputtext{
	width:200px;
	border-width: 1px;
    border-style: solid;
    border-color: #666666;
}

input:focus, textarea:focus {
	background-color:#333333;
	color:#FFFFFF;
}

fieldset {
	border-width: 1px;
    border-style: solid;

    border-color: #666666;
}

legend {
	margin-left:10px;
	padding:5px;
}

/* formulier
 */
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}


.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	/*border: 1px solid #CC3333;*/
}


 
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

.textfieldFocusState input, input.textfieldFocusState {
	/*background-color: #FFFFCC;*/
}

.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}