html, body {
margin: 0px;
padding: 0px;
}

body {
background: #000 url("images/background.png") bottom left repeat-x;
color: #eceded;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}

p {
margin: 0px 0px 11px 0px;
padding: 0px;
}

h1, h2, h3 {
margin: 0px;
padding: 0px;
display: block;
height: 26px;
}

h1 { font-size: 16px; }
h2 { font-size: 13px; }
h3 { font-size: 11px; }

h1.cyanbg, h1.titlebg { padding: 5px 0px 2px 5px; height: 16px; }
h2.cyanbg { padding: 10px 0px 0px 5px; height: 16px; }

.cyanbg {
text-transform: uppercase;
background: #000 url("images/title_background.png") top left repeat-x;
border-top: 1px solid #eceded;
border-bottom: 3px solid #00eaff;
}

.titlebg {
text-transform: uppercase;
border-top: 1px solid #eceded;
border-bottom: 3px solid #00eaff;
}

.black { color: #000;}
.grey { color: #888; }


#top {
display: block;
background: #00eaff;
padding: 3px 0;
height: 15px;
}

#top:after{
content: ".";
display: block;
height: 0;
font-size: 0px;
clear: both;
visibility: hidden;
}

#top-wrap {
display: block;
width: 760px;
margin: 0px auto 0px auto;
}

#top #date {
color: #000;
float: left;
}

.box, .altbox { display: block; width: 100%; overflow: hidden; }
.box { background: #323232; }
.box .text, .box .alttext, .altbox .text { margin: 0px 5px 5px 5px; padding: 5px; }
.box .notext { padding: 5px; }
.box .text { background: #000; }

#topnav, #navigation ul, #bottomnav ul { list-style: none; margin: 0px; padding: 0px; }

#topnav {
float: right;
}

#topnav li {
position: relative;
float: left;
display: block;
}

#topnav a { 
color: #1a3133;
text-decoration: none; 
padding: 0 10px;
border-left: 1px solid #000;
}

#topnav a:visited { color: #1a3133; }
#topnav a:hover { color: #000; }

#topnav #loginbox {
display: none;
}

#topnav li > #loginbox {
position: absolute;
top: auto;
left: auto;
}

#topnav li:hover #loginbox { display: block; }

#wrap {
display: block;
width: 720px;
margin: 0px auto;
background: #000;
border: 6px solid #222;
border-top: none;
padding: 14px;
}

#wrap:after{
content: ".";
display: block;
height: 0;
font-size: 0px;
clear: both;
visibility: hidden;
}

#header {
margin: 10px 0;
}

#header:after{
content: ".";
display: block;
height: 0;
font-size: 0px;
clear: both;
visibility: hidden;
}

#header #logo {
display: block;
float: left;
width: 169px;
height: 47px;
background: #000 url("images/logo.png") center center no-repeat;
}

#header #contact {
float: right;
}

#header #contact span {
display: block;
text-align: right;
}

#navigation ul li a { color: #fff; text-transform: uppercase; }
#navigation ul li a:visited { color: #fff; }
#navigation ul li a:hover { color: #00eaff; }
#navigation ul li a:active { color: #00eaff; }

#navigation {
display: block;
overflow: hidden;
margin: 10px 0px;
}

#navigation ul {
display: block;
}

#navigation ul li {
display: block;
float: left;
}

#navigation ul li a {
display: block;
width: 110px;
height: 15px;
padding: 11px 0px 0px 5px;
margin: 0px 6px 0px 0px;
background: #000 url("images/menu_background.png") center left repeat-x;
border-top: 1px solid #eceded;
border-bottom: 3px solid #00eaff;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}

#navigation ul li a.last {
margin: 0px;
}

#navigation ul li a.lastkicsi {
margin: 0px;
font-size: 9px;
}

#navigation ul li a.kicsi {
font-size: 9px;
}

#navigation ul li a:visited {
color: #fff;
}

#navigation ul li a:hover {
/*height: 23px;*/
/*padding: 3px 0px 0px 5px;*/
background: #000 url("images/menu_hover.png") center left repeat-x;
color: #00eaff;
}

#navigation ul li a:active {
height: 15px;
padding: 11px 0px 0px 5px;
color: #00eaff;
}

#bottomnav {
display: block;
margin: 15px 0px 0px 0px;
}

#bottomnav ul {
display: block;
margin: 0 auto;
text-align: center;
}

#bottomnav ul li {
display: inline;
padding: 0 10px;
border-left: 1px solid #00eaff;
}

