/*** 
  * Haupt Style
***/


/* Breite, Abstand und Ausrichtung der Page */
#page {
	width: 976px;
	margin: 21px 0 12px 0;
	padding: 0;
	text-align: left;
	/*background-color: Teal;*/
}

/***************************************************************************************/
/* HEADER (Logo, Meta Navi, Hauptnavi, rechtes Bild, SHopstatus)                       */
/***************************************************************************************/
/* Container fuer Logo, Menue, rechtes Bild u.s.w. */
#header {
	width: 976px;
	height: 258px;
	margin: 0;
	padding: 0;
	background: #FFF url(../img/headerBG.gif) repeat-x;
}

/************************************************/
/* HEADER LINKS (Logo, Meta Navi)               */
/************************************************/
/* Container fuer den linken Teil des Headers */
#headerLeft {
	position: relative;
	float: left;
	width: 220px;
	height: 258px;
	margin: 0;
	padding: 0;
}

/* Container fuer das Volker Grett Logo */
#headerLeft #logo {
	position: relative;
	width: 220px;
	height: 220px;
	margin: 0;
	padding: 0;
	background-color: #911825;
}

/* Style fuer Volker Grett Logo */
#headerLeft #logo IMG {
	position: absolute;
	/*top: 60px;
	left: 24px;*/
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/* Container fuer die Meta Navi */
#headerLeft #meta {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 220px;
	height: 26px;
	margin: 0;
	padding: 0;
	background-color: #E0E0E0;
	overflow: hidden;
}

/************************************************/
/* HEADER MITTE (Hauptnavi)		                  */
/************************************************/
/* Container fuer den mittleren Teil des Headers */
#headerMid {
	position: relative;
	float: left;
	width: 512px;
	height: 258px;
	margin: 0 12px 0 12px;
	padding: 0;
	background-color: #FFF;
}

/* Style fuer das mittlere noFlash Bild */
#headerMid IMG.noFlashMidImg {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
}

/* Container fuer die noFlash Hauptnavi */
#headerMid #noFlashMainMenu {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 512px;
	height: 26px;
	margin: 0;
	padding: 0;
	background-color: #E0E0E0;
	overflow: hidden;
}

/************************************************/
/* HEADER RECHTS (Bild, Shop Status)            */
/************************************************/
/* Container fuer den rechten Teil des Headers */
#headerRight {
	position: relative;
	float: left;
	width: 220px;
	height: 258px;
	margin: 0;
	padding: 0;
}

/* Container fuer das rechte Bild/Flash */
#headerRight #rightImg {
	width: 220px;
	height: 220px;
	margin: 0;
	padding: 0;
}

/* Style fuer das rechte noFlash Bild */
#headerRight #rightImg IMG.noFlashRightImg {
	margin: 0;
	padding: 0;
}

/* Container fuer den Warenkorb, Bestellstatus */
#headerRight #shopStatus {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 220px;
	height: 26px;
	margin: 0;
	padding: 0;
	background-color: #E0E0E0;
	overflow: hidden;
}

/* Style fuer die Warenkorb & Bestellstatus Grafiken */
#headerRight #shopStatus IMG {
	margin: 0 0 0 6px;
	padding: 0;
}


/***************************************************************************************/
/* LOCATOR UND QUICKMENUE                                                              */
/***************************************************************************************/
/* Container fuer den Locator */
#locator {
	position: relative;
	width: 974px;
	height: 24px;
	margin: 12px 0 12px 0;
	padding: 0;
	border: #E0E0E0 1px solid;
	overflow: hidden;
}

/* Styles fuer das Form Element desHersteller Drowpdown Menues */
#locator FORM#quickmenue {
	position: absolute;
	top: 3px;
	left: 3px;
	margin: 0;
	padding: 0;
}

/* Styles fuer das Select Element desHersteller Drowpdown Menues */
#locator FORM#quickmenue SELECT {
	width: 196px; 
	margin: 0;
	padding: 0;
	background-color: #FFF;
	border: 1px solid #E0E0E0;
}

/* Styles fuer das Select Element desHersteller Drowpdown Menues */
#locator FORM#quickmenue INPUT {
	margin: 0;
	padding: 0;
	color: #FFF;
	background-color: #911825;
	border: none;
}


/* Position des Locators im Container */
#locator #locatorPos {
	position: absolute;
	left: 231px;
	top: 5px;
}

/* Style fuer Links im Locator */
#locator #locatorPos A {
	color: #373737; 
}

/* quickmenu anpassen */
#quickmenue optgroup{
	font-style: normal;
	background: #FFF;
}
#quickmenue optgroup option{
	margin-left: 16px;
}
/***************************************************************************************/
/* MAIN CONTAINER (linker Teaser, Content, rechter Teaser)                             */
/***************************************************************************************/
/* Container fuer linken Teaser, Content und rechten Teaser */
#mainContainer {
	width: 976px;
	margin: 0;
	padding: 0;
}

