/*
-----------------------------------------------
xxx style
----------------------------------------------- */


/* Typography
----------------------------------------------- */
body, 
input, 
textarea, 
select,
optgroup {
  color:              #444;
	font-family:        "Lucida Grande", Arial, Verdana, sans-serif;
	font-size:          12px;
	line-height:        1.667em; /* baseline 20px *//* em unit declaration needed for safari bug */
}
h1,
h2,
h3,
h4,
h5,
h6 {	
	color:              #004d99;
	font-size:          12px;
	font-weight:        normal;
	line-height:        1.667em; /* baseline 20px *//* em unit declaration needed for safari bug */
	word-spacing:       -0.125em;
}

h1 {
	font-size:          18px;
	line-height:        1.111em; /* baseline 20px *//* em unit declaration needed for safari bug */
	margin-bottom:      1.111em;
}
h2 {
	font-size:          16px;
	line-height:        1.25em; /* baseline 20px *//* em unit declaration needed for safari bug */
	margin-bottom:      1.25em;
}
h3 {
	font-size:          14px;
	line-height:        1.43em; /* baseline 20px *//* em unit declaration needed for safari bug */
	margin-bottom:      1.43em;
}
h4 {
	font-size:          12px;
	line-height:        1.667em; /* baseline 20px *//* em unit declaration needed for safari bug */
	margin-bottom:      1.667em;
}

abbr,
acronym {
	letter-spacing:     0.05em;
}
acronym {
	/*font-variant:small-caps;  [webtypography.net]*/
	/*text-transform:lowercase;	 [webtypography.net]*/		
}

p {
	word-spacing:       0.125em; /* 0.25 [webtypography.net] */
}

/* Tags
----------------------------------------------- */
* {
	margin:             0;
	padding:            0;
}

html,
body {
	background-color:   #e5ecf5;
}
body {
	position:           relative; /*prevent ie6 +ie7(beta 2) bug where position:relative becomes :fixed when resize*/
	height:             100%;    /*required for ie<7 if there is an other element inside with height: xy%*/
	/*width:              auto;    required for ie<7 if there is an other element inside with height: xy scrollbar???%*/
}

/* for development only
-----------------------------------------------*/
/*
html {
	background:   transparent url(images/bg-grid-screen.png) left top;
	background:   transparent url(images/kk.jpg) no-repeat left top;
}
body {
	background-color:   transparent;
}
body.no-bg {
	background-color:   #fff;
}*/
/*
----------------------------------------------- */
a {
  color:              #003366; /* !!!!!!!!! - dummy - !!!!!!!!! */
}
a:visited {
	color:              #003366; /* !!!!!!!!! - dummy - !!!!!!!!! */
}
a img {
  border:             none;
}
a em { 
  font-style:         normal;
  text-decoration:    underline;
}
abbr,
acronym {
  border-bottom:      1px dotted #444;
  cursor:             help;
  font-style:         normal;
}
address {
  font-style:         normal; 
}
address:first-line  {
  font-weight:        bold;
}
blockquote {
}
blockquote * {
  color:              green; /* !!!!!!!!! - dummy - !!!!!!!!! */
  font-style:         italic;
  font-weight:        bold;
}
blockquote p:before {
  content:            "\201C \0020";
}
blockquote p:after {
  content:            "\0020 \201D";
}
cite {
  display:            block;
  margin-bottom:      1.43em;
  margin-top:         -1.43em; 
	text-align:         right;
}
cite a {
	font-size:          12px;
	font-weight:        normal;
	line-height:        1.67em; /* baseline 20px *//* em unit declaration needed for safari bug */
}

