/*
	Website: Herres Sekt http://www.herres.de/
	BOB Design http://www.bob-design.de/ 
	Imagion AG http://www.imagion.de/
	CSS Datei
	14.08.2008 Daan Meskers
	$last_change: 14.08.2008 Daan Meskers
*/

/* =================== Banner  ============= */
DIV#Content UL.Banner {
	display: block;
	margin: 0; padding: 0;
	width: auto;
	list-style: none;
	height: 72px;
}
DIV#Content UL.Banner LI {
	display: block;
	float: left;
	height: 72px;
	margin: 1px; padding: 0;
}
DIV#Content UL.Banner LI.Two {
	background: #e4e0d6;
	width: 300px;
}
DIV#Content UL.Banner LI.Two H2 {
	color: #d21c30;
	text-transform: uppercase;
	font-size: 9pt;
	font-weight: normal;
	margin: 0; padding: 3px 5px 3px 5px;
}
DIV#Content UL.Banner LI.Two H2 A {
	color: #d21c30;
	text-decoration: none;
}
DIV#Content UL.Banner LI.Two P {
	color: #656b6c;
	font-size: 8pt;
	margin: 0; padding: 1px 20px 3px 5px;
	border: 1px solid #e4e0d6;
}
DIV#Content UL.Banner LI.Three {
	background: #d1d7db;
	width: 40px;
	display: none;
}

DIV.csc-header  H1.csc-firstHeader {
	display: none;
}
/* =================== menu  ============= */
DIV#Content DIV#Bild {
	margin: 0; padding: 0;
	line-height: 10px;
	height: auto;
	position: relative;
}
DIV#Content DIV#Bild IMG {
	margin: 0; padding: 0; 
}
DIV#Content DIV#Bild A.off {
	/* display: none;  */
}
DIV#Content DIV#Bild IMG.off {
	position: absolute;
	top: 0; left: 0;
	opacity: 0;
}

DIV#Content DIV.TextBlock P {
	text-align: justify;
}
DIV#Content DIV.TextBlock DIV.column3 P {
	text-align: left;
}
/* ================================ */
DIV#Content DIV.leaderBlock {
	max-width: 840px; min-height: 75px;
	padding:  0 0 10px 0;
	margin: 0 0 5px 0;
	/* border-top: 1px solid #899195; */
	border-bottom: 1px solid #899195;
	font-size: 90%;
	position: relative;
}
DIV#Content DIV.leaderBlock DIV {
	position: absolute;
	bottom: 8px; width: 100%;
	background: #FFF;
}
DIV#Content DIV.leaderBlock P {
	padding: 2px 0 0 0; margin: 0;
	line-height: 140%;
}
DIV#Content DIV.leaderBlock H2 {
	font-weight: normal;
	padding: 5px 0 1px 0; margin: 0;
	font-size: inherit; font-size: 110%;
	letter-spacing: 0.1em;
}

