/**
 * dark-green:  #00763b (logo text)
 * light-green: #7ac09a (logo border)
 * grey:        #c6c7c8 (logo border)
 * text-grey:   #666 (text)
 */

 body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
}

.content
{
    font-size: 11px;
    padding-right: 2.5em;
}

.content h2
{
    margin-top: 1.3em;
    
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.content h3
{
    margin-top: 0.85em;
    
    font-size: 12px;
    font-weight: bold;
}
.content h4
{
    margin-top: 0.85em;
    font-weight: bold;
}

.content p
{
    margin-top: 0.85em;
    line-height: 130%;
}

.content em
{
	font-style: italic;
}

.content strong
{
	font-weight: bold;
}

.content sup
{
	font-size: 8px;
	color: #999;
	vertical-align: top;
}

.content a:link,
.content a:visited
{
    color: #00763b;
}

.content a:hover,
.content a:active,
.content a:focus
{
    color: #7ac09a;
}

.content strong
{
	font-weight: bold;	
}

.content ul,
.content ol
{
	margin: 0.85em 0;
	margin-left: 2.5em;
}

.content ul li,
.content ol li
{
	margin: 0.6em 0;
}

.content ul li
{
	padding-left: 0.5em;
	list-style-type: disc;
}

.content ol li
{
	list-style-type: decimal;
}

.content table
{
	margin: 0.85em 0;
}




/* list style fix for wym */
.content .wym_skin_default ul,
.content .wym_skin_default li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}




/**
 * style routenplaner
 */
  
.routenplaner
{
    width: 20em;
    border: 1px solid #aaaaaa;
    background-color: #efefef;

    float: left;
    margin-right: 1em;
    margin-top: 2em;
}

.routenplaner h3
{
    position: absolute;
    left: -9999px;
}

.routenplaner .block
{
}

.routenplaner .logo img
{
	height: 40px;
}

.routenplaner .logo,
.routenplaner .buttonSubmit
{
    text-align: center;
    background-color: #ffffff;
    padding: 1em;
}

.routenplaner .block.start h4,
.routenplaner .block.destination h4
{
    background-color: #d8d8d8;
    border-top: 1px solid #aaaaaa;
    margin: 0;
    padding: 0.2em 0.3em;
}

.routenplaner .start div,
.routenplaner .destination address
{
    margin: 1em;
}

.routenplaner .start input
{
    color: #4d4948;
    font-size: 12px;
    padding: 0.2em;
    border: 1px solid #aaaaaa;
    width: 16em;
}


.routenplaner .buttonSubmit
{
    border-top: 1px solid #aaaaaa;
}

.routenplaner .buttonSubmit input
{
    font-size: 12px;
    padding: 0.2em 0.3em;
	color: #4d4948;
}



/**
 * style hcard
 */

.vcard
{
    margin: 1em 0;
}
.vcard .fn
{
    font-weight: bold;
}
.vcard .postal-code
{
    display: inline;
}
.vcard .locality
{
    display: inline;
}
.vcard .region
{
    display: none;
}
.vcard .country-name
{
    display: none;
}
.vcard .tel .type
{
    display: none;
}
.vcard .telWork
{
    margin-top: 1em;
}
.vcard .email
{
    margin-top: 1em;
}


/**
 * --------- admin specific styles ---------
 */

/**
 * admin box (on top instead of hidden login link)
 */
 .adminBox
 {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 0.5em 1em;
    padding-right: 0;
    font-size: 10px;
 }
 
 .adminBox li
 {
    display: inline;
 }
 
 .adminBox li a:link,
 .adminBox li a:visited
 {
    display: block;
    float: left;
    padding: 3px 5px;
    margin-right: 1em;
    color: #000;
    background-color: #efefef;
    border: 1px solid #00763b;
    text-decoration: none;
 }
 
 .adminBox li a:hover,
 .adminBox li a:active,
 .adminBox li a:focus
 {
    background-color: #7ac09a;
 }
 
#loginHiddenLink
{
	position: absolute;
    top: 8px;
    right: 8px;
    
    display: block;
    width: 20px;
    height: 20px;
    
    background-color: #f00;
    opacity: 0;
}
 
