@import url("reset.css");
/*@import url("headlines.css");  alle h2 die bilder enthalten */

/**
 * Farben:
 *
 * Grün: #393;
 * Lila: #993399;
 * Grüne Links: #009900;
 * Graue Border: #C7C7C7;
 * Graue Border (dunkler): #C0C0C0;
 * Grauer Text: #8D8D8D;
 * Grauer Text (dunkler): #747474; (z.B. h4)
 */

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

html {
	overflow-y: scroll; /* Scrollbar for Firefox, Safari & Co. */
}
body {
	background: url(../images/template/bg_body.png) top left repeat-x;
	color: #8D8D8D;
	font-family: Arial, sans-serif;
	font-size: 100.01%;
	line-height: 1.10em;
	position: relative;
}
h1 {
	font-size: 160%;
	font-weight: bold;
}
#wrap {
	margin: 0 auto;
	width: 978px;
	font-size: 75%;
}
#header, #navigation, #wrap-content, #wrap-footer { /* innere width soll nur noch 958px sein */
	padding: 0 10px;
}
#welle-gruen, #welle-lila {
	position: fixed;
}
#welle-gruen {
	left: 50%;
	margin-left: -504px;
	top: 450px;
	z-index: 0;
}
#welle-lila {
	left: 50%;
	margin-left: 479px;
	top: 152px;
	z-index: 0;
}
/* ### Links ############################################# */
a, a:link, a:visited {
	color: #747474;
}
a.not-inline, a.not-inline:link, a.not-inline:visited {
	color: #993399;
}
a.not-inline:hover, a.not-inline:active {
	color: #009900;
}
a.with-arrow {
	background: url(../images/template/bg_link_lila.png) 0% 50% no-repeat;
	color: #993399;
	font-size: 110%;
	font-weight: bold;
	padding-left: 18px;
}
a.with-arrow:hover {
	background-image: url(../images/template/bg_link.png);
	color: #009900;
}
/* ### Forms ############################################# */
form li {
	padding: 0 0 10px;
}
fieldset {
	background: #FAFAFA;
	border-top: 1px solid #E0E0E0;
	margin-bottom: 20px;
	padding: 13px 15px;
}
label {
	/*color: #993399;*/
    display: block;
	float: left;
	/*font-weight: bold;
    padding-right: 10px;*/
    padding-top: 4px;
	width: 75px;
}
.text, .textarea {
	background: #FFF;
	border: 1px solid #E0E0E0;
	padding: 4px 2px;
	width: 235px;
}
.textarea {
	height: 124px;
	width: 99%;
}
/*.checkbox {
    background: #FFF;
}*/
.left-text .text, .right-text .text {
	width: 85px;
}
.right-text label {
	width: 50px;
}
.file {
	width: 265px;
}
.submit {
	margin: 15px 0 0 130px;
}
.button {
}
.error {
	border: 1px solid #C00;
}
.left-checkbox, .left-fields, .right-checkbox, .left-text {
	float: left;
}
.right-fields, .right-text {
	float: right;
}
.left-checkbox label, .right-checkbox label {
	float: none;
	margin-left: 30px;
	padding-top: 2px;
	width: 90px;
}
.left-checkbox .checkbox, .right-checkbox .checkbox {
	display: block;
	float: left;
}
.checkbox-row {
	padding-left: 71px;
}
.checkbox-row .checkbox {
	float: left;
}
.checkbox-row label {
	float: none;
	margin-left: 30px;
	padding-top: 2px;
	width: auto;
}
/* ### Clearing methods ################################## */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
/* Required for Safari */
.clearfix {
	display: block;
}
/* ### General classes ################################## */
.hidden {
	display: none;
}
.clear {
	clear: both;
}
.set-block {
	display: block;
}
.content-img-left {
	float: left;
	margin-bottom: 5px;
	margin-right: 12px;
}
.green {
	color: #009900;
}
.purple {
	color: #993399;
}
/**********************************************************
 * Header
 **********************************************************/