/* ================================ */
DIV.TextBlock {
	max-width: 850px;
	position: relative;
	padding: 20px 0 0 0;
}
DIV.TextBlock DIV.column3 {
	width: 31%;
	float: left;
	display: block;
	margin-right: 15px;
	font-size: 90%;
	line-height: 140%;
}
DIV.TextBlock DIV.column1 {
	width: auto;
	display: block;
	font-size: 90%;
	line-height: 150%;
	width: 71%;
	margin: 0 25px 0 0; padding: 0;
	top: 0; position: relative;
	float: left;
}
DIV.TextBlock DIV.sidecolumn {
	width: auto;
	display: block;
	font-size: 90%;
	line-height: 150%;
	margin: 0; padding: 0;
	top: 0; position: relative;
	color: #899195;
}
DIV.TextBlock DIV.sidecolumn * {
	color: #899195;
	line-height: 160%;
}
/* ================================ */
DIV.leaderBlockProdukte {
	width: 850px; min-height: 75px;
	position: relative;
	padding: 0; margin: -3px 0 0 0;
}
DIV.leaderBlockProdukte DIV.Name {
	display: block;
	width: 340px; min-height: 70px;
	float: left;
	margin: 0; padding: 0; 
	position: relative; top: -8px;
}
DIV.leaderBlockProdukte DIV.Name H2 {
	font-weight: bold; margin-top: 0;
}
DIV.leaderBlockProdukte DIV.Name h3 {
	color: #999; margin-right: 5px; 
}
DIV.leaderBlockProdukte DIV.Text {
	display: block;
	width: 490px; min-height: 70px;
	float: left;
	margin: 0 0 -8px 0; padding: 15px 0 0 0;
	position: relative; 
	text-align: justify;
}
DIV.ProdukteBlock {
	border-top: 1px solid #b3a68a; /* #a89a7a; /* #826e41; */
	border-bottom: 1px solid #b3a68a; /* #a89a7a; /* #826e41; */
	max-width: 850px;
	position: relative;
	padding: 0;
	margin: 5px 0 0 0;
}
DIV.ProdukteBlock TABLE {
	background:  #b3a68a; /* #a89a7a; /* #826e41; */
	width: 340px; height: 150px;
	position: relative;
	padding: 2px 3px 6px 10px;
	color: #FFF;
	font-size: 90%;
}
DIV.ProdukteBlock TABLE TR TH {
	color: #000;
	font-size: 100%;
	font-weight: normal;
	vertical-align: top;
	line-height: 170%;
}
DIV.ProdukteBlock TABLE TR TD {
	color: #FFF;
	font-size: 100%;
	line-height: 170%;
	vertical-align: top;
}
DIV.ProdukteBlock TABLE TR TD SPAN {
	display: block;
	color: #FFF;
	width: 165px;
	float:left;
}
DIV.ProdukteBlock A.Bezugsquellen {
	position: absolute;
	top: 0; right: 0;
	background:  #a89a7a; /* #826e41; */
	color: #FFF;
	padding: 2px 3px 4px 5px;
	font-size: 90%;
	text-decoration: none;
	z-index: 150;
}
DIV.ProdukteBlock DIV.Bilder {
	position: absolute;
	top: 0; left: 360px;
	height: 145px; width: 460px;
	padding: 5px 0 0 20px;
}

DIV.ProdukteBlock DIV.Bilder DIV.news-single-img {
	display: inline;
}
DIV.ProdukteBlock DIV.Bilder P.news-single-imgcaption {
	display: none;
}
DIV.ProdukteBlock DIV.Bilder IMG {
	width: auto;
	border: 0;
	margin-top: 5px;
}
DIV.ProdukteBlock DIV.Bilder A  {
	border: 0;
	padding: 10px 15px 3px 10px;
}
DIV.ProdukteBlock DIV.Bilder DIV#myBilderText {
	position: absolute;
	top: 115px; left: 1px;
	width: auto; height: 20px;
	min-width: 30px; max-width: 500px;
	padding: 15px 0 0 35px;
	color: #999;
	font-size: 90%;
	background: transparent url(../../img/produkte_Bilder_bg.png) no-repeat bottom left;
}
/* ================================ */
DIV#Content.full DIV.TextBlock  {
	margin: 0; padding: 0; width: 995px; max-width: 995px;
	position: relative;
	border: 1px solid #FFF;
}
DIV.TextBlock DIV.Einleitung {
	width: 400px;
	margin: 0 150px 10px 0px;
	font-size: 90%;
	line-height: 150%;
	float: left;
	border: 1px solid #FFF;
}
DIV.TextBlock DIV.BildLogo { 
	width: 250px; height: auto; left: 485px; top: 10px;
	position: absolute;
}


DIV.TextBlock DIV.BildLogo IMG { 
	border: 0;
	left: 0;
}
DIV.TextBlock DIV.BildLogo DIV.csc-textpic DIV.csc-textpic-imagewrap {
	width: 200px !important;
	float: none;
	padding: 25px 0 0 0;
	left: 0;
}
DIV.TextBlock DIV.BildLogo DIV.csc-textpic DIV.csc-textpic-imagewrap {
	width: 200px !important;
}
DIV.TextBlock DIV.BildLogo DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image  {
	float: right;  
	padding: 0 20px 10px 0;
}
DIV.TextBlock DIV.BildLogo DIV.csc-textpic DIV.csc-textpic-imagewrap DL DT { 
	margin: 0; padding: 0;
	display: block; float: none;
}
DIV.TextBlock DIV.BildLogo DIV.csc-textpic DL DT IMG {
	margin:  0; padding: 0;
	float: none; border: 0;
}

