/*

######################################################################

	Offermann.de - Global Styles 



	Design und Realisierung by Ost-Kombinat.de

######################################################################

*/







html



{



	height:100%;



	width:100%;



	margin:0px;



	padding:0px;



}



body



{



	height:100%;



	width:100%;



	margin:0px;



	padding:0px;



	background-color:#161616;



	background-image:url(../../Global_Images/Background.jpg);



	background-repeat:repeat-x;



	text-align:center;



	font-family:Arial, Helvetica, sans-serif;



	font-size:10px;



	color:#CCCCCC;



}

a

{

	text-decoration:none;

	color:#CCCCCC;



}

a:hover

{

	text-decoration:none;

	color:#FFFFFF;



}

#Holder



{



	width:100%;



	height:100%;



	text-align:center;



	vertical-align:middle;







}



#WebsiteTable



{



	width:929px;



	height:550px;



	padding:0px;



	margin:0px;



	border:0px solid #000000;



	background-image:url(../../Global_Images/Background_Website_Neu.jpg);



	background-repeat:repeat-x;



}

#WebsiteTable2



{



	width:929px;



	height:530px;



	padding:0px;



	margin:0px;



	border:1px solid #000000;



	background-image:url(../../Global_Images/Background_Website.jpg);



	background-repeat:repeat-x;



}









#Content



{

	height:502px;

	vertical-align:top;
text-align:left;

	background-position:top left;

	background-image:url(../../Global_Images/Logo_Small.jpg);

	background-repeat:no-repeat;
width:928px;

	

}

#Content2



{

	height:502px;
width:928px;

	vertical-align:top;

}

#ContentHistory



{

	height:502px;

	background-image:url(../../Global_Images/History_Background.jpg);

	background-position:top left;

	background-repeat:no-repeat;

	vertical-align:top;

}

.content

{

	position:relative;



}

#NavigationBar

{

	height:18px;

	width:96%;

	padding-left:220px;

	vertical-align:bottom;

	text-align:left;

	background-color:#595a59;
	border:0px solid #FFFFFF;

}

#GuidedTourText a
{
	color:#FFFFFFF;
	text-decoration:underline;

}

#NavigationBar2

{

	height:18px;

	width:96%;

	padding-left:1px;

	vertical-align:bottom;

	text-align:left;
	border:0px solid #FFFFFF;

}



#QuickLinks



{

	height:27px;

	width:4%;
border:0px solid #990000;
	vertical-align:middle;

	background-color:#595a59;

	text-align:right;

	padding-top:3px;

	padding-left:0px;



}

#FooterBarHolder
{
	width:928px;
	padding:0px;
}

#LanguageSwitch
{
	width:928px;
	padding-left:8px;
	padding-bottom:2px;
}

.LanguageSwitchButton
{
	width:900px;
	text-transform:uppercase;
	color:#6a6a6a;

}

.LanguageSwitchButton a
{
	text-transform:uppercase;
	

}


#Icon
{
	width:16px;
	padding-left:12px;
	text-align:right;

}

#LanguageSwitch a
{
color:#6a6a6a;
}

#LanguageSwitch a:hover
{
color:#CCCCCC;
}



#QuickNavigation
{
	width:464px;
	border:0px solid #990000;
	vertical-align:top;
	text-align:right;
	padding-top:0px;
	padding-left:0px;
}


#QuickNavigation ul

{

	padding:0px;
	white-space:nowrap;

	margin:0px;

	list-style:none;

	border:0px solid #FFFFFF;

	text-align:right;



}

#QuickLinks ul

{

	padding:0px;
	white-space:nowrap;

	margin:0px;

	list-style:none;

	border:0px solid #FFFFFF;

	text-align:right;



}
#QuickNavigation ul li

{

	padding:0px;

	margin:0px;

	list-style:none;

	float:right;

	padding-left:2px;

	padding-right:10px;

}
#QuickLinks ul li

{

	padding:0px;

	margin:0px;

	list-style:none;

	float:right;

	padding-left:2px;

	padding-right:10px;

}

#QuickNavigation ul li a

{

	padding:0px;

	margin:0px;

	list-style:none;

	color:#2e2e2e;

	text-decoration:none;

}

#QuickNavigation ul li a:hover

{

	padding:0px;

	margin:0px;

	list-style:none;

	color:#FFFFFF;

	text-decoration:none;

}

#QuickLinks ul li a:hover

{

	padding:0px;

	margin:0px;

	list-style:none;

	color:#FFFFFF;

	text-decoration:none;

}

#QuickLinks ul li.QuickLinksActive a

