@import url("pagination.css");

body {
    padding:0;margin:0;
    font-family: sans-serif;
    font-size: 90%;
    color: #333;
    background: #fff;
}
h1 {font-size: 1.3em; font-weight: normal;text-transform: uppercase;color: #666;}
h1 a {text-decoration: none; text-transform: uppercase;}
h2 {
    color: #666;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: normal;
}

a img {border: 0px none;}

a:link, a:visited {color: #666;}
a:active, a:hover {color: black;}

#page {
	width: 900px;
	margin: 20px auto;
}

#container {
    width: 800px;
	padding-right:100px;
	background: url("../images/horz_banner.png") right top no-repeat; 
	float: left;
}

#head_r1 {
    background: url("../images/head_r1.png") top right no-repeat;
    width: 100%; height: 70px;
}

#head_r1 img {margin-top:20px;}

#head_r2 {
    height: 4px;
	padding-top: 5px;
    text-align:right;
    width: 543px;
	margin-left: 280px;
    font-size: .8em;
}
#head_r2 ul {padding:0;margin:0;}
#head_r2 li {padding-right: 30px;display: inline;}
#head_r2 a {text-decoration: none;}
#head_r2 a:hover {text-decoration: underline;}

#head_r3 {
    background: url("../images/head_r3.png") top right no-repeat;
    width: 100%; height: 70px;
}

#head_r3 p#head_claim {
    width: 180px; height: 70px;
    background: url("../images/head_claim.png") top left no-repeat;
} #head_r3 p#head_claim span {display:none;}

#nav_main {margin-top: 35px;}

#nav_main ul {padding:0;margin:0;}

#nav_main li {
    list-style: none;
    background: url("../images/square_yellow_11.png") 0px 2px no-repeat;
    padding: 0 0 .4em 18px;
}

#nav_main a {
    color: #666;
    text-transform: uppercase;
    font-size: 1em;
    text-decoration: none;
}

#nav_main #nav_site_1 {
    float:left;
    width: 170px;  
}

#nav_main #nav_site_2 {
    float:right;
    width: 270px;
}

#searchbox {
    float: right;
    width: 230px; height: 83px;
    background: #fc0;
    padding: 10px;
}
#searchbox h2 {
    margin-top: -30px;
}

#searchbox input#search_q,
#searchbox select {
	margin-bottom: 5px;
	font-size: 16px;
}

#searchbox input.search_submit {
	background: url(../images/button2_bg.png) top left no-repeat;
	width: 140px;
	height: 30px;
	border: 0px none;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	float: right;
	margin-top: -5px;
}

#content {
    clear:both;
    padding-top: 20px;
}

/* START PAGE */

.box_start {
	background: #900;
	padding: 10px;
	margin-bottom: 10px;
}

.box_start a {
	display: block;
	width: 180px;
	height: 10px;
	background: url("../images/button2_bg.png") top left no-repeat;
	color: #333;
	padding: 10px 5px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .8em;
}

.box_start p {
	color: white;
	font-size: .9em;
	padding: 0px;
}
/* LIST/SEARCH Results VIEW OF COMPANIES _ GENERAL RULES */

.narrow_search {font-size: .9em; text-align: right;}

div.company_list {
    border: 1px solid #900;
    padding:10px; margin-bottom: 20px;
}

div.company_list .list_left_col {
    float:left;
    width: 150px;   
}

div.company_list .list_left_col img{
	margin-bottom:5px;
}

div.company_list .list_right_col {
    float:right;
    width: 200px;
    border-left: 1px solid #900;
     margin-top: 1em;
}

div.company_list .list_right_col ul,
ul.button-list {
    list-style:none;
    padding:0; margin: 0 0 0 30px;
}

div.company_list .list_right_col ul li,
ul.button-list li{
    width: 140px;
    height: 30px;
    background: url("../images/button2_bg.png") bottom left no-repeat;
    margin: 8px;
}

div.company_list .list_right_col ul li span.on {
	display: block;
	position: absolute;
	width: 25px; height: 23px;
	background: url("../images/checkmark_green.png") top left no-repeat;
	margin-left: -25px; margin-top: 3px;
}