ADDRESS {
	margin: 15px 0 0 350px;
	width: 250px;
	text-align: right;
	line-height: 150%;
	font-size: 90%;
	font-style: normal;
}
/* ================================ */
DIV#Content.Logos {
	height: 98%;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0; left: 0; width: 1015px;
	overflow: hidden;
}
DIV#Content.Logos UL#subMenu {
	top: 60px;
}
DIV.LogosBlock {
	width: 655px;
	background: #e7e8e9;
	min-height: 450px;
	height: 100%;
	position: relative;
	padding-top: 85px; left: 175px;
}
DIV.LogosBlock DIV {
	width: 125px; height: 100px;
	text-align: center;
	display: block; float: left;
}
DIV.LogosBlock DIV IMG {
	height: 60px; width: auto;
	top: 50%;
	margin-top: -30px;
	position: relative;
}
DIV.LogosBlock DIV.clearer {
	width: 100%; height: 1px;
	float: none;
}
UL.LogosListe {
	position: absolute;
	top: 87px; left: 835px;
	width: 170px;
	margin: 4px 0 0 0; padding: 0;
	list-style: none;
	display: block;
}
UL.LogosListe LI {
	list-style: none;
	margin: 0; padding: 1px 0 1px 0;
}
UL.LogosListe LI A, UL.LogosListe LI SPAN {
	text-decoration: none;
	font-size: 95%;
	padding: 2px;
	border-bottom: 1px solid #bfc1c3;
	display: block;
}
UL.LogosListe LI UL {
	list-style: none;
	margin: 1px 0 2px 0; padding: 1px 0 0 10px;
}
UL.LogosListe LI UL LI {
	 padding: 0;
}
UL.LogosListe LI UL LI A, UL.LogosListe LI UL LI SPAN {
	font-size: 85%;
	color: #abb2b6;
	border: 0;
}
UL.LogosListe LI UL LI A:hover {
	color: #FFF;
	background: #ccd0d1;
}
/* ================================ */

UL.csc-menu-1  {
	position: absolute;
	top: 13px; left: 620px;
	width: 170px;
	margin: 0; padding: 0;
	list-style: none;
	display: block;
}
UL.csc-menu-1 LI {
	list-style: none;
	margin: 0; padding: 0 0 1px 0;
}
UL.csc-menu-1 LI  A {
	display: block;
	color: #bec5c8;
	border: 0;
	text-decoration: none;
	padding: 2px 2px 3px 5px;
	border-bottom: 1px solid #bec5c8;
}
UL.csc-menu-1 LI A:hover {
	color: #FFF;
	background: #ced5d8;
}

/* ================================ */
DIV#Ansprechpartner {
	border: 0;
}
DIV#Ansprechpartner DIV.TextBlock {
	min-height: 80px;
}
DIV#Ansprechpartner DIV.Kontakt {
	margin: 20px 0 0 0;
	top: 0;
}
DIV#Ansprechpartner H1 {
	margin: 0;
	padding: 15px 0 0 0;
	font-size: 10pt;
	font-weight: bold;
	position: relative;
	top: 15px;
	color: #868e92;
}
DIV.Kontakt {
	width: 750px;
	margin: 0 0 0 0;
	display: block;
	position: relative;
	top: 0;
	
}
DIV.Kontakt DIV.KontaktBild {
	float: left; display: block;
	border: 1px solid #bfc1c3;
	margin: 0 10px 0 0;
	height: 86px; width: 53px;
	overflow: hidden;
	color: #FFF;
}
DIV.Kontakt DIV.KontaktBild A {
	color: #FFF;
        font-size: 2px;
}
DIV.Kontakt DIV.Datensheet {
	border: 1px solid #bfc1c3;
	height: 68px;
	margin: 0 0 3px 60px;
	display: block;
}
DIV.Kontakt DIV.Function {
	background: #868e92;
	height: 15px;
	color: #FFF;
	font-size: 90%;
	margin-left: 60px;
	padding-left: 10px;
}
DIV.Kontakt DIV.Datensheet DIV.kolumn {
	float: left; display: block;
	width: 200px; height: 65px;
	padding: 2px 0 0 5px;
	font-size: 100%;
}
DIV.Kontakt DIV.Datensheet DIV.kolumn H2 {
	font-size: 100%;
	font-weight: normal;
	margin: 0; padding: 0px 0 4px 0;
}
DIV.Kontakt DIV.Datensheet DIV.kolumn P {
	font-size: 100%;
	font-weight: normal;
	margin: 0; padding:  2px 0 1px 0;
	text-align: left !important;
}
DIV.Kontakt DIV.Datensheet DIV.kolumn H2 + P {
	color: #868e92;
	text-align: left;
}
DIV.Kontakt DIV.Datensheet DIV.kolumn.email {
	width: 250px;
}
DIV.Kontakt DIV.Datensheet DIV.kolumn.email P,
DIV.Kontakt DIV.Datensheet DIV.kolumn.email P A {
	width: 250px;
	white-space:nowrap;
}



