@charset "UTF-8";
@media all

{
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01% }
  
  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
	font-family: Arial, 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	}

/* ### LINKS ### */

  a {color: #4D87C7; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#FF7700; text-decoration:underline;}

a.arrowRight,
#arrowRight a { 
	padding: 0.25em 0 0.25em 25px;
	background:url(../../images/arrow_white_r.gif) no-repeat left center;
	display:block;
	}

a:hover.arrowRight,
#arrowRight a:hover { 
	background:url(../../images/arrow_white_r_over.gif) no-repeat left center;
	}

#breadcrumb {
	color:#CCCCCC;
	padding: 4px 0px;
	text-transform: uppercase;
	letter-spacing:1px;
	background:white;
	}

#breadcrumb a {
	color:#CCCCCC;
	padding-right: 12px;
	margin-right: 5px;
	background: transparent url(../../images/arrow_s_o.gif) no-repeat right center;
	}

#breadcrumb a:hover {
	color:#FF9900;
	text-decoration: none;
	}



  p { margin: 0.25em 0 0.5em 0; }


  h1,h2,h3,h4,h5,h6,h7 { 
	color: #FF7700;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing:1px;
	text-align:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

h1 { font-size: 20px;  border-bottom: 1px #DADADA solid; padding: 8px 0 8px 0; margin: 0 0 20px 0;}
h2 { font-size: 20px;  border-bottom: 1px #DADADA solid; padding: 8px 0 8px 0; margin: 0 0 0 0;}

h3 { font-size: 16px; color:#000066; border-bottom: 1px #DADADA solid; margin: 20px 0 10px 0;} 
h4 { font-size: 16px; color:#000066; border-bottom: 1px #DADADA solid; margin: 20px 0 0 0;} 

h5 { font-size: 16px; color:#000066; } 
h6 { font-size: 12px; color:#000066; margin: 1.2em 0 0 0; font-weight:bold; }
h6.shortdesc { font-size: 12px; color:#000066; margin: 0 0 0 0; font-weight:normal;}

hr {
    color: #fff;
    margin: 0.25em 0 0.25em 0;
    padding: 0 0 0.5em 0;
    border:0;
    background: url(../../images/line_dot.gif) repeat-x left center;
	}

hr.solid {
    color: #fff;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border-bottom: 1px #DADADA solid;
    background:transparent;
  }



/* ### INPUT #### */

textarea,
input[type=text],
input[type=password] {
margin:0;
padding:0;
color: grey;
border: 1px #DADADA solid;
background: #FAFAFA url(../../images/input_bg.gif) repeat top left;
	}

input[type=image] {
margin:0;
padding:0;
border:0;
	}

/* ### LISTS #### */

ul { 
	line-height: 1.5em; 
	margin: 0 0 2em 0;
	padding:0;
	}
#prodInfo ul { 
	margin: 1em 0;
	padding:0;
	}	
ol { 
	margin-left:1.5em;
	}

ul li { 
	list-style:none;
	margin:0;
	padding: 0.25em 0 0.25em 0;
	}
#prodInfo ul li { 
		list-style:disc;
		list-style-position:inside;
		margin:0;
		padding: 0;
		}

ol li { 
	margin:0;
	padding: 0.25em 0 0.25em 0;
	}

li.noblt { 
	list-style-type:none;
	}

dl { margin:0; padding:0; }
dt { margin:0; padding:0; font-weight:normal; float:left; }
dd { padding:0; margin:0; }

dl.list dd { padding:0; margin: 0.25em 2em; }


/* ### TABLES ### */

table { 
	width: 100%; 
	margin: 0; 
	padding: 0;
	border-collapse:collapse;
	}

th,td { padding: 0.5em; border: 1px #DADADA solid;}
 
thead th,
thead td { color:#444; background:#EEEEEE; }

tfoot th,
tfoot td { color:#444; background:#EEEEEE; }

tbody th { color:#444; background:#FFFFFF; }
  
.left  { text-align:left}
.right { text-align:right}


#cover th, #cover td { padding: 0; border: 0;}
#cover { padding: 10px 0;}


/* ### TABLE FORM ### */

#form tr { border: 0; background:url(../../images/line_dot.gif) repeat-x left bottom ; }
#form td { border: 0; text-transform: uppercase; letter-spacing:1px; }
#form tr.last { background:none; text-align:right;}
#form td.label { width:20%; }
#form textarea, #form input[type=text], #form input[type=password] { width: 70%; }


 /* ### SIZE CHART #### */

#sizetable  { 
	border: 4px #DADADA solid;
	text-align:center;
	}

.sizetable_1st {
	font-weight:bold;
	background:#EEEEEE;
	width:8em;
	}

.sizetable_1st_head {
	background:#E2E2E2;
	font-weight:bold;
	 }

 /* ### ACTION BAR #### */

#action_bar,
#action_bar table { font-size:10px; color: #888; margin-bottom: 20px;}
#action_bar td { text-transform: uppercase; letter-spacing:0.1em; border:0; background:#F2F2F2; height:21px;}

#action_bar td table { margin: 0; color: #888;}
#action_bar td td { border-top:#F2F2F2 5px solid; padding:0 4px; height:auto;}


#action_bar a { 
	color: #888;
	padding: 0.5em 0 0.5em 0;
	}
#action_bar a:hover { 
	color: #FF7700;
	}

#action_bar a.linkRight { 
	padding-right: 20px;
	background:url(../../images/arrow_grey_r.gif) no-repeat right center;
	}
#action_bar a:hover.linkRight { 
	background:url(../../images/arrow_grey_r_over.gif) no-repeat right center;
	}
#action_bar a.linkLeft  { 
	padding-left: 20px;
	background:url(../../images/arrow_grey_l.gif) no-repeat left center;
	}
#action_bar a:hover.linkLeft { 
	background:url(../../images/arrow_grey_l_over.gif) no-repeat left center;
	}

#action_bar select,
#action_bar select:hover,
#action_bar select:active,
#action_bar select:focus {
	font-size:11px;
	width: 90px;
	height:18px;
	padding:0px;
	margin:0px;
	margin-left:10px;
	float:right;
	}

#action_bar .right { text-align:right; }
#action_bar .step_on { width:25%; text-align:center; color: #444;}
#action_bar .step_off { width:25%; text-align:center; color:#CCC;}


/* ### HEAD_NAV #### */

#head_logo {
	background:#000066 url(../../images/head_bg.gif) repeat top left;
	border-bottom:#000066 4px solid;
	}

.claim { height: 80px; background: transparent url(../../images/nihongo_nyuumon.gif) no-repeat center right; }

#head_nav {
	padding:4px 0;
	color:#5f5d75;
	background:#F2F2F2;
	}

