/* ---------------------------------------------------------------------------------------
Basic Style Sheet

version: 	1.0
author: 	Oliver Best
eMail: 		best@netzgerei.com
--------------------------------------------------------------------------------------- */
@import url(navi.css);

/*	Height-Hack
	
	min-height:100px;
	height:auto !important;
	height:100px;

*/

* { 
	margin:0; 
	padding:0; 
}

html { 
	height: 100%; 
}

html>body { overflow: -moz-scrollbars-vertical; } */

html>body a:focus { -moz-outline-style: none; }


body { 	
	height:100%; 
	margin:0; 
	padding:0; 
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 62.5%;
	color:#282828;
}

img { 
	border:0; 
	margin:0; 
	padding:0; 
}

.clear {  
 	clear: both;  
 	line-height: 0px;  
 	font-size: 0px;  
 	height: 0px;
}

.GoLeft { 
	float:left; 
}

.GoRight { 
	float:right; 
}

.TextRight { 
	text-align:right; 
}

.InlineBox {
	display:inline;
}

fieldset, form { 
	border:0; 
	margin:0; 
	padding:0; 
}

.CenterThis { 
	text-align:center; 
}

html>body a:active { 
	outline: none; 
}

html>body a:focus {
	-moz-outline-style: none; 
}

table {
	border-collapse:collapse;
	margin:0;
	padding:0;
}

div.whiteline {
 	line-height: 0px;  
 	font-size: 0px;  
 	height: 1px;
	width:126px;
	margin:4px 0;
	border-bottom:1px solid #fff;
}

/* =Container 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#BodyFrame {
	width:100%;
	height:100%;
	padding:0;
	background:#cbdcec url(../img/bg_MainFrame.jpg) bottom repeat-x;
}

div#SiteFrame {
	margin:0 auto 0 auto;
	padding:0;
	width:967px;
	min-height:500px;
	height:auto !important;
	height:500px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

div#HeadFrame {
	margin:0;
	height:217px;
	position:relative;
}

div#HeadFrame #HeadFlash {
	margin:0;
	width:967px;
	height:199px;
	background:#fff;
}

/* Definition der Heros */
div.edelweiss { background-image:url(../img/hero_start.jpg); }
div.produktion { background-image:url(../img/hero_prod_quali.jpg); }
div.markenwelt { background-image:url(../img/hero_markenwelt.jpg); }
div.karriere { background-image:url(../img/hero_karriere.jpg); }
div.partner { background-image:url(../img/hero_partner.jpg); }
div.presse { background-image:url(../img/hero_presse.jpg); }
div.menschen { background-image:url(../img/hero_menschen.jpg); }
div.service { background-image:url(../img/hero_service.jpg); }

div#MainNaviFrame {
	margin:0;
	height:52px;
	width:100%;
	overflow:hidden;
	background:url(../img/bg_MainNavi.jpg) 0 0 no-repeat;
}

div#ContentFrame {
	width:967px;
	border-collapse:collapse;
	min-height:500px;
	height:auto !important;
	height:500px;
	background:#fff;
}

div#ContentFrame div#LeftFrame {
	height:100%;
	width:161px;
	float:left;
	overflow:hidden;
	background:#98b9dc url(../img/bg_LeftFrame.jpg) bottom repeat-x;
}

/* Achtung Sonderbehandlung im Stylesheet für IE6 */
div#ContentFrame div#LeftFrameShade {
	height:100%;
	width:161px;
	float:left;
	background:url(../img/Shade_LeftFrame.png) 0 0 repeat-y;
}

div#ContentFrame div#CenterFrame {
	width:655px;
	min-height:500px;
	height:auto !important;
	height:500px;
	float:left;
	background:#fff;
}

div#ContentFrame div#RightFrame {
	width:151px;
	height:100%;
	float:right;
	background:#98b9dc url(../img/bg_RightFrame.jpg) bottom no-repeat;
}

