/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------		 S T A R T . C S S		    ----------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ----------------- ABSATZTYP EINSPALTIG ------------------- */
/*Master-BOX*/
.einspaltig
{
	width:618px;
	clear:both;
}

/*Margin-BOX*/
.einspaltig	div
{
	position:relative;
	left:5px;
	width:608px;
}

/*Image-BOX*/
.einspaltig div div
{
	position:relative;
	left:0px;
	width:299px;
	float:left;
}

/*Text-BOX*/
.einspaltig div .text
{
	width:299px;
	float:right;
}

/*Text-BOX ohne Image*/
.einspaltig div .text_ohne_bild
{
	width:608px;
	float:right;
}

/* ----------------- ABSATZTYP ZWEISPALTIG ------------------- */
/*Master-BOX*/
.zweispaltig
{
	width:309px;
	float:left;
}

/*Margin-BOX*/
.zweispaltig div
{
	position:relative;
	left:5px;
	width:299px;
}

/*Image-BOX*/
.zweispaltig div div
{
	position:relative;
	left:0px;
	width:126px;
	float:left;
}

/*Text-BOX*/
.zweispaltig div .text
{
	width:166px;
	float:right;
}

/*Text-BOX ohne IMAGE*/
.zweispaltig div .text_ohne_bild
{
	width:299px;
	float:right;
}

/* ----------------- ABSATZTYP DREISPALTIG ------------------- */
/*Master-BOX*/
.dreispaltig
{
	width:206px;
	float:left;
}

/*MArgin-BOX*/
.dreispaltig div
{
	position:relative;
	left:5px;
	width:196px;
}

/*Image-BOX*/
.dreispaltig div div
{
	position:relative;
	left:0px;
	width:63px;
	float:left;
}

/*Text-BOX*/
.dreispaltig div .text
{
	width:126px;
	float:right;
}

/*Text-BOX ohne Bild*/
.dreispaltig div .text_ohne_bild
{
	width:196px;
	float:right;
}


/* --- STARTSEITEN UND SEITENBAU: GEMEINSAMKEITEN ----*/
/*Text-BOX*/
.text, .text_ohne_bild
{
	margin:0px;
	padding:0px;
	overflow:visible;
	height:auto;
	border-bottom:10px solid #fff;
	color:#333;
}

/*IMAGES*/
#LeftContent img
{
	border-bottom:6px solid #fff;
	margin:0px;
	padding:0px;
	display:block;
}

/*Orange Headline*/
h2
{
	margin:0px;
	padding:0px;
	color:#f90;
}

/*Orange Headline mit Link*/
body h2 a
{
	background:none;
	padding:0px;
	display:inline;
	color:#f90!Important;
}


/*Link-BOX*/
.link, .linkleft
{
	display:block;
	clear:both;
	padding:0px;
	margin:2px 0px 0px 0px;
	border:none;
	background: url(/images/css/igus_sprite.gif) no-repeat -625px -576px;
}

/* Link in LINK-BOX */
.link a, .linkleft a
{
	background:none;
	border:none;
	margin:0px;
	position:relative;
	left:10px;
}


/*linked Images*/
.picturelink
{
	background:none;
}

/*Image-Zoom*/
.picturetext a.zoom
{
	display:block;
	float:left;
	clear:left;
	padding:0px;
	border:none;
	margin:0px 5px 5px 0px;
	width:17px;
	height:17px;
	background: url(/images/css/igus_sprite.gif) no-repeat -30px -47px;
}
a.zoom:hover
{
	background-color:#ff9900;
}

#LeftContent p
{
	margin:0px 0px 0px 0px;
	color:#333;
	border-top:5px solid #fff;
}

/*List-BOX, List-Item*/
 div div.list, div.list
{
	width:100%;
	float:none;
	border-top:5px solid #fff;
}
 .list p
{
	padding:0px 0px 0px 7px;
	background:url(/images/css/igus_sprite.gif) no-repeat -2px -587px;
	margin:0px;
	border:none !important;
}

/*Liste mit Text-Bullet */
 .olist p
{
	padding:0px 0px 3px 17px;
	background:none;
	background-color:#fff;
	margin:0px;
	border:none;
}

