/* grundeinstellungen */
*{padding: 0; margin: 0; outline:none; text-decoration:none;}
body {height:100%; width:100%;background-color: #333333;}
img {border:0}


/* bereichsdefinitionen */
#all{width:975px; background-image:url(../images/pattern.gif); margin-left:30px;}
#suche{height:32px; width:975px; background-image:url(../images/top_bkg.gif); background-repeat:no-repeat; text-align:right;}
#header{height:123px; width:975px; background-image:url(../images/header_bkg.gif); background-repeat:no-repeat;}
#mainnav{height:32px; width:975px; background-color: #888888;}
#cont{height:auto; width:975px; min-height:420px; margin-top:16px;}
#contnav {height:24px; width:513px; background-color:transparent; padding-left:15px; padding-right:15px; padding-bottom:4px;}
#footer{height:32px; width:945px; margin-top:32px; margin-left:15px; padding-top:8px;text-align:center;clear:both}
#teasertext{margin-bottom:16px;}
#text_bild {margin-bottom:16px;}

/* content elements für redaktionelles hinzufügen von inhalten*/
#links{width:175px;float:left;}
#mitte{width:560px;float:left; height:auto;}
#rechts{width:240px;float:left;}

/* _sub -> ansprache über typoscript (object path)*/
#links_sub{width:175px;float:left;}
#rechts_sub{width:240px;float:left;}

/* Marken */
.marke_rechts {
	overflow:hidden;
	float:left;
	color:#0f69b5; 
	margin-right:0px;
	padding-bottom:16px;
	width:161px;
	text-align:center;
	}

.entry_marke {
	overflow:hidden;
	float:left;
	color:#0f69b5; 
	margin-right:15px;
	padding-bottom:16px;
	width:161px;
	max-height:161px;
	text-align:center;
}

.entry_marke img{vertical-align:middle; max-width:161px; max-height:140px; padding-bottom:8px; border:none;}

td { vertical-align:bottom; border:0px; text-align:left;}

.marken_link {
	font-family:Verdana,Lucida,sans-serif;
	color:inherit;
	font-weight:400;
	font-size:10px;
	text-align:left;
	vertical-align:bottom;
	border-top:1px dotted #888888;
	padding-top: 4px;
}

.marken_link a:hover {color:#093b66}
.marken_link a {color:#0f69b5;}

/* jobseite */
a + #jobdetail {
	margin-bottom:32px;
}

.jobs a{
	color:#333333;
	font-weight:100;
	font-size:12px;
	text-decoration:underline;
}
.jobs a:hover{
	color:#666666;
}


/* navigation */
.mainnav {float:left;}
#navleiste{float:left;}
#ticker {
	float:left;
	width:335px; 
	height:32px; 
	background-image:url(../images/navi/ticker_bkg.gif);
}

#tickerfield {
	font-family:Courier New, Courier, monospace; 
	white-space:nowrap;
	vertical-align:middle;
	width:302px;
	height:18px;
	overflow:hidden;
	margin-left:17px;
	margin-top:6px;
	background-color:transparent;
	border:none;
}


/* homelinks*/
.homelinks{margin-left:15px;margin-top:16px;max-width:145px;background-color:transparent;color:#0f69b5;}
.homelinks_text {
	font-family:Verdana,Lucida,sans-serif;
	font-weight:700;
	text-align:left;
	font-size:16px;
	line-height:1.2em;
	border-bottom:1px dotted #888888;
	padding-bottom:4px;
}

#left_link a{
	font-family:Verdana,Lucida,sans-serif;
	color:#0f69b5;
	font-weight:400;
	text-align:left;
	font-size:10px;
}
#left_link a:hover {color:#093b66;}


