/**********************************************************
 * General styles for all sites of Website
 *SCHWARZWALDHOF
 * Author: Florian Speckmaier
 * E-Mail: speckmaier@glanzer-und-partner.de
 *
 * URL:    http://www.glanzer-und-partner.de
 **********************************************************/


/**********************************************************
 * General formatting
 **********************************************************/

* {
	margin:  0;
	padding: 0;
}
/* Due to the reset of all paddings, the select boxes would be too narrow. */
option {
	padding-left: 0.4em;
}
img, fieldset {
	border: 0;
}
html {
	height: 100%;
}
body {
	/* force FF and Netscape to make vertical scrollbars, like IE for a consistent layout: */
min-height: 101%;
	/* fix of the rounding bug in opera: */
font-size: 12px;
	/* positioned elements won't be moved if the size of the browser window gets changed: */ 
position: relative;
	background:#e3ede0;
	color: #555555;
	font-family: Arial, sans-serif;
}
h1 {
	font-size:16px;
	color:#027a2e;
	line-height:17px;
}
h2 {
	font-weight:bold;
	color:#027a2e;
	font-size:12px;
}
/**********************************************************
 * Ende - Allgemeine Formatierungen
 **********************************************************/



/**********************************************************
 * Clearing Methonden
 **********************************************************/
 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
/* Required for Safari */
.clearfix {
	display: block;
}
/**********************************************************
 * Ende-  Clearing Methonden
 **********************************************************/

/**********************************************************
 * Formatierungen - Seitengrundgerüst
 **********************************************************/


#wrap {
	margin:0 auto;
	width:848px;
}
#flash {
	width:848px;
	height:219px;
	margin-top:4px;
	background:url(../images/bg_flash.png) no-repeat;
}
#header {
	margin:0 auto;
	padding-top:25px;
	width:800px;
}
#header_produkte {
	padding-top:5px;
	margin:0 auto;
	width:800px;
}
#page {
	width:848px;
	background:url(../images/bg_repeat.png) repeat-y;
}
#page_inner {
	margin:0 auto;
	width:800px;
}
#footer {
	width:848px;
	height:103px;
	background:url(../images/bg_footer.png) no-repeat;
}
#footer_unternehmen {
	width:848px;
	height:103px;
	background:url(../images/footer_unternehmen.jpg) no-repeat;
}
#footer_jobs {
	width:848px;
	height:103px;
	background:url(../images/footer_jobs.png) no-repeat;
}
.copy {
	float:right;
	margin-right:35px;
	height:24px;
	font-size:11px;
	color:#555555;
}
.copy a {
	text-decoration:none;
	color:#555555;
}
.copy a:hover {
	text-decoration:underline;
}
.large {
	font-size:16px;
	color:#027a2e;
}
.small {
	font-weight:bold;
	font-size:12px;
	color:#027a2e;
}
.fleft {
    float: left;
}
/**********************************************************
 * Ende - Formatierungen - Seitengrundgerüst
 **********************************************************/

 
 
/**********************************************************
 * Formatierungen Navigation
 **********************************************************/

#navigation {
	border-top:1px solid #FFF;
}
.navigation {
	list-style:none;
	margin:0;
	padding:0;
	height:36px;
}
#navigation ul li {
	float:left;
	height:36px;
}
/*versuch sliding doors */
.start {
	display:block;
	width:105px;
	height:36px;
	background:url(../images/start.png) no-repeat;
}
.start:hover {
	background-position:-105px;
}
.start_current {
	display:block;
	width:105px;
	height:36px;
	background:url(../images/start_act.png) no-repeat;
}
.produkte {
	display:block;
	width:97px;
	height:36px;
	background:url(../images/produkte.png) no-repeat;
}
.produkte:hover {
	background-position:-97px;
}
.produkte_current {
	display:block;
	width:97px;
	height:36px;
	background:url(../images/produkte_act.png) no-repeat;
}
.unternehmen {
	display:block;
	width:124px;
	height:36px;
	background:url(../images/unternehmen.png) no-repeat;
}
.unternehmen:hover {
	background-position:-124px;
}
.unternehmen_current {
	display:block;
	width:124px;
	height:36px;
	background:url(../images/unternehmen_act.png) no-repeat;
}
.links {
	display:block;
	width:135px;
	height:36px;
	background:url(../images/links.png) no-repeat;
}
.links:hover {
	background-position:-135px;
}
.links_current {
	display:block;
	width:135px;
	height:36px;
	background:url(../images/links_act.png) no-repeat;
}
.jobs {
	display:block;
	width:68px;
	height:36px;
	background:url(../images/jobs.png) no-repeat;
}
.jobs:hover {
	background-position:-68px;
}
.jobs_current {
	display:block;
	width:68px;
	height:36px;
	background:url(../images/jobs_act.png) no-repeat;
}
.kontakt {
	display:block;
	width:91px;
	height:36px;
	background:url(../images/kontakt.png) no-repeat;
}
.kontakt:hover {
	background-position:-91px;
}
.kontakt_current {
	display:block;
	width:91px;
	height:36px;
	background:url(../images/kontakt_act.png) no-repeat;
}
.trenn {
	width:2px;
	height:36px;
	background:url(../images/navi_trenn.png) no-repeat;
}
.navi_rest {
	width:168px;
	height:36px;
	background:url(../images/navi_rest.png) repeat-x;
}
.navi_shade {
	width:800px;
	height:9px;
	background:url(../images/navi_shade.png) repeat-x;
}
/**********************************************************
 * Ende - Formatierungen Navigation
 **********************************************************/

 
