/* BODY UND GLOBALE EINSTELLUNGEN */

body {
padding:0;
margin:0;
background-color:#FFFFFF;
height:100%;
font-family:Arial,Helvetica,sans-serif;
}

a:link, a:visited {
color:#0000DF;
}


			/* TOP */
			
			
			#top {
			height:65px;
			padding:0px 0px 0px 2px;;
			background-color:#4986C2;
			}

			.social {
			position:absolute; 
			top:15px; 
			right: 16px;
			}

						/* LEISTE */
						
						#leiste {
						height:18px;
						background-color:#C5DAE9;
						padding:0px 0px 3px 11px;
						border-bottom:1px solid #9F9F9F;
						}
						
						.navhor a:link, .navhor a:visited {
						text-decoration:none;
						font-size:11px;
						color:#4986C2;
						}
						
						.navhor a:hover {
						text-decoration:underline;
						}
						
						.navhorextra a:link, .navhorextra a:visited {
						text-decoration:none;
						position:absolute;
						right:8px;
						top:69px;
						font-size:11px;
						font-weight:bold;
						color:#FFFFFF;
						}
						
						.navhorextra a:hover {
						text-decoration:underline;
						}



/* LEFT */

#left {
	left:0px;
	position:absolute;
	float:left;
	margin-top:16px;
	padding:0px;
	width:170px;
	background-color:#FFF;
}

#lefttools {
float:left;
margin-top:16px;
padding:0px;
width:170px;
background-color:#FFFFFF;
}

.navbox {
	padding:0;
	width:170px;
	background-color:#EDEDED;
	margin-top: 10px;
		}

#navtainer {
margin:0;
padding:0;
width:170px;
background-color:#C5DAE9;
}

#navtainertools {
margin:0;
padding:0;
width:170px;
background-color:#FFFFFF;
}


ul#mainnav {
list-style-type:none;
margin:0;
padding:0;
}

ul#mainnavtools {
list-style-type:none;
margin:0;
padding:0;
}


ul#mainnav li a:link, ul#mainnav li a:visited {
text-decoration:none;
color:#000000;
display:block;
width:100%;
line-height:140%;
font-size:11px;
text-indent:15px;
letter-spacing:1pt;
padding:6px 0px 4px 0px;
border-bottom:1px solid #FFFFFF;
}

ul#mainnavtools li a:link, ul#mainnavtools li a:visited {
text-decoration:none;
color:#0000DF;
display:block;
width:100%;
line-height:140%;
font-size:12px;
text-indent:15px;
padding:6px 0px 4px 0px;
}

ul#mainnav li a:hover {
background-color:#FFBC08;
color:#000000;
}

ul#mainnav ul.subnav {
	list-style-type:none;
	margin:0;
	padding:0;
	background-color:#EFF1F2;
}

ul#mainnav ul.subnav li a:link, ul#mainnav ul.subnav li a:visited {
text-decoration:none;
color:#000000;
display:block;
width:100%;
text-indent:20px;
letter-spacing:1pt;
padding:5px 0px 5px 0px;
background-color:#EFF1F2;
border-bottom:1px solid #DCDCDC;
}

ul#mainnav ul.subnav li a:hover {
color:#FFAC00;
}

ul#mainnav li.marker  {
background-color:#FFAC00;
}

a.navlink:link, a.navlink:visited {
text-decoration:none;
color:#000000;
font-size:11px;
margin-left:12px;
letter-spacing:1pt;
}

/* RIGHT */


#right {
float:right;
width:200px;
margin:10px 0px 10px 0px;
padding-top:10px;
}

.infobug {
	width:198px;
	background-color:#FEFAEF;
	margin:1px 0px 10px 0px;
	border-bottom-color: #8F8F8F;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-left: 1px;
	border-left-color: #8F8F8F;
	border-left-style: solid;
	border-right: 1px;
	border-right-color: #8F8F8F;
	border-right-style: solid;
	border-top: 1px;
	border-top-color: #8F8F8F;
	border-top-style: solid;
}