/* ================================ */
DIV.Weltkarte {
	width: 675px;
	background: #e7e8e9;
	min-height: 450px;
	text-align: center;
	padding: 10px 0 20px 0;
	position: relative;
}
IMG#WeltKarteImg {
	position: relative;
	top: 25px; left: 10px;
}
UL.Weltkarte {
	position: absolute;
	top: 87px; left: 835px;
	width: 170px;
	margin: 4px 0 0 0; padding: 0;
	list-style: none;
	display: block;
}
UL.Weltkarte LI {
	list-style: none;
	margin: 0; padding: 1px 0 1px 0;
}
UL.Weltkarte LI A {
	text-decoration: none;
	font-size: 95%;
	padding: 2px;
	border-bottom: 1px solid #bfc1c3;
	display: block;
}
UL.Weltkarte LI UL {
	list-style: none;
	margin: 1px 0 2px 0; padding: 1px 0 0 10px;
	display: none;
}
UL.Weltkarte LI.on UL {
	display: block;
}
UL.Weltkarte LI UL LI {
	 padding: 0;
}
UL.Weltkarte LI UL LI A {
	font-size: 85%;
	color: #abb2b6;
	border: 0;
}
UL.Weltkarte LI UL LI A:hover {
	color: #FFF;
	background: #ccd0d1;
}
DIV.KontaktSheets {
	display: none;
}
DIV.dot {
	position: absolute;
	width: 7px !important; height: 7px !important;
	background: transparent url(../../img/weltkarte_punkt.png) no-repeat ;
	cursor: pointer;
	overflow: hidden;
}
DIV.dot.hi {
	background: #d72b36 ;
	width: 6px !important; height: 6px !important;
	border: 1px solid #FFF;
	z-index: 999;
	margin-left: -3px; margin-top: -3px;
}
DIV#KontaktSheet {
	width: 277px; height: 120px; 
	position: absolute;
	opacity: 0.01;
	left: 400px; top: 0;
	text-align: left;
	z-index: 100;
}
DIV#KontaktSheet  DIV.elm {
	border: 1px solid #8f989d;
	background: #FFF;
	width: 275px; height: 90px;
	position: absolute;
	left: 0; top: 0;
	text-align: left;
	overflow-y: visible;
}
DIV#KontaktSheet IMG {
	position: absolute;
	top: 30px; right: 0; width: auto; height: auto;
}
DIV#KontaktSheet H2 {
	font-size: 100%;
	font-weight: normal;
	margin: 5px 0 0 10px;
}
DIV#KontaktSheet P {
	font-size: 85%;
	color: #8b9296;
	font-weight: normal;
	margin: 0 0 0 10px;
}
DIV#KontaktSheet P EM {
	color: #6b7276;
	display: block;
	margin: 2px 0 5px 0;
}
DIV#KontaktSheet P A {
	color: #3b4246;
}
DIV#KontaktBallon {
	position: absolute;
	left: 50px; top: 90px; 
	z-index: 150;
	width: 50px; height: 30px;
	background: transparent url(../../img/kontakt_ballon.png) no-repeat left top; 
}
/* ================================ */

DIV.csc-textpic, DIV.csc-textpic *  {
	margin: 0; padding: 0;
	float: left;
	display: block;
	overflow: hidden;
}
DIV.csc-textpic DL DT IMG {
	margin: 0; padding: 0;
	left: -12px;
	position: relative;
}
/* ================================ */
DIV.news-list-container
DIV.news-list-item {
	border-bottom: 1px solid #8f989d;
}
/* ================================ */
A#GoogleLink {
	position: absolute;
	background: transparent url(../../img/weltkarte_punkt.png) no-repeat 3px 5px  ;
	cursor: pointer; padding: 0 0 2px 10px;
	top: 180px; left: 672px;
	font-size: 90%;
	color: #999;
	text-decoration: none;
	opacity: 0.8;
}
A#GoogleLink:hover {
	background: transparent url(../../img/weltkarte_punkt_on.png) no-repeat 0 2px  ;
	color: #222;
	border-bottom: 1px solid red;
}
/* ======== Sitemap =============== */
DIV.csc-sitemap  {
	margin: 0; padding: 50px 0;
	width: 375px; border: 1px solid #FFF;
}
DIV.csc-sitemap UL {
	border-top: 1px solid #abb2b6;
	margin: 0; padding: 0;
	color: #5f686d;
}
DIV.csc-sitemap UL LI {
	border-bottom: 1px solid #abb2b6;
	padding: 2px 0 5px 0;
	margin: 0;
	list-style: square  none inside;
	font-weight: bold;
	color: #cbd2d6;
}
DIV.csc-sitemap UL LI A {
	text-decoration: none;
	color: #5f686d;
	/* display: inline-block; */
	padding: 1px 5px 1px 2px;
}
DIV.csc-sitemap UL LI A:hover {
	border-bottom: 1px solid #8f989d;
	background-color: #D9E0E0;
	color: #444;
}
DIV.csc-sitemap UL LI UL {
	margin: 5px 0 0 15px;
}
DIV.csc-sitemap UL LI UL LI {
	font-weight: normal;
}
DIV.csc-sitemap UL LI UL LI  UL LI A {
	color: #9ba2a6;
}