/* Achtung Sonderbehandlung im Stylesheet für IE6 */
div#ContentFrame div#RightFrameShade {
	width:151px;
	height:100%;
	float:right;
	background:url(../img/Shade_RightFrame.png) 0 0 repeat-y;
}

div.ProdContainer, div.ProdContainerBigPic {
	width:608px;
	margin:0 0 15px 13px;
	padding-bottom:25px;
	border-bottom:1px solid #bebebe;
}

div.PicCont {
	float:left;
	margin:1px 15px 5px 0;
	border:1px solid #90add4;
}

div.PicCont img {
	margin:0;
	border:1px solid #e2eaf4;
}

div.ProdContainer div.DescCont {
	width:460px;
	margin:0;
	float:left;
}

div.ProdContainerBigPic div.DescCont {
	width:320px;
	margin:0;
	float:left;
}

div.JobContainer {
	width:567px;
	margin:10px 0 0 44px;
	padding-bottom:15px;
	border-bottom:1px solid #bebebe;
}

div.JobContainerNoLine {
	width:567px;
	margin:10px 0 0 44px;
}

div.NewsContainer {
	width:567px;
	margin:10px 0 0 44px;
	padding:7px 20px 20px 0;
	border-bottom:1px solid #bebebe;
}

div.LinkContainer {
	width:567px;
	margin:10px 0 0 44px;
	padding:12px 20px 20px 0;
	border-top:1px solid #bebebe;
}

div.SearchResultContainer  {
	width:566px;
	margin:5px 0 5px 44px;
	padding:5px 20px 10px 0;
	border-bottom:1px solid #bebebe;
}

div.Richtext {
	width:567px;
	margin:10px 0 0 44px;
}

div.FilmContainer {
	width:573px;
	height:318px;
	margin:10px 0 0 44px;
	background:url(../img/bgFilm.jpg) 0 0 no-repeat;
	padding:26px 0 0 0;
}

div.FlashContainer {
	width:573px;
	min-height:100px;
	height:auto !important;
	height:100px;
	margin:10px 0 0 44px;
	padding:0;
}

div.FilmContainer div.Film {
	margin:0 auto;
}

div.FilmContainerText {
	margin:10px 20px 10px 50px;
	width:567px;
}

div.BlankContainer {
	width:567px;
	margin:0 0 0 44px;
}

