/* DATEI: basis.css 
PROJEKT: europe-cranes.com */

/*

blau: #5479A5
hellblau: #CCDEEE

*/

html{
height: 100%;
}

body { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;	
margin: 0 0 0 10px;
padding:0;
background-color: #ffffff;
background-image: url(../img/bg_body.gif);
background-repeat: repeat-y;
background-position: left;
height: 100%;
}

.breaker {
overflow: hidden;
clear: both;
height: 1px;
}

.hr {
display: none;
}

.img {
border: none;
}

a { 
color:#5479A5;
text-decoration:none;
}

a:hover {
color:#5479A5;
text-decoration:underline;
}

#main {
height: 100%;
width: 960px;
}

/* ------------- Header ------------------- */

#headerContainer {
position: relative;
height: 120px;
width: 960px;
background: #ffffff url(../img/bg_header.gif) no-repeat left top;
padding: 0;
border-top: #ffffff 1px solid;
}

#headerLogo {
position: absolute;
top: 10px;
left: 10px;
margin: 0;
padding: 0;
}

#headerLogo img {
border: 0;
}



/* ------------- Contentbereich ------------------- */

#contentContainer {
width: 960px;
padding: 0;
margin: 0;
}


/* ------------- Navigation links ------------------- */

#nav {
float: left;
width: 165px;
padding: 18px 0 20px 10px;
}

#nav ul {
margin: 0;
padding: 0;
list-style-type:none;
}

#nav li	{
height: 30px;
line-height: 30px;
margin: 0 0 3px 0;
padding-left: 22px;
font-size: 11px;
background: #ffffff url(../img/bg_button.gif) no-repeat left top;
}

#nav li a	{
display:block;
width: 118px;
color: #000000;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}

#nav li a:hover {
color: #5479A5;
text-decoration: none;
}

#nav li.current {
height: 30px;
line-height: 30px;
margin: 0 0 3px 0;
padding-left: 22px;
font-size: 11px;
background: #ffffff url(../img/bg_button2.gif) no-repeat left top;
}

#nav li.current a	{
color: #ffffff;
}

#nav li.current a:hover {
color: #CCDEEE;
}


#languageSelect {
margin-top: 20px;
padding: 0px;
}

#languageSelect a {
color:#999999;
text-decoration: none;
}

#languageSelect img {
border: none;
margin: 0 0 10px 0;
padding: 0;
}


/* ------------- Content ------------------- */

#content {
float: right;
width: 775px;
margin: 0;
padding: 20px 0 0 0;
}

#print_content {
width: 775px;
margin: 0 0 0 70px;
padding: 20px 0 0 0;
}

#content h1, #print_content h1 {
margin: 0 0 20px 0;
font-size: 20px;
font-weight: bold;
color: #5479A5;
width: 100%;
border-bottom: 1px solid #CCCCCC;
}

#content h2, #print_content h2 {
margin: 5px;
font-size: 12px;
font-weight: bold;
}

#content h3, #print_content h3 {
margin: 5px;
font-size: 11px;
font-weight: bold;
}


/* ------------- Footer ------------------- */

#footerContainer {
background: url(../img/Kran.jpg) no-repeat left top;
height: 55px;
width: 775px;
margin: 0;
padding: 75px 0 0 185px;
}

#footer {
border-top: #cccccc 1px solid;
padding: 3px 0 0 0;
margin: 0;
font-size: 11px;
color: #999999;
}

#print_footer {
width: 775px;
border-top: #cccccc 1px solid;
padding: 3px 0 0 0;
margin: 0 0 0 70px;
font-size: 11px;
color: #999999;
}

#footerLeft {
width: 300px;
float: left;
}

#footerLeft a {
color:#999999;
text-decoration: none;
}

#footerLeft a:hover {
text-decoration: underline;
}


/* ----------- Inhaltselemente ------------ */

table.contenttable {
padding: 0;
margin:0;
border: 0;
}

table.contenttable tr {
padding: 0;
margin:0;
border: 0;
}

table.contenttable tr td {
padding: 0;
margin:0;
border: 0;
}

table.contenttable tr td p.bodytext {
padding: 0;
margin:0;
}


/* -------------- Kranliste --------------- */

/* --- Liste ---*/

#objectList table {
width: 100%;
/*border-collapse: collapse;*/
}

