/*
------------------------------------------------------------------
	CSS-STYLE FUER LEBBIN - DEFAULT - XXXX
	(C) 2009 WWW.OST-KOMBINAT.DE
------------------------------------------------------------------
*/



/* --------- Global Reset -----------*/
/* ----------------------------------*/
*{margin:0px;padding:0px;border:0px;}
img		{border-style:none;}
a		{}
form	{margin:0px;padding:0px;}
:focus	{outline:none;}

/* ---------- General Defs---------- */
/* ----------------------------------*/
html	{font-size:62.5%;}



body{
	zoom: 1.5;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:1.3em;
	background-image:url(../../Global_Images/bg_page.jpg);
	background-repeat:repeat-x;
	text-align:center;
}

/* ------- Customized Values ------- */
/* ----------------------------------*/
#wrap{
	border:0px solid red;
	text-align:left;
	margin-left:auto;margin-right:auto;
	width:1000px;
	text-align:left;
	display:block;
}


/* ------- Oberer Header-Bereich ------- */
/* --------------------------------------*/
#headertopbox{
	height:95px;
	display:block;
	border:0px solid green;
}

#headerlogo{
	float:right;
	width:259px;
	border:0px solid black;
}
/* UL-Liste (Footernavi) im oberen Top: */
#headertopbox ul{
	float:left;
	font-size:0.9em;
	color:#71706F;
	margin:78px 0px 0px 32px;
	list-style:none;
	border:0px solid red;
	width:500px;
}

#headertopbox #quicknavi li{
	float:left;
	list-style-type:none;
	margin-left:0px;
	text-transform:uppercase;
}

/* Die Trenner-CLASS zwischen den einzelnen <li> - Punkten der oberen Footernavi */
#headertopbox #quicknavi .dividerpipe{
	float:left;
	list-style-type:none;
	padding-left:12px;
	padding-right:12px;
	background-image:url(../../Global_Images/dividerpipe_footernavi.gif);
	background-repeat:no-repeat;
}
/* Link-Styles in der Footernavi */
#headertopbox #quicknavi li a{
	color:#71706F;
	text-decoration:none;
}
#headertopbox #quicknavi li a:hover{color:#131313;}






/* ------- Unterer Header-Bereich (das Teaser-Image und die Box mit der Main-Navi) ------- */
/* ----------------------------------------------------------------------------------------*/

#headerteaserbox
{
	position:relative;
	display:block;
	width:969px;
	height:289px;
	padding:0px 31px 0px 0px;
	margin:0px;
	border:0px solid black;
	background-repeat:no-repeat;
	background-color:#CCCCCC;
}

/* DER FOLGENDE STYLE IST EXCLUDIERT IN DER DATEI 'themestyle_home.css' !!!
.headerteaserimage{
	background-image:url(../../Global_Images/header_2.jpg);
}
*/

/*Header-Breite / Padding fuer IE 5+6 Korrigieren: */
* html #headerteaserbox{   /* nur fuer Internet Explorer */
	width:1000px;/* Version 5.x */
	w\idth:969px;/* Version 6 */
}

/* ------ Box fuer die Haupt-Navi ------ */
/* --------------------------------------*/
#navibox{
	float:right;
	margin:77px 0px 0px 0px;
	padding:0px;
	width:228px;
	height:212px;
	background-image:url(../../Global_Images/bg_navi.png);
	color:#FFFFFF;
}

#navibox ul{
	/*display:block;*/
	width:228px;
	list-style:none;
	position:absolute;
	bottom:0px;
	border:0px solid green;
}

/*
#navibox ul li{
	list-style-type:none;
	font-size:0.9em;
	text-transform:uppercase;
	margin:0px;
	display:inline;
}
#navibox a{
	display:block;
	list-style-type:none;
	line-height:2.1em;
	font-size:1.0em;
	text-transform:uppercase;
	padding-left:15px;
	margin:0px;
	color:#FFFFFF;
	text-decoration:none;
}
*/