/*Text-Bullet*/
.olist span
{
	background:url(/images/css/igus_sprite.gif) no-repeat -10px -567px;
	margin:0px;
	position:absolute;
	display:block;
	width:14px;
	height:14px;
	text-align:center;
	color:#fff;
	font-size:9px;
	letter-spacing:0px;
	line-height:12px;
}

/*Image Sub-Text-BOX*/
.picturetext
{
	display:block;
	overflow:visible;
	clear:both;
	padding-bottom:1px;
	border-bottom:5px solid #fff;
	margin:0px;
	border-top:none;
	color:#555;
	font-size:0.9em;
	/*line-height:1.0em;*/
	line-height:1.3em;
}
.dreispaltig .picturetext {width:63px;}
.zweispaltig .picturetext,  .pageindex_longform .picturetext {width:126px;}
.einspaltig .picturetext {width:299px;}

/*Image-Subtext*/
.picturetext p
{
	padding:0px; 
	border:none!important;
	margin:0px 0px 4px 0px
}

/*Space unter Image Sub-Text*/
.height1px
{
	display:block;
	width:1px;
	height:1px;
	border:none;
	line-height:1px;
	margin:0px;
	padding:0px;
	clear:both;
	float:none;
	font-size:1px;
}


/*Headline Einspaltig mit Kasten*/
h4
{
	padding-left:7px;
	line-height:20px;
	margin:0px 0px 15px 0px;
	clear:both;
	letter-spacing:1px;
	color:878787;
	background-color:#ebebeb;
}

/*Sub-Headline*/
b
{
	padding:0px;
	color:#595959;
	display:block;
}

/* --------------- ALLGEMEINE ELEMENTE ---------------*/
/*Headline einspaltig*/
h1
{
	margin:0px;
	color:#878787;
	border-bottom:15px solid #fff;
}
#CommercialContainer h1
{
	border:none;
	margin-bottom:15px;
	font-size:1.7em;
}


a.textLink
{
	padding-left:10px;
}


/*Link-BOX*/
.einspaltig .link {width:289px;}
.einspaltig .text_ohne_bild .link {width:598px;}
.zweispaltig .link {width:156px;}
.zweispaltig .text_ohne_bild .link {width:289px;}
.dreispaltig .link {width:116px;}
.dreispaltig .text_ohne_bild .link {width:186px;}


/*Umbruch nach Absatzzeile*/
.ContentBreak
{
	width:618px;
	height:7px;
	clear:both;
	font-size:1px;
}

/*Umbruch nach Werbebanner*/
.FirstContentBreak
{
	width:618px;
	height:22px;
	clear:both;
}


/*Trennlinie*/
.Line
{
	width:613px;
	height:12px;
	clear:both;
	position:relative;
	left:5px;
	border-bottom:1px solid #d3d3d3;
	margin:0px 0px 24px 0px;
}


/*Trennlinie wenn kein Banner am Anfang der Seite ist*/
.FirstLine
{
	width:613px;
	height:9px;
	clear:both;
	position:relative;
	left:5px;
	border-top:1px solid #d3d3d3;
}

/*Letzte Trennlinie*/
.LastLine
{
	width:613px;
	height:20px;
	clear:both;
	border-bottom:1px solid #d3d3d3;
	margin:0px 0px 0px 0px ;
	position:relative;
	left:5px;
}

/*Contentlink der frei plazierbar ist*/
.ContentLink a
{
  float:left;
  clear:both;
  padding-left:10px;
  margin-bottom:13px;
  background-color:#fff;
}

/*Link, der im Text frei plazierbar ist*/
.textlink
{
	padding-left:8px;
	margin-left:5px;
	color:#ff9900;
}


/* ---------- Tabellen zur freien Verfuegung ---------------- */
.text_ohne_bild table, .text table
{
	font-size:0.9em;
	color:#555;
}


/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------		 M A I N . C S S	 -----------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------- ALLGEMEIN --------------------------------------------------------------------*/
body
{ 
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background-color:#FFF;
}

a img
{
	border:none;
}


/* ----------------------- HEAD ----------------------------- */
/*Head-BOX*/
#head
{ 
	width:790px;
	height:75px;
	position:relative;
	left:5px;
	background-color:#fff;
}

/*Logo-BOX*/
#logo
{
	position:absolute;
	left:4px;
	top:15px;
	width:87px;
	z-index:90;
}

/*CLAIM*/
#claim
{
	display:block;
	margin:0px;
	position:absolute;
	top:32px;
	left:100px;
	width:180px;
	height:20px;
	z-index:100;
}