/* =Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

img.PicFullWidth {
	margin:10px 0 10px 44px;
}

.PicGoLeft {
	float:left;
	margin:3px 15px 0 45px;
}

.PicGoRight {
	float:right;
	margin:3px 1px 0 15px;
}

div#ContentFrame div#CenterFrame div.Richtext img.PicFullWidth,
div#ContentFrame div#CenterFrame div.Richtext img.PicGoLeft {
	margin-left:0;
}

img.ProdPicRightFrame {
	margin:15px 0 0 6px
}

div#ContentFrame div#CenterFrame div.NewsContainer img,
div#ContentFrame div#CenterFrame div.LinkContainer img {
	margin:3px 10px 0 0;
	float:left;
	border:1px solid #98b9db;
}

/* =Typo
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

h1 {
	padding:0;
	margin:20px 0 25px 13px;
	font-size:1.8em;
	line-height:1.1em;
	color:#052873;
	font-weight:normal;
	letter-spacing:1px;
}

div#ContentFrame div#CenterFrame div.Richtext h2,
div#ContentFrame div#CenterFrame h2  {
	padding:0;
	margin:0;
	font-size:1.5em;
	line-height:1.6em;
	color:#353535;
	font-weight:bold;
	letter-spacing:1px;
}

div#ContentFrame div#CenterFrame div.Richtext h2.DarkRed { color:#b9050a; } 
div#ContentFrame div#CenterFrame div.Richtext h2.DarkBlue { color:#0a2369; } 
div#ContentFrame div#CenterFrame div.Richtext h2.LightBlue { color:#5076a8; } 
div#ContentFrame div#CenterFrame div.Richtext h2.Green { color:#558c2d; } 

div#ContentFrame div#CenterFrame div.ProdContainer div.DescCont h2,
div#ContentFrame div#CenterFrame div.ProdContainerBigPic div.DescCont h2 {
	font-size:1.2em;
	line-height:1.5em;
	font-weight:normal;
	font-style:italic;
	margin-bottom:0;
}

div#ContentFrame div#CenterFrame div.SearchResultContainer h3
 {
	font-size:1.3em;
	line-height:1.5em;
	font-weight:bold;
	margin-bottom:0;
	margin-top:0;
}

div#ContentFrame div#CenterFrame div.ProdContainer div.DescCont p {
	width:450px;
	margin:0 0 20px 0;
}

div#ContentFrame div#CenterFrame div.ProdContainerBigPic div.DescCont p {
	width:329px;
	margin:0 0 20px 0;
}

div#ContentFrame div#CenterFrame p {
	margin:10px 40px 0 44px;
	font-size:1.2em;
	line-height:1.5em;
}

div#ContentFrame div#CenterFrame div.Richtext p,
div#ContentFrame div#CenterFrame div.Richtext ul
 {
	margin:0 20px 10px 0;
	font-size:1.2em;
	line-height:1.5em;
}

div#ContentFrame div#CenterFrame div.Richtext ul
{
	margin:0 20px 10px 20px;
}

div#ContentFrame div#CenterFrame div.FilmContainerText p {
	margin:0 20px 10px 0 !important;
	font-size:1.2em;
	line-height:1.5em;
}

div#ContentFrame div#CenterFrame div.JobContainer h3 {
	padding:0;
	margin:0;
	font-size:1.2em;
	line-height:1.5em;
}

div#ContentFrame div#CenterFrame div.JobContainer p {
	margin:0 10px 0 0;
	font-size:1.2em;
	line-height:1.5em;
}

div#ContentFrame div#CenterFrame div.LinkContainer h2 {
	padding:0;
	margin:0;
	font-size:1.5em;
	line-height:1.6em;
	color:#052873;
	font-weight:bold;
	letter-spacing:1px;
}

div#ContentFrame div#CenterFrame div.NewsContainer p,
div#ContentFrame div#CenterFrame div.LinkContainer p,
div#ContentFrame div#CenterFrame div.SearchResultContainer p
 {
	margin:0 10px 0 0;
	font-size:1.2em;
	line-height:1.5em;
	padding:0;
}


/* =Links
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a {
	color:#000;
	font-size:1em;
	line-height:1.5em;
	padding:0;
	text-decoration:none;
}

a:hover,
div#ContentFrame div#CenterFrame a:hover {
	text-decoration:underline;
}

div#ContentFrame div#CenterFrame a {
	color:#6b92c5;
	font-size:1em;
	line-height:1.5em;
	padding:0;
	text-decoration:none;
}

div#ContentFrame div#RightFrame a#LinkApply {
	color:#2d323c;
	margin:5px 0 0 6px;
	padding:4px 0 0 6px;
	display:block;
	background:url(../img/bt_apply_LO.gif) 0 0 no-repeat;
	width:138px;
	height:24px;
}

div#ContentFrame div#RightFrame a#LinkApply:hover {
	color:#2d323c;
	background:url(../img/bt_apply_HI.gif) 0 0 no-repeat;
}

div#BodyFrame div#SiteFrame div#HeadFrame a.HomeLinkFlower {
	font-size:0;
	line-height:0;
	position:absolute;
	left:0;
	top:0;
	width:150px;
	height:135px;
	display:block;
}

div#BodyFrame div#SiteFrame div#HeadFrame a.HomeLinkText {
	font-size:0;
	line-height:0;
	position:absolute;
	left:795px;
	top:44px;
	width:150px;
	height:40px;
	display:block;
}

div#ContentFrame div#CenterFrame div.LinkContainer a.NewsPicLink,
div#ContentFrame div#CenterFrame div.NewsContainer a.NewsPicLink {
	margin:0;
	float:left;
}

div#ContentFrame div#CenterFrame div.NewsContainer a.MoreLink,
div#ContentFrame div#CenterFrame div.LinkContainer a.MoreLink,
div#ContentFrame div#CenterFrame div.SearchResultContainer a.MoreLink {
	margin:0;
	padding:0;
	font-size:1.2em;
	line-height:1.2em;
	float:left;
}

div#ContentFrame div#CenterFrame a.BackToTop {
	margin:20px 50px 20px 43px;
	padding-top:7px;
	padding-left:30px;
	height:16px;
	font-size:1.1em;
	line-height:1.2em;
	float:left;
	text-decoration:none;
	background:url(../img/btTop.gif) 0 -23px no-repeat;
}

div#ContentFrame div#CenterFrame a.BackToTop:hover {
	color:#2d323c;
	background:url(../img/btTop.gif) 0 0 no-repeat;
}

div#ContentFrame div#CenterFrame a.BackToLastPage {
	margin:20px 50px 20px 43px;
	padding-top:7px;
	padding-left:30px;
	height:16px;
	font-size:1.1em;
	line-height:1.2em;
	float:left;
	text-decoration:none;
	background:url(../img/btBack.gif) 0 -23px no-repeat;
}

div#ContentFrame div#CenterFrame a.BackToLastPage:hover {
	color:#2d323c;
	background:url(../img/btBack.gif) 0 0 no-repeat;
}

div#ContentFrame div#CenterFrame a.DownloadLink {
	margin:5px 0 0 0;
	padding:0 0 0 100px;
	font-size:1.1em;
	line-height:2em;
	height:23px;
	background:url(../img/bt_downloadMO.gif) 0 -23px no-repeat;
	display:block;
}

div#ContentFrame div#CenterFrame a.DownloadLink:hover {
	color:#2d323c;
	background:url(../img/bt_downloadMO.gif) 0 0 no-repeat;
}

/* =Tabellen
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#ContentFrame div#CenterFrame table.ProdTable {
	font-size:1.2em;
	line-height:1.4em;
	padding-right:10px;
}

div#ContentFrame div#CenterFrame table.ProdTable tr td {
	border-bottom:1px solid #6b92c5;
	padding:2px 20px 0 0;
}



/* =Formulare
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#ContentFrame div#CenterFrame form fieldset {
	/*border:1px solid #98b9dc;*/
	margin:0 40px 0 34px;
	padding:5px 10px 10px 10px;
}

