/* CSS Document */

* {margin:0; padding:0;}

/*------ Fixes, Workarounds etc. ----- */
.clearfix:after {	/*--- Clearfix für das Float-clearing ---*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* Clearfix IE7 
.clearfix {display: inline-block;}
*/

/* Webdings 
.webdings {
	font-family:Webdings;
	}
*/


/* ---------- Basic --------- */

html { 	
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	font-size: 100.1%;   }
	
body { 
	background-image: url('../images/bg.gif'); background-repeat: repeat-y;
	width:100%;	 }

ul, li { list-style-type: none; }

img {border:0; }

a:link { color:#333; text-decoration: none; }
a:visited { color:#333; text-decoration: none; }
a:hover { color:#333; text-decoration: none; }
a:active { color:#333; text-decoration: none; }


#global-zone {
	position: absolute;
	top: 0;
	left: 144px;
	width: 612px;
	height: 54px;
	background: #FFFFFF url('../images/logo.gif') no-repeat;
	text-align:right;
	padding-top:48px;
	padding-right:8px; }

#global-fill-zone {
	position: relative;
	margin: 0 0 0 756px;
	height: 68px;
	background: #FFFFFF; }
	
#key-visual-zone	{						/* contains: Keyvisual */
	position: absolute;
	top: 0;
	left: 0;
	width: 144px;
	height: 144px;
	background: #FFFFFF;	 }
	
#site-id-zone	{							/* contains: Site Identifier */
	position: absolute;
	top: 90px;
	left: 0;
	width: 144px;
	height: 54px;
	background: #FFFFFF; }


/***********************************************
/ Local-Zone/Language
/***********************************************/
	
#local-zone		{							/* contains: assistant */
	position: absolute;
	top: 68px;
	left: 144px;
	width: 612px;
	height: 22px;
	background: #ae1939; 
	text-align: right; }
	
#local-padding	{							/* padding within local-zone */
	padding: 0 9px 0 0; }
	
ul#lang-nav li {
	display: inline;
	color: White;
	padding: 0 2px 0 2px;
	font-size: 0.69em;
	line-height: 18px; }
	
ul#lang-nav li a {
	color: #FFFFFF; }
	
ul#lang-nav li.active a {
	font-weight: bold; }
	
ul#lang-nav li .pipe {
	padding: 0 6px 0 6px;
	color: #FFFFFF; }



/***********************************************
/ Primary Navigation
/***********************************************/
#prim-nav-zone	{							/* contains: primary navigation */
	position: absolute;
	top: 90px;
	left: 144px;
	width: 612px;	
	height: 54px;
	background: #333333; }

ul#prim-nav {	
	width: auto;
	margin-top: 2px;  }
	
ul#prim-nav li {
	display: inline;
	font-size: 0.69em;
	line-height: 18px;}
	
ul#prim-nav li a {
	color: #FFF; }
	
ul#prim-nav li.active a {
	font-weight: bold; }
	
ul#prim-nav li .pipe {
	padding: 0 4px 0 0px;
	color: #FFF; }
	
#prim-nav-padding	{						/* padding within prim-nav-zone */
	padding: 5px 0 0 18px; }

.basketItem	{
	float:right;
	margin: 8px 8px 0 0; }	


/***********************************************
/ Secondary Navigation
/***********************************************/

#sec-nav-zone	{							/* contains: secondary navigation */
	position: absolute;
	top: 144px; left: 0;
	width: 144px;
	background-color: #ae1939;
	font-size: 0.69em;    }
	
#sec-nav-padding	{						/* padding within secondary navigation */
	padding: 34px 9px 90px 9px; }


/*1. Ebene */	

#sec-nav-padding ul {
	color: #fff; }

#sec-nav-padding ul li {
	padding:0 0 0 8px;
	background: url('../images/nav_point.gif') 0 4px no-repeat scroll;   }

#sec-nav-padding ul li a:link,
#sec-nav-padding ul li a:visited,
#sec-nav-padding ul li a:active  {
	padding: 0 0 4px 0;
	display: block;
	color: #fff;  }
	
#sec-nav-padding ul li.active a  {
	font-weight: bold;  }

#sec-nav-padding ul a:hover  {
	text-decoration: underline; }

	
/*2. Ebene */
	
#sec-nav-padding ul ul a,
#sec-nav-padding ul ul a:link,
#sec-nav-padding ul ul a:visited,
#sec-nav-padding ul ul a:active { 
	font-weight: normal; }
	
#sec-nav-padding ul ul li {
	background: none;  }
	