/**********************************************************
 * Formatierungen - Seitenspezifisch - START
 **********************************************************/
 
 #content {
	margin-top:14px;
	width:800px;
	background:url(../images/bg_content.png) repeat-x;
	background-position:bottom left;
}
#content_left {
	width:200px;
	float:left;
	margin-left:18px;
	z-index:999;
}
#content_left_kontakt {
	width:200px;
	float:left;
	margin-right:13px;
	z-index:999;
}
	#content_left_kontakt img {
		margin-bottom: 16px;
	}
	#content_left_kontakt h3 {
		color:#027A2E;
		font-size:12px;
		margin-bottom:5px;
		margin-left:10px;
	}
	#content_left_kontakt dl {
		line-height:16px;
		margin-bottom:10px;
		margin-left:10px;
	}
	#content_left_kontakt dt {
		display:inline-block;
		width:35%;
	}
	#content_left_kontakt dd {
		display:inline-block;
		width:60%;
	}
	#content_left_kontakt p {
		line-height:16px;
		margin-left:10px;
	}
#content_left_unternehmen {
	width:200px;
	height:700px;
	float:left;
	margin-left:3px;
	z-index:999;
}
#content_left_links {
	width:200px;
	height:538px;
	float:left;
	margin-left:13px;
	z-index:999;
	background:url(../images/fahnen.png) no-repeat;
}
#content_left_jobs {
	width:200px;
	height:480px;
	float:left;
	margin-left:13px;
	z-index:999;
}
#content_middle {
	float:left;
	width:300px;
	margin-left:5px;
	line-height:16px;
}
.list_content {
	float:left;
	width:300px;
	margin-left:5px;
	line-height:16px;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
}
#content_right {
	float:right;
	margin-right:28px;
}
.news_top {
	width:214px;
	height:53px;
	background:url(../images/newsbox_top.png) no-repeat;
}
.news_content {
	width:214px;
	height:435px;
	background:url(../images/bg_newsbox.png) repeat-x;
}
.news_content_inner {
	margin:0 auto;
	width:198px;
}
.news {
	display:block;
	margin-top:2px;
	font-weight:bold;
	font-size:12px;
	color:#027a2e;
	text-decoration:underline;
}
.wasserzeichen {
	width:167px;
	height:103px;
	margin:0 auto;
	margin-top:20px;
}

.link {
	margin-top:2px;
	font-weight:bold;
	font-size:12px;
	color:#027a2e;
	text-decoration:underline;	
}
/**********************************************************
 * Ende - Formatierungen - Seitenspezifisch - START
 **********************************************************/

 
/**********************************************************
 * Formatierungen - Seitenspezifisch - PRODUKTE
 **********************************************************/


 .navi_shade_left {
	float:left;
	width:205px;
	height:9px;
	background:url(../images/navi_shade_produkte.png) repeat-x;
}
.navi_shade_right {
	float:left;
	width:595px;
	height:9px;
	background:url(../images/navi_shade.png) repeat-x;
}
#footer_schinken {
	width:848px;
	height:277px;
	background:url(../images/footer_schinken.jpg) no-repeat;
}
#footer_schinkenwuerfel {
	width:848px;
	height:277px;
	background:url(../images/footer_schinkenwuerfel.jpg) no-repeat;
}
#footer_wurstsalat_schinkenwurst {
	width:848px;
	height:277px;
	background:url(../images/footer_wurstsalat_schinkenwurst.jpg) no-repeat;
}
#footer_landjaeger {
	width:848px;
	height:277px;
	background:url(../images/footer_landjaeger.jpg) no-repeat;
}
#footer_bauernbratwurst {
	width:848px;
	height:277px;
	background:url(../images/footer_bauernbratwurst.jpg) no-repeat;
}
#footer_pfefferbeisser{
	width:848px;
	height:298px;
	background:url(../images/footer_pfefferbeisser.jpg) no-repeat;
}