#bottomnav ul li.first {
border-left: none;
}

#bottomnav:after, #bottomnav ul:after{
content: ".";
display: block;
height: 0px;
font-size: 0px;
clear: both;
visibility: hidden;
}

#contact a, #sidebar a, #content a, #bottomnav a { color: #00eaff; text-decoration: none; border-bottom: 1px solid #000; }
#contact a:visited, #sidebar a:visited, #content a:visited, #bottomnav a:visited { color: #00eaff; }
#contact a:hover, #sidebar a:hover, #content a:hover, #bottomnav a:hover { color: #fff; border-bottom: 1px dotted #fff; }

#loginbox {
display: block;
width: 140px;
padding: 1px 10px 4px 10px;
background: #00eaff;
}

#loginbox #login, #loginbox #other, .darkform {
list-style: none;
padding: 0px;
margin: 0px;
}

#loginbox #login {
border-bottom: 1px solid #04acba;
padding: 0px 0px 10px 0px;
margin: 0px 0px 10px 0px;
}

#loginbox:after, #loginbox #login:after {
content: ".";
display: block;
height: 0;
font-size: 0px;
clear: both;
visibility: hidden;
}

#loginbox #login li {
margin: 10px 0px 0px 0px;
}

#login input.login {
width: 132px;
background: #83f4fe;
border: 1px solid #02afbe;
color: #000;
font-size: 11px;
padding: 3px;
}

#login label {
display: block;
margin: 0px;
padding: 0px;
font-weight: bold;
color: #000;
}

#loginbox #other li {
margin: 0px 0px 5px 0px;
}

#loginbox #other li a {
display: block;
text-decoration: none;
color: #346266;
}

#loginbox #other li a:hover {
color: #000;
font-weight: bold;
}

.darkform li {
/*display: block;*/
}

.darkform li:after{
content: ".";
display: block;
height: 0;
font-size: 0px;
clear: both;
visibility: hidden;
}

.darkform li label {
display: block;
width: 80px;
float: left;
text-align: right;
margin: 0px 10px 0px 0px;
color: #00eaff;
}

.darkform input.text, .darkform textarea.text {
display: block;
float: left;
width: 361px;
color: #fff;
background: #000;
border: 1px solid #323232;
font-size: 11px;
padding: 2px;
margin: 0px 0px 5px 0px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;

}

.submit {
display: block;
height: 16px;
color: #346266;
background: url("images/submit.png") center right;
font-size: 11px;
font-weight: bold;
padding: 0px 15px 0px 5px;
text-align: center;
border: 1px solid #02b1c0;
letter-spacing: 1px;
margin: 0px 0px 0px auto;
}

.submit:hover {
color: #000;
}

.imgborder {
border: 1px solid #fff;
}

.trucklist {
margin: 4px;
}

#headerpicture {
margin: 0px 0px 10px 0px;
background: #323232 url("images/header_border.png") top left repeat-x;
padding: 5px;
}

#sidebar {
display: block;
width: 236px;
float: left;
}

#content {
display: block;
width: 477px;
float: right;
margin: 0px;
}

#callback {
display: block;
width: 236px;
float: left;
}

#partners {
display: block;
width: 236px;
float: right;
}

#trucks {
margin: 10px 0px 0px 0px;
}

#truck-data-sheet {
margin: 10px 0px 0px 0px;
}

#truck-data {
display: block;
width: 220px;
float: left;
margin: 0px 0px 8px -5px;
}

#truck-info {
display: block;
width: 220px;
float: right;
margin: 0px 0px 8px 0px;
}

#truck-data ul {
list-style: none;
margin: 0px 0px 0px 5px;
padding: 0px;
}

#truck-data ul li ul {
padding: 0px 0px 0px 20px;
}

#truck-data ul li {
padding: 10px 0px 0px 0px;
}

.truck-list {
display: block;
margin: 5px 0px 5px 0px;
}

.truck-list .truck-img {
display: block;
float: left;
clear: both;
margin: 0px 5px 5px 0px;
}

.truck-list span {
display: block;
}

.truck-list span.type {
font-size: 13px;
font-weight: bold;
margin: 0px 0px 5px 0px;
}


.truck-list:after {
content: ".";
display: block;
height: 0;
font-size: 0px;
clear: both;
visibility: hidden;
}

#footer {
display: block;
text-align: center;
color: #000;
font-weight: bold;
margin: 10px 0px;
}

.clear {
display: block;
font-size: 0px;
clear: both;
}

.text img { border: 3px solid #323232; }