div#ContentFrame div#CenterFrame form fieldset input,
div#ContentFrame div#CenterFrame form fieldset input.Upload,
div#ContentFrame div#CenterFrame form fieldset textarea,
div#ContentFrame div#CenterFrame form fieldset select {
	border:1px solid #98b9dc;
	margin:0 0 5px 0;
	padding:2px;
	font-size:1.2em;
	color:#282828;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

div#ContentFrame div#CenterFrame form fieldset select {
	width:70px;
}

div#ContentFrame div#CenterFrame form fieldset legend {
	margin:0 0 0 -5px;
	padding:0 5px 0 5px;
	color:#052873;
	font-size:1.2em;
	font-weight:bold;
}

div#ContentFrame div#CenterFrame form fieldset label {
	display:block;
	margin:10px 0 2px 0;
	color:#282828;
	font-size:1.2em;
}

div#ContentFrame div#CenterFrame form fieldset label.inline {
	display:inline;
	margin-right: 5px;
}

div#ContentFrame div#CenterFrame form fieldset input.radio {
	margin:15px 0 2px 0;
	float:left;
}

div#ContentFrame div#CenterFrame form fieldset label.radio {
	margin:14px 0 2px 5px;
	float:left;
	width:400px;
}

div#ContentFrame div#CenterFrame form fieldset p.feedback {
	margin:5px 0 0 0;
	padding:0;
	color:red;
	font-size:1.1em;
	display:block;
	width:400px;
}