#head_nav dl { 
	padding:0 24px; 
	text-transform: uppercase;
	letter-spacing:1px;
	}

#head_nav dt { width:100px; margin-right:10px; }
#head_nav dt select { font-size:11px; float:right }
#head_nav dt.germande { display:none }
#head_nav dt.englishen { display:none }

#head_nav dd { float:right; margin-left: 25px; }

#head_nav a {
	padding: 0.25em 0;
	display:block;
	}

#head_nav dd a {
	color:#5f5d75;
	/* padding: 0.25em 0 0.25em 20px;
	background:url(../../images/arrow_grey_r.gif) no-repeat left center; */
	padding: 0.25em 0;
	background:transparent;
	}
#head_nav dd a.current,
#head_nav dd a:hover {
	color:#FF7700;
	/* background:url(../../images/arrow_grey_r_over.gif) no-repeat left center; */
	background:transparent;
	}

/* ### FOOTER #### */

#footer_menu { color:grey; border-top: 3px #DADADA solid; padding:4px 0 8px 0; text-align:center; background: transparent url(../../images/cards.png) no-repeat center right;
}
#footer_menu a { padding:0 10px; }
#footer_menu a.mail { padding:0; color:grey;}
#footer_menu a.mail:hover { color:#FF7700;}

#footer_links { color:grey; border-top: 3px #DADADA solid;text-align:center;
	display:block; }
	