#header {
	margin: 16px 0 25px;
}
#header #logo {
	float: left;
}
#header #header-right {
	float: right;
	width: 310px;
}
#header #header-right form {
	float: left;
	width: 165px;
}
#header #header-right #q {
	background: url(../images/template/bg_search.png) top left no-repeat;
	border: none;
	color: #8D8D8D;
	display: block;
	float: left;
	height: 20px;
	padding: 3px 4px 0 5px;
	width: 100px;
}
#header #header-right #submit {
	/*background: url(../images/template/search_submit.png) top left no-repeat; <-- muss auch lokalisiert werden*/
	border: none;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 23px;
	text-indent: -99999px;
	width: 56px;
}
#header #header-right ul {
	float: right;
}
#header #header-right li {
	display: inline;
}
#header #header-right #language-ger, #header #header-right #language-fra {
	color: #8D8D8D;
	font-size: 80%;
	padding-left: 25px;
	text-decoration: none;
}
#header #header-right #language-ger {
	background: url(../images/template/flagge_de.png) 0% 50% no-repeat;
}
#header #header-right #language-fra {
	background: url(../images/template/flagge_fr.png) 0% 50% no-repeat;
	margin-left: 10px;
}
#header #header-right #language-ger.active,  #header #header-right #language-fra.active,  #header #header-right #language-ger:hover,  #header #header-right #language-fra:hover {
	text-decoration: underline;
}
/**********************************************************
 * Navigation
 **********************************************************/

#navigation {
	background: url(../images/template/bg_navi.png) bottom right no-repeat;
	height: 26px;
	overflow: visible;
	position: relative;
}

/*#navlist {
    height: 26px;
	position: relative;
}
	#navlist li {
        display: block;
        height: 26px;
        position: absolute;
        width: 142px;
    }
	#navlist a {
		display: block;
        height: 100%;
        position: relative;
        text-indent: -99999px;
        width: 100%;
	}
    
    #nav-home { left: -7px; z-index: 7; } #nav-home a { background: url(../images/navi/home.png) -142px 0px no-repeat; }
    #nav-produkte { left: 118px; z-index: 6; } #nav-produkte a { background: url(../images/navi/produkte.png) -142px 0px no-repeat; }
    #nav-leistungen { left: 243px; z-index: 5; } #nav-leistungen a { background: url(../images/navi/leistungen.png) -142px 0px no-repeat; }
    #nav-unternehmen { left: 368px; z-index: 4; } #nav-unternehmen a { background: url(../images/navi/unternehmen.png) -142px 0px no-repeat; }
    #nav-karriere { left: 493px; z-index: 3; } #nav-karriere a { background: url(../images/navi/karriere.png) -142px 0px no-repeat; }
    #nav-kontakt { left: 618px; z-index: 2; } #nav-kontakt a { background: url(../images/navi/kontakt.png) -142px 0px no-repeat; }
    #nav-downloads { left: 743px; z-index: 1; } #nav-downloads a { background: url(../images/navi/downloads.png) -142px 0px no-repeat; }
    
	#navlist a.hovered { background-position: 0px 0px; }
    #navlist li:hover { z-index: 10; }
    #navlist li.active a, #navlist li.active a:hover { background-position: 0px 0px; }
    #navlist li.active { z-index: 9; }*/
    