#navibox ul li{
	list-style-type:none;
	line-height:2.1em;
	font-size:0.9em;
	text-transform:uppercase;
	margin:0px;
	display:block;
	padding-left:15px;
	color:#FFFFFF;
	text-decoration:none;
}
#navibox ul li a{
	display:block;
	text-transform:uppercase;
	margin:0px;
	color:#FFFFFF;
	text-decoration:none;
}



#navibox ul li:hover{background-image:url(../../Global_Images/bg_navi.png);color:#B7050A;}
#navibox ul li a:hover{color:#B7050A;}
#navibox ul li.active a{color:#B7050A !important;}
#navibox .active:hover{background-image:url(../../Global_Images/bg_navi.png);color:#B7050A;}

/* Classe fuer unterste Hauptnavi-box "rueckrufservice" : */
#navibox ul li.last{
	display:block;
	list-style-type:none;
	line-height:30px;
	font-size:1.0em;
	text-transform:uppercase;
	padding-left:15px;
	margin:0px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#ED1C24;
	background-image:url(../../Global_Images/bg_navi_callbackservice.gif);
	background-repeat:no-repeat;
}
#navibox ul li.last:hover{
	color:#000000;
	background-image:url(../../Global_Images/bg_navi_callbackservice_on.gif);
	background-repeat:no-repeat;
}
#navibox ul li.last a:hover{color:#000000;}

/* ------ Box fuer die SUB-Navi --------- */
/* --------------------------------------*/

#subnavigationbox{
	float:right;
	width:228px;
	height:212px;
	margin:0px 31px 0px 0px;
	background-color:#FFFFFF;
	color:#000000;
}
/* Korrektur fuer IE ... */
* html #subnavigationbox{
	width:228px;
	margin-right:15px;
}
#subnavigationbox h1{
	font-size:1.15em;
	font-weight:normal;
	text-transform:uppercase;
	color:#000000;
	margin:0px;
	padding:11px 0px 3px 15px;
	float:left;
}
#subnavigationbox #subnavigation{
	list-style-type:none;
	margin: 0px;
	padding:0px;
	display:block;
	border:0px solid blue;
	text-transform:uppercase;
	color:#888888;
}
/*
#subnavigationbox #subnavigation li{
	font-size:0.9em;
	line-height:2.3em;
	display:inline;
}
#subnavigationbox #subnavigation li a{
	display:block;
	padding-left:26px;
	background-image:url(../../Global_Images/bullet_subnavi.gif);
	background-position:16px 3px;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#888888;
}
*/
#subnavigationbox #subnavigation li{
	font-size:0.9em;
	line-height:2.1em;
	display:block;
	padding-left:23px;
	background-image:url(../../Global_Images/bullet_subnavi.gif);
	background-position:14px 4.5px;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#888888;
}
#subnavigationbox #subnavigation li a{
	display:block;
	color:#888888;
	text-decoration:none;
}
#subnavigationbox #subnavigation li.active a{
	text-decoration:none;
	color:#888888;
}
#subnavigationbox #subnavigation li:hover{background-color:#EEEEEE;color:#B7050A;background-position:14px 4.5px;}
#subnavigationbox #subnavigation li a:hover{color:#B7050A;}
#subnavigationbox #subnavigation li.active{color:#B7050A;background-position:14px 4.5px;}
#subnavigationbox #subnavigation li.active a{color:#B7050A;}
#subnavigationbox #quickfindername{
	float:left;
	padding-top:12px;
	padding-left:10px;
	font-size:1.0em;
	font-weight:normal;
	color:#000000;;

}




/* ------ CONTENT-STYLES  ------ */
/* ------------------------------*/

#main{
	position:relative;
	min-height:350px;
	background-image:url(../../Global_Images/bg_content.gif);
	background-position:top;
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
}
#contentbox{
	position:relative;
	float:left;
	min-height:273px;
	width:741px;
	margin:0px;
	padding:0px;
}