#claim a.fr
{
	display:block;
	width:177px;
	height:18px;
	background:url(/images/css/igus_sprite.gif) no-repeat -188px 0px;
}

#claim a
{
	display:block;
	width:177px;
	height:18px;
	background:url(/images/css/igus_sprite.gif) no-repeat 0px 0px;
}


#logo div  a
{
	display:block;
	width:87px;
	height:44px;
	background:url(/images/css/igus_sprite.gif) no-repeat -88px -20px;
}


/*Sucheingabe-BOX*/
#search
{
	width:335px;
	position:absolute;
	top:31px;
	left:280px;
}

/*Inputfeld Sucheingabe*/
#search input
{
	width:104px;
	float:right;
	border:1px solid #b3b9c3;
	border-right:none;
	height:19px;
	color:#555;
	font-size:1.0em;
}

/*Link Sucheingabe*/
#search a
{
	float:right;
	display:block;
	padding-left:10px;
	white-space:nowrap;
	border-top:2px solid #fff;
}


/*Lupenlink*/
#search #SearchGo
{
	display:block;
	width:21px;
	height:19px;
	background:url(/images/css/igus_sprite.gif) no-repeat -67px -21px;
	padding:0px;
	margin-right:15px;
	border:none;

}
#search #SearchGo:hover
{
	background-position:-67px -40px;
}


/*Sprachauswahl-BOX*/
#language
{
	width:134px;
	position:absolute;
	top:31px;
	left:640px;
}
#language select
{
	width:134px;
	border:1px solid #b3b9c3;
	padding:1px;
}

/* -------------------- HEADNAVIGATION --------------------- */
/*Navigationsleiste Grau*/
#navi
{ 
	width:790px;
	height:28px;
	background-color:#EBEBEB;
	border-bottom:1px solid #D3D3D3;
	position:relative;
	left:5px;
}

/*Trennlinien Main-Menu*/
.BorderRoundOff
{
	background:url(/images/css/igus_sprite.gif) no-repeat -175px -18px;
}
.BorderRoundOn
{
	background:url(/images/css/igus_sprite.gif) no-repeat -271px -18px;
}

.BorderOff, .BorderRoundOff
{
	border-right:1px solid #BDBDBD;
	color:#333;
}
.BorderOn, .BorderRoundOn
{
	border-right:1px solid #959595;
	background-color:#959595;
	color:#fff;
}

.BorderOff, .BorderOn, .BorderRoundOff, .BorderRoundOn
{
	text-align:center;
	white-space:nowrap;
	line-height:28px;
}

#menu1 .milonictable
{
	font-size:1.2em !important;
}

/*MenuTabelle Corporate Navigation*/
#CorporateNav
{
	float:right;
	padding:0px;
	border:none;
	height:28px;
}
#CorporateNav td img
{
	margin:0px 5px 0px 10px;
}

/*runde Ecke rechts*/
#RoundCorner
{
	width:18px;
	height:28px;
	background:url(/images/css/igus_sprite.gif) no-repeat -49px -21px;
	vertical-align:top;
}

/*Space zwischen Head und Navigationszeile*/
.HeadSpacer
{
	width:795px;
	background-color:#fff;
	font-size:1px;
	height:7px;
}

/*Container fuer Warenkorb-links in Hauptnavigation*/
#shop_main_nav
{
	float:left;
	position:absolute;
	left:194px;
	height:28px;
	font-size:12px;
}

/*Link schnell bestellen*/
#quick_order
{
	float:left;
	height:28px;
	line-height:28px;
	padding:0px 12px 0px 12px;
	border-right:1px solid #bdbdbd;
	background:none;
}
#quick_order:hover
{
	background-color:#959595;
	color:#fff;
}

/*Grosser Warenkorb-Link*/
#warenkorb_big
{
	float:left;
	height:28px;
	line-height:28px;
	background:url(/images/css/igus_sprite.gif) no-repeat 13px -69px;
	padding:0px 12px 0px 44px;
	border-right:1px solid #bdbdbd;
}

#warenkorb_big:hover
{
	background:url(/images/css/igus_sprite.gif) no-repeat 13px -99px #959595;
	color:#fff;
}

#warenkorb_big div
{
	display:inline;
}