/**
 * admin panel (for entries)
 */
 .adminEntryPanel
 {
    margin-top: 1.7em;
    margin-bottom: 0.85em;
 }
 .adminEntryPanel:first-child
 {
    margin-top: 0;
 }
 .adminEntryPanelPageTop
 {
    margin-bottom: 3em;
 }
 
 .adminEntryPanel ul
 {
    margin: 0;
    padding: 0;
 }
 
 .adminEntryPanel ul li
 {
    margin: 0;
    padding: 0;
    display: inline;
    font-size: 10px;
 }
 
 .adminEntryPanel ul li a:link,
 .adminEntryPanel ul li a:visited
 {
    display: block;
    float: left;
    padding: 3px 5px;
    margin-right: 1em;
    text-decoration: none;
    color: #000;
    background-color: #efffef;
    border: 1px solid #00763b;
 }
 
 .adminEntryPanel ul li a:hover,
 .adminEntryPanel ul li a:active,
 .adminEntryPanel ul li a:focus
 {
    background-color: #7ac09a;
    color: #000;
 }





/**
 * dialogue box
 */
.dialogueBox
{
    background-color: #f9f9ff;
    border: 1px solid #000099;
    padding: 0.5em 1em;
    margin: 1em;
    margin-left: 0;
}

.dialogueBox .type
{
    font-weight: bold;
    border-bottom: 1px solid #ccccff;
}

.dialogueBoxError
{
    background-color: #fff9f9;
    border: 1px solid #990000;
}

.dialogueBoxError .type
{
    border-bottom: 1px solid #ffcccc;
}







/**
 * --------- form specific styles ---------
 */



/**
 * basic form formatting
 */

.content .formErrorsBlock
{
   background-color: #fff9f9;
   border: 1px solid #990000;
   padding: 1em 2em;
   margin: 1em;
   margin-left: 0;
}

.content .formErrorsBlock p
{
   font-weight: bold;
   margin-top: 0;
}

.content .formErrorsBlock .formErrors li
{
   list-style-type: square;
   background: transparent;
   padding: 0;
   margin-left: 1em;
}

.content .formErrorsBlock .formErrors li ul li
{
   list-style-type: none;
   margin-left: 0;
}

.content .formErrorsBlock .formErrors span.label
{
   font-weight: bold;
   display: block;
}
 
 
 
.content form.form
{
    margin: 1em 1em;
    margin-left: 0;
    /* background-color: #eef9ff;
    border: 1px solid #335599; */
}

.content form.form fieldset.formElementsDisplayGroup,
.content form.form fieldset#fieldset-formButtons
{
    padding: 0.5em 1em;
}

.content form.form fieldset.formElementsDisplayGroup dd
{
    margin-bottom: 10px;
}

.content form.form fieldset.formElementsDisplayGroup dt
{
    width: 25em;
}

.content form.form fieldset.formElementsDisplayGroup legend
{
    font-size: 12px;
    color: #666;
    font-weight: bold;
/*
    background-color: #d9d6bd;
    padding: 0.2em 0.6em;
    margin-bottom: 0.8em;
*/
    margin-bottom: 0.4em;
}

.content form.form fieldset.formElementsDisplayGroup input[type="text"],
.content form.form fieldset.formElementsDisplayGroup input[type="password"],
.content form.form fieldset.formElementsDisplayGroup textarea
{
    padding: 3px;
    width: 25em;
    border: 1px solid #999;
}

.content form.form fieldset.formElementsDisplayGroup textarea
{
    height: 10em;
}

.content form.form fieldset.formElementsDisplayGroup input[type="text"]:focus,
.content form.form fieldset.formElementsDisplayGroup input[type="password"]:focus,
.content form.form fieldset.formElementsDisplayGroup textarea:focus
{
    border: 2px solid #99f;
    padding: 2px;
}

.content form.form fieldset#fieldset-formButtons input[type="submit"],
.content form.form fieldset#fieldset-formButtons input[type="reset"],
.content form.form fieldset#fieldset-formButtons button
{
    width: 7em;
    height: 3.5ex;
    border: 1px solid #000;
    /* font-size: 12px; */
}

.content form.form fieldset#fieldset-formButtons input[type="submit"]
{
    background-color: #efffef;
}

.content form.form fieldset#fieldset-formButtons button
{
    background-color: #ffefef;
}

.content form.form fieldset.formElementsDisplayGroup dd span.inputError
{
    color: #f00;
}


.content form.form dt#formElements-label,
.content form.form dt#formButtons-label
{
    display: none;
}

.content form.form fieldset#fieldset-formButtons
{
    /* border-top: 1px solid #335599;
    background-color: #88ccff;
    text-align: right;  */
    margin-left: -0.5em;
}

.content form.form fieldset#fieldset-formButtons dl dt,
.content form.form fieldset#fieldset-formButtons dl dd
{
    display: inline;
    /* float: right; */
    clear: none;
    text-align: right;
}

.content form.form label.required:after
{
    content:"*";
}

.content form.form label.optional
{
    color: #888;
}

