/* CSS Document */



/* Misc */

html, body {
	margin: 0;
	padding: 0;
	font-size: 100.01%;
	font-family: Arial, Tahoma, sans-serif;
	color: #000;
	background: #FFF url(../images/bg_main.gif);
	text-align:center;
}
h1, h2, h3, h4, h5, h6, p, form {
	margin: 0;
	padding: 0;
}
#boxNavi h1, h4 span {
	display: none;
}
img {
	border: none;
}
ul, ol, li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.IEabbr, abbr, acronym {
	border-bottom: none;
}
.left {
	float:left;
}
.right {
	float:right
}
.clear {
	clear: both
}
/* -------------------- */



/* Fonts */

h1 {
	font-size: 1.3em;
}
h2 {
	font-size: 1.1em;
}
h3, h5 {
	font-size: 1em;
}
h4 {
	font-size: 1em;
}
a {
	text-decoration: none;
}
a:hover, a:focus, a:hover span, a:focus span {
	text-decoration: underline;
}
/* -------------------- */



/* Classen */

.box {
	font-size: 0.7em;
}
.box p {
	padding-top: 1em;
}
.box h3 {
	padding-left: 12px;
}
.boxEnd {
	font-size: 1px;
	height: 8px;
	clear:both;
}
.spacer {
	font-size: 1px;
	height: 8px;
	clear:both;
	background: none;
}
/* -------------------- */

/* -------------------- */



/* --- CONTAINER --- */

#container {
	position: relative;
	width: 61.85em;
	margin: 0 auto;
	padding: 0;
	text-align:left;
}
/* -------------------- */



/* --- HEADER --- */

#header {
	margin: 2px 0 8px 0;
	height: 88px;
	background-color: #FFF;
	background-position: bottom;
}
/* END_HEADER */



/* --- MIDLLE BOX ----- */

#middle {
	top: 0;
	left: 0;
	padding: 8px 0 0 0;
	margin: 0;
	clear:both;
}
/* -------------------- */

/* --- GROSSE TEASER -- */

#contentBox1 {
	width: 30.7em;
	float: left;
	background-color:#fff;
}
#contentBox2 {
	width: 30.7em;
	float: right;
	background-color:#fff;
}
.produktBox {
	margin: 10px 25px 0 25px;
}
/*
#contentBox1 h1 { background: #fff url(../images/ty_bbs.gif) no-repeat top left; height:17px; padding: 5px 0 }

#contentBox2 h1 { background: #fff url(../images/ty_bestsell.gif) no-repeat top left; height:17px; padding: 5px 0 }

#contentBox1 h1 span, #contentBox2 h1 span { display:none;}
*/


#contentBox1 h1, #contentBox2 h1 {
	padding-left: 12px;
	margin-bottom:10px;
}
.selectStartLeft {
	float:left;
	padding-left:25px;
}
.selectStartRight {
	float:right;
	padding-right:25px;
}
.selectStartText {
	width:18em;
	font-size:0.7em;
}
/* --- KLEINE TEASER -- */

.teaserBox {
	width: 28.9em;
	background-color:#fff;
}
.teaserBoxLeft {
	float:left;
	margin-right: 0.7em;
}
.teaserBoxRight {
	float: right;
}
.teaserBox h3 {
	margin-bottom: 0.9em;
}
.teaserBox {
	padding-top: 0;
}
.teaserGesamt {
	margin: 5px;
}
.teaserInnen {
	margin: 4px;
}
.teaserImg {
	float:left;
	margin-right: 5px;
}
/* -------------------- */