/************************************************/
/* ALLG. STYLES FUER LINKE & RECHTE TEASER      */
/* MIT TEXTBOX CONTENT ELEMENT                  */
/************************************************/
/* Container fuer Teaser Boxen*/
#teaserLeftArea .teaserBoxContainer, #teaserRightArea .teaserBoxContainer {
	position: relative;
	width: 220px;
	height: 220px;
	margin: 0 0 12px 0;
	padding: 0;
	background-color: #F0E9D9;
}

/* Styles f�r das Bild in den Teaser Boxen */
#teaserLeftArea .teaserBoxContainer IMG.teaserBoxImg, #teaserRightArea .teaserBoxContainer IMG.teaserBoxImg {
	margin: 0;
	border: 1px solid #E0E0E0;
}

/* Container f�r den Content in den Teaser Boxen */
#teaserLeftArea .teaserBoxContainer .teaserBoxContent, #teaserRightArea .teaserBoxContainer .teaserBoxContent {
	width: 206px;
	height: 78px;
	float: left;
	margin: 0;
	padding: 5px 7px 4px 7px;
	overflow: hidden;
}

/* Styles f�r die H1 Headline in den Teaser Boxen */
#teaserLeftArea .teaserBoxContainer .teaserBoxContent H1, #teaserRightArea .teaserBoxContainer .teaserBoxContent H1 {
	margin: 0;
	font-size: 1.1em;
	color: #388FCB;
}

/* Styles f�r die H2 Headline in den Teaser Boxen */
#teaserLeftArea .teaserBoxContainer .teaserBoxContent H2, #teaserRightArea .teaserBoxContainer .teaserBoxContent H2 {
	margin: 0 0 5px 0;
	font-size: 1.1em;
	color: #388FCB;
}

/* Styles f�r die Absaetze in den Teaser Boxen */
#teaserLeftArea .teaserBoxContainer .teaserBoxContent P.bodytext, #teaserRightArea .teaserBoxContainer .teaserBoxContent P.bodytext {
	font-size: 1em;
}

/* Styles f�r den Link unten rechts in den Teaser Boxen */
#teaserLeftArea .teaserBoxContainer IMG.teaserBoxLink, #teaserRightArea .teaserBoxContainer IMG.teaserBoxLink  {
	position: absolute;
	bottom: 0;
	right: 0;
}

/************************************************/
/* ALLG. STYLES FUER LINKE & RECHTE TEASER      */
/* OHNE TEXTBOX CONTENT ELEMENT                 */
/************************************************/
#teaserLeftArea .teaserContainer, #teaserRightArea .teaserContainer {
	width: 206px;
	float: left;
	margin: 0 0 12px 0;
	padding: 7px;
	background-color: #F0E9D9;
	overflow: hidden;
}

/* Styles f�r die H1 Headline im Teaser Container */
#teaserLeftArea .teaserContainer H1, #teaserRightArea .teaserContainer H1 {
	margin: 0 0 5px 0;
	font-size: 1.1em;
	color: #388FCB;
}

/* Styles f�r die Absaetze im Teaser Container */
#teaserLeftArea .teaserContainer P.bodytext, #teaserRightArea .teaserContainer P.bodytext {
	font-size: 1em;
}

/* CSS Styled IMG Text Klasse (csi-imagewrap) fuer Teaser anpassen */
#teaserLeftArea .teaserContainer .csc-textpic-image, #teaserRightArea .teaserContainer .csc-textpic-image { 
	margin: 5px 0 5px 0;
	padding: 0;
}

/************************************************/
/* TEASER LINKS                                 */
/************************************************/
/* Spalte fuer die linken Teaser */
#teaserLeftArea {
	float: left;	
	width: 220px;
	margin: 0 0 12px 0;
	padding: 0;
}

/************************************************/
/* MAIN CONTENT                                 */
/************************************************/
/* Spalte fuer den Main Content */
#mainContent {
	float: left;	
	width: 512px;
	margin: 0 12px 0 12px;
	padding: 0;
}

/* Styles fuer das DIV, dass um jedes CE gewrappt wird */
#mainContent DIV.ceWrap {
	margin: 0 0 20px 0;
	padding: 0;
	clear: both;
}

/* H1 Headlines in der Main Content Spalte anpassen */
#mainContent H1 {
	text-indent: -10000px;
	display: block;
	height: 51px;
	margin: 0 0 10px 0; padding: 0;
}

/* H2 Headlines in der Main Content Spalte anpassen */
#mainContent H2 {
	text-indent: -10000px;
	display: block;
	height: 30px;
	margin: 0 0 10px 0; padding: 0;
}