.infobugarchiv {
	width:198px;
	background-color:#F2F6E9;
	margin:1px 0px 10px 0px;
	border-bottom-color: #8F8F8F;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-left: 1px;
	border-left-color: #8F8F8F;
	border-left-style: solid;
	border-right: 1px;
	border-right-color: #8F8F8F;
	border-right-style: solid;
	border-top: 1px;
	border-top-color: #8F8F8F;
	border-top-style: solid;
}

.infobugstern {
	width:198px;
	background-color:#FDF6F6;
	margin:1px 0px 10px 0px;
	border-bottom-color: #8F8F8F;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-left: 1px;
	border-left-color: #8F8F8F;
	border-left-style: solid;
	border-right: 1px;
	border-right-color: #8F8F8F;
	border-right-style: solid;
	border-top: 1px;
	border-top-color: #8F8F8F;
	border-top-style: solid;
}

.infobugsternneu {
	width:198px;
	background-color:#ffffff;
	margin:1px 0px 10px 0px;
	border-bottom-color: #8F8F8F;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-left: 1px;
	border-left-color: #8F8F8F;
	border-left-style: solid;
	border-right: 1px;
	border-right-color: #8F8F8F;
	border-right-style: solid;
	border-top: 1px;
	border-top-color: #8F8F8F;
	border-top-style: solid;
}

.infobugweiss {
	width:198px;
	background-color:#FFFFFF;
	margin:1px 0px 10px 0px;
	border-bottom-color: #8F8F8F;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-left: 1px;
	border-left-color: #8F8F8F;
	border-left-style: solid;
	border-right: 1px;
	border-right-color: #8F8F8F;
	border-right-style: solid;
	border-top: 1px;
	border-top-color: #8F8F8F;
	border-top-style: solid;
}

.infobugblau {
	width:198px;
	background-color:#E7F7FB;
	margin:1px 0px 10px 0px;
	border-bottom-color: #8F8F8F;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-left: 1px;
	border-left-color: #8F8F8F;
	border-left-style: solid;
	border-right: 1px;
	border-right-color: #8F8F8F;
	border-right-style: solid;
	border-top: 1px;
	border-top-color: #8F8F8F;
	border-top-style: solid;
}

.infobuggelb {
	width:198px;
	background-color:#FBF8C7;
	margin:1px 0px 10px 0px;
	border-bottom-color: #8F8F8F;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-left: 1px;
	border-left-color: #8F8F8F;
	border-left-style: solid;
	border-right: 1px;
	border-right-color: #8F8F8F;
	border-right-style: solid;
	border-top: 1px;
	border-top-color: #8F8F8F;
	border-top-style: solid;
}

.infobugtransparent {
	width:198px;
	background-color: #FFFFFF;
	margin:1px 0px 10px 0px;
	border-bottom: 1px;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-left: 1px;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-right: 1px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-top: 1px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
}

.infobugbox {
	width:198px;
	background-color:#FDFBF6;
	margin:1px 0px 10px 0px;
	border-bottom-color: #8F8F8F;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-left: 1px;
	border-left-color: #8F8F8F;
	border-left-style: solid;
	border-right: 1px;
	border-right-color: #8F8F8F;
	border-right-style: solid;
	border-top: 1px;
	border-top-color: #8F8F8F;
	border-top-style: solid;
}

.info {
width:185px;
padding:6px;
font-size:11px;
line-height:150%;
letter-spacing:0.4pt;
text-align:right;
}

.infoleft {
width:185px;
padding:6px;
font-size:11px;
line-height:150%;
letter-spacing:0.4pt;
text-align:left;
}

.infobold {
font-size:14px;
font-weight:bold;
letter-spacing:0.3pt;
text-align:left;
}