{

	padding:0px;

	margin:0px;

	list-style:none;

	color:#FFFFFF;

	text-decoration:none;

}

.QuickLinksActive

{

	padding:0px;

	margin:0px;

	list-style:none;

	color:#FFFFFF;

	text-decoration:none;

}



#QuickLinks2



{

	height:27px;

	width:4%;

	vertical-align:top;

	



}



/*

Slider Styles

*/







div.scroller 

{ 

	/* modify width and height of scrolling section if necessary	*/		

	width: 927px; 

	height: 436px;

	overflow: hidden;

	border:0px solid #cccccc;

	padding:0px;

	margin:0px;	

	padding-top:19px;

	

}

div.scroller div.section 

{

	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		

	width:927px;

	height:436px;

	overflow:hidden;

	float:left;

	padding:0px;

	margin:0px;	

	padding-left:3px;	

}

div.scroller div.Slider

{

	width: 10000px;

}



div#section2 

{

	color:#ffffff;

}



#ProduktTeaserPicture

{

	width:182px;

	height:153px;

	background-position:center;

	background-repeat:no-repeat;

	padding:0px;

	margin:0px;

	vertical-align:bottom;



}



/*

Overview Teaser

*/

#Content ul

{

	padding: 0;

	margin: 0;

	color: White;

	float: left;

	/*width: 100%;*/

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	padding-bottom:4px;

	list-style:none;

}





.Teaser 

{

	display: inline; padding:0; margin:0; width:182px; height:204px; border:0px solid #FFFFFF; 

	vertical-align:middle;

	color: #FFFFFF;

	background-color:#474747;

	margin:1px;

	text-decoration: none;

	float: left;

	list-style:none;

}

.Spacer 

{

	display: inline; padding:0; margin:0; width:182px; height:204px; border:0px solid #FFFFFF; 

	vertical-align:middle;

	color: #FFFFFF;

	margin:1px;

	text-decoration: none;

	float: left;

}



#Logo

{

	background-position:top left;

	background-image:url(../../Global_Images/Logo_Small.jpg);

	background-repeat:no-repeat;

	height:221px;

	vertical-align:top;

	border:0px solid #CCCCCC;



}





/*

QuickNavigationTab

*/



#QuickNavigationTab

{

	width:200px;

	height:20px;

}

#QuickNavigationTab2

{

	width:200px;

	background-color:#555555;

	height:20px;

}

#QuickNavigationTab a

{

	color:#666666;

}





/*

Detail Styles

*/



#DetailBarLeft

{

	width:444px;

	vertical-align:top;

}

#DetailBarRight

{

	width:448px;

	vertical-align:top;

}

#DetailBarRightAddon

{

	width:37px;

	vertical-align:bottom;

	text-align:right;

	padding-bottom:15px;

}



#PreviewPictures

{

	height:300px;

	vertical-align:top;



}

#DetailTextBox

{

	height:193px;

	vertical-align:top;

	text-align:left;



}

#BackLinkOverview

{

	width:160px;

	height:73px;

	vertical-align:bottom;

	padding-left:4px;

	padding-bottom:4px;

}

#PictureNavigation

{

	height:83px;

	vertical-align:top;

	text-align:left;

	margin-right:0px;

	padding:0px;

	margin:0px;

}

#PictureNavigation ul

{

	padding:0px;

	margin:0px;

	list-style:none;

	text-align:right;

	width:227px;

	height:83px;

}

#PictureNavigation ul li

{

	padding:0px;

	margin:0px;

	padding-right:3px;

	float:left;

}





.BacklinkLight

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#ffffff;

	text-transform:uppercase;

	text-decoration:none;

}

.BacklinkDark

{

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#131313;

	text-transform:uppercase;

	text-decoration:none;

}

.TextDark

{


	color:#818181;

}



#PrevButton

{

	height:56px;

	vertical-align:bottom;



}

#Beschreibung

{

	vertical-align:top;

	padding-top:6px;

	padding-left:8px;



}

#TaschenBeschreibung

{

	padding-top:4px;

	vertical-align:top;

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#bbbbbb;

	width:260px;

	line-height:110%;

	padding-bottom:4px;

}

p.bodytext

{

	padding:0px;

	margin:0px;



}

#TaschenDaten

{

	padding-top:3px;

	padding-bottom:3px;

	vertical-align:top;

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#bbbbbb;

	line-height:110%;
        width:250px;

}
div#TaschenPreis

{

	padding-bottom:0px;
	padding-top:0px;
        vertical-align:top;
}
#TaschenPreis