.content form.form p.hint
{
    color: #888;
    font-size: 80%;
    margin-top: 0;
}



/**
 * ----- clearing-info -----
 */ 
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	zoom: 1;
}







/**
 * --------- page specific styles ---------
 */


/**
 * style home page
 */
.pageHome .imageBar
{
	background-image: url("../images/imagebar/static/home.imagebar.jpg");
}
.pageHome #middle
{
	background-image: url("../images/imagebar/static/home.jpg");
}

.pageHome h2
{
	font-size: 30px;
	text-align: right;
	/*
    color: #fff;
	text-shadow: #999 1px 1px 1px;
    */
    color: #666;
}

.pageHome h2 span
{
	display: block;
	margin-right: 2em;
}

.pageHome .textHerzlich
{
	margin-right: 7em;
}
.pageHome .textWillkommen
{
	margin-right: 3em;
}
.pageHome .textBei
{
	margin-right: 6em;
}
.pageHome .textIsarkies
{
	margin-right: 4em;
}

/**
 * style kontakt/impressum
 */
.pageKontakt .content
{
	font-size: 10px;
    width: 678px;
}
.pageKontakt .content .vcard
{
    margin-top: 1.3em;
    width: 27em;
    float: left;
}
.pageKontakt .content .furtherCompanyData
{
    float: left;
    width: 35em;
    margin-top: 1em;
}
.pageKontakt .content .furtherCompanyData dt
{
    clear: left;
    float: left;
    font-weight: bold;
    margin-top: 0.3em;
    margin-right: 1em;
}
.pageKontakt .content .furtherCompanyData dd
{
    margin-top: 0.3em;
}

/**
 * style kontakt - anfahrt
 */
 .pageKontaktAnfahrt .imageBar
 {
	background-image: url("../images/imagebar/static/anfahrt.imagebar.jpg");
 }

.pageKontaktAnfahrt .content p
{
	float: right;
	width: 20em;
    margin-top: 2em;
    margin-right: 15em;
    display: inline; /* ie double margin bug fix */
}



/**
 * style news
 */
.pageNews .imageBar
{
    background-image: url("../images/imagebar/aktuelles.jpg");
}

.pageNews .entryList .entry
{
	margin: 2em 0;
}
.pageNews .entryList .entry h2
{
	margin-top: 0;
	overflow: hidden;
	width:460px;
}

.pageNews .entryList .entry h2 .headline
{
	display: block;
}

.pageNews .entryList .entry h2 .date
{
	display: block;
	font-size: 10px;
	margin-bottom: 0;
	text-align: left;
}

.pageNews .entryList .entry .image
{
    display: inline;
	float: right;
	width: 200px;
	margin-top: 1.2em;
	margin-bottom: 1em;
	margin-left: 10px;
    /*
	margin-right: 1em;
	text-align: right;
    */
}

.pageNews .entryList .entry .image a
{
    border: 0;
    text-decoration: none;
}


.pagePopupList .entryList .entry
{
	margin: 1em 0;
}
.pagePopupList .entryList .entry h2
{
	margin-top: 0;
	overflow: hidden;
}

.pagePopupList .entryList .entry h2
{
	font-size: 12px;
}

.pagePopupList .entryList .entry h2 a:link,
.pagePopupList .entryList .entry h2 a:visited
{
	color: #00763b;
	text-decoration: none;
}

.pagePopupList .entryList .entry h2 a:hover,
.pagePopupList .entryList .entry h2 a:active,
.pagePopupList .entryList .entry h2 a:focus
{
	color: #7ac09a;
	background-color: transparent;
}

.pagePopupList .entryList .entry .image
{
	float: left;
	width: 177px;
	margin-right: 1em;
	margin-bottom: 1em;
	text-align: left;
}




.pageHistorie .content table th,
.pageHistorie .content table td
{
	padding: 0.5em;
	line-height: 140%;
	vertical-align: top;	
}
.pageHistorie .content table th
{
	width: 8em;
	padding-left: 0;
}


/* .pageBereicheSandKiesWerkstandorte table.ansprechpartner */
table.ansprechpartner
{
	margin-bottom: 0;
}
/*
.pageBereicheSandKiesWerkstandorte table.ansprechpartner th,
.pageBereicheSandKiesWerkstandorte table.ansprechpartner td
*/
table.ansprechpartner th,
table.ansprechpartner td
{
	line-height: 140%;
	vertical-align: top;
	padding-right: 1em;
}

table.ansprechpartner td
{
	padding-right: 2em;
}

.pageBereicheSandKiesWerkstandorte table.ansprechpartner td div
{
	margin-top: 0.6em;
}