/* --- FOOTER --------- */
/*
#boxSprache {

	width: 16.4em;

	float: left;

}



#boxSprache ul {

  margin: 0; 

  padding: 2px;

  border-bottom: #777 solid 1px;

	background: #fff;

	text-align:center;

}



#boxSprache li {

	display:inline;

	padding: 0 1em;

  list-style-type: none;

	background: #fff;

}



#boxSprache li a {

	color: #777;

  font-size: 0.9em;

}



#boxMeta {

	width: 18.75em;

	float: right;

}



#boxMeta ul {

  margin: 0; 

  padding: 2px 0 2px 0;

  border-bottom: #777 solid 1px;

	background: #fff;

	text-align:center;

}



#boxMeta li {

	display:inline;

	padding: 0 0.22em;

  list-style-type: none;

	background: #fff;

}



#boxMeta li.trenner {

  border-right: #777 solid 1px;

}



#boxMeta li a {

	color: #777;

  font-size: 0.9em;

}
*/

/* -- Sprachwahlbox -- */

#boxSprache .calldropdown {
	margin: 0;
	padding: 0 0 1px 2px;
}
#boxSprache img {
	padding: 4px 0 0 2px;
	float:right;
}
#boxSprache img.dropdownicon {
	padding: 6px 0 0 5px;
}
#boxSprache .label {
	float:right;
	padding: 5px 0 0 0;
	color: #777;
	font-weight: bold;
}
#boxSprache .trenner {
	float:right;
	margin: 5px 0 0 0;
	height: 14px;
	width: 3px;
	border-left: 1px solid #777;
}
/*
.sprachwahl {
	position: absolute;
	top: 1em;
	left: 55em;
	margin-top: 10px;
}
*/

#sprachwahl {
	padding-right:11.3em;
	position:absolute;
	right:-217px;
	top:7px;
	width:77px;
	display: inline !important;
}
#boxSprachwahl {
	float:right;
	font-family:Arial, Tahoma, sans-serif;
	font-size:0.8em;
	position:absolute;
	top:-1px;
}
#boxSprachwahl a {
	color: #777;
	text-decoration:none;
	width: 13.56em;
	margin-left: 3px;
}
#boxSprachwahl div {
	padding: 0.22em 0 0.22em 0.4em;
	width: 13.56em;
}
#boxSprachwahl div.active {
	background: #f2f2f2;
}
/** META **/
#boxMeta {
	width: 31em;
	float: right;
	padding:0;
	margin:0 41px;
}
#boxMeta ul {
	margin: 0;
	padding: 4px 0 0 0;
	text-align:right;
	float:right;
}
#boxMeta li {
	display:inline;
	padding: 0 0.22em;
	list-style-type: none;
}
#boxMeta li.trenner {
	border-right: #777 solid 1px;
}
#boxMeta li a {
	color: #777;
	font-size: 0.9em;
}
/* -------------------- */

#contentBox_cc {
	width: 100%;
	height: 18.5em;
	background: url(../images/world.jpg) no-repeat right bottom #fff;
}
#contentBox_cc .produktBox {
	height: 23.5em;
}
#contentBox_cc a {
	padding-right: 8px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
}
#contentBox_cc .c_link {
	width: 9.5em;
	height: 20px;
	float: left;
}
.kategorienLeft {
	width: 19em;
	float: left;
}
.downloadBox {
	margin: 5px;
}
.downloadBox p {
	padding: 0;
}
.greybg {
	background-color:#F2F2F2;
}
.inputAdresse {
	border: 1px solid #58585a;
	width:20em;
	font-size:0.9em;
	background-color:#fff;
}
/* *** Hinzugefügte Styles für Neugestaltung der Startseite nach CI-Änderung ***/
/* *** edited by Sara Heinen *** */

#contentBoxLeft {
	float: left;
	margin: 0 10px 0 0;
	width: 656px;
}
#contentBoxRight {
	float: left;
}
#contentBoxFlash {
	width: 41em;
	height: 20.7em;
	float: left;
	background: #FFF url(../images/bg_box.gif) repeat-x left top;
}
#flashBox {
	margin: 8px 8px 0 9px;
}
#welcomeBox { width: 20.2em; height: 117px; margin-bottom: 6px; background: #FFF url(../images/bg_box.gif) repeat-x left top; }
#welcomeBox .content { height: 113px; }
#welcomeBox .content div { padding-top: 10px; }
#welcomeBox h3 { font-size: 14px; font-weight: normal; padding: 12px 0 10px 15px; margin: 0 0 0 5px; }
#welcomeBox p { font-size: 11px; padding: 0 0 10px 21px; }