/* div#ContentFrame div#CenterFrame form fieldset p.feedback {
	display:none;
} */

div#ContentFrame div#CenterFrame form fieldset p {
	margin:10px 0 0 0;
	padding:0;
}

div#ContentFrame div#CenterFrame form fieldset ol {
	margin:10px 0 0 23px;
	padding:0;
}

div#ContentFrame div#CenterFrame form fieldset input.Check {
	margin:10px 0 0 0;
	padding:0;
	border:none;
	float:left;
}

div#ContentFrame div#CenterFrame form fieldset label.Check {
	margin:10px 0 0 5px;
	padding:0;
	float:left;
	display:block;
}

div#ContentFrame div#CenterFrame form fieldset textarea.SingleTextArea {
	width:450px;
	height:150px;
	margin:0;
	padding:2px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1.2em;
	color:#052873;
}

div#ContentFrame div#CenterFrame form fieldset input.DoubleRowBig {
	width:220px;
}

div#ContentFrame div#CenterFrame form fieldset input.DoubleRowSmall {
	width:80px;
}

div#ContentFrame div#CenterFrame form fieldset input.DoubleRowHalf {
	width:150px;
}

div#ContentFrame div#CenterFrame form fieldset input.SingleRowSmall {
	width:150px;
}

div#ContentFrame div#CenterFrame form fieldset input.SingleRowMedium {
	width:250px;
}

div#ContentFrame div#CenterFrame form fieldset input.SingleRowBig {
	width:310px;
}

div#ContentFrame div#CenterFrame form fieldset select.SingleRowSmall {
	width:157px;
}

div#ContentFrame div#CenterFrame form fieldset select.SingleRowMedium {
	width:257px;
}

div#ContentFrame div#CenterFrame form fieldset select.SingleRowBig {
	width:317px;
}

div#ContentFrame div#CenterFrame form input.Submit {
	border:0;
	background:#b6cde6;
	padding:2px 10px;
	color:#000;	
	margin:20px 0 20px 44px;
	border-bottom:1px solid #6c93c5;
	border-right:1px solid #6c93c5;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	font-size:1.0em;
}

div#ContentFrame div#CenterFrame form fieldset input.Upload {
	width:315px;
}

/* PRINT STYLES */

div#PrintHeader, div#PrintFooter {
	display:none;
}

/* PRINT STYLES */

div#Paging {
	margin:10px 25px 25px 44px;
	width:576px;
	padding:2px 0 2px 10px;
	border-top:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
	background:#cbdcec;
}

div#Paging span {
	font-weight:bold !important;
	padding:0 3px;
}

div#Paging a {
	padding:1px 3px;
}

/* =TextPopup
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.TextPopup {
	position:absolute;
	top:100px;
	left:-1000px;
	width:480px;
	height:280px;
	margin:0;
	z-index:10;
	background:url(../img/bg_txtPop.png) 0 0 no-repeat;
}

div.TextPopup a.CloseThis {
	position:absolute;
	top:-10px;
	left:440px;
	display:block;
	width:30px;
	height:30px;
	z-index:100;
	text-decoration:none;
	background:url(../img/PopClose.png) 0 0 no-repeat;
}

div.TextPopup a.CloseThis:hover {
	text-decoration:none;
}

div.TextPopup div.InnerTxtBox {
	position:relative !important;
	width:409px;	
	height:223px;
	margin:15px 0 0 1px;
	padding:5px 20px;
	overflow:auto;
	background:#fff;
}

div.TextPopup div.InnerTxtBox div.ScrollBox {
	width:380px !important;	
	margin:0;
	padding:0;
	min-height:100px;
	height:auto !important;
	height:100px;
}

div.TextPopup div.InnerTxtBox div.ScrollBox p {
	font-size:12px !important;
	line-height:15px !important;
}