{

	padding-bottom:0px;
	padding-top:0px;
        vertical-align:top;
        font-size:10px;
	line-height:100%;



}

.TextLight

{

	color:#262626;

	font-family:Arial, Helvetica, sans-serif;




}

.TextWhite

{

	color:#FFFFFF;

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;



}

#LeftSide

{

	vertical-align:top;



}

#IconStores
{
	width:63px;
	height:33px;
	background-image:url(../../Global_Images/Icon_Weltkarte.gif);
	background-position:left top;
	background-repeat:no-repeat;
}´
#ColorBuy
{
	vertical-align:top;
	padding-bottom:0px;
padding-top:2px;	

}



/*

Kollektionsuebersicht Styles

*/


.CollectionHeadline
{
	padding-left:12px;
	padding-top:8px;
	
	}

.CollectionText
{
		color:#d0d0d0;
		padding-left:12px;
		padding-right:8px;
	
	}





#OverviewNavigation

{

	padding:0px;

	margin:0px;

	vertical-align:top;

	text-align:right;

	width:100%;

	padding-left:69px;

}

#mainMenu2012 {
	width:100%;
	margin:0px;
	padding:0px;
	vertical-align:top;
	text-align:right;
}

#OverviewNavigationCollection

{

	padding:0px;

	margin:0px;

	vertical-align:top;

	text-align:right;

	width:100%;

	padding-left:5px;

}





#OverviewNavigationCollectionLadies

{

	padding:0px;

	margin:0px;

	vertical-align:top;

	text-align:right;

	width:100%;

	padding-left:433px;

}



#OverviewNavigation ul, #mainMenu2012 ul

{

	padding:0px;

	margin:0px;

	list-style:none;

	float:left;

	width:100%;



}

#OverviewNavigationCollectionLadies ul

{

	padding:0px;

	margin:0px;

	list-style:none;

	float:left;

	width:100%;



}

#OverviewNavigationCollection ul

{

	padding:0px;

	margin:0px;

	list-style:none;

	float:left;

	width:100%;



}

#OverviewNavigation ul li, #mainMenu2012 ul li

{

	padding:0px;

	vertical-align:top;

	margin:0px;

	list-style:none;

	float:left;



}

#OverviewNavigationCollection ul li

{

	padding:0px;

	vertical-align:top;

	margin:0px;

	list-style:none;

	float:left;



}

#OverviewNavigationCollectionLadies ul li

{

	padding:0px;

	vertical-align:top;

	margin:0px;

	list-style:none;

	float:left;



}

#LogoBar

{

	background-position:top left;

	background-image:url(../../Global_Images/Logo_Small.jpg);

	background-repeat:no-repeat;

	height:150px;

	vertical-align:top;

	border:0px solid #CCCCCC;



}





/*

History Scroller Styles

*/



#HistoryPictureLeft

{

	padding-left:11px;

	height:244px;

	vertical-align:top;



}

#HistoryPictureRight

{

	padding-left:11px;

	height:244px;

	vertical-align:top;



}

#my-glider

{

   position:relative;

   top:0px;

   left:0px;

   border:0px solid #FFFFFF;

  z-index:22;

   height:460px;

   

}



#TimeLine

{

   position:relative;

   top:8px;

   float:inherit;

   padding-left:15px;

   width:720px;

   vertical-align:bottom;

   padding-top:4px;

   margin-left:15px;

   text-align:center;

   padding-right:0px;

   border:0px solid #FFFFFF;

   z-index:-2;

}



#HistoryTextLeft

{

	padding:17px 2px 0px 11px;

	vertical-align:top;

	width:309px;

	text-align:left;

}



#HistoryTextRight

{

	padding:17px 2px 0px 11px;

	vertical-align:top;

	width:309px;

	text-align:left;

}



#TextLightLeft

{

	padding-bottom:14px;

}

#TextDarkLeft

{

	color:#868786;



}



#TextLightRight

{

	padding-bottom:14px;

}

#TextDarkRight

{

	color:#868786;



}



/*

############################################################

News Styles

############################################################

*/



#DateRight

{

	text-align:right;

	padding:18px 15px 0px 0px;

	vertical-align:top;

	background-image:url(../../Global_Images/NewsLine.jpg);

	background-position:right top;

	background-repeat:no-repeat;

	height:134px;

}



#DateLeft

{

	text-align:right;

	padding:18px 15px 0px 0px;

	vertical-align:top;

	background-image:url(../../Global_Images/NewsLine.jpg);

	background-position:right top;

	background-repeat:no-repeat;

	height:134px;

}