.homelinks_link a{
	font-family:Verdana,Lucida,sans-serif;
	color:inherit;
	font-weight:400;
	text-align:left;
	font-size:10px;
}
.homelinks_link a:hover {color:#093b66;}

/*rechts*/
.entry_rechts {
	color:#ffffff; 
	margin-right:16px;
	overflow:hidden;
	position:relative;
	margin-bottom:24px;
}

.rechts_text {
	font-family:Verdana,Lucida,sans-serif;
	font-weight:700;
	text-align:left;
	font-size:16px;
	line-height:1.3em;
	border-bottom:1px dotted #888888;
	padding-bottom:8px;
}

.bodytext a{
	color:#0f69b5;
}
.bodytext a:hover{
	color:#093b66;
}

/* schriftformatierungen */
.footer {
	font-family:Verdana,Lucida,sans-serif;
	color:#404040;
	font-weight:400;
	text-align:left;
	font-size:10px;
}
.footer:hover{color:#093b66;}


.bonbontext{
	font-family:Verdana,Lucida,sans-serif;
	font-weight:700;
	text-align:left;
	font-size:24px;
}


/*templates mitte*/
/*headline*/
#headline{height:auto; position:relative;margin-bottom:11px;}
#headtext{
	width:513px;
	font-family:Verdana,Lucida,sans-serif;
	color:#0f69b5;
	font-weight:700;
	text-align:left;
	font-size:24px;
	padding-top:16px;
	padding-left:15px; 
	padding-bottom:16px;
	padding-right:16px;
	background-color:#ffffff;
}

/*nur Text*/
.contTextonly{height:auto; position:relative;margin-bottom:11px; width:513px; padding-top:16px;padding-left:15px; padding-bottom:16px; padding-right:16px; font-family:Verdana,Lucida,sans-serif; background-color:#ffffff; text-align:left;}

/*Bild und Text*/
.contTextBild{height:auto; position:relative; margin-bottom:11px; width:513px; padding-top:16px;padding-left:15px; padding-bottom:16px; padding-right:16px; font-family:Verdana,Lucida,sans-serif; background-color:#ffffff; text-align:left;}
.contTextBild_halb{height:234px; position:relative; margin-bottom:11px; width:234px; padding-top:16px;padding-left:15px; padding-bottom:16px; padding-right:16px; font-family:Verdana,Lucida,sans-serif; background-color:#ffffff; text-align:left;}
.bild{float:left; margin-right:16px; margin-bottom:16px;}
.bild_rechts{float:right; margin-left:16px;}

.bild_markendetail_header {max-height:100px;}
.bild_markendetail {max-height:80px; max-width:116px; overflow:hidden; margin-right:16px; float:left;}
#neuheit_quer img{max-width:234px; margin-bottom:8px; margin-top:8px;}
#neuheit_hoch img{max-width:100px; max-height: 180px;margin-bottom:8px; margin-top:8px; margin-right:15px; }
#neuheit_quer .conttext{width:240px;}
#neuheit_hoch .conttext{width:240px;}

/*nur Bild*/
.contBildonly{height:auto; position:relative; margin-bottom:11px; width:513px; padding-top:16px;padding-left:15px; padding-bottom:16px; padding-right:16px;font-family:Verdana,Lucida,sans-serif; background-color:#ffffff; text-align:left;}

.conthead{
	width:inherit;
	color:#0f69b5;
	font-weight:700;
	font-size:16px;
	background-color:inherit;
	margin-bottom:8px;
}

.conthead a{color:#0f69b5;}
.conthead a:hover{color:#093b66;}

.conthead_grau{
	color:#333;
	font-weight:700;
	font-size:16px;
	background-color:transparent;
}

.conttext{
	color:#333333;
	font-weight:100;
	font-size:12px;
	line-height:18px;
	background-color:transparent;
}
.conttext_kursiv{
	color:#333333;
	font-weight:100;
	font-size:12px;
	font-style:italic;
	line-height:18px;
	background-color:transparent;
	margin-top:12px;
}
.contlink{
	width:inherit;
	color:#0f69b5;
	font-weight:100;
	font-size:10px;
	line-height:18px;
	background-color:inherit;
	clear:both;
	margin-top:16px;
}

.contlink a {color:#0f69b5;}
.contlink a:hover{color:#093b66}

.contlink_ifbi a {color:#0f69b5;}
.contlink_ifbi a:hover{color:#093b66}
.contlink_tee a {color:#069b67;}
.contlink_tee a:hover{color:#093b66}
.contlink_kakao a {color:#b15f18;}
.contlink_kakao a:hover{color:#093b66}
.contlink_sirup a {color:#f2b132;}
.contlink_sirup a:hover{color:#093b66}
.contlink_kalt a {color:#8e2b5f;}
.contlink_kalt a:hover{color:#093b66}
.contlink_sweets a {color:#eaa0ac;}
.contlink_sweets a:hover{color:#093b66}
.contlink_pack a {color:#004894;}
.contlink_pack a:hover{color:#093b66}
.contlink_tools a {color:#289dd4;}
.contlink_tools a:hover{color:#093b66}
.contlink_ausstattung a {color:#80c5cd;}
.contlink_ausstattung a:hover{color:#093b66}
.contlink_technik a {color:#979e9f;}
.contlink_technik a:hover{color:#093b66}


.textlink a{
	color:#333333;
	font-weight:100;
	text-decoration:underline;
}
.textlink a:hover{
	color:#093b66;
	font-weight:100;
	text-decoration:underline;
}


/* Newsletter */
#newsletterform{
	margin-top:6px;
	margin-bottom:30px;
}


/* Produkte */
#icons{
	margin-top:16px;
	margin-bottom:4px;
}

#icons img{
	margin-right:8px;
}

.prod_kat {
	 position:relative;
	 margin-bottom:16px;
}

#markenimg {
	position:absolute;
	left:0px;
	top:0px;
}

/*schatten*/
.schattenrechts{
	position:absolute;
	top:0px;
	left:544px;
	min-width:4px;
	height:100%;
	background-image:url(../images/schatten_mitte_rechts.gif);
	background-repeat:repeat-y;
}
.schattenunten{position:absolute; bottom:0px; left:0px; width:545px;background-image:url(../images/schatten_mitte_unten.gif);background-repeat:repeat-x;}
.schattenrechtsunten{position:absolute;left:542px;bottom:0px;}
.schattenganzebreite{position:absolute; bottom:0px; left:0px; width:100%;background-image:url(../images/schatten_mitte_unten.gif);background-repeat:repeat-x;}


.schattenrechts_halb{
	position:absolute;
	top:0px;
	left:265px;
	min-width:4px;
	height:100%;
	background-image:url(../images/schatten_mitte_rechts.gif);
	background-repeat:repeat-y;
}
.schattenunten_halb{position:absolute; bottom:0px; left:0px; width:264px;background-image:url(../images/schatten_mitte_unten.gif);background-repeat:repeat-x;}
.schattenrechtsunten_halb{position:absolute;left:263px;bottom:0px;}



/* schatten für rechte spalte*/
.recths_schattenrechts{
	position:absolute;
	top:0px;
	left:224px;
	min-width:4px;
	height:100%;
	background-image:url(../images/schatten_mitte_rechts.gif);
	background-repeat:repeat-y;
}
.recths_schattenunten{position:absolute; bottom:0px; left:0px; width:224px;background-image:url(../images/schatten_mitte_unten.gif);background-repeat:repeat-x;}
.recths_schattenrechtsunten{position:absolute;left:222px;bottom:0px;}