.subnavlist {
	display: none;
	left: -1px;
	position: absolute;
	top: 24px;
	width: 173px;
	z-index: 30;
}
.subnavlist.wide { /* wide */
	width: 211px;
}
#navlist .subnavlist li {
	height: auto;
	position: relative;
	width: auto;
	z-index: 30;
}
.subnavlist li.top {
	background: url(../images/template/bg_subnavi_top_active.png) top left no-repeat;
	padding-top: 3px;
}
.subnavlist.wide li.top { /* wide */
	background: url(../images/template/bg_subnavi_top_active_wide.png) top left no-repeat;
}
.subnavlist.wide .subnavlist-level2 li.top { /* wide reset level2 */
	background: url(../images/template/bg_subnavi_top_active.png) top left no-repeat;
}
.subnavlist li.bottom {
	background: url(../images/template/bg_subnavi_bottom_active.png) bottom left no-repeat;
	padding-bottom: 11px;
}
.subnavlist.wide li.bottom { /* wide */
	background: url(../images/template/bg_subnavi_bottom_active_wide.png) bottom left no-repeat;
}
.subnavlist.wide .subnavlist-level2 li.bottom { /* wide reset level2 */
	background: url(../images/template/bg_subnavi_bottom_active.png) bottom left no-repeat;
}
/*.subnavlist.active li.top { background: url(../images/template/bg_subnavi_top_active.png) top left no-repeat; }
    .subnavlist.active li.bottom { background: url(../images/template/bg_subnavi_bottom_active.png) bottom left no-repeat; }*/
    
    .subnavlist span {
	background: url(../images/template/bg_subnavi.png) top left repeat-y;
	display: block;
	height: 32px;
	position: relative;
	z-index: 40;
}
.subnavlist.wide span { /* wide */
	background: url(../images/template/bg_subnavi_wide.png) top left repeat-y;
}
.subnavlist.wide .subnavlist-level2 span { /* wide reset für level2 */
	background: url(../images/template/bg_subnavi.png) top left repeat-y;
}
.subnavlist .high span { /* high */
	/*height: 40px;*/
	height: auto;
}
.subnavlist ul span {
	position: relative;
	z-index: 10;
}
#navlist .subnavlist a {
	background: none;
	border-bottom: 1px solid #C7C7C7;
	color: #777;
	display: block;
	height: auto;
	line-height: 31px;
	margin: 0 auto;
	padding-left: 5px;
	position: static;
	text-decoration: none;
	text-indent: 0;
	width: 142px;
}
#navlist .subnavlist.wide a { /* wide */
	width: 180px;
}
#navlist .subnavlist a:hover, #navlist .subnavlist.active a:hover, #navlist .subnavlist a.active, #navlist .subnavlist a.hovered {
	color: #009900;
	font-weight: bold;
}
#navlist .subnavlist li.bottom a {
	border-bottom: none;
}
#navlist .subnavlist .high a { /* high */
	height: auto;
	line-height: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 5px;
}
.subnavlist .subnavlist-level2 {
	display: none;
	left: 157px;
	position: absolute;
	top: 0px;
	width: 173px;
	z-index: 10;
}
.subnavlist.wide .subnavlist-level2 { /* wide */
	left: 195px;
}
#navlist .subnavlist.wide .subnavlist-level2 a { /* wide reset für level2 */
	width: 142px;
}
/**********************************************************
 * Content
 **********************************************************/

#wrap-content {
	background: url(../images/template/bg_wrap_content.png) bottom left no-repeat;
	padding-bottom: 40px;
}
#content {
	background: url(../images/template/bg_content.png) top left no-repeat;
	border-top: 1px solid #C7C7C7;
	padding-top: 24px;
}
#content.with-aside {
	background: url(../images/template/bg_content_with_aside.png) top right no-repeat;
	padding-top: 0;
}
/* Flash */
#flash {
	height: 333px;
}
.messagebar {
	background-color: #FFC;
	line-height: 22px;
	padding: 2px 20px;
}
#flash-alternative {
	height: 333px;
}
#flash-alternative h1 {
	font-size: 44px;
	line-height: 46px;
	margin-top: 40px;
	padding-left: 20px;
}
#flash-alternative h3 {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	padding-left: 20px;
	padding-top: 10px;
}
/* Dummy Text */
.dummy-text h3, .dummy-text h4, .dummy-text p {
	color: #009EE0;
}