#sec-nav-padding ul ul li.active a  {   }
#sec-nav-padding ul ul a:hover  { }
	
/*3. Ebene */
	
#sec-nav-padding ul ul ul a,
#sec-nav-padding ul ul ul a:link,
#sec-nav-padding ul ul ul a:visited,
#sec-nav-padding ul ul ul a:active {   }
#sec-nav-padding ul ul ul li.active a  {  }
#sec-nav-padding ul ul ul a:hover  { }
	

/***********************************************
/ Generic Navigation
/***********************************************/
#generic-zone	{							/* contains: sitemap, contact us */
	position: relative;	
	margin: 0 0 0 756px;
	height: 22px;
	background: #ae1939; }
	
#generic-padding	{						/* padding within generic */
	padding: 0 0 0 9px; }
	
ul#gen-nav {
	width: 203px; }
	
ul#gen-nav li {
	display: inline;
	font-size: 0.69em;
	line-height: 18px; }
	
ul#gen-nav li a {
	color: #FFFFFF; }
	
ul#gen-nav li.active a {
	font-weight: bold; }
	
ul#gen-nav li .pipe {
	padding: 0 6px 0 6px;
	color: #FFFFFF; }


/***********************************************
/ Breadcrumb
/***********************************************/
#breadcrumb {
	display:block; 
	padding: 5px 12px 10px 12px; 	}
	
#breadcrumb ul li {
	display: inline; 
	background:url('../images/arrowdgrey.gif') no-repeat right 5px;
	padding: 0 13px 0 0; }
	
#breadcrumb ul li.last,
#breadcrumb ul li.last a,
#breadcrumb ul li.last a:link,
#breadcrumb ul li.last a:visited,
#breadcrumb ul li.last a:active  {
	color: #ae1939;
	background:none;  }
	
#breadcrumb ul li a,
#breadcrumb ul li a:link,
#breadcrumb ul li a:visited,
#breadcrumb ul li a:active {
	color: black;	}
	
#breadcrumb img {
	margin: 0 3px 0 3px;  	}


/***********************************************
/ Search Zone
/***********************************************/
#search-zone	{							/* contains: search */
	position: relative;
	margin: 0 0 0 756px;
	height: 54px;
	background: #333;	}
	
#search-padding		{					/* padding within search */
	padding: 7px 0 0 9px;	 }
	
#search-padding table tr td.left  {	
	width:100%;
	text-align: left; 	
	padding-right:8px;		 }
	
#search-padding table tr td.right  {
	width:auto;
	text-align: right;	}
	
#search-padding input.searchbox {	
	width: 142px; 
	height: 16px;
	border: solid 1px #fff;	
	padding: 1px;	
	font: 0.75em Arial, Geneva, Helvetica, sans-serif; 	}

#search-padding input.button	{			
	font: 0.69em Arial, Geneva, Helvetica, sans-serif;
	color: #FFF;
	background-color:#ffffff; 
	height:20px;
	margin: 0;
	padding:0 5px 1px 5px;
	background-color:#999;
	border: solid 1px #fff; }


/***********************************************/
/* Content					
/***********************************************/
	
#content-padding	{						/* padding within context */
	padding: 16px 0 0 12px;
	color:#666666;}
	
#content-zone	{							/* contains: context visual, breadcrumb, content, footer */
	position: absolute;
	top: 144px;
	left: 144px;
	width : 612px;
	background-color: #FFFFFF;
	font-size: 0.69em;
	line-height: 16px;   }
	
#content-zone a:link { color:#ae1939; text-decoration: none; }
#content-zone a:visited { color:#ae1939; text-decoration: none; }
#content-zone a:hover { color:#666666; text-decoration: none; }
#content-zone a:active { color:#ae1939; text-decoration: none; }

#content-zone img.ThumbPic { margin:5px 0px 5px 0px; }

	
/***********************************************/
/* Context (rechte Spalte)					
/***********************************************/
	
#context-padding	{						/* padding within context */
	padding: 18px 0 0 9px; }
	
#context-zone	{							/* contains: context visual, breadcrumb, content, footer */
	position: relative;
	margin: 0 0 0 756px;
	line-height: 16px;
	font-size:0.69em;   }


/***********************************************
/ Footer
/***********************************************/

#content-footer {
	display: block;
	padding: 30px 0 20px 12px; 	}

#content-footer p {
	line-height: 13px;
	color: #666;
	border-top: solid 1px #666;
	padding-top: 4px;    }

#content-footer p a:link, 
#content-footer p a:visited,
#content-footer p a:active  {
	color: #666;   }