#objectList table th {
font-weight: bold;
font-size: 11px;
background-color: #cccccc;
}

#objectList table td {
margin:0;
padding: 4px 4px 5px 5px;
border-bottom: #cccccc 1px solid;
border-left: #cccccc 1px solid;
}

#objectList table td.tableLink {
font-weight: bold;
}

#objectList table td.tableImage {
width: 80px;
}

/* --- Detail ---*/

.objectSingleHeader {
margin: 10px 0 10px 0;
font-size: 16px;
font-weight: bold;
}

#objectSingleImage {
/*padding: 5px;*/
/*width: 200px;*/
padding: 0;
width: auto;
}

#objectSingleImage img{
margin: 0 10px 0 0;
padding: 5px;
border: #cccccc 1px solid;
}

#objectSingle table {
width: 100%;
/*border-collapse: collapse;*/
}

#objectSingle table td {
margin:0;
padding: 4px 4px 5px 5px;
border-bottom: #cccccc 1px solid;
border-left: #cccccc 1px solid;
}

#objectSingle table td.tableHeader {
font-weight: bold;
font-size: 11px;
background-color: #cccccc;
padding: 0 0 0 5px;
}

#objectSingle table td.tableLabel {
width: 200px;
}

#objectSingle table td.tableData {
}

#objectSingle table td table.contenttable {
width: auto;
padding: 0;
margin:0;
border: 0;
}

#objectSingle table td table.contenttable tr {
padding: 0;
margin:0;
border: 0;
}

#objectSingle table td table.contenttable tr td {
width: auto;
padding: 0;
margin:0;
border: 0;
}

#objectSingle table td table.contenttable tr td p.bodytext {
padding: 0;
margin:0;
}

#objectSingleInfo {
padding: 10px 0 10px 0;
}



.back {
width: 100px;
float: left;
}

.contact {
width: 100px;
float: left;
clear: right;
}

.back input, .contact input {
width: 75px;
text-align: center;
}

.last_updated {
margin-bottom: 10px;
}

.resultcount {
margin-bottom: 10px;
}

.pagebrowser_top {
margin-bottom: 10px;
}


.pagebrowser_bottom {
margin-top: 10px;
}

/* --- Latest --- */
.latest_item {
width: 300px;
/*border-bottom: 1px solid #CCCCCC;*/
margin: 0 0 10px 0;
padding: 0;
background-color: #CCDEEE;
}

.latest_item_image {
margin: 0;
padding: 0;
float: left;
width: 100px;
}

.latest_item_image img{
padding: 0;
margin: 0;
}

.latest_item_info {
padding: 5px;
}

/* ------------------------------ Formulare ----------------------------------- */

input, textarea, select {
font-size: 11px;
padding: 2px;
}

#email {
margin-bottom:15px;
}

#name, #vorname, #strasse, #plz_ort,  #tel, #tel2, #fax, #email,
#bemerkungen, #tel, #email, #subject, #submit, #firma, #mobil,
#sonstides, #kapazitaet, #hersteller, #typ, #baujahr, #preis {
margin-top: 3px;
text-align: left;
}

.title {
width: 170px;
float: left;
font-weight: bold;
padding-right: 10px;
}

#vorname input, #name input, #strasse input, #fax input, #tel input, 
#email input, #firma input, #mobil input, #subject input, select,
#kapazitaet input, #hersteller input, #typ input, #baujahr input, #preis input {
width: 170px;
}

#bemerkungen textarea, #sonstiges textarea {
width: 290px;
height: 200px;
}

#plz_ort .plz {
width: 35px;
}

#plz_ort .ort {
width: 122px;
margin-left: 5px;
}

.chkbox {
width: 360px;
font-size: 11px;
padding: 2px;
}

.formtext {
font-size: 11px;
}

.required {
/*color: #CC0000;*/
}

.error {
color: #CC0000;
font-size: 11px;
font-weight: bold;
border: 1px solid #CC0000;
padding: 5px;
margin-bottom: 10px;
width: 60%;
}

.error ul {
font-weight: normal;
margin-top: 5px;
margin-bottom: 0;
}

#submit input, input.button, input.submit {
margin-top: 10px;
margin-left: 180px;
}

.back input, .back input.button, .back input.submit, .contact input, .contact input.button, .contact input.submit {
margin: 10px 0 0 0;
}