@charset "utf-8";

@import "reset-reloaded.css";
@import "klassen.css";
@import "modul.css";
@import "modul1.css";
@import "screen.kalender2.css";
strong {
	font-weight: bold;
	}

body {
	background-color: #e2e2e2;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	}
	
	#rahmen {
	width: 976px;
	margin: 0 auto;
	text-align: left;
		}
		
		#inhalt {
			width: 736px;
			float: left;
			background-color: #fff;
			border-top: 10px solid #909090;
			padding-bottom: 16px;
			}
			
			#inhalt .reihe {
				clear: both;
				}
			
			#inhalt .spalte1 {
				float: left;
				width: 720px;
				}
				
			#inhalt .spalte2 {
				float: left;
				width: 360px;
				}
				
			#inhalt .spalte3 {
				float: left;
				width: 240px;
				}
				
			#inhalt .spalte4 {
				float: left;
				width: 180px;
				}
				
			#inhalt .box2 {
				padding: 18px 18px 8px 18px;
				margin: 16px 0 0 16px;
				/*
				background-image: url(../img/inhalt_box2_bg.gif);
				background-repeat: repeat-x;
				background-position: top left;
				*/
				border: 2px solid #909090;
				}
				
			#inhalt .box1 {
				padding: 10px 0 8px 16px;
				clear: both;
				}
				
				#inhalt .box1 h1,
				#inhalt .box2 h1 {
					font-size: 24px;
					line-height: 24px;
					font-weight: normal;
					margin-bottom: 8px;
					}

				#inhalt .box1 h2 {
					font-size: 16px;
					line-height: 24px;
					font-weight: bold;
					margin-top: 16px;
					margin-bottom: 8px;
					}
					
				#inhalt .box2 h2 {
					font-size: 16px;
					line-height: 24px;
					font-weight: bold;
					margin-bottom: 8px;
					color: #999999;
					}			
					
				#inhalt .box1 h3,
				#inhalt .box2 h3 {
					font-weight: bold;
					}


				#inhalt .box1 h4,
				#inhalt .box2 h4 {
					font-weight: bold;
					}


				#inhalt .box1 h5,
				#inhalt .box2 h5 {
					font-weight: bold;
					}


				#inhalt .box1 h6,
				#inhalt .box2 h6 {
					font-weight: bold;
					}


				
				#inhalt .box1 p,
				#inhalt .box2 p {
					padding: 0 0 8px 0;
					}
					
				#inhalt .box1 ul,
				#inhalt .box2 ul {
					list-style: square;
					padding: 0 0 4px 16px;
					}
					
					#inhalt .box1 ul li,
					#inhalt .box2 ul li {
						padding: 0 0 4px 0;
						}
			
		#seitenleiste {
			width: 240px;
			float: right;
			border-top: 30px solid #909090;
			}
			
			#anmeldung {
				margin: 0 0 10px 0;
				}
				
				#anmeldung fieldset {
					border-bottom: 2px solid #ccc;
					padding-bottom: 10px;
					}
				
				#anmeldung label {
					width: 90px;
					float: left;
					cursor: pointer;
					margin: 0 0 4px 0;
					}
					
				#anmeldung input {
					margin: 0 0 4px 0;
					padding: 2px;
					float: left;
					line-height: 16px;
					font-size: 11px;
					border-top: 1px solid #333;
					border-left: 1px solid #333;
					border-right: 1px solid #ccc;
					border-bottom: 1px solid #ccc;
					background-color: #f9f9f9;
					width: 114px;
					}
					
				#anmeldung .submit {
					margin: 0 0 0 90px;
					background-color: #ccc;
					padding: 0px;
					border-bottom: 1px solid #333;
					border-right: 1px solid #333;
					border-left: 1px solid #ccc;
					border-top: 1px solid #ccc;
					cursor: pointer;
					width: 70px;
					}
			
			#seitenleiste .box {
				margin: 0 0 2px 0;
				}
				
				#seitenleiste .box h2 {
					font-size: 16px;
					font-weight: bold;
					line-height: 20px;
					}
			
			#seitenleiste .box1 {
				background-color: #fff;
				}
				
				.box1#navigation {
					padding: 10px 20px 10px 10px;
					}
					
					#seitenleiste #navigation h2 {
						padding: 20px 20px 0 0;
						}
					
					#seitenleiste .box1#navigation ul li {
						background-image: url(../img/navigation-a.gif);
						background-repeat: no-repeat;
						background-position: top left;
						padding: 0 0 0 18px;
						margin: 5px 0 0 0;
						line-height: 14px;
						}
						
						#seitenleiste .box1#navigation ul li a {
							color: #999999;
							font-weight: bold;
							text-decoration: none;
							}
							
						#seitenleiste .box1#navigation ul li a:hover {
							color: #0068b5;
							}
				
			#seitenleiste .box2 {
				background-color: #f1f1f1;
				background-image:url(../img/box2_bg.gif);
				background-repeat: repeat-x;
				background-position: top left;
				clear: both;
				}
				
				#seitenleiste .box1 h2 {
					margin: 0;
					padding: 0;
					color: #333333;
					}
				
			#seitenleiste h2 {
				margin: 20px 0 10px 10px;
				font-weight: normal;
				font-size: 18px;
				color: #919191;
				line-height: 24px;
				}
				
			#seitenleiste a {
				text-decoration: underline;
				color: #333333;
				}
				
			#seitenleiste a:hover {
				text-decoration: none;
				color: #0068b5;
				}
					
								
			#seitenleiste .accordion,
			#seitenleiste .elemente {
				clear: both;
				margin: 0 0 0 10px;
				line-height: 16px;
				font-size: 11px;
				}
				
				#seitenleiste .frame {
					margin: 0 0 5px 0;
					}
				
					#seitenleiste .header,
					#seitenleiste a.header {
						background-color: #909090;
						padding: 4px 8px 4px 8px;
						color: #fff;
						display: block;
						text-decoration: none;
						font-weight: bold;
						}
						
					#seitenleiste .accordion .header {
						background-image: url(../img/accordion-header2-active.gif);
						background-repeat: no-repeat;
						background-position: top right;
						}
							
						#seitenleiste .selected .header {
							background-color: #909090;
							background-image: none;
							cursor: text;
							}
					
					#seitenleiste .content {
						background-color: #fff;
						padding: 8px;
						padding-bottom: 4px;
						border: 2px solid #909090;
						border-top: none;
						}
						
						#seitenleiste .content#ansprechpartner {
							background-image: url(../img/tino-langner.gif);
							background-position: top left;
							background-repeat: no-repeat;
							padding: 0;
							}
							
							#seitenleiste #ansprechpartner h4 {
								padding: 8px 8px 0 8px;
								font-weight: bold;
								}
							
							#seitenleiste #ansprechpartner p {
								padding: 8px;
								}
						
					#seitenleiste .content p {
						margin: 0 0 4px 0;
						}
						
						#seitenleiste ul li {
							background-image: url(../img/seitenleiste-ul-li-a.gif);
							background-position: left top;
							background-repeat: no-repeat;
							padding-left: 8px;
							margin: 0 0 4px 0;
							}
								
		.logos {
			text-align: center;
			padding-top: 10px
			}		
				
		.logos img {
			text-align: center;
			margin: 0 auto;
			display: block;
			margin-bottom: 5px;
			}

.modullink a {
				color: #999999;
				font-weight: bold;
				text-decoration: none;
			}

.modullink a:hover {
				color: #0068b5;
					}