#footer_links a { padding-bottom:20px; }

 /* ### AUSZEICHNUNGEN ### */

.space, #space  {
  	    margin: 1.5em 0 1.5em 0;
	}

.spacetop {
  	    margin-top: 1em;
	}

.asterisk {color:grey; float:right; font-size:11px}

#attention {
	padding: 1em; 
	padding-left: 40px; 
	margin-bottom: 10px;
	background: #F5CCEB; 
	background-image:url(../../images/icon_attention.gif);
	background-position:10px center;  
	background-repeat:no-repeat;
	}

#attention p {
	padding:0; 
	margin:0; 
	border:0;
	}

#information {
	padding: 1em; 
	padding-left: 40px; 
	margin-bottom: 10px;
	background: #EEEEEE; 
	background-image:url(../../images/icon_info.gif);
	background-position:10px center;  
	background-repeat:no-repeat;
	}

#information p {
	padding:0; 
	margin:0; 
	border:0;
	}

.copyright,
.copyright a { color: #C4C4C4; }


  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }

  .center { text-align:center; margin: 0.5em auto }

img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }




/* ### List Bullet #### */

 ul#lstb, ol#lstb, dl#lstb { 
	margin: 0 0 2em 0; 
	}
 
 li#lstb {
	list-style-type:disc;
	padding: 0.25em 0 0.25em 0;
	margin-left: 1.5em; 
	}

/* ### List div. Formats #### */

li#space {
	margin-top:20px;
	}

ul#floatlist {
	border-bottom: 1px #DADADA solid;
	margin: 2px 0 3px 0;
	}

ul#floatlist li {
	float:left;
	width: 20%;
	padding: 0.25em 0 0.25e 0;
	overflow:hidden;
	}

ul#floatlist li#last {
	float:right;
	padding: 0;
	text-align:right;
	overflow:hidden;
	
	}
label {
	width: 20%;
	display:inline-block;
	}


/* ### List 4 Column Boxed (faq) #### */


#b_list { 
	width: 100%; 
	margin:0; 
	padding: 0;
	overflow:hidden;
	}

ul#b_list  { 
	width: 100%; 
	margin:0;
	padding:0;
	overflow:hidden;
	border-top: 1px #DADADA solid;
	border-left: 1px #DADADA solid;
	border-right: 1px #DADADA solid;
	}

ul#b_list li { 
	display:inline;
	float:left;
	width:24.9%;
	height:8em;
	margin:0;
	margin-left:-1px;
	padding:0;
	padding: 1em 0em 1em 0em;
	border-left: 1px #DADADA solid;
	border-bottom: 1px #DADADA solid;
	background-image:url(../../images/bg_verlauf_white.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	overflow:hidden;
	}


ul#b_list li ul li { 
	width: auto; 
	clear:both;
	margin: 0 0 0 1em;
	width:100%;
	height:auto;
	padding: 0;
	font-size:12px;
	border-left: none;
	border-bottom: none;
	background-image:none;
	overflow:hidden;
	}

ul#b_list li ul li#b_bold {
	padding:0;
	font-weight:bold;
	text-transform: uppercase;
	color: #CC0099; 
	}

ul#b_list li ul li#b_bold a { 
	color: #444;
	display:block;
	}

#b_list ul li ul li a { 
	color: #888;
	display:block;
	}

#b_list li ul li:hover ul a, 
#b_list li ul li.over ul a { 
	color: #CC0099; 
	text-decoration: underline;
	background-image:url(../../images/bg_verlauf_grey.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	}


#b_list a,
#b_list a:focus,
#b_list a:hover,
#b_list a:active { 
	color: #444;
	padding-left: 1em;
	background-image:url(../../images/arrow_blank.gif);
	background-position:left center;  
	background-repeat:no-repeat;
	}

 }