h1 a, h1 a:link, h1 a:visited, h1 a:active, h1 a:hover,
h2 a, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover,
h3 a, h3 a:link, h3 a:visited, h3 a:active, h3 a:hover,
h4 a, h4 a:link, h4 a:visited, h4 a:active, h4 a:hover,
h5 a, h5 a:link, h5 a:visited, h5 a:active, h5 a:hover,
h6 a, h6 a:link, h6 a:visited, h6 a:active, h6 a:hover {
  color:              black; /* !!!!!!!!! - dummy - !!!!!!!!! */
	text-decoration:    none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover  {
	text-decoration:    underline;
}

address,
dl,
form,
ol,
p,
table,
ul {
  margin:             0 0 20px 0;
}
/* this makes trouble in a whole lot of places - implement with care!
p + p {
	text-indent:        1em; 
}
*/
ul {
  list-style-type:    square;
}
dl {
}
dt {
  font-weight:        bold;
	margin-top:         1.43em;
}
dd {
	margin-left:        16px;
}

table {
  border:             none;
  border-collapse:    collapse;
  /*table-layout:       fixed;*/
  width:              100%;
  /*word-wrap:          break-word;*//* doesn't validate *//* doesn't work in firefox */
  overflow:           hidden;
}
td,
th {
  border:             none;
  vertical-align:     top; 
	text-overflow:      ellipsis;
  overflow:           hidden;
  padding:            5px;
}
th {
  border:             none;
  text-align:         left; 
  vertical-align:     top;
}
form {
	border:             1px solid #ccc;
	padding:            19px 7px;
	background-color:   #fbfbfb;
}
fieldset {
	border:             none;
}
legend {
	display:            none;
}
input, 
textarea, 
select {
	margin-bottom:      10px;
	background:         #fff url(images/bg-form-element.png) left top no-repeat;
	border:             1px solid #999;
	border-bottom-color:#ccc;
	border-right-color: #ccc;
	height:             18px;
	vertical-align:     top; /* middle if you put images next to imputs (and at least in this case it would look better in ie also!!!!!) */	
}
textarea {
	height:             auto;
}
input[type="submit"] {
	cursor:             pointer;
}
option {
	background-color:   #fff;
}
label { 
	cursor:             pointer;
	display:            block;
}
label em {
	color:              #ccc;
}
hr {
  display:            none;
}
small {
  font-size:          80%;
}

table form {
	background:         none; 
	border:             none;
	margin:             0;
	padding:            0; 
}

/* Links
----------------------------------------------- */

a.external,
a.internal,
a.enclosure,
a.bookmark {
	color:              #cc0000;		
	padding-left:       20px;
	background-position:left center;	
	background-repeat:  no-repeat;
	text-decoration:    none;
	white-space:        nowrap;
}

a.external {
	background-image:   url(images/bg-link-external.gif);	
}
a.internal {
	background-image:   url(images/bg-link-internal.gif);			
}
a.enclosure {
	background-image:   url(images/bg-link-enclosure.gif);			
}
a.bookmark {
	background-image:   url(images/bg-link-bookmark.gif);			
}

/* Structure
----------------------------------------------- */

#wrapHeader {
  margin-left:        20px;
  overflow:           hidden;
  position:           relative;
  width:              960px;
  background-color:   #fff;/**/
}
#wrapContent {
	background:         #fff url(images/bg-content.gif) repeat-y left top;
  margin-left:        20px;
	overflow:           hidden;
	padding-bottom:     40px;
  width:              960px;
  background-color:   #fff;
}

#wrapFooter {
	background:         #002b55 url(images/bg-footer.gif) repeat-x left top;
	color:              #fff;
	font-size:          11px;
	line-height:        1.818em;
  margin-left:        20px;
  overflow:           hidden;
  padding-top:        20px;      
  width:              960px;
}

#columnAnnotation {
  background-color:   #f1f5fa;
  float:              left;
  padding-top:        30px;
  overflow:           hidden;
  width:              180px;
}

#columnCopy {
  float:              left;
  overflow-x:         hidden; /* doesn't validate - required for ie<7??? italic text broadens the layer */
  width:              500px;
  padding-left:       20px;
  padding-right:      20px;
  padding-top:        30px;
	background-color:   #fff;
}

#columnAddition {
  background-color:   #f1f5fa;
  float:              left;
  padding-left:       10px;
  padding-right:      10px;
  padding-top:        30px;
  width:              220px;
}

/* List Navigation
----------------------------------------------- */
ul#navigationFineprint {
  height:             1%; /* required for ie<7 (layout) */
	list-style:         none;
	list-style-image:   none; /* required for ie to prevent spontaneous appearance of list images  + wired effects on line-height */
	list-style-type:    none; /* required for ie to prevent spontaneous appearance of list markers + wired effects on line-height */	
  margin:             0;
	overflow:           hidden;
  padding:            0;
  position:           relative;
}
#navigationFineprint li {
	font-size:          11px;
	line-height:        20px;
  display:            inline;
  float:              right;
}
#navigationFineprint a {
	color:              #004d99;
  text-decoration:    none;
  padding-right:      8px;
  padding-left:       8px;
}
#navigationFineprint li#goAccount {
  background-color:   #cc0000;
	text-align:         center;
	width:              100px;
}
#navigationFineprint li#goCart {
  background-color:   #cc0000;
  border-left:        1px solid #fff;  
  border-right:       1px solid #fff;  
}
#navigationFineprint li#language {
  background-color:   #004d99;
	text-align:         center;
	width:              100px;
}
#navigationFineprint a.active,
#navigationFineprint a:hover,
#navigationFineprint a:focus {
  text-decoration:    none;
}