/************************************************/
/* TEASER RECHTS                                */
/************************************************/
/* Spalte fuer die rechten Teaser */
#teaserRightArea {
	float: left;	
	width: 220px;
	margin: 0;
	padding: 0;
}


/***************************************************************************************/
/* FOOTER                                                                              */
/***************************************************************************************/
/* Container fuer den 2 spaltigen Footer */
#footer {
	width: 976px;
	height: 26px;
	margin: 12px 0 0 0;
	padding: 0;
}

/* Container fuer den linken Footer */
#footer #footerLeft {
	float: left;
	position: relative;
	width: 744px;
	height: 26px;
	margin: 0 12px 0 0;
	padding: 0;
	background-color: #E0E0E0;
}

/* Style fuer die Grafik mit den Footer Infos */
#footer #footerLeft IMG {
	position: absolute;
	top: 10px;
	left: 13px;
	margin: 0;
	padding: 0;
}

/* Container fuer den rechten Footer */
#footer #footerRight {
	float: left;
	width: 220px;
	height: 26px;
	margin: 0;
	padding: 0;
	color: #FFF;
	background-color: #911825;
	text-align: center;
	overflow: hidden;
}

/* Style fuer die grafschen Links im rechten Footer */
#footer #footerRight IMG {
	margin: 0;
	padding: 0;
}

/* Schriftfarbe fuer den rechten Footer */
#footer #footerRight P, #footer #footerRight P.bodytext {
	color: #FFF;
}

/************************************************/
/* Zen Cart Search                              */
/************************************************/
/* basic searchform */
#locator .searchform{
	position: absolute;
	right: 3px;
	top: 1px;
	border: 0;
	margin: 0;
	padding: 0;
	width: 215px;	
}
#locator .searchform INPUT {
	margin: 0;
}
#locator .searchform .tx_ogvzencartsearch_pi1_submit{
	margin-left: 5px;
	margin-bottom: -5px;
	border: 0;
	background: 0;
	padding: 0;
}
#locator .searchform  .tx_ogvzencartsearch_pi1_search_str{
    width: 142px;
    margin-top:4px;
}

/* searchresults */
DIV.tx-ogvzencartsearch-pi1 .navSplitPagesResult{
	margin-bottom: 7px;
}
DIV.tx-ogvzencartsearch-pi1 .navSplitPagesLinks A,
DIV.tx-ogvzencartsearch-pi1 .navSplitPagesLinks .current{
	padding-left: 2px;
	padding-right: 2px;
}
DIV.tx-ogvzencartsearch-pi1 TABLE{
	border-top:1px solid #E0E0E0;
	margin-bottom: 1em;
	margin-top: 1em;	
	border-collapse: collapse;
}
DIV.tx-ogvzencartsearch-pi1 TD.productListing-data {
	padding: 1em;
	border-bottom:1px solid #E0E0E0;
}
DIV.tx-ogvzencartsearch-pi1 TD.productListing-data IMG.listingProductImage{
	border:1px solid #E0E0E0;	
}
DIV.tx-ogvzencartsearch-pi1 TD.productListing-data h3.itemTitle {
	margin: 0 0 .5em 0;
	font-size: 1em;
	font-weight: bold;	
}

DIV.tx-ogvzencartsearch-pi1 TD.productListing-data h3.itemTitle A,
DIV.tx-ogvzencartsearch-pi1 TD.productListing-data h3.itemTitle A:hover {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;	
}

/* advanced searchform */
DIV.tx-ogvzencartsearch-pi1 .tx_ogvzencartsearch_pi1_searchform{
	padding: 1em;
	border: 1px solid #E0E0E0;
}
DIV.tx-ogvzencartsearch-pi1 .tx_ogvzencartsearch_pi1_searchform .tx_ogvzencartsearch_pi1_submit{
	margin-left: 12px;
	margin-bottom: -9px;
	border: 0;
	background: 0;
	padding: 0;
}
DIV.tx-ogvzencartsearch-pi1 .tx_ogvzencartsearch_pi1_searchform .tx_ogvzencartsearch_pi1_option{
	margin-left: 1em;
	margin-right: 5px;
}
DIV.tx-ogvzencartsearch-pi1 .tx_ogvzencartsearch_pi1_searchform LABEL{
	
}
DIV.tx-ogvzencartsearch-pi1 .tx_ogvzencartsearch_pi1_sreachstr_wrap{
	margin-bottom: 13px;
	margin-top: 6px;
}
DIV.tx-ogvzencartsearch-pi1 .tx_ogvzencartsearch_pi1_check_wrap{
	display: block;
	overflow: hidden;
	margin-top: 3px;
}
DIV.tx-ogvzencartsearch-pi1 .tx_ogvzencartsearch_pi1_check{
	float: left;
}
DIV.tx-ogvzencartsearch-pi1 .tx_ogvzencartsearch_pi1_checklabel{
	float: left;
	padding-top:2px;	
}