/*@import url(screen.kalender.css);*/
@import url(screen.kalender2.css);

* {
	margin: 0;
	padding: 0;
	}

body {
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #f1f1f1;
	text-align: center;
	padding: 0 0 30px 0;
	overflow: -moz-scrollbars-vertical;
	}
	
	#rahmen {
		margin: 20px auto;
		margin-bottom: 0px;
		width: 900px;
		background-color: #ffffff;
		text-align: left;
		}
		
		#oben {
			display: block;
			margin: 0;
			padding: 0;
			}
			
			#oben h1,
			#oben h2,
			#oben h3 {
				display: none;
				}
				
			#oben #navigation-1-rahmen {
				border-left: 220px solid #e5ecf4;
				margin: 0;
				clear: left;
				width: 420px;
				border-bottom: 1px solid #fff;
				margin: 0 20px 0 20px;
				padding: 0 220px 0 0;
				background-color: #80a1ca;
				}
								
			#navigation-1 {
				background-color: #ffffff;
				}
				
				#navigation-1 ul {
					list-style: none;
					}
					
					#navigation-1 ul li {
						clear: none;
						background-color: #fff;
						padding: 0 1px 0 0;
						float: left;
						}
						
						#navigation-1 ul li#aktiv-1 a {
							background-color: #014495;
							color: #ffffff;
							font-weight: bold;
							}

						#navigation-1 ul li a {
							float: left;
							display: block;
							width: 83px;
							text-align: center;
							border-right: none;
							background-color: #80A1CA;
							color: #E5ECF4;
							text-decoration: none;
							padding: 0.65em 0 0.65em 0;
							}
							
							#navigation-1 ul li a#width-82px {
								width: 82px;
								margin: 0 0 0 1px;
								}
								
								#navigation-1 ul li a:hover,
								#navigation-1 ul li a#width-82px:hover {
									background-color: #014495;
									color: #ffffff;
									text-decoration: none;
									}

		#mitte {
			color: #303030;
			padding: 0 0 0 20px;
			}
			
			#links {
				display: block;
				float: left;
				width: 200px;
				margin: 20px 0 0 0;
				padding: 0 0 20px 0;
				}
				
	.status {
		height: 3px;
		background-color: #014495;
		margin: 0 0 0 20px;
		line-height: 3px;
		font-size: 0;
		}
		
		.status#statusStart {
			width: 303px;
			}
			
		.status#statusKurz {
			width: 387px;
			}
			
		.status#statusProdukte {
			width: 471px;
			}
			
		.status#statusKontakt {
			width: 555px;
			}
			
		.status#statusKontaktEEE {
			width: 639px;
			}
				
				#navigation-3 {
					width: 200px;
					}
					
					#navigation-3 h3 {
						display: block;
						font-size: 11px;
						margin: 0 0 1px 0;
						font-weight: normal;
						width: 200px;		
						}
						
						#navigation-3 h3 a {
							display: block;
							color: #fff;
							padding: 3px 16px 4px 16px;
							text-decoration: none;
							background-image: none;
							background-color: #80a1ca;
							color: #e5ecf4;
							clear: both;
							}
							
						#navigation-3 h3 a:hover {
							background-color: #014495;
							color: #fff;		
							}
							
						#navigation-3 h3 a:active,
						#navigation-3 h3 a:focus {
							background-image:url(/medien/img/pfeil-aktiv-weiss.gif) !important;
							background-repeat: no-repeat;
							background-position: right center;
							}
							
							h3#aktiv-3 a {
								background-color: #014495;
								font-weight: bold;	
								color: #fff;
								}
					
					