#footer_nussknacker{
	width:848px;
	height:298px;
	background:url(../images/footer_nussknacker.jpg) no-repeat;
}

#footer_ll_schinken {
	width:848px;
	height:277px;
	background:url(../images/footer_ll_schinken.jpg) no-repeat;
}
#footer_ll_schinkenwuerfel {
	width:848px;
	height:277px;
	background:url(../images/footer_ll_schinkenwuerfel.jpg) no-repeat;
}

#footer_wurstsalat_dressing {
width:848px;
height:277px;
background:url(../images/footer_wurstsalat_dressing.jpg) no-repeat;
}

#footer_schinkenstreifen {
	width:848px;
	height:263px;
	background:url(../images/footer_schinkenstreifen.jpg) no-repeat;
}

#produkte_container {
	width:799px;
	background: #E7F0DD url(../images/bg_produkte_container.jpg) top left repeat-y;
}
#unternavigation {
	background: #DBECD9 none repeat scroll 0 0;
	width:205px;
	float:left;
	color:#fff;
	font-weight:bold;
	line-height:40px;
}
#content_produkte {
	width:594px;
	min-height:370px;
	float:left;
	background:#FFF url(../images/bg_content.png) repeat-x;
	background-position:bottom left;
}
#content_jobs {
	width:594px;
	height:350px;
	float:left;
	background:url(../images/bg_content.png) repeat-x;
	background-position:bottom left;
}
#content_jobs_inner {
	width:560px;
	margin-left:15px;
	margin-top:14px;
	line-height:16px;
}
#content_produkte_wurstsalat {
	width:594px;
	min-height:370px;
	float:left;
	background:url(../images/bg_content.png) repeat-x;
	background-position:bottom left;
}
#content_produkte_ll {
	background:transparent url(../images/bg_content.png) repeat-x scroll left top;
	float:left;
	height:auto;
	min-height:370px;
	width:594px;
}


#produktbeschreibung {
	width:330px;
	float:right;
	margin-right:15px;
	margin-top:10px;
}
#verpackung {
	width:249px;
	float:left;
	margin-top:10px;
}
.headline_produkte {
	font-size:16px;
	color:#027a2e;
	margin-bottom:5px;
}
.unavi_link {
	margin-left:9px;
	color:#027a2e;
	text-decoration:none;
}
.unavi_link:hover {
	text-decoration:underline;
}
.unavi_link_u {
	color:#027a2e;
	text-decoration:none;
}
.unavi_link_u:hover {
	text-decoration:underline;
}
.unternavigation {
	width:205px;
	list-style:none;
}
.bottomline {
	border-bottom:1px solid #c8d2c6;
}
.trennlinie {
	border-top:1px solid #f1f7ef;
	border-bottom:1px solid #c8d2c6;
}
.topline {
	border-top:1px solid #f1f7ef;
}

.table_headline {
	height: 23px;
	width: 335px;
	background:url(../images/accordion_headline.png) repeat-x;
	color: #ffffff;
	font-size: 12px;
	color:#FFFFFF;
	font-weight:bold;
}
.accordion_headline {
	height: 23px;
	width: 335px;
	background:url(../images/accordion_headline.png) repeat-x;
	color: #ffffff;
	font-size: 12px;
	cursor: pointer;
	color:#FFFFFF;
	font-weight:bold;
}
.accordion_headline_inner {
	padding-top:4px;
	padding-left:15px;
}
.accordion_headline_active {
	height: 23px;
	width: 335px;
	background:url(../images/accordion_headline.png) repeat-x;
	color:#FFFFFF;
	font-weight:bold;
}
.accordion_content {
	width:333px;
	overflow: hidden;
	border:1px solid #318f4e;
	color:#027a2e;
	font-weight:bold;
}
.accordion_content table {
	width:335px;
	line-height:25px;
}
.first_td {
	padding-left:15px;
	line-height:25px;
}
.accordion_content table tr td {
	font-weight:bold;
	color:green;
	font-size:12px;
}
.white {
	background:#FFFFFF;
}
.green {
	background:#eef4ed;
}
/***** Contact form ******/