/* Class fuer Content-Text */
.content{
	font-size:1.0em;
	color:#888888;
	line-height:1.4em;
}
/* Class fuer Links im Content-Text */
.content a{
	color:#B7050A;
	text-decoration:none;
}

.content a:hover{text-decoration:underline;}

/* Box fuer 'nur-Text', klebt linksseitig, ist breit. Rechts davon kein platz, nur 50px space zur subnavi */
#content_textonly{
	float:left;
	border:0px solid blue;
	width:670px;
	margin-left:42px;
	margin-top:32px;
	color:#888888;
}
*html #content_textonly{
	width:670px;
	margin-left:21px;
	margin-top:32px;
	color:#888888;
}
/* Box fuer 'Produktuebersicht', klebt linksseitig, ist breit. Rechts davon NULL platz, klebt direkt an der subnavi */
#content_productoverview{
	float:left;
	width:699px;
	margin-left:42px;
	margin-top:32px;
	color:#888888;
}
*html #content_productoverview{
	width:697px;
	margin-left:21px;
	margin-top:32px;
	color:#888888;
}
/* Box fuer 'nur-Text', klebt linksseitig, ist schmal. Platz fuer Teaser-Pic rechts davon! */
#content_textonly_small{
	float:left;
	border:0px solid blue;
	width:375px;
	margin:32px 0px 0px 42px;
	color:#888888;
}
*html #content_textonly_small{
	margin:32px 0px 0px 21px;
	width:375px;	/* IE 5.x */
	w\idth:375px;	/* IE 6.x */
}
/* Box fuer 'nur-Text', klebt linksseitig, ist schmal. Platz fuer Teaser-Pic rechts davon! */
#content_textonly_small_left{
	float:left;
	border:0px solid blue;
	width:275px;
	margin:0px 0px 0px 0px;
	color:#888888;
}
*html #content_textonly_smallleft{
	margin:0px 0px 0px 0px;
	width:275px;	/* IE 5.x */
	w\idth:375px;	/* IE 6.x */
}
/* Box fuer 'nur-Text', klebt linksseitig, ist schmal. Platz fuer Teaser-Pic rechts davon! */
#content_textonly_small_right{
	float:left;
	border:0px solid blue;
	width:220px;
	margin:0px 0px 0px 42px;
	color:#888888;
}
*html #content_textonly_smallright{
	margin:32px 0px 0px 21px;
	width:220px;	/* IE 5.x */
	w\idth:175px;	/* IE 6.x */
}
/* Standard-Headline Oben ueber dem Fliesstext */
.content h2
{
	font-size:1.4em;
	font-weight:normal;
	text-transform:uppercase;
	color:#000000;
	margin: 0px 0px 5px 0px;
	padding:0px;
}
/* Subheadline unter der ersten Headline */
.content h3
{
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	color:#B7050A;
	margin: 0px 0px 15px 0px;
	padding:0px;
}