ul.button-list li.on a{color: #000}

div.company_list .list_right_col ul li a,
ul.button-list li a{
    display: block;
    padding: 9px;
    text-decoration: none;
    color: #666;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
}

div.company_list .list_center_col {
    margin: 0 200px 0 150px;
}

div.company_list h3 {
    text-transform: uppercase;
    font-size: 13px;
    margin: 0 0 0 150px;   
}

div.company_list div.list_footer {
    background: #fc0 url("../images/list_footer_bg.png") center center no-repeat;
    margin: -10px; padding: 5px; margin-top: 10px;
    height: 12px;
    text-align: right;
    font-size: .8em;
}

div.company_list div.vcard span.org,
div.vcard span.geo,
div.vcard span.country-name {display:none;} 

/* LIST VIEW _ FREE-ENTRY */
div.company_list_free {
	border: 1px solid #cc7f7f;
}

div.company_list_free div.list_footer {
	background-color: #ffe57f;
}

/* LIST VIEW _ MIN-ENTRY */

div.company_list_min h3 {
    color: #900;
    border-bottom: 1px solid #fc0;
    padding: .5em 0;
    font-size: .8em;
}



/* LIST VIEW _ BASIC-ENTRY, some also apply for MAX-Entry*/

div.company_list_basic h3,
div.company_list_max h3{
    color: #666;
    border-bottom: 1px solid #fc0;
    padding: 10px 10px 10px 10px;
    background: url("../images/button1_bg.png") top left repeat-x;
}

div.company_list_basic .list_left_col,
div.company_list_max .list_left_col{
   margin-top: -35px;

}

div.company_list_basic div.vcard,
div.company_list_max div.vcard {
    width: 45%;
    float:left;
}

div.company_list_basic div.basic_details,
div.company_list_max div.basic_details{
    width: 50%; float:left;
}

div.company_list_basic div.company_map,
div.company_list_max div.company_map {clear:both;}

/* LIST VIEW _ MAX-ENTRY */

div.company_list_max {
    background: #fc3 url("../images/list_max_right_bg.png") top right repeat-y;
}

div.company_list_max h3 {
    border-bottom: 2px solid #fff;
margin-right: 30px;
}

span.max_page2_button {
	float:right;
	display: block;
	background: url("../images/button2_green_bg.png") top left no-repeat;
	width: 124px;
    height: 14px;
	padding: 8px;
	margin-right: 22px;
}

div.company_list_max .list_right_col {
    border-left: 0px none;
}

div.company_list_max div.list_footer {
    background: #fff url("../images/list_footer_bg.png") center center no-repeat;
}

/* recommendation form */

div.recommendation_form div.fieldWithErrors {}

div.recommendation_form p {
	float: left; 
	width: 100%;
	margin: 0 0 5px 0;
}

div.recommendation_form p label {
	float: left;
	width: 120px;
	padding-top: 3px;
}

div.recommendation_form p input {
	float: left;
	width: 150px;
	margin-right: 20px;
}

div.recommendation_form p textarea {
	width: 450px;
	height: 80px;
	float: left;
}

div.fieldWithErrors {float:left;}

div.recommendation_form input.form_submit {
	float: right;
	margin-right: 200px;
}

div.recommendation_form p.captcha label {
	width: 250px;
	padding-top: 15px;
}
div.recommendation_form p.captcha img {
	float: left; width: 110px;
	margin-left: 5px;
}

div.recommendation_form p.captcha input {font-size: 16px; margin-left: 10px; margin-top: 5px;}

div.recommendation-sent {
	clear:left;
	color: red;
	font-size: 16px;
}

/* Show Company in Max-Page 2 */

div#offer_link {
    float:right;
    width: 250px; height: 153px;
    background: url("../images/offer_star_top.png");
    margin-right: 20px;
}

div#offer_link a {
    color: #900;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    display: block;
    padding-top: 110px; padding-bottom: 20px;
}

div#offers {
    clear:right;
	margin-bottom: 20px;
}

#offers .offer {float: left; width: 795px; margin-right: 1px;}

#offers .offer h3 span {width: 224px !important;}
/*
div.offer_header {
    background: #fc3;
}

div.offer_header h1 {font-weight: bold; font-size: 18px; color: grey; padding: 5px;margin:0;}

div.section p {padding: 10px;}
*/
div#max_page2_top.with_offer {
    background: #fc3 url("../images/offer_star_bottom.png") top right no-repeat;
    clear:right;
}

div#max_page2_top {
    background: #fc3;
    padding: 20px;
}

div#max_page2_top h1 {font-size: 20px; font-weight: bold; text-transform: uppercase;}

div#max_page2_top h1 span {padding-left: 20px;}

div#max_page2_top .left_col,
div#max_page2_bottom .left_col
{
    width: 220px;
    float:left;
}

div#max_page2_top .right_col,
div#max_page2_bottom .right_col {
    margin-left: 240px;
    text-align: justify;
}


div#max_page2_top .right_col .company_photos img {
    padding-right: 5px;
}

div#max_page2_top .right_col .company_description {
	padding-right: 15px;
	min-height: 400px;
}

div#max_page2_bottom {
    background: #900;
    padding: 20px;
    clear:left;
}

