/* das wird die EINZIGE css-datei */


body {
	font-family: Arial, Helvetica, Sans-serif; 
	background-color: #fff;
	background-image: url(/_fx/background.gif);
	background-position: top left;
	color: #000;
	margin:0;	
	font-size:12px;
}

.printonly { display: none; }

p, ul, li { font-size:12px; }

h2 { 
	font-size:18px; 
	font-weight: bold;
	padding: 5px 0 10px 0;
}

.zeilenabstand { line-height: 160%; }
.linie { background: #eaeaea; }
.gefuellt { background: #f3f3f3; }
.white { background: #fff; }

#clickstream { 
	font-family: Arial, Helvetica, Sans-serif; 
	font-size: 11px; 
	color: #FF5200; 
	border:none; 
	padding: 0 0 0 9px; 
	margin:0;
	background:#fff;
}

a.cs, a.cs:visited {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #FF5200;
	border:none;
	margin:0;
	padding:0;
}



.navigation {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5f5f5f;
	text-decoration: none;
	border:0; margin:0; padding:0;
	text-transform: uppercase;
}

.navigation2 {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 11px;
	color: #5f5f5f;
	text-decoration: none
}

.navigation:hover, .navigation2:hover { color: #FF5308; }
.abstand { margin-right: 45px; }


.section {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #4D4D4D;
	border:0; margin:0; padding:0; 
}

.section_small {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #000;
	line-height: 10px;
	margin-top: 5px;
}



h2.headline {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 14px;
	color: #336699;
	padding: 20px 0 0 10px;
	margin:0;
	border:none; 
	text-transform:uppercase;
	font-weight:normal;
}
a.headline, a.headline:hover, a.headline:visited {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 14px;
	color: #336699;
	text-decoration: none;
	text-transform:uppercase;
}
p.subhead {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #4D4D4D;
	padding: 0 0 0 24px;
	margin:2px 0;
}

/* drei boxen unter der animation auf der startseite */
.teaserbox {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	margin:0;
}

.teaser {
	padding: 95px 0 8px 10px;
	background:transparent;
	height:15px;
	/* höhe insgesamt 118px!! */
}

.teaser a, .teaser a:visited {
	font-family: Arial, Helvetica, Sans-serif;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
}
.teaser a:hover {
	color:#FF5308;
}

a:focus { outline: none; }
a { color: #4C4C4C; text-decoration: none; }
a:hover { color: #FF5308; }
a img { border: 0; }
a.link { border-bottom: 1px solid #FF5308; text-decoration:none; font-size:12px; }
a.link:hover { color:#FF5308; }


/*sprite für international, druckbutton, mail-a-friend */
a.international span { visibility: hidden; }
a.international { background: url(sprite2.gif) no-repeat; float:left; margin-left:9px; width:112px; height:16px; background-position:0 0; }
a.international:hover { background-position:0px -32px; }

/*
a.druck span { visibility: hidden; }
a.druck { display:block; background: url(sprite.gif) no-repeat; background-position: 0 -32px; width:16px; height:16px; }
a.druck:hover { background-position: -16px -32px; }
*/

/* weiterempfehlen ist ein formular*/
#weiterempfehlen { display:inline; }
#weiterempfehlen input:focus { outline: none; }
#weiterempfehlen input { border: none; width:29px; height:16px; padding:0; }

/*
#weiterempfehlen input.button { background: url(sprite.gif) no-repeat 7px; background-position: -32px -32px; }
#weiterempfehlen input.button:hover { background-position: -61px -32px; }
*/

/* Suchbox */
.suchbox { 
	font-size:12px; 
	margin:0;
	width:127px; 
	height:17px; 
	border:1px solid #ccc; 
	padding:0 5px; }
.suchbutton {  margin:0; padding: 0px; }
.suchbutton:focus { outline: none; }



#produkte td, #erklaerung td { padding: 10px; vertical-align: top; font-family: Arial, Helvetica, Sans-serif; font-size:12px; }
#produkte td.head { padding: 5px 10px; color:#336699; }
#produkte td.bild { padding: 10px 0; }
#produkte tr.grau { background:#f2f2f2; }

#produkte td.besch h3 { padding: 0 0 5px 0; margin: 0; color:#336699; text-transform:uppercase; font-weight:normal; font-size:12px; }
#produkte td.besch p { padding: 0 0 5px 0; margin: 0; }

#produkte td.ic { padding: 0 10px 5px 0; width: 16px; }
#produkte td.dl { padding: 0 10px 5px 0; width: 164px; }
#produkte td.gr { padding: 0 0 5px 10px; width: 55px; text-align:right; }
/*
#produkte td.auswahl { padding:10px 5px; border-left:1px solid #f2f2f2; text-align:center; width: 65px; }
#produkte tr.grau td.auswahl { border-left:1px solid #fff; }
*/
#produkte td.auswahl { padding:10px 5px;  text-align:center; width: 65px; }

#produkte td.bullet { padding-top:25px }
#erklaerung .erklaerung { text-align:right; }

#produkte td.dgl { border-left:1px solid #6f6f6f; } /*dunkelgraue linie links */
#produkte td.dgu { border-bottom:1px solid #6f6f6f; } /*dunkelgraue linie unten */

.roloimg { border: 1px solid #96B0BF; background:#fff; }


/* downloadbox ------------------------------------------------------ */
.greybox { 
	background:#f3f3f3;
	padding: 10px;
	margin: 20px 26px;
	width: 380px;
	}
	
.greybox label { font-size: 11px; line-height: 150%; }
.greybox input { margin: 0 0 0 5px; padding: 2px; }
.greybox input.kurz { width: 155px; float:left; }
.greybox input.lang { width: 314px; }
.greybox input.plz { width: 100px; float:left; }
.greybox input.ort { width: 210px; float:left; }
.greybox input.radio { margin: 0 5px; }
.greybox input.button { width: 314px; }

/* newsseite -------------------------------------------------------- */


.newspic { 
	width:150px;
	height:100px;
	border:1px #f3f3f3 solid;
	background:#f3f3f3;
	padding:4px;
	clear:both; 
	float:left; 
	margin-right:10px; 
	text-align:center;
	overflow:hidden;
	}
.newsdate {
	font-size:10px;
	padding-right:10px;
	color:#ff5248;
	}
.newstxt {
	text-align:justify;
	}
.newspic_li {
	float:left; 
	padding: 4px 10px 10px 0;
	}


h3 { 
	clear:both;
	font-size:18px; 
	font-weight: bold;
	padding: 25px 0 5px 0;
	margin:0;
}
#news p { margin:0; padding:0 0 5px 0; line-height: 150%; }

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

/* png für ie6 */
img, div { behavior: url(/_fx/iepngfix.htc) }
/* sollte ganz unten im css bleiben! */