/* DATEI: basis.css */


body { 
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;	
text-align: center; 
margin: 0;
padding:0;
color: #333;
background-color: #F5EED4;
}

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

.hr {
display: none;
}

.small {
font-size:11px;
}

img {
border: none;
}

a { 
color:#000;
font-weight: bold;
text-decoration:underline;
}

a:hover {
color:#000;
text-decoration:none;
}

#main {
width: 960px;
margin: 0 auto;
text-align: left;
}



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

#headerContainer {
position: relative;
width: 920px;
height: 145px;
padding: 5px 20px 0 20px;
background: url(../img/header_bg.gif) no-repeat;
}

#headerLan { 
text-align: right;
height: 15px;
overflow: hidden;
}

#headerLogo {
position: absolute;
top: 30px;
left: 40px;
height: 80px;
overflow: hidden;
}

/* ------------- Menu ------------------- */

#menuContainer { position: absolute; top: 120px; right: 20px; height: 27px; width: 920px; margin-top: 3px; overflow: hidden; text-align: right;}

#menu { float:right; text-align: left;}

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

#menu li	{
height: 27px;
padding:0 10px 0 10px;
margin: 0 0 0 4px;
line-height: 27px;
font-size: 14px;
font-weight: bold;
float: left;
background: url(../img/menu_bg.gif) no-repeat left; 
}

#menu li.current	{ 
background: url(../img/menu_bg_current.gif) no-repeat left; 
border-right: #999999 1px solid;
}

#menu li a	{ color: #000; text-decoration: none;}

#menu li a:hover	{
text-decoration: underline;
}



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

#contentContainer1 { margin-top: 10px; }
#contentContainer1 ul { list-style-type: none; margin:10px 0 10px 0; padding:0;}
#contentContainer1 ul li { margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(../img/dot_red2.gif) no-repeat left top;}

#contentContainer1 #col1 { width: 480px; float:left; }
#contentContainer1 #col1 h1 { margin:0; font-size: 28px; font-weight: normal; color: #968C72; }
#contentContainer1 #col1 .col1top { width: 480px; height: 10px; overflow: hidden; background: url(../img/480_top_bg.gif) no-repeat top; }
#contentContainer1 #col1 .col1content { width: 438px; padding: 10px 19px 20px 19px; background: #fff; border-left: #cccccc 2px solid; border-right: #cccccc 2px solid; }
#contentContainer1 #col1 .col1bottom { width: 480px; height: 10px; margin-bottom: 10px; overflow: hidden; background: url(../img/480_bottom_bg.gif) no-repeat top; }

#contentContainer1 #col2 { width: 230px; float:left; margin-left: 10px; }
#contentContainer1 #col2 h1 { margin:0; font-size: 14px; color: #000; }
#contentContainer1 #col2 .box1 { width: 200px; height: 144px; padding: 15px; margin-bottom: 10px; background: url(../img/box1_bg.gif) no-repeat top; overflow: hidden; }
#contentContainer1 #col2 .box2 { width: 200px; height: 144px; padding: 15px; margin-bottom: 10px; background: url(../img/box2_bg.gif) no-repeat top; overflow: hidden; }
#contentContainer1 #col2 .box3 { width: 200px; height: 144px; padding: 15px; margin-bottom: 10px; background: url(../img/box3_bg.gif) no-repeat top; overflow: hidden; }
#contentContainer1 #col2 .box4 { width: 200px; height: 144px; padding: 15px; margin-bottom: 10px; background: url(../img/box4_bg.gif) no-repeat top; overflow: hidden; }