#navigationFineprint li#goAccount a,
#navigationFineprint li#goCart a,
#navigationFineprint li#language a {
	color:              #fff;
	padding:            0;
}



ul#navigationSub {
 /* height:             1%;  required for ie<7 (layout) */
	list-style:         none;
	list-style-image:   none; /* required for ie to prevent spontaneous appearance of list images  + wired effects on line-height */
	list-style-type:    none; /* required for ie to prevent spontaneous appearance of list markers + wired effects on line-height */	
  margin:             0;
  margin-right:       10px;
	overflow:           hidden;
  padding:            0;
  position:           absolute;
  right:              0;
  top:                60px;
  
}
#navigationSub li {
	font-size:          12px;
	line-height:        20px;
  float:              right;
  margin-left:        20px;
  border-bottom:      2px solid #80a6cc;
}
#navigationSub li a {
	color:              #004d99;
  text-decoration:    none;
}
#navigationSub li.active,
#navigationSub li:hover,
#navigationSub li:focus {
	border-color:       #999933;
}

ul#navigationMain {
  background-color:   orange;
	background:         #00356b url(images/bg.gif) left top;
  border-bottom:      1px solid #fff;  
  height:             1%; /* required for ie<7 (layout) */
  margin:             0;
	overflow:           hidden;
  padding:            0;
  /*padding-left:       119px;*/
}
#navigationMain li {
  display:            inline;
  float:              left;
  list-style:         none;
  margin:             0;
  padding:            0;
}
#navigationMain li a {
  border-right:       1px solid #fff;  
  color:              #fff;
  display:            block;
	font-size:          12px;
	line-height:        29px;
	text-align:         center;
  text-decoration:    none;
  width:              119px;
}
#navigationMain li.first a {
  /*border-left:        1px solid #fff;
  width:              118px;*/
}
#navigationMain a.active,
#navigationMain a:hover,
#navigationMain a:focus {
	background:         #cc0000 url(images/bg2.gif) left top;
  text-decoration:    none;
}
#navigationMain a.active {
  cursor:             default;
}


ul#navigationSecondar {
	background-color:   #004d99;
	border-bottom:      1px solid #fff;
	list-style:         none;
	list-style-image:   none; /* required for ie to prevent spontaneous appearance of list images  + wired effects on line-height */
	list-style-type:    none; /* required for ie to prevent spontaneous appearance of list markers + wired effects on line-height */	
	margin:             0;
  padding:            0;
}
#navigationSecondar li {
	border-top:         1px solid #fff;
  margin:             0;
  padding:            0; 
	font-size:          11px;
	line-height:        19px; /*16px*/  
}
ul#navigationSecondar li a {
	color:              #fff;
	display:            block;
	height:             1%; /* required for ie<7 to remove excess space between list-items */
	padding:            1px 8px 2px;
  text-decoration:    none;
}
ul#navigationSecondar a.active
ul#navigationSecondar a:hover {
	background-color:   #80a6cc;
}
ul#navigationSecondar a.active {
	cursor:             default;
}
ul#navigationSecondar ul {
	margin:             0px;
}
#navigationSecondar li li {
	border-color:       #4ba4ba;
}
#navigationSecondar li li a {
	background-color:   #fff;
	color:              #387b8b;
	padding-left:       24px;
}
#navigationSecondar li li a.active {
	background-color:   yellow;
}
#navigationSecondar a.active,
#navigationSecondar a:hover,
#navigationSecondar a:focus {
	background-color:   #80a6cc;
  text-decoration:    none;
}
#navigationMain a.active {
  cursor:             default;
}

div.auto_complete {
	background-color:   #fff;
	width:              350px;
}
.auto_complete ul {
	border:             1px solid #999;
	list-style-type:    none;
	margin:             0;
	padding:            0;
	width:              100%;
}
.auto_complete ul li {
	margin:             0;
	padding:            0;
}
.auto_complete ul li.selected { 
	background-color:   #cc0000;
	color:              #fff;
}
.auto_complete ul strong.highlight { 
	color:              #990000;
}



