/* CSS Document */
body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	line-height: 140%;
	background-color: #FBFBF7;
	color: #666666;
}

	
td	{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;}	

a {
	color: #1C87A3;
}

a:hover {
	color: #004369;
}

p	{
	margin-top: 3px;
	margin-bottom: 4px;
	}

h1	{
	font-size: 14px;
	color:  #25799A;
	margin-bottom: 6px;
	letter-spacing: 2px;
	font-weight: bold;
	}

h2, .randbemerkung h1, .randbemerkung h2	{
	font-size: 12px;
	color:  #25799A;
	margin-bottom: 0px;
	font-weight: bold;
	letter-spacing: 1px;
	}
	
	
ul	{
	margin-top: 0px; margin-bottom:-4px;
	margin-left: 17px;
	padding-left: 0px;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url(pics/bullet.gif);
	}
	
li	{	padding-bottom: 6px;	}	
	
	
small {font-size: 11px; line-height:120%;}

hr { height:1px; color:#cccccc; margin-bottom:6px;}

.inhaltstabelle td {padding-right:8px; padding-bottom:4px; padding-top:4px; }
.normal {font-weight:normal;}
.hervorhebung {	color: #FF0000;}

/* Logo */
.logo {
	vertical-align: top;
	padding-top: 54px;
	padding-right: 20px;
	padding-left: 20px;
	/* Hintergrundbild Randbereich ist auskommentiert  
	background-image: url(pics/illustration/tech_3.gif);
	background-repeat: no-repeat;
	background-position: right bottom;*/
}

.logo, .rechtsunten { border-right: solid 1px #E1EDF2; background-color: #FBFBF7;}

/* Navigation*/

.nav {
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #E1EDF2;
	vertical-align: top; width: 650px; padding:0px;
}

.nav table.menue  { 
	margin-top: 36px; width:586px;         /* 586 + 24 + 40 = 650 */
	margin-left: 24px; margin-right:0px; /* steuert den Abstand von links und die Breite der umgebenden Zelle */
	} 
	
.nav table.menue td  { vertical-align: top; width:auto;} 

.nav div.menue {
	margin-left: 4px; background-color:#3697B4; border-top:1px solid #004369;
	padding-left: 7px; padding-top: 4px; padding-bottom: 2px; padding-right:4px;
	font-size: 11px; color: #C8E1E6; line-height:110%;
	visibility: hidden; 
	}

.nav div.menue#subnav2 { width:97px;}
.nav div.menue#subnav3 { width:100px;}
.nav div.menue#subnav4 { width:89px;}
.nav div.menue#subnav5 { width:74px;}
.nav div.menue#subnav6 { width:98px;}

body#english .nav div.menue#subnav2 { width:77px;}
body#english .nav div.menue#subnav3 { width:82px;}
body#english .nav div.menue#subnav4 { width:85px;}
body#english .nav div.menue#subnav5 { width:78px;}
body#english .nav div.menue#subnav6 { width:90px;}
	
.nav div.menue a { color: #C8E1E6; text-decoration:none;}	
.nav div.menue a:hover { color: white;}	
	
	
/* Submenü links */
.subnav h1 {
			font-size:11px;
			padding-left:18px;
			color:#004369;
			font-weight:normal;
			letter-spacing: 1px;}			
			
.subnav ul {
	display:block;
	list-style-type:none; list-style-image: none;
	background:#004369; 
	margin:0px; padding:0px; width:130px;
	}		
	
.subnav li {
	margin:0px; padding:0px;
	}
	
.subnav li a, .subnav li a:visited, .subnav li.active {
	display:block; 
	padding:3px 0px 3px 18px;  
	border-top:1px solid #376D8B; 
	text-decoration:none; color:#FBFBF7; font-size:11px; line-height: 120%;	letter-spacing: 1px;
	}
	
*html .subnav li, *html .subnav li.active { display:inline; } /* IE fix */
	
*html .subnav li a, *html .subnav li a:visited, *html .subnav li.active {width:130px;} /* IE fix (Links über ganze Breite) */
	
.subnav li#firstItem a, .subnav li#firstItem a:visited, .subnav li#firstItem a:hover, .subnav li#firstItem.active {border:none;}
	
.subnav li a:hover, .subnav li a:focus {
	background:#3697B4;
	text-decoration:none; color:#FBFBF7;
	}
	
.subnav li.active {
	background-image:url(pics/nav/submenue_statusmarker.gif);
	color:#9BCAD7;
	background-repeat: no-repeat;
	background-position: left top;
}

/* GEBAECK: absolute Positionierung der kleinen Gebaeckbilder fuer das Submenue links */	
.nav div#dressieren {position:absolute; visibility:hidden; left:96px; top:238px;}
.nav div#extrudieren {position:absolute; visibility: hidden; left:90px; top:250px;}
.nav div#formen {position:absolute; visibility:hidden; left:90px; top:273px;}
.nav div#sandwich {position:absolute; visibility:hidden; left: 110px; top: 297px;}
.nav div#hacken {position:absolute; visibility:hidden; left: 94px; top: 329px;}
.nav div#kombination {position:absolute; visibility:hidden; left: 99px; top: 348px;}	
.nav div#lebkuchen {position:absolute; visibility:hidden; left: 96px; top: 377px;}

/* FUER INTERNET EXPLORER --- GEBAECK: absolute Positionierung der kleinen Gebaeckbilder fuer das Submenue links */	
*html .nav div#dressieren {top:234px;}
*html .nav div#extrudieren {top:246px;}
*html .nav div#formen {top:269px;}
*html .nav div#sandwich {top: 293px;}
*html .nav div#hacken {top: 324px;}
*html .nav div#kombination {top: 343px;}	
*html .nav div#lebkuchen {top: 372px;}

/* KONFEKT: absolute Positionierung der kleinen Konfektbilder fuer das Submenue links */	
.nav div#konfekt_dressieren {position:absolute; visibility:hidden; left: 106px; top: 241px;}
.nav div#konfekt_extrudieren {position:absolute; visibility: hidden; left: 107px; top: 253px;}
.nav div#konfekt_formen {position:absolute; visibility:hidden; left: 106px; top: 275px;}
.nav div#konfekt_hacken {position:absolute; visibility:hidden; left: 100px; top: 300px;}
.nav div#konfekt_kombination {position:absolute; visibility:hidden; left: 104px; top: 330px;}

/* FUER INTERNET EXPLORER --- KONFEKT: absolute Positionierung der kleinen Konfektbilder fuer das Submenue links */	
*html .nav div#konfekt_dressieren {top: 237px;}
*html .nav div#konfekt_extrudieren {top: 249px;}
*html .nav div#konfekt_formen {top:271px;}
*html .nav div#konfekt_hacken {top:296px;}
*html .nav div#konfekt_kombination {top: 325px;}

/* Content */
.content {  margin-top:-3px; width:650px;}
body#english .content { }

/* Randbemerkungen */
.randbemerkung {
	width:240px;
	vertical-align: top;
	margin-right: 20px;
	margin-top:100px;
	font-size:11px;}
	
.randbemerkung h1, .randbemerkung h2	{margin-bottom: 4px;}	

.randbemerkung ul {margin-top:8px;}

.technischedaten {border-top: solid #cccccc 1px; width:240px;}

.technischedaten td { border-bottom: solid #cccccc 1px; padding-top:2px; padding-bottom:2px;}

.technischedaten .label {
	color: #004369;
	padding-right:14px;
	width:70px;
	}		

/* Fusszeile */

.fusszeile	{
	height:25px; vertical-align:bottom;
	color:#5A87A0; font-size: 10px;
	padding-bottom: 6px; padding-left: 35px;
	background-color: #E1EDF2; 
}
.fusszeile	a {	color:#5A87A0;}
.fusszeile	a:hover {	color:#004369;}	

/* Layout */
.einspaltig 
	{ width:650px; padding:15px; padding-left:35px; padding-right:35px; vertical-align:top;}

div.einspaltig 
	{ width:580px; padding:0px; padding-top:15px; margin-left:35px; margin-right:35px;}	
	

.schmal 
	{ width:350px; padding:20px; padding-left:35px; padding-right:35px; vertical-align:top;}	
	
.zweispaltig_b_links 
	{ width:240px; padding:20px; padding-left:35px; vertical-align:top;}   /* wird u.a. für Startseite verwendet  */
.zweispaltig_b_rechts 
	{ width:410px; padding:20px; padding-right:35px; vertical-align:top;} /* gesamt=650*/

.subnav
	{ width:165px; padding:0px; padding-top:20px; vertical-align:top;}   
.subnav_rechts 
	{ width:485px; padding:20px; padding-right:35px; vertical-align:top;} /* gesamt=650*/

/* Maschinendetails */
.vorteile ul{	list-style-image: url(pics/bullet_plus.gif);}
table.bilder { margin-left:-10px;}
td.bilder 	{	width:170px; vertical-align:top;}
td.vorteile { width:290px; vertical-align:top; padding-top:20px;}

/* Polaroid */
.polaroid {
	background-image:url(pics/polaroid.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:20px 21px 20px 19px;
	width:130px;
	height:191px;
	color:#5A87A0;
	font-size: 10px;
}

*html .polaroid {width:170px;}


.randbemerkung .polaroid { background-image:url(pics/polaroid_randbereich.gif);}

/* Formulare */
input {	display: block;	float: left; margin-top:-1px;}
form p { margin-top:3px; margin-bottom:4px; }
#produktionsdaten input { width:98px;}
textarea, input { color:#004369}
#kontaktdaten input, #kontaktdaten textarea { width:314px;}

/* Kontakt */
#vertretung  { background-color: #FBFBF7; width: 240px; height:300px; vertical-align: center; padding:8px; color:#004369}
img.portrait { border: solid 1px #004369;}

/* Zeitleiste */
.zeitleiste { position: absolute; visibility:hidden;}

div.geschichte {
	position: absolute; left:676px; top:233px;
	width:250px; height:300px; background-color: #FBFBF7;
	visibility:hidden;
}

/* Neues Fenster für vergrößerte Fotos */
body.neuesFenster {padding:20px; background-color:#E1EDF2;}