/* Standard-Listen: */
.content .content_sidelistbox{display:block;}
.content .content_sidelistbox ul{
	float:left;
	margin:5px 30px 0px 0px;
	padding:0px;
	display:inline;
	list-style-type:none;
	list-style-position:outside;
}
.content li{
	padding-left:10px;
	margin:0px;
	background-image:url(../../Global_Images/bullet_contentlist.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	list-style-type:none;
}
/* Preis-Listen (mit Link): */
.content .content_pricelistbox{display:block;}
.content .content_pricelistbox ul{
	float:left;
	margin:5px 30px 0px 0px;
	padding:0px;
	display:inline;
	list-style-type:none;
	list-style-position:outside;
}
.content .content_pricelistbox ul li {
	color:#888888;
	padding:3px 3px 3px 10px;
	margin:0px;
	background-image:none;
	list-style-type:none;
}
.content .content_pricelistbox ul li a{
	color:#888888;
	background-image:url(../../Global_Images/icon_download_pdf.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding:3px 3px 3px 20px;
}
.content .content_pricelistbox ul li a:hover{
	color:#B7050A;
	background-image:url(../../Global_Images/icon_download_pdf.gif);
	background-repeat:no-repeat;
	background-position:0px -45px;
}


/* Die Box fuer das Teaser-Image zwischen text und Subnavi */
/* In diesem Fall speziell fuer die Startseite oder andere Seiten in Verbindung mit der Text-Box '#content_textonly' */
/* Das Image selbst wird hardcore zwischen die Divs geschrieben.  */
#teaserimage_start{
	float:left;
	padding-left:33px;
	border:0px solid black;
}





/* ------------  Produkt-Uebersicht --------------- */
/* ------------------------------------------------ */
/* Achtung: Die gesamte Box ist (damit komplett verlinkt) als span-box gestaltet, die mit einem A-ref umspannt ist! */


/* Style der Box allgemein (achtung: ein SPAN mit <a> umspannt!*/
.productexamplebox{
	position:relative;
	float:left;
	width:300px;
	height:96px;
	margin:0px 49px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:auto;
}
/* Fuer IE : Cursor muss bei ueberfahren zur Link-Hand werden. */
.productexamplebox:hover{cursor:pointer;cursor:hand;}

.productexamplebox .productimage
{
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:86px;
	margin:0px;
	padding:0px;
}

.productexamplebox_textcontent
{
	position:absolute;
	top:54px;
	left:0px;
	width:300px;
	height:30px;
	margin:0px;
	padding:0px;
}

a .productexamplebox{text-decoration:none;}

/* Der 'pseudo'-Link am fuss der Box */
.productexamplebox_textcontent a{
	padding-left:16px;
	background-image:url(../../Global_Images/bullet_subnavi.gif);
	background-repeat:no-repeat;
	background-position:4px -1px;
	text-transform:uppercase;
	font-size:0.9em;
	color:#888888;
	font-style:normal;
	text-decoration:none;
}
/* Hover-Effekt des Pseudo-Links: */
.productexamplebox_textcontent a:hover{background-position:4px -36px;color:#B7050A;text-decoration:underline;}

/* Die Headline-Bezeichnung des Produktes */
.productexamplebox_textcontent h3{
	position:relative;
	font-size:1.2em;
	color:#FFFFFF;
	text-transform:uppercase;
	margin:0px;
	padding:0px 0px 4px 5px;
	text-decoration:none;/* Da der <a>Ref die gesamte box umspannt: Hier nochmal explizit dafuer sorgen dass kein unterstrich erscheint */
}
.productexamplebox_textcontent h3 a:hover{text-decoration:none;color:#FFFFFF;}

.productexamplebox_textcontent h3 a{
	position:relative;
	font-size:1em;
	color:#FFFFFF;
	text-transform:uppercase;
	margin:0px;
	padding:0px 0px 4px 5px;background-image:none;
	text-decoration:none;
}






/* ----- FOOTER (c)-BOX und Defs  ----- -- */
/* --------------------------------------- */

#footerbox{
	height:25px;
	display:block;
	border:0px solid green;
	padding-left:42px;
	padding-top:4px;
	padding-right:31px;
	text-align:right;
	color:#555555;
	font-size:1em;
}
#footerbox a{text-decoration:none;color:#555555;}
#footerbox a:hover{color:#000000;}





/* --- Global Clearing Style Definition -- */
/* --------------------------------------- */
.fltrt 
{ 
	float: right;
}
.fltlft 
{ 
	float: left;
}
.clearfloat 
{ 
	clear:both;
   	height:0;
   	font-size: 0px;
   	line-height: 0px;
}
.hiddenelement{
	visibility:hidden;
	width:0px;
	height:0px;
	overflow:hidden;
}