div#max_page2_bottom div.section div.section_content {
	background: white;
	margin: 10px;
	padding: 10px;
}

#max_page2_bottom div.recommendation_form p {margin:0;}
#max_page2_bottom div.recommendation_form p label {clear: left;}

/* Listing Inquiries/Offers/Jobs */

.list-box {
    border: 1px solid #900;
	margin-bottom: 10px;
}

.list-box h3 {
    background: #fc0;
    padding: 0x; margin: 0;
    text-transform: uppercase; 
    font-size: 12px; font-weight: normal;
    float:left;
	padding-top: 10px;
}

.list-box h3 span {
    display: block;
    float: left;
    width: 225px;
    border-right: 1px solid #900;
    padding: 5px 20px;
}

.list-box h3 span:last-child {
    border: 0px none;
    width: 226px;
}
.list-box p {
    clear: left;
    padding: 10px;
}

.list-box-content {padding: 10px; clear:left;}

/*  Inquiries */

div.inquiry_photos_left {float:left; width: 125px;}
div.inquiry_photos_left img, 
div.inquiry_photo_right img {padding: 0 5px 5px 0;}

div.inquiry_photo_right {float: left; width: 130px;}


form#new_inquiry {
	background: #f1f1f1;
	padding: 20px;
}

form#new_inquiry input, form#new_inquiry textarea {width: 400px; padding: 3px;}

form#new_inquiry input#inquiry_captcha {width: 100px;}



/* Forms and Form Elements, Errors */

fieldset { 
    border: 1px solid grey;
    margin-bottom: 30px;
}

legend {
    font-weight: bold;
}

.formError {float: left; color: #900;}
div.fieldWithErrors {display: inline;}

.fieldWithErrors input, 
.fieldWithErrors textarea {
  border: 1px solid #900;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #900;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #900;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* Browse Companies */

#browse-companies ul {
	float: left;
	list-style: none;
	padding: 20px;
	margin: 0;
}

#browse-companies li {
	padding: 5px;
}

#browse-companies li a {text-decoration:none;}

#browse-companies li.active a {
	color: #000;
	font-weight: bold;
}

#browse-states {
	background: #f1f1f1;
	text-transform: uppercase;
	width: 390px;
}

#browse-localities {
	width: 330px;
}

/* Image Gallery */

.gallery {xtext-align: justify}

.gallery img {margin: 5px;}

/* Special start page */

.startpage #nav_main {float: left; width: 200px;}

.startpage #content {float: left; clear: none; width: 600px;}

.startpage #content .col-left {float: left;width: 290px;}

.startpage #content .col-right {float: right; width: 290px; margin-right: 10px;}

.startpage #content .col-right #searchbox {float: none; width: 280px;}

.startpage #content .col-right .recent_inquiries h2{margin-top: 15px; padding-left: 10px;}

.startpage #content .col-right .recent_inquiries ul {list-style: none; padding: 0; margin: 0; margin-top: -7px;}

.startpage #content .col-right .recent_inquiries li {background: #fc0; display: block; margin-bottom: 5px; padding: 5px; float: left; width: 100%;}

.startpage #content .col-right .recent_inquiries li span.title {float: left; font-weight: bold; width: 60%; height: 18px; overflow: hidden;}
.startpage #content .col-right .recent_inquiries li span.city {float: left; width: 40%; height: 18px; overflow: hidden;}
.startpage #content .col-right .recent_inquiries li span.clear {clear: both;}

.startpage #content .col-right .recent_inquiries a {color: #000; text-decoration:none;}
/* Static Pages */

.taetigkeiten {background: #fece00;}

.taetigkeiten h1 {
	margin: 0;
	padding: 20px; 
	font-size: 12px; 
	background-color: #b30000; 
	color: #fff; 
	text-transform: uppercase; 
}

.taetigkeiten .left-col {float:left; width: 160px; padding: 10px;}


.taetigkeiten ul.ranavi {
	padding: 0; margin: 0px;
	list-style: none;
}

.taetigkeiten ul.ranavi li {
	color: #b30000; 
}

.taetigkeiten ul.ranavi li span{
    display: block;
    padding: 9px;
    text-decoration: none;
   color: #b30000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
}

.taetigkeiten .images {float:left; width: 600px; padding-top: 20px; font-size: 0px; line-height: 0px;}
.taetigkeiten .images img {margin: 0 10px 10px 0; }
.taetigkeiten .images img.image_big {float:right;width: 390px; height: 290px;}
.taetigkeiten .racontent {clear: left; padding: 20px; line-height: 130%;}

.static-box {
	background: #f1f1f1;
	padding: 20px;
	color: #666666;
	line-height: 130%;
}

.seo {font-size: 10px; padding-top: 20px; }