ul.tick {
	padding-left:       20px;
	list-style:         square outside url(images/li-tick.gif);	
}
ul.bullet {
	padding-left:       20px;
	list-style:         disc outside url(images/li-bullet.gif);	
}

/* WRAPS
----------------------------------------------- */  

#wrapHeader h1 {
  margin:             0 0 24px;
}

#wrapFooter a {
	color:              orange;
	text-decoration:    none;
}
#wrapFooter a.internal {
	background-image:   url(images/bg-link-internal-sitemap.gif);
}
#wrapFooter ul {
	margin:             0;
	list-style:         none;
	list-style-image:   none; /* required for ie to prevent spontaneous appearance of list images  + wired effects on line-height */
	list-style-type:    none; /* required for ie to prevent spontaneous appearance of list markers + wired effects on line-height */
}
#wrapFooter ul a {
	color:              #fff;
}
/* tag.class
----------------------------------------------- */

p.advice {
  color:              #990000;
  font-weight:        bold;
}

p.notice {
  color:              #004D99;
  font-weight:        bold;
}

p.slogan {
  color:              #80a6cc;
  margin-top:         -1.43em;
	font-size:          14px;
	line-height:        1.43em; /* baseline 20px *//* em unit declaration needed for safari bug */
	margin-bottom:      1.43em;
  margin-top:         -1.43em;
  
}


label.error {
  color:              #ff6600;
}
input.hilite,
select.hilite,
textarea.hilite {
  background-color:   #efefef;
  border:             1px solid #999; 
}
td.numeric,
input.numeric,
select.numeric {
  text-align:         right;
}
label.hilite {
  background-color:   transparent;
  font-weight:        bold;
}
span.info {
  color:              #000;
  cursor:             help;
}
abbr.clandestine {
  border:             none;
}

/* .class
----------------------------------------------- */ 
.block {
	display:            block;    
} 
.inline {
	display:            inline;    
}
.right {
  float:              right;    
}
.left {
  float:              left;    
}    
.clear {
  clear:              both;
}
.clear-follow {
	overflow:           hidden;
	height:             1%;
}
.hide {
  left:               -9999px;
  position:           absolute;
}
.none {
  display:            none;
}
.even {
  background-color:   #efefef;
}
.uneven {
  background-color:   #fff;
}

.nowrap {
	white-space:        nowrap;
}

#columnCopy ul {
	margin-left:        20px;

}

#columnCopy li {
	list-style-type:    square;
}



dl.milestones dt {
	clear:both;
	float:left;
	margin-top:0;
}
dl.milestones dd {
	margin-left:0;
	display:inline;
}
/* SCREENS
----------------------------------------------- */
#screen_index      #wrapHeader,
#screen_index      #wrapContent,
#screen_index      #wrapFooter {
  width:              auto;
}

#screen_index      #wrapHeader {
  padding-top:         1.15em;
}
#screen_index      #wrapContent {
  padding:            0 64px;
  background-image:   none;
}
#screen_index      #wrapFooter {
  display:            none;
}
#screen_Home #columnAnnotation,
#screen_home #columnAnnotation {
  display:            none;
}

#screen_Home #wrapContent,
#screen_home #wrapContent {
  background-image:   none;
}

#screen_Home #columnCopy,
#screen_home #columnCopy {
  width:              680px;
  background:         #fff url(images/ice.jpg) top left no-repeat;
  padding-top:        244px;
}

#screen_Home .boxSummary,
#screen_home .boxSummary {
	float:              left;
	width:              198px;
	height:             198px;
	border:             1px solid #80a6cc;
	margin:             0 10px;
	padding:            10px;
	position:           relative;
}

#screen_Home .boxSummary a.blub,
#screen_home .boxSummary a.blub {
	position:           absolute;
	left:               10px;
	bottom:             10px;
}

#screen_Home #summary_1,
#screen_home #summary_1 {
	margin-left:        -5px; /* correction via child selector */
}
html>body#screen_Home #summary_1,
html>body#screen_home #summary_1 {
	margin-left:        -10px; /* correction via child selector */
}