h3 {
	color: #393;
	font-size: 110%;
	font-weight: bold;
	margin: 12px 0 5px;
}
h4 {
	color: #747474;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 2px;
}
p {
	margin-bottom: 0.8em;
}
.like-paragraph {
	display: block;
	margin-bottom: 0.8em;
}
.like-last-paragraph {
	display: block;
	margin-bottom: 1.5em;
}
.inline-paragraph {
	margin-bottom: 0.1em;
}
strong {
	font-weight: bold;
}
div.with-border {
	background-color: #FFF;
	border: 1px solid #C7C7C7;
	padding: 1px;
}
.right-column {
	margin-left: 332px;
}
#contentbox {
	margin: 27px 30px 0 246px;
}
.textbox {
	margin-bottom: 2.6em;
	overflow: hidden;
}
.textbox-flashkarte p{
	margin-bottom: 2.6em;
	overflow: hidden;
	float: right; 
	width: 268px;
}
.inline-list {
	list-style: url(../images/template/inline_list_bullet.png) outside;
	padding-left: 13px;
}
.inline-list.like-paragraph {
	margin-bottom: 0.8em; /* @see p */
}
/* Content Table */
.content-table {
	width: 100%;
}
.content-table tr, .content-table td, .content-table th {
	height: 42px;
	vertical-align: middle;
}
.content-table tr.alt {
	background-color: #FAFAFA;
}
.content-table td, .content-table th {
	border-bottom: 1px solid #E0E0E0;
}
.content-table .first td, .content-table .first th {
	border-top: 1px solid #E0E0E0;
}
.content-table th {
	padding-left: 5px;
	width: 280px;
}
.content-table th strong {
	font-size: 110%;
}
.content-table td.right {
	padding-right: 5px;
	text-align: right;
}
/* Aside */
#aside {
	background: url(../images/template/bg_aside.png) top left no-repeat;
	float: left;
	height: auto !important;
	height: 380px;
	margin-right: 30px;
	min-height: 380px;
	padding-top: 20px;
	width: 216px;
}
#aside ul {
	display: block;
	padding-left: 13px;
}
#aside ul.asidelist-level2 {
	background: #FFF;
	padding-left: 17px;
}
#aside ul.asidelist-level3 {
	background: #FFF;
	padding-left: 28px;
}
#aside a {
	border-bottom: 1px solid #E0E0E0;
	color: #747474;
	display: block;
	font-weight: bold;
	/*line-height: 29px; <-- Änderungen wegen Umbruch*/ 
	line-height: 16px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	text-decoration: none;
}
#aside a:hover, #aside a.active {
	color: #009900;
}
#aside a.high {
	height: 40px;
	line-height: 18px;
	padding-top: 5px;
}
#aside .asidelist-level2 a {
	font-weight: normal;
}
#aside .asidelist-level2 a:hover, #aside .asidelist-level2 a.active {
	font-weight: bold;
}
#aside .asidelist-level3 a {
	font-size: 90%;
	line-height: 25px;
}
#aside .asidelist-level3 a:hover, #aside .asidelist-level3 a.active {
	background: url(../images/template/bg_aside_link.png) 92% 50% no-repeat;
	text-decoration: underline;
}
/* Lightbox */
	.lb-container {
	background: url(../images/template/lb_top.png) top left no-repeat;
	display: none;
	font-size: 75%;
	left: 50%;
	margin-left: -310px;
	padding-top: 14px;
	position: absolute;
	top: 0;
	width: 619px;
	z-index: 999;
}
.lb-content {
	background: url(../images/template/lb_middle.png) top left repeat-y;
	padding: 8px 20px;
}
.lb-container .content-table {
	font-size: 100%;
}
.lb-container .content-table tr, .lb-container .content-table td, .lb-container .content-table th {
	height: auto;
	padding: 3px 0;
}
.lb-container .content-table th {
	color: #993399;
	font-weight: bold;
	padding-left: 10px;
	width: 70px;
}
.lb-container .content-table th.alt {
	color: #393;
}
.lb-container p {
	margin-left: 127px;
}
.lb-bottom {
	background: url(../images/template/lb_bottom.png) bottom left no-repeat;
	clear: both;
	height: 14px;
}
.lb-close {
	background: url(../images/template/close.png) center center no-repeat;
	height: 20px;
	position: absolute;
	right: 16px;
	top: 16px;
	text-indent: -99999px;
	width: 20px;
}
/**********************************************************
 * Footer
 **********************************************************/