#contentContainer1 #col21 { width: 230px; float:left; margin-left: 10px; }
#contentContainer1 #col21 h1 { margin:0; font-size: 14px; color: #000; }
#contentContainer1 #col21 .box1 { width: 200px; height: 144px; padding: 15px; margin-bottom: 10px; background: url(../img/box1_bg.gif) no-repeat top; overflow: hidden; }
#contentContainer1 #col21 .box2 { width: 200px; height: 144px; padding: 15px; margin-bottom: 10px; background: url(../img/box2_bg.gif) no-repeat top; overflow: hidden; }
#contentContainer1 #col21 .box3 { width: 200px; height: 144px; padding: 15px; margin-bottom: 10px; background: url(../img/box3_bg.gif) no-repeat top; overflow: hidden; }
#contentContainer1 #col21 .box4 { width: 200px; height: 144px; padding: 15px; margin-bottom: 10px; background: url(../img/box4_bg.gif) no-repeat top; overflow: hidden; }

#contentContainer1 #col3 { width: 720px; float:left; }
#contentContainer1 #col3 h1 { margin:0; font-size: 28px; font-weight: normal; color: #968C72; }
#contentContainer1 #col3 .col1top { width: 720px; height: 10px; overflow: hidden; background: url(../img/720_top_bg.gif) no-repeat top; }
#contentContainer1 #col3 .col1content { width: 678px; padding: 10px 19px 20px 19px; background: #fff; border-left: #cccccc 2px solid; border-right: #cccccc 2px solid; }
#contentContainer1 #col3 .col1bottom { width: 720px; height: 10px; margin-bottom: 10px; overflow: hidden; background: url(../img/720_bottom_bg.gif) no-repeat top; }

table.contenttable p.bodytext {margin:0;}

/* ------------- ContentLeft ------------------- */


#nav {
padding-left: 162px;
}

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

#nav li	{
margin: 0 0 5px 0;
padding: 0;
font-size: 11px;
}

#nav li.current	{
}

#nav li a	{
padding-left: 10px;
color: #666666;
font-weight: bold;
background: url(../img/dot_grey.gif) no-repeat left;
display: block;
}

#nav li a:hover	{
color: #000000;
background: url(../img/dot_black.gif) no-repeat left;
text-decoration: none;
}

#nav li.current a	{
color: #000000;
background: url(../img/dot_black.gif) no-repeat left;
}





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

#footer {
text-align: center;
margin: 0 0 20px 0;
padding: 5px 0 0 0;
height: 20px;
line-height: 20px;
font-size: 12px;
color:#999999;
border-top: #999999 2px solid;
}

#footer a {
color:#999999;
font-weight: normal;
text-decoration:none;
}

#footer a:hover {
color:#999999;
}

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

/* --- Liste ---*/

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

#objectList table th {
font-weight: bold;
font-size: 14px;
padding: 5px;
background-color: #F5EED4;
border-bottom: #fff 2px solid;
}

#objectList table td {
background-color: #F5EED4;
margin:0;
border-bottom: #fff 2px solid;
padding: 5px;
}

#objectList table td.tableLink a {
padding: 0 0 0 20px; background: url(../img/dot_red.gif) no-repeat left;
}

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

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

/* --- Detail ---*/

.objectSingleHeader { margin:0 0 20px 0; font-size: 28px; font-weight: normal; color: #968C72; }

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

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

#objectSingle table {
width: 100%;
}

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

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

#objectSingle td.tableLabel {
width: 200px;
font-weight: bold;
font-size: 11px;
}

#objectSingle td.tableData {
}

#objectSingle table td table.contenttable {
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 p.bodytext {
padding: 0;
margin:0;
}

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

#objectSingle form {padding:0; background-color: none;}

.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 --- */

#objectLatest {
margin-top: 20px;
}

.latest_item {
border-bottom: 2px solid #fff;
margin: 0;
padding: 10px;
background-color: #F5EED4;
}

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

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

.latest_item_info {
padding: 5px;
}


.latest_item_info h2 {
font-size: 18px;
font-weight: normal;
margin: 0 0 10px 0;
}

.latest_item_info a {
padding-left: 20px;
background: url(../img/dot_red.gif) no-repeat left ;
}

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

.tx-thmailformplus-pi1 form, div.form {
background-color: #F5EED4;
padding: 10px;
font-size: 12px;}

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;
}