.pageBereicheSchuettgutBetontransporte table.ansprechpartner tr th,
.pageBereicheSchuettgutBetontransporte table.ansprechpartner tr td
{
    padding-bottom: 0.5em;
}

.pageBereicheSchuettgutBetontransporte table.ansprechpartner tr td
{
	vertical-align: bottom;
}


.pageBereicheSandKiesGrubenstandorte .content ul li
{
	margin-top: 0.2em;
	margin-bottom: 0;
}



/**
 * --- contact persons ---
 */

.pageContacts .entryList .entry
{
	margin-bottom: 2em;
}
 
.pageContacts .entryList .entry .name
{
	
}
 
.pageContacts .entryList .entry .title
{
	margin-top: 0.3em;
}
 
.pageContacts .entryList .entry .phone
{
	margin-top: 0.3em;
}
 
.pageContacts .email
{
	margin-top: 0.3em;
}





/**
 * --- referenzen ---
 */

.pageBereicheReferenzen table
{
	width: 100%;
}

.pageBereicheReferenzen table th,
.pageBereicheReferenzen table td
{
	padding: 0.3em 1em;
}

.pageBereicheReferenzen table th
{
	font-weight: bold;
}

.pageBereicheReferenzen table td
{
	vertical-align: top;
}



/**
 * --- price list ---
 */
 
.pageBereicheSandKiesProdukte h3
{
	margin-top: 2em;
}
.pageBereicheSandKiesProdukte table.prices
{
	border-collapse: collapse;
}

.pageBereicheSandKiesProdukte table.prices th,
.pageBereicheSandKiesProdukte table.prices td
{
	padding: 0.1em 0.4em;
	text-align: center;
	vertical-align: top;
}

.pageBereicheSandKiesProdukte table.prices tbody td,
.pageBereicheSandKiesProdukte table.prices tbody th
{
	border-top: 1px solid #efefef;
	border-left: 1px solid #efefef;
}
.pageBereicheSandKiesProdukte table.prices thead th
{
	border-left: 1px solid #efefef;	
}
.pageBereicheSandKiesProdukte table.prices thead th.empty
{
	border-left: 0;
}
.pageBereicheSandKiesProdukte table.prices thead th span.location
{
	width: 6em;
	display: block;
	overflow: hidden;
	font-size: 80%;
}
.pageBereicheSandKiesProdukte table.prices thead th span.price-disclaimer
{
	font-size: 80%;
	font-style: italic;
}

.pageBereicheSandKiesProdukte table.prices tbody th
{
	text-align: left;
	width: 20em;
}
.pageBereicheSandKiesProdukte table.prices td.size
{
	text-align: right;
	width: 100px;
}

.pageBereicheSandKiesProdukte table.prices td.norm
{
	width: 50px;
}

.pageBereicheSandKiesProdukte .disclaimerBox,
.pageBereicheSandKiesProdukte .legendBox 
{
	font-size: 9px;
	margin: 1em 0;
	border: 1px solid #efefef;
	padding: 5px 10px;
	overflow: hidden;
}

.pageBereicheSandKiesProdukte .legendBox dl
{
	float: left;
}

.pageBereicheSandKiesProdukte .legendBox dt
{
	float: left;
	width: 4em;
	clear: both;
}

.pageBereicheSandKiesProdukte .legendBox dd
{
	float: left;
}

.pageBereicheSandKiesProdukte .legendBox img
{
	padding-top: 1em;
	float: right;
}



.pageBereicheSandKiesProdukte .prices-type1 table.prices
{
	margin-top: -2em;
}

.pageBereicheSandKiesProdukte .prices-type2 table.prices
{
	width: 95%;
}

.pageBereicheSandKiesProdukte .prices-type2 table.prices .subtype
{
 	width: 10em;
 	padding: 0.5em 0;
}

.pageBereicheSandKiesProdukte .prices-type2 table.prices thead th.location
{
	vertical-align: middle;
	border-left: none;
}

.pageBereicheSandKiesProdukte .prices-type2 table.prices tbody th.location
{
	width: auto;
}

.pageBereicheSandKiesProdukte .prices-type3 table.prices th
{
	font-weight: bold;
}

.pageBereicheSandKiesProdukte .prices-type3 table.prices thead th
{
	padding-bottom: 0.6em;
}

.pageBereicheSandKiesProdukte .prices-type3 table.prices .type
{
	width: 15em;
}

.pageBereicheSandKiesProdukte .prices-type3 table.prices thead th.type
{
	vertical-align: middle;
	text-align: left;
	border-left: none;
}