/* --------------------------------- Navigation -------------------------------- */			
						
					#navigation-3 ul {
						margin: 0;
						padding: 0;
						list-style: none;
						}
						#navigation-3 ul li {
							}
								
							#navigation-3 ul li a {
								width: 168px;
								padding: 3px 16px 4px 16px;
								background-image: url(/medien/img/navigation_1a.gif);
								}
								
							#navigation-3 ul li a:hover {
								background-image: url(/medien/img/navigation_1hover.gif);
								}
								
								#navigation-3 ul li ul li a {
									width: 160px;
									padding: 3px 16px 4px 24px;
									background-image: url(/medien/img/navigation_2a.gif);
									}
									
								#navigation-3 ul li ul li a:hover {
									background-image: url(/medien/img/navigation_2hover.gif);
									}
									
									#navigation-3 ul li ul li ul li a {
										width: 152px;
										padding: 3px 16px 4px 32px;
										background-image: url(/medien/img/navigation_3a.gif);
										}
							
									#navigation-3 ul li ul li ul li a:hover {
										background-image: url(/medien/img/navigation_3hover.gif);
										}

										#navigation-3 ul li ul li ul li ul li a {
											width: 144px;
											padding: 3px 16px 4px 40px;
											background-image: url(/medien/img/navigation_4a.gif);
											}
								
										#navigation-3 ul li ul li ul li ul li a:hover {
											background-image: url(/medien/img/navigation_4hover.gif);
											}

							#navigation-3 ul li a {
								display: block;
								background-color: #e5ecf4;
								color: #666;
								text-decoration: none;
								margin-bottom: 1px;
								outline: none;
								}
							
							#navigation-3 ul li a:hover {
								color: #000;
								background-color: #d9e3ef;
								}
								
							#navigation-3 ul li a,
							#navigation-3 ul li a:hover {
								background-repeat: no-repeat;
								background-position: left center;
								}
								
							#navigation-3 ul li a:active,
							#navigation-3 ul li a:focus,
							a.aktiv:active,
							a.aktiv:focus,
							a.aktiviert {
								background-image: url(/medien/img/navigation_aktiv.gif) !important;
								background-repeat: no-repeat !important;
								background-position: right center !important;
								background-color: #d9e3ef !important;
								}
								
								a.aktiv,
								a.aktiviert {
									background-color: #d9e3ef !important;
									color: #000 !important;
									}
								
								a.aktiviert {
									}
																
						
			#inhalt {
				display: block;
				float: left;
				width: 420px;
				margin: 20px 20px 0 20px;
				padding: 0 0 16px 0;
				}
													
			#rechts {
				display: block;
				width: 200px;
				color: #303030;
				margin: 20px 0 0 0;
				float: left;
				}
				
				#rechts h3 {
					font-size: 11px;
					}
					
				.box-1-hr {
					line-height: 1px;
					height: 1px;
					/*
					background-image: url(/medien/img/dotted_h_hellblau.gif);
					background-repeat: repeat-x;
					*/
					background-color: #fff;
					margin: 7px 0 8px 0;
					}
				
				.box-1,
				.box-2 {
					margin: 0 0 16px 0;
					}
				
					.box-1 h4 {
						background-color: #014495;
						}
						
					.box-2 h4 {
						background-color: #80A1CA;
						margin: 0 !important;
						}
					
					.box-1 h4,
					.box-2 h4 {
						color: #ffffff;
						padding: 8px 16px 8px 16px;
						font-size: 11px;
						}
						
						.box-1 h4 a,
						.box-2 h4 a {
							display: block;
							color: #ffffff;
							text-decoration: none;
							padding: 8px 16px 8px 16px;
							}
						
				.box-3 {
					background-image: url(/medien/img/dotted.gif);
					background-repeat: repeat-x;
					background-position: top;
					width: 200px;
					padding: 16px 0 16px 0;
					clear: both;
					}
					
					.box-3 h4 {
						font-size: 11px;
						margin: 0 16px 0 16px;
						color: #222;
						}
						
					.box-3 p {
						margin: 0 16px 0 16px;
						}
											
				.box-spotlight {
					padding: 16px;
					height: 112px;
					background-image: url(/medien/img/spotlight.gif);
					background-repeat: no-repeat;
					}
						
				.box-element-1,
				.box-element-2 {
	padding: 16px;
	background-color: #E5ECF4;
					}
					
				.box-spotlight p a:active {
					color: #014495;
					}
						
				.pfeil {
					background-image: url(/medien/img/pfeil-blau100.gif);
					background-repeat: no-repeat;
					background-position: 0 1px;
					padding: 0 0 0 8px;
					}
										
		#unten {
			clear: left;
			color: #aaa;
			padding: 0 20px 0 20px;
			width: 860px;
			margin: 0 auto;
			background-color: #fff;
			}
			
			#unten a {
				color: #aaa;
				text-decoration: none;
				}
				
			#unten a:hover {
				color: #014495;
				}
				
			#unten a:active {
				color: #80a1ca;
				}
			
			#unten1 {
				width: 200px;
				float: left;
				margin: 0 20px 0 0;
				}
				
			#unten2 {
				width: 420px;
				float: left;
				margin: 0 0 0 0;
				padding: 10px 0 0 0;
				border-top: 3px solid #014495;
				}
				
				#unten21 {
					float: left;
					}
					
				#unten22 {
					float: right;
					}
				
			#unten3 {
				width: 200px;
				float: left;
				text-align: right;
				padding: 10px 0 10px 20px;
				border-top: 3px solid #014495;
				}
			
			#untenElement1 {
				float: left;
				width: 420px;
				}
				
				#untenElement1 span {
					float: left;
					}
			
			#untenElement2 {
				float: right;
				}
				
				#unten ul {
					list-style: none;
					margin: 0 auto;
					display: inline;
					}
					
					#unten ul li {
						display: inline;
						float: left;
						margin: 0 0 0 8px;
						}
						
						#unten ul li a {
							margin: 0 0 0 8px;
							}
		