#wrap-footer {
	color: #747474;
}
#wrap-footer a {
	color: #747474;
	text-decoration: none;
}
#footer {
	background: #F5F5F5;
	border: 1px solid #C7C7C7;
	padding: 15px 25px;
}
#footer dl {
	float: left;
	margin-right: 30px;
}
#footer dt, #footer dd {
	border-bottom: 1px solid #C0C0C0;
	width: 165px;
}
#footer dd {
	padding-left: 7px;
	width: 158px;
}
#footer a:hover {
	color: #009900;
}
#footer dt a {
	font-weight: bold;
}
#footer dd a {
	font-size: 85%;
	display: inline-block;
	line-height: 13px;
	padding: 3px 0;
}
/*#footer dd a.high { <-- in footer dd a mit reingenommen
	display: inline-block;
	line-height: 13px;
	padding: 3px 0;
}*/

#footer ul {
	display: block;
	float: right;
}
#footer li {
	display: block;
	float: left;
}
#footer #drucken {
	background: url(../images/template/drucken.png) 50% 50% no-repeat;
	border-right: 1px solid #C7C7C7;
	display: block;
	padding: 0 11px;
	text-indent: -99999px;
	width: 11px;
}
#footer #tothetop {
	background: url(../images/template/arrow.png) 0% 50% no-repeat;
	margin-left: 11px;
	padding-left: 15px;
}
#footer #tothetop:hover {
	color: #747474;
}
#copy {
	margin: 12px 0 20px;
}
#copy div, #copy a {
	color: #747474;
	font-size: 85%;
}
#copy div {
	float: left;
}
#copy address {
	display: inline;
}
#copy ul {
	float: right;
}
#copy li {
	display: inline;
}
/**********************************************************
 * Sites
 **********************************************************/
 
/* ADMIN */
.dbresult {
	width: 100%;
}
	.dbresult th {
		font-weight: bold;
	}
	.dbresult td.actions {
		width: 60px;
	}
	.dbresult td, .dbresult th {
		padding: 0 2px 0;
	}
.msg-info, .msg-error {
	border: 1px solid #009900;
	color: #009900;
	font-weight: bold;
	margin: 0 0 1.7em;
	padding: 5px;
}
.msg-error {
	border-color: #A00;
	color: #A00;
}
#admin-form label {
	font-weight: bold;
	width: 150px;
}
#admin-form .button {
	margin-left: 150px;
}
/* HOME */
#content-left, #content-middle, #content-right {
	float: left;
	height: 265px;
}
#content-left {
	border-right: 1px solid #C7C7C7;
	padding: 0 20px 0 24px;
	width: 317px;
}
#content-middle {
	border-left: 1px solid #FFF;
	border-right: 1px solid #C7C7C7;
	padding: 0 20px;
	width: 319px;
}
#content-right {
	border-left: 1px solid #FFF;
	padding: 0 0 0 20px;
	width: 189px;
}
#content .without-hl {
	padding-top: 28px; /* 14px height(headline) + 14px height(margin zwischen headline und content) */
	height: 237px;
}
.news {
	height: 97px;
	width: 312px;
}
/* PRODUKTE */
.product-list li {
	border-bottom: 1px solid #E0E0E0;
	padding-top: 14px;
}
.product-list li.last {
	border-bottom: none;
}
/* UNTERNEHMEN */