#wako_nr a
{
	background:none;
}

/* ------------------- BREADCRUMB NAVIGATION --------------- */
/*Breadcrumb-BOX*/
#BreadcrumbContainer
{ 
	width:790px;
	position:relative;
	left:5px;
	background-color:#fff;
	height:13px;
}

#BreadCrumb
{
	height:13px;
	float:left;
}

/* ------------------- ICON-NAVIGATION --------------------- */
/*Icon-Navi-BOX*/
#IconNavi
{
	position:relative;
	right:17px;
	height:13px;
	float:right;
	width:155px;
}

#IconNavi div
{
	border-left:12px solid #fff;
	width:auto;
	float:right;
}

/*Icon Href*/
#IconNavi a
{
	width:16px;
	height:13px;
	display:block;
	font-size:1px;
}

/*Icon "CallBack"*/
a#CallBack {background:url(/images/css/igus_sprite.gif) -589px -317px no-repeat; width:19px;}
a#CallBack:hover {background-position:-589px -305px;}

/*Icon "Seite Versenden"*/
a#SendSite {background:url(/images/css/igus_sprite.gif) -32px -21px no-repeat;}
a#SendSite:hover {background-position:-32px -34px;}

/*Icon "Bookmark"*/
a#BookmarkSite {background:url(/images/css/igus_sprite.gif) 0px -21px no-repeat;}
a#BookmarkSite:hover {background-position:0px -34px;}

/*Icon "Warenkorb"*/
a#Warenkorb {background:url(/images/css/igus_sprite.gif) -16px -21px no-repeat;}
a#Warenkorb:hover {background-position:-16px -34px;}


/* ---------------------- CONTENT LEFT ---------------------- */
/*Content und graue Sec-Navigation BOX*/
#container
{
	position:absolute;
	top:0px;
	left:7px;
	width:795px;
	clear:both;
	background:url(/images/css/right_col_bg.gif) repeat-y right;
}

/*Content-BOX*/
#ContentContainer
{
	width:795px;
	height:448px;
}

/*Linker Bereich BOX*/
#LeftContent
{
	width:618px;
	float:left;
}

/*Webebanner*/
#commercial
{
	width:613;
	Height:222;
	position:relative;
	left:5px;
	background-color:#f90;  
}


/* ------------------------- FOOTER ------------------------- */
#copyright
{ 
	width:790px;
	border-top:10px solid #fff;
	float:right;
	background-color:#fff;
	border-bottom:10px solid #fff;
	color:#333;
}

#socialnetwork
{
	width:613px;
	float:right;
	clear:both;
	border-bottom:1px solid #d3d3d3;
	padding:6px 0px 7px 0px;
	line-height:25px;
}

#socialnetwork b
{
	float:left;
}


#socialnetwork div
{
	width:240px;
	height:24px;
	background:url(/images/css/igus_sprite.gif) no-repeat 7px -153px;
	padding:0px 0px 0px 10px;
	float:left;
}

#socialnetwork a
{
	display:block;
	float:left;
	width:20px;
	height:20px;
	line-height:10px;
	margin-top:2px;
	margin-right:10px;
	background:none;
}


/* ---------------------- HREF ALLGEMEIN -------------------- */
a
{
	color:#333;
	text-decoration:none;
	background: url(/images/css/igus_sprite.gif) no-repeat -625px -576px;
}

a:hover, .SearchLine a:hover, .LastSearchLine a:hover
{
	color:#000;
	text-decoration:none;
}


#BreadCrumb a, .icon a, .Kontakt a
{
	background:none;
}


/* _________________________F O N T    O T H E R S ______________________________ */

.RightInput
{font-size:0.8em ;}

#lnk0, #lnk1, .News, dfn, .Kontakt b
{font-size:0.9em ;}

/* FONT SIZE 10px */
#NewsTabelle, #ProduktTabelle, #APTabelle, .presse, .rahmen, .auswahlhilfe, .formBig, .form, .auswahlhilfe input
{font-size:1.0em;}

/* FONT SIZE 11px */
#LeftContent, select, #search, .Kontakt, .Kontakt h2, .presseMenu, input , #BreadCrumb, .auswahlhilfe td
{font-size:1.1em;}

/* FONT SIZE 12px */
#RightContent, #navi, .RightInput a, .fax_tel td, .RightInput input
{font-size:1.2em}