#screen_Home #summary_2,
#screen_home #summary_2 {

}
#screen_Home #summary_3,
#screen_home #summary_3 {
	margin-right:       -10px;

}
#screen_Produkte .boxSummary,
#screen_products .boxSummary {
	margin:             10px 0;
	padding-left:       130px;
	border-top:         1px solid #80a6cc; 
	padding-top:        10px;
	position:           relative;
}
#screen_Produkte .boxSummary img,
#screen_products .boxSummary img {
	position:           absolute; 
	left:               -130px;  /* only for ie<7 corrected via child selector */ 
	top:                10px; 
}
html>body#screen_Produkte .boxSummary img,
html>body#screen_products .boxSummary img {
  left:               0; /* correction via child selector */
}

#screen_Warenkorb form,
#screen_cart form {
	border:             none;
	padding:            0;
	background-color:   transparent;
}

/* CSS for generated Text-Area-Resizers
----------------------------------------------- */
.containerResizer {
  border:             1px solid #999;
  border-top:         none;
  height:             1%;    /* required for ie<7 (layout) */
  margin:             -3px 0 0 0;
  /*width:              140px;*/
}
.containerResizer .resizer {
  background:         transparent url(images/resizer.gif) right bottom no-repeat;
  float:              right;
  font-size:          0px;/*required for ie*/
  height:             15px;
  width:              14px;
}
.containerResizer .resizer.both {
  cursor:             se-resize;
}
.containerResizer .resizer.horizontal {
  cursor:             e-resize;
}
.containerResizer .resizer.vertical {
  cursor:             s-resize;
}

/* EXTRAS
----------------------------------------------- */
form .inputxsmall {
	width:              20px;
}

form .inputsmall {
	width:              120px;
}
form .inputmedium {
	width:              240px;
}
form .inputlarge {
	width:              360px;
}

table#articles {

}
table#articles thead th {
	background-color:   #004d99;
	color:              #fff;
}
table#articles tbody th,
table#articles tbody td {
	background-color:   #f1f5fa;
	border-bottom:      1px solid #fff;
}

table#articles tbody th {
	font-weight:        normal;
	text-align:         left;
}

table input {
	margin-bottom:      0px;
}



#columnAddition #cart {
	width:              218px;
	margin:             10px -10px;
	padding:            10px;
	border:             1px solid #80a6cc;
	background-color:   #fff;
	font-size:          11px;
	line-height:        1.818em;
	word-spacing:       -0.125em;
}
#columnAddition #cart h3 {
	margin-top:         0;
}
#columnAddition #cart dl {
	border-top:         1px solid #80a6cc;
	border-bottom:      1px solid #80a6cc;
	margin:             0;
	padding:            0;

}
#columnAddition #cart dd,
#columnAddition #cart dt {
	border-bottom:      1px solid #80a6cc;
	margin:             0;
	padding:            0;
	height:             1%;
	overflow:           hidden;
}
#columnAddition #cart dd span,
#columnAddition #cart dt span { 
	float:              right;
	text-align:         right;
/*background-color:green;*/
}



form#search {
	margin:             0;
	padding:            0;
	background:         none;
	border:             none;
}







ul.legende {
	list-style:         none;
	list-style-image:   none; /* required for ie to prevent spontaneous appearance of list images  + wired effects on line-height */
	list-style-type:    none; /* required for ie to prevent spontaneous appearance of list markers + wired effects on line-height */	
}

ul.alphabet {
	list-style:         none;
	list-style-image:   none; /* required for ie to prevent spontaneous appearance of list images  + wired effects on line-height */
	list-style-type:    none; /* required for ie to prevent spontaneous appearance of list markers + wired effects on line-height */	

}
ul.alphabet li {
	display:            inline;
}





table#sheets {
	width:              100%;
	margin:             8px -8px 16px;
}
#sheets td {
	vertical-align:     top; 
}
#sheets td img {
	display: block;
}
#sheets td.flag {
	width: 16px;
	padding: 0 0 0 1px;
	vertical-align:     bottom;
}
#sheets td.product {
	padding: 8px 0 0 8px;
}
#sheets th {
	border:             none;
	vertical-align:     top;
	text-align:         left; 
}
#sheets th.alphabet {
	font-weight: bold;
}
#sheets tr.heading {
	background-color: #e1e8ef;
}
#sheets th.product {
	padding: 4px 8px;
}
#sheets th.language {
	padding: 4px 0;
}
#sheets th.alphabet {
	padding: 4px 8px;
	border-bottom: 1px solid #003366;
}


input.fieldSubmiter {
	background:         none;
	border:             none;
	height:             auto;
	vertical-align:     middle;	
}