/* ======== Suchen =============== */
H3.csc-noSearchResultMsg {
	margin: 30px 0 7px 0;
	display: block;
	float: left;
	width: 840px;
	color: #abb2b6;
	font-weight: normal;
}
DIV#Content FORM {
	clear: both;
	background: #e5e7e7;
	border-top: 1px solid  #abb2b6;
	padding: 10px 10px 10px 15px;
	width: 90%;
}
TABLE.csc-searchResultInfo {
	margin: 0;
	color: #abb2b6;
	position: relative; 
	top: 20px;
}
TABLE.csc-searchResultInfo TD.csc-searchResultRange P {
	color: #abb2b6;
}
H3.csc-searchResultHeader {
	border-top: 1px solid  #abb2b6;
	padding-top: 5px; padding-bottom: 0; margin-bottom: 0;
	width: 675px;
}
P.csc-searchResult {
	margin-top: 5px; padding-top: 0;
	width: 600px;
	color: #566;
	line-height: 160%;
}

DIV.tx-indexedsearch {
	margin-top: 0px; padding-top: 0px;
	width: 600px;
	color: #566;
	border: 1px solid #FFF;
	display: block;
}
DIV#Content DIV.tx-indexedsearch FORM, DIV#Content DIV.tx-indexedsearch TABLE {
	width: 100%;
}

DIV#Content DIV.tx-indexedsearch TD.tx-indexedsearch-descr.descr {
	padding: 2px 3px 5px 5px;
}
DIV#Content DIV.tx-indexedsearch TD.tx-indexedsearch-info.info {
	padding: 2px 3px 5px 5px;
	color: #999;
}

DIV#editPanelSet {
	position: absolute;
	margin: 0; padding: 0;
	top:0; left: 0;
	width: 100%;
	z-index: 1005;
	opacity: 0.6;
}
DIV#editPanelSet DIV.headerAndButtons {

}
TABLE.logOutTable {
	position: absolute;
	margin: 0; padding: 0;
	top:0; right: 0;
}
DIV#Content FORM TABLE.typo3-editPanel {
	min-width: 200px !important;
	width: auto !important;
}
DIV#Content FORM TABLE.typo3-editPanel TR,
DIV#Content FORM TABLE.typo3-editPanel TR TD {
	background: transparent !important;
	opacity: 0.8;
	position: relative;
}
DIV#Content FORM TABLE.typo3-editPanel TR TD A.editicon, 
DIV#Content FORM TABLE.typo3-editPanel TR TD A.iconMode {
	float: left;
	margin-right: 7px;
}
DIV#Content FORM.editForm {
	/* display: none; */
}
DIV#Content DIV.TextBlock FORM.editForm {
	display: block;
	z-index: 1005;
}
DIV#Content  DIV#Ansprechpartner FORM.editForm {
	display: block;
	width: 725px;
}
DIV#Content DIV.leaderBlockProdukte DIV.Name  FORM.editForm {
	display: block;
	position: absolute;
	top: 60px; left : 0;
	height: 18px; width: 235px;
	padding: 2px 0 0 5px;
}
DIV#Content DIV.leaderBlockProdukte DIV.Name  FORM.editForm DIV {
	display: none;
}
DIV#Content DIV.leaderBlockProdukte  FORM.editForm TABLE TD A {
	padding: 0 3px 0 4px !important;
	display: block; float: left;
}
DIV#Content DIV.leaderBlockProdukte  FORM.editForm TABLE {
	width: 100%;
}

DIV#Main DIV#Content A.editicon.iconMode {
	display: none; 
}
DIV#Main DIV#Content FORM A.editicon.iconMode {
	display: block;
}