#logo-list {
	margin-top: 16px;
	margin-bottom: 46px;
}
#logo-list a {
	display: block;
	width: 100%;
	height: 100%;
}
#logo-list li {
	display: block;
	text-indent:-999px;
	float: left;
}
#logo-vreden {
	background: url(../images/content/unternehmen/partnerschaften/partner_papierfabrik_vreden.gif) no-repeat;
	width: 265px;
	height: 43px;
}
#logo-idee-display {
	background: url(../images/content/unternehmen/partnerschaften/partner_id_display.gif) no-repeat;
	width: 46px;
	height: 43px;
	margin-left: 27px;
}
#logo-wellstar {
	background: url(../images/content/unternehmen/partnerschaften/partner_wellstar_packaging.gif) no-repeat;
	width: 153px;
	height: 43px;
	margin-left: 19px;
}
#logo-aus {
	background: url(../images/content/unternehmen/partnerschaften/partner_as_verpackungsservices.gif) no-repeat;
	width: 53px;
	height: 43px;
	margin-left: 28px;
}
#logo-beer {
	background: url(../images/content/unternehmen/partnerschaften/partner_beer_verpackungen.gif) no-repeat;
	width: 44px;
	height: 43px;
	margin-left: 27px;
}
/* KARRIERE */
.job-list {
	border-bottom: 1px solid #E0E0E0;
	display: block;
	width: 100%;
}
.job-list.first {
	border-top: 1px solid #E0E0E0;
}
.job-list dt, .job-list dd {
	background: #FFF;
	float: left;
}
.alt dt, .alt dd {
	background: #FAFAFA;
}
.job-list dt {
	font-size: 110%;
	font-weight: bold;
	padding: 15px 0 15px 5px;
	width: 280px;
}
.job-list dt.active {
	color: #393;
}
.job-list dd {
	padding: 15px 0 15px 5px;
	width: 260px;
}
.job-list .job-link {
	width: 127px;
}
.job-list .job-content {
	clear: left;
	display: block;
	float: none;
	padding: 0;
	width: 100%;
}
.job-content table {
	border-top: 1px solid #E0E0E0;
}
.job-content th {
	font-size: 110%;
	font-weight: bold;
	vertical-align: top;
}
.job-content th, .job-content td {
	background: #FFF;
	padding-bottom: 8px;
	padding-top: 8px;
}
.job-content .alt th, .job-content .alt td {
	background-color: transparent;
}
.job-content-top {
	background: #FAFAFA url(../images/template/job_content_top_shadow.png) top left no-repeat;
}
.job-content-top th, .job-content-top td {
	padding-bottom: 8px;
	padding-top: 17px;
}
/* fix eines bugs in dem safari und IE den background der row auch jedem td/th geben */
    .job-content-top th {
	background: url(../images/template/job_content_top_shadow.png) top left no-repeat;
}
.job-content-top td {
	background: url(../images/template/job_content_top_shadow.png) -285px 0 no-repeat;
}
.job-content-bottom {
	background: #FAFAFA url(../images/template/job_content_bottom_shadow.png) bottom left no-repeat;
}
.job-content-bottom th, .job-content-bottom td {
	border-bottom: none;
	padding-bottom: 33px;
	padding-top: 8px;
}
.job-content-bottom th {
	background: url(../images/template/job_content_bottom_shadow.png) bottom left no-repeat;
}
.job-content-bottom td {
	background: url(../images/template/job_content_bottom_shadow.png) -285px bottom no-repeat;
}
/* KONTAKT */
#anfahrt .form-bg {
	background-color: #FAFAFA;
	margin-bottom: 0.8em;
	padding: 5px 8px 1px;
}
#anfahrt label {
	float: none;
	font-weight: bold;
	margin-bottom: 3px;
	width: auto;
}
#anfahrt #startadresse {
	width: 98%;
}
#anfahrt .button {
	margin-left: 8px;
}
#contentbox .route-calculated .info-text {
	float: right;
	margin-top: 8px;
	width: 310px;
}
#contentbox .route-calculated #startadresse {
	width: 48%;
}
#kontakt .button {
	margin-left: 15px;
}
#map {
	clear: both;
	height: 161px;
	width: 316px;
}
.note {
	display: block;
	font-size: 90%;
	font-style: normal;
	margin: 10px 0 0 15px;
}
/* SITEMAP */
#sitemap a {
	font-size: 110%;
	font-weight: bold;
}
.second-level {
	padding-left: 25px;
}
#sitemap .second-level a {
	font-size: 90%;
	font-weight: normal;
}
/* WEBCAM */
#webcam {
	height: 480px;
	width: 640px;
}