#neuheitenBox { width: 20.2em; height: 229px; margin-top: 8px; background: #FFF url(../images/bg_box.gif) repeat-x left top; }
#neuheitenBox .content { height: 225px; }
#neuheitenBox h3 { font-size: 14px; font-weight: normal; padding: 12px 0 10px 15px; margin: 0 0 0 5px; }
#neuheitenBox h3 strong { display: inline; font-size: 14px; padding: 0; }
#neuheitenBox strong { font-size: 12px; display: block; padding: 0 0 5px 21px; color: #666; }
#neuheitenBox p { font-size: 11px; padding: 0 0 10px 21px; }

#newsBoxNeu {	width: 20.2em; height: 208px; background: #FFF url(../images/bg_box.gif) repeat-x left top; }
#newsBoxNeu h3 { font-size: 14px; font-weight: normal; padding: 8px 0 5px 15px; margin: 0 0 0 5px; }

#newsliste { margin: 0 5px 0 5px; /*padding-top: 5px;*/ height: 174px; }
#newsliste ul { margin: 0;  padding: 0 0 19px 0; }
#newsliste li { padding: 0; font-size: 11px; border-bottom: 1px solid #f0f0f0; background: url(../images/icon_head.gif) no-repeat left 12px; padding: 10px 10px 10px 16px; }
#newsliste li a { font-weight: bold; }

.teaserBoxNeu { width: 20.2em; height: 14.5em; background: #FFF url(../images/bg_box.gif) repeat-x left top; }
.teaserBoxNeu h3 { font-size: 0.9em; font-weight: normal; padding: 24px 0 5px 15px; margin: 0 0 0 5px; }
.teaserBoxNeu_left { float: left; margin-right: 9px; } 
.teaserBoxNeu .teaserContentBox { float: left; padding: 8px 0 0 10px; font-size: 0.6em; }
.teaserBoxNeu .teaserContentBox select { width: 178px; font-size: 1em; }
.teaserBoxNeu .teaserContentBox p { width: 12em; padding: 0 3px 0 0; }
.teaserBoxNeu .teaserPic { padding: 0 0 16px 0; }
.teaserBoxNeu .teaserTextNeu { height: 8em; line-height: 1.2em; }

.teaserBoxSmall { width: 196px; height: 224px; background: #FFF url(../images/bg_box.gif) repeat-x left top; float: left; display: inline; margin-top: 8px; margin-right: 10px; padding: 9px 8px 0 8px; position: relative; }
.teaserBoxSmall h3 { font-size: 14px; padding: 12px 0 5px 14px; margin: 0; }
.teaserBoxSmall .teaserPic { width: 196px; height: 123px; text-align: right; }
.teaserBoxSmall .teaserPic img { border-left: 1px #FFF solid; height: 123px; width: 178px; }
.teaserBoxSmall p { font-size: 11px; padding: 0 14px 5px 14px; color: #666; }
.teaserBoxSmall select { margin: 0 14px; border: 1px #CCC solid; font-size: 11px; color: #000; width: 166px; height: 20px; }
.teaserBoxSmall .boxEnd { /*margin: 0 -8px;*/ position: absolute; bottom: 0; width: 212px; height: 4px; left: 0; }

	.boxOrange .teaserPic { background: #ee5019; }
	.boxOrange h3 { color: #666; /*background: url(../images/navi_dot_orange.gif) no-repeat left 16px !important;*/ background: none; }
	.boxBlue .teaserPic { background: #001d61; }
	.boxBlue h3 { color: #666; /*background: url(../images/navi_dot_blue.gif) no-repeat left 16px !important;*/ background: none; }
	.boxGrey { margin-right: 0; }
	.boxGrey .teaserPic { background: #666f74; }
	.boxGrey h3 { color: #666; /*background: url(../images/navi_dot_grey.gif) no-repeat left 16px !important;*/ background: none; }