.NewsHeadline

{



	font-size:12px;

	font-weight:bold;

	padding-bottom:13px;

}











/*

############################################################

Store / Where to buy Styles

############################################################

*/



#HeaderStorePicture

{

	background-image:url(../../Global_Images/Header_WhereToBuy.jpg);

	background-position:top left;

	width:929px;

	height:304px;

	background-repeat:no-repeat;

	background-color:#FFFBDE;



}

#ContinentalNavigation

{

	width:137px;

	height:192px;

	vertical-align:top;

	padding:0px;

	margin:0px;

	background-image:url(../../Global_Images/NewsLine.jpg);

	background-position:top right;

	background-repeat:no-repeat;

}



#StoreDisplay

{

	width:600px;

	height:192px;

	vertical-align:top;

	padding:0px;

	margin:0px;

	background-image:url(../../Global_Images/NewsLine.jpg);

	background-position:top right;

	background-repeat:no-repeat;

}



.DisplayScreen

{

padding-left:17px;

padding-top:10px;

text-align:left;



}

#Column1

{

	vertical-align:top;

	width:120px;

	padding:0px;

	margin:0px;

}

#Column1a

{

	vertical-align:top;

	width:150px;

	padding:0px;

	margin:0px;

}

#Column1b

{

	vertical-align:top;

	width:150px;

	padding:0px;

	margin:0px;

}
#Column1c

{

	vertical-align:top;

	width:130px;

	padding:0px;

	margin:0px;

}



#Column2

{

	vertical-align:top;

	width:120px;

	padding:0px;

	margin:0px;

}

#Column2a

{

	vertical-align:top;

	width:120px;

	padding:0px;

	margin:0px;

}

#Column2b

{

	vertical-align:top;

	width:170px;

	padding:0px;

	margin:0px;

}
#Column2c

{

	vertical-align:top;

	width:155px;

	padding:0px;

	margin:0px;

}

#Column3

{

	vertical-align:top;

	width:120px;

	padding:0px;

	margin:0px;

}
#Column3b

{

	vertical-align:top;

	width:120px;

	padding:0px;

	margin:0px;

}
#Column3c

{

	vertical-align:top;

	width:155px;

	padding:0px;

	margin:0px;

}

#Column4

{

	vertical-align:top;

	width:90px;

	padding:0px;

	margin:0px;

	border:0px solid #FFFFFF;

}

.plz

{

	color:#949594;



}



.City

{

	font-size:9px;

	font-weight:regular;

        text-transform:uppercase;
		color:#dbdbdb;

}

#CityDisplay

{

	padding-bottom:4px;

	line-height:100%;
	color:#9e9e9e;



}

#Adresse

{

	padding-left:19px;

	padding-top:8px;

	padding-right:19px;

	vertical-align:top;

	width:190px;

	text-align:left;

}



/*

Kontakt Formular Styles

*/



#KontaktLeftBar

{

	width:172px;

	vertical-align:top;

}

#KontaktRightBar

{

	width:274px;

	vertical-align:top;

}



#KontaktForm

{

	background-image:url(../../Global_Images/Background_Kontakt.jpg);

	width:483px;

	height:497px;

	background-position:top left;

	background-repeat:no-repeat;

	vertical-align:top;

	text-align:left;

}



#Kontakt

{

	background-image:url(../../Global_Images/Logo_Kontakt.jpg);

	width:172px;

	height:183px;

	background-position:top left;

	background-repeat:no-repeat;

}



#Impressum

{

	background-image:url(../../Global_Images/Logo_Impressum.jpg);

	width:172px;

	height:183px;

	background-position:top left;

	background-repeat:no-repeat;

}

#AGB

{

	background-image:url(../../Global_Images/Logo_AGB.jpg);

	width:172px;

	height:183px;

	background-position:top left;

	background-repeat:no-repeat;

}

#Sitemap

{

	background-image:url(../../Global_Images/Logo_Sitemap.jpg);

	width:172px;

	height:183px;

	background-position:top left;

	background-repeat:no-repeat;

}

#KontaktAdresse

{

	padding-top:22px;

	padding-left:20px;

	vertical-align:top;

	text-align:left;

}



#IntroText

{

	padding-left:17px;

	padding-right:32px;

	padding-top:14px;



}



#HeadlineDaten

{

	padding-left:17px;

}



#KontaktFormular

{

	padding-left:17px;

	padding-right:32px;

	padding-top:14px;

}

#ImpressumForm