.clear {
	clear: left;
	}

/*

SUCHE

*/

#rahmen #mitte #search form {
	margin: 0 16px 0 16px;
	clear: both;
	display: block;
	}	
	
#rahmen #mitte #search label {
	display: none;	
	}	
	
#rahmen #mitte #search input#searchString {
	width: 140px;
	padding: 2px;
	font-size: 11px;
	float: left;
	}
	
#rahmen #mitte #search input#searchSubmit {
	width: 20px;
	}


#rahmen #mitte #login form {
	margin: 0 16px 0 16px;
	clear: both;
	display: block;
	}	
	
#rahmen #mitte #login label {
	display: none;	
	}	
	
#rahmen #mitte #login input#loginEmail {
	width: 140px;
	padding: 2px;
	font-size: 11px;
	float: left;
	}

#rahmen #mitte #login input#loginPass {
	width: 140px;
	padding: 2px;
	font-size: 11px;
	float: left;
	}

	
#rahmen #mitte #login input#loginSubmit {
	width: 20px;
	}


	
#rahmen #mitte ul#sprachen {
	margin: 0 16px 0 16px;
	}
	
	#rahmen #mitte ul#sprachen li {
		background-image: url(../img/listenelement2.gif);
		background-repeat: no-repeat;
		background-position: center left;
		padding: 0 0 0 10px;
		list-style: none;
		}
		
		#sprachenAktiv {
			color: #303030;
			text-decoration: none;
			}
	
	#rahmen #mitte ul#sprachen img,
	#rahmen #mitte p#funktionen img {
		border: none;
		padding: 0 4px 0 0;
		background-color: #fff;
		}
		
.platzhalter10 {
	margin: 4px 0 5px 0;
	height: 1px;
	line-height: 1px;
	background-color: #fff;
	/*
	background-image: url(../img/dotted.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	*/
	}
	
.trennlinie {
	background-image: url(/medien/img/dotted.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 1px;
	line-height: 1px;
	margin-bottom: 20px;
	}
.omega {  }

#mrt {
	background: #E5ECF4;
	border-top: 3px solid #80a1ca;
	margin-bottom: 15px;
	}

#weltweit2 {
	background: #E5ECF4;
	border-top: 3px solid #80a1ca;
	margin-bottom: 15px;
	}

	#weltweit2 img {
		margin: 5px 0 5px 0;
		border: none;
		}
		
.kalender-rahmen {
	background: #E5ECF4;
	border-top: 3px solid #80a1ca;
	margin-bottom: 15px;
	}

.alignright {
	float:right; 
	}
	
.alignleft {
	float:left; 
	}
	
.image.alignright {
	margin-left: 12px;
	}
	
.image.alignleft {
	margin-right: 12px;
	}
	
#player { margin-bottom: 15px; }

#medhinweis {
	background-image: url(/medien/img/starthinweis.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 50px;
	width: 420px;
	margin-bottom: 15px;
	}

#medhinweis p {
	padding-top: 19px;
	padding-left: 85px;
}


#enmedhinweis {
	background-image: url(/medien/img/starthinweis.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 50px;
	width: 420px;
	margin-bottom: 15px;
	}

#enmedhinweis p {
	padding-top: 19px;
	padding-left: 100px;
}

.linkimg { float: left; width: 150px; }
.linkimgtext { float: left; width: 230px; }
.link h3 { margin-left: 20px; }
.link p { margin-left: 20px; }
.linkimgtext p { margin-left: 20px; }
