html, body{ text-align:center; font-family:verdana, arial, helvetica, sans-serif; line-height: 110%;BACKGROUND: url(../images/background_1.png) repeat-x left top; height:100%; font-size:100%; width: 100%; margin: 0; padding: 0;}
#main_container{ margin-left: auto; margin-right: auto; float: none; width: 980px; padding-top: 1px; }
#header{ width: 980px; height: 130px; margin-top: -10px; padding: 10px 0 0 0; background: #388AC7;}
#header p{ padding: 5px 0px 5px 5px; background: #666; color: #fff; text-align: center;}
#footer{clear:both; width:980px; background-color: #ECE8E6;}
#footer p{color: #999999;text-align:center;margin:0;padding: 0px 0px 5px 5px;font-size: 70%;}
#home_left_container{ float: left; width: 628px; padding: 15px 0 0 0; margin-left:0px; background-color:#FFFFFF}
#home_right_container{ float: right; width: 350px; padding: 15px 0 0 0;margin-right:0px; background-color:#FFFFFF}
/* #home_left_container{ float: left; width: 350px; padding: 15px 0 0 0; margin-left:0px; background-color:#FFFFFF}
#home_right_container{ float: right; width: 628px; padding: 15px 0 0 0;margin-right:-8px; background-color:#FFFFFF} */
#left_container{ float: left; width: 140px; padding: 15px 0 0 0; margin-right:15px; background-color:#FFFFFF}
#content_container{ float: left; width: 628px;text-align:left; padding: 15px 0 0 0; padding-bottom: 0px; background-color:#FFFFFF}
#right_container{ float: right; width: 196px; padding: 15px 0 0 0; background-color:#FFFFFF}
/* ####################### header + login + header menu ################################ */
div#headerleft {float: left;width: 480px;height:90px}
div#headerright {float: right;width: 300px;padding-top:20px;font-size:10px}
div#headermiddle {padding: 20px 0px 5px 500px;margin: 0px;}
div#headermenu {clear: both;width:980px;}
.headerh1subtitle {font-size:12px; padding-top:0px; margin-top:5px}
.headerregister {float:left; }
.headerregister_link {color: #FFFFFF; background-color:#CC0000; font-size:12px; font-weight:bold; text-align:center;}
.headermyprofile { color:#FF3300; font-size:12px; font-weight:bold}
.loginrowleft {float:left; text-align:right; width:150px; margin-right:3px; font-weight:bold; height:20px; }
.loginrowleft_memory {float:left; text-align:right; width:150px; margin-right:10px; }
.loginrowright{ text-align:left; padding-left:170px}
.logininput { margin-top:2px; margin-bottom:3px; padding:0; margin-right:5px}
/* ######################################################### */
.statistics{width: 100%; margin-bottom: 15px; padding-top: 4px; background:#BCAC9E; color:#000000}
.statisticstable{ margin-left:15px; width: 70%; text-align: left; border: 0; font-size: 70%;}
.statisticstable td {padding-right: 5px; padding-left: 0px; padding-bottom: 7px; padding-top: 7px;}
.statistics2{width: 100%; margin-bottom: 15px; padding-top: 4px; background:#D7CEC8; color:#000000}
.vehicletoplist_leftcontainer{ text-align:center}
#quote{width: 100%; margin-bottom: 15px; padding-top: 4px; background:#BCAC9E; color:#000000}
#add{width: 100%; margin-bottom: 15px; background:#BCAC9E;color:#000000; font-size: smaller}
div#step { font-size: 60%;width: 260px; margin-top:5px; line-height:90%; background-color:#FF6600}
div#step p{font-weight: bold; background-color:#FF6600; color: #000;}
/* ####################################################### */
a:link {color: #404F66; text-decoration: none}
a:visited {color: #404F66; text-decoration: none;}
a:hover {background: #463E28; color:#E3DEDB; text-decoration: underline;}
a:active {color: #ff0020; text-decoration: underline;}
ul#menu1 {margin: 0; padding: 0; list-style-type: none;}
ul#menu1 a {margin-left:15px; width: 75%; border: 0; font-size: 70%; display: block; color: #000; padding-right: 5px; padding-left: 0px; padding-bottom: 7px; padding-top: 7px; text-decoration: none;}
ul#menu1 li {margin: 0; padding: 0;}
ul#menu1 li a:hover { background-color: #CD561D; color: #000;}
ul#menu1 li a:visited {text-decoration: none;}
ul#menuaction {margin: 0; padding: 0; list-style-type: none;}
ul#menuaction a {width: 75%; border: 0; font-size: 70%; text-align:center; display: block; color: #000; padding-right: 5px; padding-left: 0px; padding-bottom: 7px; padding-top: 7px;; text-decoration: none;}
ul#menuaction li {margin: 0; padding: 0;}
ul#menuaction li a:hover {background-color:#CD561D; color: #000;}
ul#menuaction li a:visited {text-decoration: none;}
/************************************* platenumber form ****/
.searchbox_platenumber, .searchbox_platenumber:hover, .searchbox_platenumber:active, .searchbox_platenumber:focus {background-image:url(../images/plate_NL.gif); background-repeat:no-repeat; background-position: center; height:60px;width:190px;padding-left:0px;padding-top:25px;border:none;outline:none;font-size:28px;font: helvetica, sans-serif;font-weight: bolder;color:#FFFFFF;text-transform:uppercase;text-align:center;background-color:#D7CEC8}
.searchbox_platenumberbutton{background-color:#E2E0D8;margin-left:20px;margin-top:35px}
/* ####################################################### */
.clear { overflow: hidden;width: 100%;}
a.button { background: transparent url(../images/button_a.png) no-repeat scroll top right;
padding-left:10px; padding-right:20px;color: #444;display: block;float: left;font: normal 12px arial, sans-serif;height:24px;margin-right: 6px;padding-right: 18px; /* sliding doors padding */ text-decoration: none;}
a.button span {background: transparent url(../images/button_span.png) no-repeat;display: block;line-height: 14px;padding: 5px 0 5px 18px;}
a.button:active {background-position: bottom right;color: #000;outline: none; /* hide dotted outline in Firefox */}
a.button:active span {background-position: bottom left;padding: 6px 0 4px 18px; /* push text down 1px */}
/* ####################################################### */
div.content{width: 94%; padding: 0 10px; margin-bottom: 15px; padding-top: 4px; padding-bottom: 20px; background:#D7CEC8; color:#000000}
div.content2 p{color:#000000}
div.action{width: 100%; margin-bottom: 15px; padding-top: 4px; background:#fc9556; color:#000000}
.contentblock { width: 95%; border: 0; font-size: 70%; text-align: left;}
.contentblock td { padding: 0 10px 0 5px; vertical-align:top;}
.contentblock2 { margin-top:-10px; margin-bottom:-10px; width: 95%; border: 0; font-size: 70%; text-align: left; margin-left:5px; color:#1F1F1F; }
.contentblock3 { width: 95%; border: 0; font-size: 70%; text-align: left; margin-left:10px; color:#1F1F1F; }
/* ############################ content cells - title (right) *** text (left) ################################################### */
.messageboximage { float:left; width:27px; margin-left:10px; margin-top:2px; padding-top:5px; text-align:left; color:#2C2C2C; }
.messageboxsmallimage { width:24px; border:none; margin-bottom:-5px }
.messageboxtext { padding-top:5px; display:table-cell; font-size:10px; text-align:left; line-height:150%;color:#2C2C2C;}
/* ############################ message box main ################################################### */
.contentcelltitle { float:left; width:140px; margin-left:10px; padding-top:10px; text-align:left; font-weight:bold; color:#2C2C2C; }
.contentcelltext { width:340px; padding-top:10px; display:table-cell; text-align:left; line-height:200%;color:#2C2C2C;}
/* ################################################################################################## */
.logomargin { margin-bottom:-3px; margin-right:2px } /* e.g. facebook, hyves, twitter logo
/* ################################################################################################## */
/* list members - friends - vehicles - groupmembers */
.list{margin-left:10px;width:95%;border:0;color:#2C2C2C;font-size:70%;text-align:left;line-height:150%;}
.listsmallerfont{margin-left:10px;width:95%;border:0;color:#2C2C2C;font-size:60%;text-align:left;line-height:150%;}
/* overview vehicle in member sectiom */
.vehicle_member_overview{margin-left:10px;width:95%;border:0;color:#2C2C2C;font-size:70%;text-align:left;line-height:200%;}
/* overview story */
.storyoverview{margin-left:10px;width:95%;border:0;color:#2C2C2C;font-size:70%;text-align:left;line-height:175%;}
/* overview story MAIN PAGE */
.storyoverviewmain{margin-left:5px;width:97%;border:0;color:#2C2C2C;font-size:70%;text-align:left;line-height:150%;}
.storyoverviewmain td{ padding-bottom:10px}
/* overview standard sectiom */
.contentoverview{margin-left:10px;width:95%;border:0;color:#2C2C2C;font-size:70%;text-align:left;line-height:200%;}
.contentoverview td {vertical-align:top}
.contentoverview td label{font-weight:bold}
.contentoverviewwidth{width:135px;}
/* overview vehlcle image sectiom */
.contentoverviewimage{margin-left:10px;width:95%;border:0;color:#2C2C2C;font-size:70%;text-align:left;line-height:200%;}
.contentoverviewimage2{vertical-align:bottom;font-size:120%; line-height:110%}
.contentoverviewimagewidth{ vertical-align:top;width:135px;font-weight:bold}
/*************************************small more links related to members / cars overview****/
.morelink{font-size:xx-small;}
/******************* small overview e.g. events on main page ***************/
ul.eventul { list-style: none; margin:0 0 0 0; text-align:left; display:inline; border:0; color:#2C2C2C; line-height:180%;}
.textsmall_spaces { color: #666666; margin-right:12px }
/*******************footer footer **********************/
.footercolumn { width:240px; float:left; margin:0; padding:0}
ul.footerul { list-style: none; margin:0 0 0 0; font-weight:bold; font-size:xx-small; text-align:left; width:235px}
ul.footerullist {list-style: none; margin: 0 0 0 0; font-weight:normal; font-size:xx-small; text-align:left; display:inline}
/*******************main_serialscroll java **********************/
#main_serialscroll{
overflow:hidden;
margin-left:4px;
margin-top:14px;
width:320px;
height:234px;
clear:left;
}
#main_serialscroll ul{width:1640px;list-style: none; margin:0; padding:0; text-align:left; vertical-align:top}
#main_serialscroll li{float:left; margin:0; padding:0; text-align:left; vertical-align:top}
/**************************table (not divs!) ***************/
.tablemember{margin-left:10px;width:95%;border:0;color:#2C2C2C;font-size:70%;text-align:left;line-height:150%;}
.tablemembertd{ width: 60px; }
.tablecar{margin-left:10px;width:95%;border:0;color:#2C2C2C;font-size:70%;text-align:left;line-height:200%;}
.tablecartr{ font-size:8px; vertical-align:bottom }
.tablecartd{vertical-align:bottom;font-size:120%; line-height:110%; text-align:center}
.tablecarimage { vertical-align:text-bottom; width: 130px;}
.tablecarimage2 { text-align:center; width: 110px; margin-bottom:15px}
.tablecartext { vertical-align:top; text-align:center; width: 130px; height: 30px; }
/* overview edit sectiom */
.editoverview{margin-left:10px;width:95%;border:0;color:#2C2C2C;font-size:70%;text-align:left;line-height:300%;}
.editoverview td label{font-weight: bold}
.editoverviewoffset{ padding-left:20px;}
.editoverviewcar{ line-height:90%; text-align:left}
.editoverviewbutton{ line-height:90%; text-align:center}
.editoverviewmessage{ padding-left:20px;}
input.editoverviewinput{ vertical-align:middle} /*input */
p{font-size: 100%; margin: 0px; padding: 10px; text-align:left;}
h1{font-family: Geneva, Arial, Helvetica, sans-serif; color:#DEDAD3; text-align:left; letter-spacing:2pt; font-size:36px; padding-top:3px; font-weight:bold; margin-left:30px; margin-bottom:0px; padding-bottom:0px}
h2{font-family: Geneva, Arial, Helvetica, sans-serif; letter-spacing:0.05em; font-size: 140%; font-weight: bolder; color: #276098; margin: 0px; padding: 10px 10px 15px; text-align:left;}
h3{font-family: Geneva, Arial, Helvetica, sans-serif; letter-spacing:0.04em; font-size: 100%; font-weight: bold; color:#28476C; margin: 0px; padding: 10px 10px 15px; text-align:center;}
h3.alternative{font-family: Geneva, Arial, Helvetica, sans-serif; letter-spacing:0.05em; font-size: 140%; font-weight: bolder; color: #28476C; margin-bottom:-35px; margin-left:-10px; text-align:left;}
h3.alternative:hover{ text-decoration:underline}
h4{font-family: "Times New Roman", Times, serif; font-size: 140%; font-weight: bold; color: #ff4d55; margin: 10px;
margin-bottom: 5px; padding: 0px;}
.textsmall{ margin-left:-10px; margin-top:-8px; line-height:9px; font-size:xx-small; color: #777777}
/* ####################################################### */
input:focus, textarea:focus, select:focus, input:hover {background:#EBEAD3;color:black;}
/* overall form setting */
form{font-family: verdana, arial, helvetica, sans-serif;}
.forms2{ margin-top:10px; width:95%; vertical-align:top; border:medium; border-color:#666666} /*form*/
/* standard forms */
form.forms{ margin-top:10px; width:95%; vertical-align:top} /*form*/
input.formscheckbox{ border-style:none; background-color:#e0dbd1; vertical-align:top} /*input checkbox*/
.forms{ margin-left:5px; width: 100%; text-align: left; border: 0; font-size: 83%; line-height:115%} /*table*/
.forms td{ height:50px; vertical-align:top} /*table column*/
.forms td label{font-weight: bold; margin-right: 15px} /*table column label*/
.formwidth{width:160px;}
.formtextsmall{ margin-bottom:-8px; margin-left:-6px; margin-top:-4px; line-height:9px; font-size:xx-small; color: #666666}
/* story table */
div.formstory{ width: 95%; text-align: left; border: 0; line-height:110%} /*table*/
div.formsstory td{ height:35px; vertical-align:middle} /*table column*/
div.formstory td label{font-weight: bold; margin-right: 15px; font-size: 80%} /*table column label*/
form.login{ width:65%; text-align:center; margin-top: -10px; margin-bottom:-5px}
form.login td { text-align:center}
input{ padding-left:3px; margin-top:-2px;vertical-align:top;background-color: #f5f5f5;font-size: x-small;font-family: verdana, arial, helvetica, sans-serif;border-width: 1px;border-style: solid;border-color: #cccccc;cursor:pointer;}
input.button_down{ padding-bottom:100px; color:#FFF; font-size:0; vertical-align: text-top; line-height:0em; background-color:#FFFFFF;background-image: url(../images/down.gif); background-repeat:no-repeat; background-position:center; width:25px; height:15px; cursor:pointer }
input.button_up{ padding-bottom:100px; color:#FFF; font-size:0; vertical-align: text-top; line-height:0em; background-color:#FFFFFF;background-image: url(../images/up.gif); background-repeat:no-repeat; background-position:center; width:25px; height:15px; cursor:pointer }
input.button_standard{ background: #C0C0C0; color:#000; height:18px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; width:70px; cursor: default;}
input.button_file{ background-image:url(file://///www.carrelation.nl/webdav/letour.tv/images/plate_NL1.gif); background: #fff; color:#000; height:18px; border:thin; border-width: 1px; border-style: solid; border-color: #cccccc; }
.logincheckbox{ border-style:none; background-color:#fc9556}
.logincheckbox:hover{ background-color:#fc9556}
select{vertical-align:middle; width: 100%; font-size: x-small; font-family: verdana, arial, helvetica, sans-serif; background-color: #f5f5f5; border:solid; border-color: #cccccc; border-style: solid; border-width: 1px; margin-bottom: 10px}
textarea{width: 98%;float: left;text-align: left;background-color: #f5f5f5;border-width: 1px;border-style: solid;border-color: #cccccc;font-family: verdana, arial, helvetica, sans-serif;font-size: x-small;margin-bottom: 5px;}
textarea.message2{width: 98%;float: left;text-align: left;background-color: #f5f5f5;}