#kontaktbox {
	width:300px;
	height:410px;
	background:#DDECDE;
}
#kontakt_top {
	background:url(../images/kontaktform_top.png) no-repeat;
	width:300px;
	height:25px;
}
#kontakt_bottom {
	background:url(../images/kontaktform_bottom.png) no-repeat;
	width:300px;
	height:25px;
}
label {
	float:left;
	width:95px;
	color:#027a2e;
	font-weight:bold;
	display:block;
	padding-top:3px;
}
#kontaktbox ul {
	list-style:none;
}
#kontaktbox ul li {
	margin-bottom:10px;
}
.textbox {
	height:14px;
	background-color:#fff;
	background-position:left;
	width:160px;
	font:bold 12px Arial;
	color: #555555;
	border:1px solid #027A2E;
	padding:3px 5px 3px 5px;
}
select {
	height:22px;
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position:left;
	width:80px;
	font:bold 12px Arial;
	color: #555555;
	padding-top:1px;
	border:1px solid #027A2E;
}
.textarea {
	height:100px;
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position:left;
	width:255px;
	font:bold 12px Arial;
	color: #555555;
	padding:3px 5px 3px 5px;
	border:1px solid #027A2E;
}
.buttons {
	background:#087D32;
	font-size:12px;
	color: #fff;
	padding: 2px 5px;
	text-decoration: none;
	font-weight:bold;
}
#log_res {
	margin-bottom:15px;
}
#log_res p {
	margin:0;
	padding:4px 0 4px 0;
}
#log_res.ajax-loading {
	background:url(../images/spinner.gif) no-repeat center;
}
.error {
	display:block;
	color:red;
	margin-bottom:5px;
	padding:0;
}
.sucess {
	display:block;
	color:#027a2e;
	margin-bottom:5px;
	padding:0;
}
/*linklist */

.linklist {
	text-decoration:none;
	color:#555555;
}
.linklist:hover {
	text-decoration:underline;
}
.linklist:hover .small {
	text-decoration:underline;
}
/*DHTML*/
#wrapup {
	background:#000;
	width:640px;
	height:450px;
	clear:left;
	margin:0pt auto;
	margin-top:140px;
	position:relative;
}
#d1 {
	position:fixed;
	top:0;
	left:0;
	background: url(../images/bg_sticky_repeater.png);
	width:100%;
	height:100%;
}
.joblink {
	text-decoration:none;
}
.joblink:hover {
	text-decoration:underline;
}
/***** Language Switch ******/

#language_switch {
	color:#FFFFFF;
	font-size:11px;
	margin-left:25px;
	margin-top:13px;
}
#language_switch ul {
	list-style:none;
}
#language_switch ul li {
	float:left;
	margin-left:9px;
}
#language_switch ul li a {
	text-decoration:none;
	color:#FFFFFF;
}
#language_switch ul li a:hover {
	text-decoration:underline;
}

/****** Jobs ********/
.job-container {
	margin-bottom: 1.5em;
}
	.job-container span {
        display: block;
    }
    .job-container .date {
        /*color: #00753A;*/
    }
    .job-container .title {
        color: #00753A;
        font-weight: bold;
    }
    .job-container a {
        color: #555;
    }


 
/**********************************************************
 * Formatierungen - Seitenspezifisch - ADMIN
 **********************************************************/
#admin h1 {
    margin: 0 0 16px;
    text-align: center;
}
#admin #content {
    height: auto !important;
    height: 345px; /* min-height für IE6 */
    min-height: 345px;
    padding-left: 5px;
    padding-right: 5px;
    width: 790px;
}
#admin .msg-error {
    border: 1px solid #E20019;
    color: #E20019;
    font-weight: bold;
    margin: 0 5px 1.7em;
    padding: 5px;
}
#admin .msg-info {
    border: 1px solid #00753A;
    color: #00753A;
    font-weight: bold;
    margin: 0 5px 1.7em;
    padding: 5px;
}
#admin input.error, #admin textarea.error {
    border: 1px solid #E20019;
    color: #555;
    padding: 3px 5px;
}
#admin textarea.small {
    height: 30px;
}

#admin #button-group {
    background: url(../admin/images/button-group.png) top left no-repeat;
    height: 33px;
    padding: 7px 10px 0;
    width: 758px;
}

/* Tabelle */
#admin .dbresult {
    width: 100%;
}
    #admin .dbresult td, #admin .dbresult th {
        padding: 6px 0;
        text-align: center;
    }
    #admin .dbresult td {
        border-top: 1px solid #ccc;
    }

/* Login */
#admin #login {
    background: transparent url(../images/kontaktform_top.png) top left no-repeat;
    margin: 0 auto;
    padding: 25px 0 0 0;
    width: 300px;
}
	#admin #login form {
        background: transparent url(../images/kontaktform_bottom.png) bottom left no-repeat;
        padding-bottom: 25px;
    	width: 100%;
    }
	#admin #login ul {
        background: #DDECDE;
        padding-left: 14px;
    }

#admin form ul {
    list-style: none;
    padding: 0 0 0 30px;
}
#admin form li {
    margin-bottom: 10px;
}
#admin form li.last {
    margin-bottom: 0;
}