{

	background-image:url(../../Global_Images/Background_Kontakt.jpg);

	width:483px;

	height:497px;

	background-position:top left;

	background-repeat:no-repeat;

	vertical-align:top;

	text-align:left;

	padding-top:10px;

	

}



/*

Formular Styles

*/



.inputform

	{

		border : 1px solid #A8A8A8;

		

		font-size:11px;

		text-align : left;

		background-color:#e2e2e2;

		width:250px;

		color: #272727;

		padding:2px;

	}

	.inputformsmall

	{

		border : 1px solid #B5B5B5;

		color: #272727;

		font-size:11px;

		text-align : left;

		background-color:#e2e2e2;

		width:250px;

		color: #272727;

		padding:2px;

	}

	/* Eingabe-Form Text (Error)*/

	.err_inputform

	{

		border : 1px solid #6C1224;

		text-align : left;

		font-size:11px;

		background-color:#e2e2e2;

		width:250px;

		color: #272727;

		padding:2px;

	}

	/* Dropdown-Selectfelder (Normal)*/

	.dropdownHolder

	{

		border : 1px solid #B5B5B5;

		border-color : #999999;

		font-size:11px;

		color: #272727;

		background-color:#e2e2e2;

		color: #272727;

		text-align : left;

		width:257px;

	}

	/* Dropdown-Selectfelder (Error)*/

	.err_dropdownHolder

	{

		border : 1px solid #6C1224;

		border-color : #999999;

		color: #272727;

		font-size:11px;

		background-color:#e2e2e2;

		color: #272727;

		text-align : left;

		width:257px;

	}

	.submit

	{

		border : 1px solid #B5B5B5;

		font-size:11px;

		color: #272727;

		background-color:#e2e2e2;

		padding:0px;

		color: #272727;

		text-align : center;

		width:138px;

		height:19px;

		background-image:url(../../Global_Images/btn_submit.gif);

		background-repeat:no-repeat;

	}

.FormTitle

{

	color:#000000;

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	text-transform:uppercase;

	vertical-align:top;



}

.WhiteLabel

{

	color:#FFFFFF;

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	text-transform:uppercase;

	vertical-align:top;

}

.WhiteLabelLink

{

	color:#CCCCCC;

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	text-decoration:none;

	vertical-align:top;

}

.WhiteLabelLink:hover

{

	color:#FFFFFF;

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	text-decoration:none;

	vertical-align:top;

}





/*

Text Scroller Styles

*/



/*

	::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	 // content text scroller styles 

	::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	*/

	#newsscroller {

	top			: 10px;

	width		: 470px;

	height		: 470px;

	overflow:hidden;

	padding:0px;

	margin:0px;

	z-index:120;

	float:left;

	padding-top:0px;

	border		: 0px solid #FFFFFF;

	color:#e7e7e7;

}



#scrollercontent {

	position	: relative;

	width		: 420px;

	left		: 0px;

	color:#585858;

	border:0px solid #FFFFFF;

	overflow	: hidden;

}





#scrollArea {

	position	: relative;

	left		: 0px;

	top			: 10px;

	z-index		:100;

	float		:left;

	left:460px;

	height		: 470px;

	background-color:#000000;

	width		: 8px;

	border		: 0px solid #GGGGGG;

	overflow	: hidden;

	

}

#scrollAreaGrey {

	z-index		:100;

	float		:left;

	position	: relative;

	left		: 406px;

	top			: 10px;

	height		: 470px;

	background-color:#FFFFFF;

	width		: 8px;

	border		: 0px solid #GGGGGG;

	overflow	: hidden;

}



#scroller {

	position	: relative;

	top			: -1px;

	width		: 8px;

	background-color: #FFFFFF;

	border-top	: 0px solid #9C1B00;

	border-bottom	: 0px solid #9C1B00;

	color:#e7e7e7;

}

#ScrollerContentArea

{

	color:#FFFFFF;

	padding:0px;

	margin:0px;

	overflow:hidden;

	padding-left:20px;

	z-index:111;



}





h3

{

	text-transform:uppercase;

	color:#FFFFFF;

	font-size:12px;



}





.ErrorMessage

{

font-weight:bold;

color:#FF0000;

font-size:11px;

}



.TextEnglisch

{

	color:#999999;

}



.TextEnglischDark

{

	color:#333333;

}



.tooltip {		position: absolute;		display: none;		background-color: #111111;		border:1px solid #666666;		color:#FFFFFF;		font-family:Arial, Helvetica, sans-serif;		padding:2px;		width:100px;		font-size:10px;		-moz-opacity:0.65;		filter:alpha(opacity=65);	}