/* FONT SIZE 13px */
h2, #MapHeadlineGrey, .formBig h2
{font-size:1.2em;}

/* FONT SIZE 14px */
#MapHeadlineGrey
{font-size:1.4em;}

/* FONT SIZE 16px */
h1
{font-size:1.45em;}

/* Mainnavigation 16px */
#lnk0, #lnk1, #CommercialContainer td
{font-size:0.75em;}

.RightInput a
{font-size:130%;}

.form h2
{font-size:1.2em !important;}

/* _________________________      R I G H T        ______________________________ */

/*Master-BOX*/
#RightContainer
{
	width:172px;
	float:right;
	background:url(/images/css/igus_sprite.gif) -237px -474px no-repeat #ebebeb;
}

/*Margin-BOX*/
#RightContent
{
	border-top:13px solid #ebebeb;
	border-bottom:5px solid #ebebeb;
	width:145px;
	color:#333;
	margin-left:12px;
}

/*Absatz*/
#RightContent p
{
	margin:0px 0px 5px 0px;
	position:relative;
	left:0px;
}

/*Telefon-Icon*/
.phone
{
	background:url(/images/css/igus_sprite.gif) no-repeat 0px -503px;
	padding-left:12px;
	margin:0px;
	width:auto;
	display:block;
}

/*Trennlinie*/
.linie
{
	border-top:1px solid #D3D3D3;
	height:1px;
	font-size:1px;
	line-height:1px;
	width:145px;
	margin:10px 0px 9px 0px;
}

/*Link*/
#RightContent a
{
	width:145px;
	display:block;
	padding-left:10px;
	border-bottom:2px solid #ebebeb;
}

/*Image Link */
#RightContent .menu_imagelink
{
	padding:0px;
	background:none;
}

/*Linkblock Link*/
#RightContent .linkblock a
{
	width:140px;
	display:block;
}

/*E-mail Icon*/
#RightContent a.mail
{
	background: url(/images/css/igus_sprite.gif) -225px -503px no-repeat;
	padding-left:15px;
}
#RightContent a.mail:hover
{
	background-position:-225px -533px;
	padding-left:15px;
}

/*Inputfeld*/
.RightInput input, #RightContent select
{
	width:145px;
	height:17px;
	font-size:114%;
	font-family:arial;
	margin-bottom:3px;
	clear:both;
	padding:0px 0px 1px 2px;
	color:#555;
}

form
{
	margin:0px;
	padding:0px;
}

#waitMessage    /*Warten Hinweis BOX*/
{
	position:absolute;
	font-weight:bold;
	border:1px solid #ababab;
	color:#878787;
	background-color:#ECECEC;
	padding:20px;
	z-index:1000;
	font-size:1.2em
}

/* Popup-DIV für Text und Bild mit Abdecker */
#PopupAbdeckungsContainer { position:absolute; left:0px; top:0px; width:100%; z-index:7501; height:200%; background-color:#000; opacity:0.7; filter:Alpha(opacity=70);}
#popupbox { position:absolute; z-index:8510; overflow:hidden; }
#popupcontent { background-color:#fff; border:1px solid #666;}

.paddingbox { overflow:auto; background-color:#fff;}
.popup_close { display:block; height:30px; opacity:1.0; filter:Alpha(opacity=100); clear:both;}
.bigclose 
{
  float:right;
  display:block;
  width:23px;
  height:23px;
  background:url(/images/css/igus_sprite.gif) no-repeat 0px -377px;
  position:relative; top:2px; right:2px;
}
.bigclose:hover
{
  display:block;
  background:url(/images/css/igus_sprite.gif) no-repeat 0px -400px;
}



/*----------------------------------------------------- ENDE ALLGEMEIN --------------------------------------------------------------------*/

@media screen 
{
	/*Umbruch nach Absatzzeile OHNE ABSTAND*/
	.NonSpaceingBreak, .NonSpaceingBreak td
	{
		/*width:618px;*/
		width:100%;
		height:1px;
		margin:0px 0px -1px 0px;
		padding:0px;
		clear:both;
		border:none;
		border-collapse:collapse;
		background-color:#fff;
	}
}

@media print 
{
	/*Umbruch nach Absatzzeile OHNE ABSTAND*/
	.NonSpaceingBreak, .NonSpaceingBreak td
	{
		display:none;
	}
}