.infohead {
letter-spacing:0.8pt;
}


					/* MIDDLE */
					
					
					#middle {
						margin: 44px 210px 0px 200px;
						padding:0px 10px 30px 10px;
						font-size:12px;
						letter-spacing:0pt;
						line-height:150%;
						
					}
					
					#middle p {
						font-size:12px;
						letter-spacing:0pt;
						line-height:150%;
					}
					
					
					
					:first-child+html #middle {      /*   hack für IE7 und höher    */ 
						overflow:hidden;
						}
					
					.minwidth {
					width:500px;
					border:1px solid #000000;
					}
					
					#middle ul {
					line-height:160%;
					}
					
					#middle ul li {
					margin-top:6px;
					}
					
					.toli {
						margin-left:30px;
					}
					
					.einzug {
					margin-left:40px;
					}
					
					
					#middle h1 {
						font-size:18px;
						font-weight:bold;
						color:#737373;
						letter-spacing:0.8pt;
						line-height:120%;
						padding:0px;
						margin:0px 0px 20px 0px;
						text-decoration: none;
						border-bottom-color: #8F8F8F;
						border-bottom-style: solid;
						border-bottom-width: 1px;
						white-space: nowrap;
					}
					
					#middle h2 {
						font-size:13px;
						font-weight:normal;
						color:#333333;
						letter-spacing:0.5pt;
						line-height:180%;
						text-decoration: none;
						background-color: #EDEDED;
						padding-left: 4px;
					}
					
						
					.monat {
						font-size:16px;
						font-weight:bold;
						color:#3974AE;
						letter-spacing: 0.1em;
						margin-left: 30px;
						margin-top: 30px;
						background-color: #EDEDED;
						line-height: 140%;
						padding-left: 10px;
						padding-top:2px;
						margin-right:60px;
						border-bottom:1px dashed #999999;
					}
					
					#middle h3 {
					font-size:17px;
					font-weight:bold;
					color:#FFAC00;
					letter-spacing:0.3pt;
					line-height:100%;
					}
					
					
					#middle a {
						font-size:13px;
					}
					
					
					.bstandardb {
						font-size:14px;
						font-weight:bold;
						color:#CD071E;
					}
					
					.bstandard {
						font-size:12px;
						color:#666666;
						letter-spacing: 0em;
					}
					
					
					#middle .infolink {
					font-size:11px;
					font-weight:bold;
					color:#666666;
					}
					
					.datei {
						font-size:10px;
						font-style:normal;
					}
					
					.pict {
						float:left;
						margin-bottom:4px;
						
					}
					
					.aktuhead {
						font-size:16px; 
						font-weight:bold; 
						color:#666;
						
					}
					
					.aktutext {
						font-family: Georgia, 'Times New Roman', Times, serif;
						font-size:12px;
						color:#666;						
					}
					
					#boxx {
					width:800px;
					margin-bottom: 8px;
					}
					
					.boxxleft {
					width:390px; 
					background-color:#FFFFFF;  
					float:left; 
					margin-right:20px;
					}
					
					.boxxright {
					width:390px;
					background-color:#FFFFFF;
					float:left;
					}
					
					#boxx table {
					border-collapse:collapse;
					margin-bottom:20px;
					border:none;
					width:390px;	
					}
					
					#boxx td {
					padding:8px 8px 8px 8px;
					border:1px dotted #D3D3D3;
					background:url(images/boxback.jpg) no-repeat;
					}
					
					.boxhead {
					font-size:15px;
					font-weight:bold;
					margin-bottom:10px;
					margin-top:3px;
					letter-spacing:0.1pt;
					}

							/* FORMULARE */
							
							.stern {
							color:#FFAC00;
							font-size:12px;
							}
							
							.warnung {
								font-size:18px;
								font-weight:bold;
								color:#B81A03;
								letter-spacing:1pt;
								line-height:180%;
								text-decoration: none;
								background-color: #EDEDED;
								padding-left: 4px;
								text-align:center;
								border-bottom: 1px;
								border-bottom-color: #000033;
								border-bottom-style: solid;
							}


			/* BESTELLFORMULAR    */
			
			
			table.best {                                                      
			border: none; 
			rules: none;
			border-collapse: collapse;
			width: 575px;
			font-size:12px;
			vertical-align:top;
			}
			
			table.bestb {                               /*     für Fixbestellformular breitere Tabelle    */                       
			border: none; 
			rules: none;
			border-collapse: collapse;
			width: 656px;
			font-size:12px;
			vertical-align:top;
			}
			
			td.best {
			vertical-align:top;
			}
			
			td.pad {                                      /*    für zellen mit überall 4px padding           */
			padding: 4px;
			}
			
			
			td.kopf {                                    /*    kopfzeile in blau           */
			font-size: 16px;
			font-weight: bold;
			color: #175B8E;
			background-color: #FFFFFF;
			}   
			td.kopf2 {                                    /*    kopfzeile in blau           */
			font-size: 11px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal;
			color: #FFFFFF;
			background-color: #FF6600;
			vertical-align:middle;
			} 
			
			
												/* reihenfolge für rahmenangabe ist up ri bo le    */
											 
			td.allb {                                     /*  rahmen rundherumg     */
			border: 1px solid #999999;
			}
			
			
			td.upb {                                     
			border-top: 1px solid #999999;
			}
			td.upleb {                                     
			border-top: 1px solid #999999;
			border-left: 1px solid #999999;
			}
			td.uprib {                                    
			border-top: 1px solid #999999;
			border-right: 1px solid #999999;
			}
			td.upbob {                                     
			border-top: 1px solid #999999;
			border-bottom: 1px solid #999999;
			}
			td.upboleb {                                     
			border-top: 1px solid #999999;
			border-bottom: 1px solid #999999;
			border-left: 1px solid #999999;
			}
			td.upborib {                                     
			border-top: 1px solid #999999;
			border-bottom: 1px solid #999999;
			border-right: 1px solid #999999;
			}
			td.upriboleb {                                     
			border-top: 1px solid #999999;
			border-bottom: 1px solid #999999;
			border-right: 1px solid #999999;
			border-left: 1px solid #999999;
			}
			td.uprileb {                                     
			border-top: 1px solid #999999;
			border-right: 1px solid #999999;
			border-left: 1px solid #999999;
			}
			td.boleb {                                     
			border-bottom: 1px solid #999999;
			border-left: 1px solid #999999;
			}
			
			
			
			td.rib {                                     
			border-right: 1px solid #999999;
			}
			td.ribob {                                     
			border-right: 1px solid #999999;
			border-bottom: 1px solid #999999;
			}
			td.rileb {                                     
			border-right: 1px solid #999999;
			border-left: 1px solid #999999;
			}
			td.riboleb {                                     
			border-right: 1px solid #999999;
			border-bottom: 1px solid #999999;
			border-left: 1px solid #999999;
			}
			
			
			
			td.bob {                                     
			border-bottom: 1px solid #999999;
			}
			td.boleb {                                     
			border-bottom: 1px solid #999999;
			border-left: 1px solid #999999;
			}
			
			
			
			td.leb {                                    
			border-left: 1px solid #999999;
			}
			
			
			/*   rahmeangaben ende      */
			
			.bestklein {
			font-size:11px;
			text-align:center;
			}
			
			.bestmittel {
			font-size: 11px;
			}
			
			h5 {
			font-size:12px;
			font-weight:bold;
			}
			
							/****************************** tables für interaktive übungen ***********************************/
							
							table#inter {
								
								margin:5px 0px 25px 30px;
								border:none;
								border-collapse:collapse;
								width:620px;								
								
							}
							
							table#inter .center {
								
								text-align:center;								
								
							}
							
							table#inter th {
								
								background:#09C;
								color:#FFFFFF;
								text-align:left;
								font-weight:normal;
								padding:4px;
								
								
							}
							
												
							table#inter td.backg {
								
								background-color:#EDEDED;
															
							}
							
							table#inter td {
								
								padding:4px;
								border-bottom:2px solid #09C;
															
							}					


/* TOOLS */


#bestleft {
	width: 405px;
	float: left;
}

#vbestright {
    margin-left: 415px;
	width: 405px;
}


/* POPUP.JS */


.popup {
	width: 530px;
	margin: 30px 25px 25px 25px;
	font-size:12px;
	line-height:150%;
	letter-spacing:0.3pt;
}

.popup li {
margin-bottom: 8px;
}

.popup h3 {
font-size:17px;
font-weight:bold;
color:#FFAC00;
letter-spacing:0.3pt;
line-height:100%;
}