/* css copyright by info-art */
/* klassisches 1 3 1 Layout  */
body {
	font: 11px/1.0 Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	margin-top:10px;
	text-align:justify;
}
table {
	font-size: 11px;
	}
	
/*****************************/
/*         Grundlayout       */
/*****************************/
	#frame {
	width:780px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding:10px;
	text-align:left;
	border:1px solid #E6E6E6;
	background-image: url(/css/framebg.gif);
	background-repeat: repeat-y;
	}
				
		#header {
			background:url(/cssbilder/header.gif) no-repeat;
			height: 86px;
			}
			
		#navigation {
			/*background:#CCCCCC; Layouthilfe*/

			width:180px;
			float:left;
			text-align: left;
			}
		
		#layoutelement {
			/*background:#999999; Layouthilfe*/
			
			width:171px;
			float:left;
			text-align: left;
			}
				
		#inhalt {
			/*background:#CCCCCC; Layouthilfe*/
			
			width:420px;
			float:left;
			}	
		
		#footer {
			font: 11px/1.0 Verdana, Arial, Helvetica, sans-serif;
			color: #1E4966;
			text-align: left;
			height: 18px;
			margin-top: 40px;
			padding-top:0px;
			display: block;
			width: 780px;
			border-top: 1px solid #FFFFFF;
			background: #E6E6E6;
			vertical-align: text-top;
				}
		
		#webtipps {
			font: 12px/1.0 Verdana, Arial, Helvetica, sans-serif;
			color: #FFFFFF;
			text-align: left;
			background-image: url();
			height: 25px;
			padding-top:5px;
			padding-left:40px;
			background-repeat: no-repeat;
			}	
					
/*****************************/
/*    spezifisches Layout    */
/*****************************/			
			
/* Header */								
				#header h1 {
					color: #F2EDEF;
					font-size:10px;
					margin:0px;
					text-align: right;
					margin-top: 40px;
					padding-right: 10px;
					}
				#header h3 {
					color: #FFFFFF;
					font-size:8px;
					margin:0px;
					text-align: right;
					padding-top: 0px;
					padding-bottom: 0px;
					}
				#header p {
					padding-top: 12px;
					}
								
/*****************************/
/*       Navigation          */
/*****************************/		


						
/* allgemeine Menuepunkte */	

							
/* Layoutelement */
					#layoutelement img {
						border-bottom-width: 0px;
						border-top-style: none;
						border-bottom-style: solid;
						border-bottom-color: #FFFFFF;
						}
/* Inhalt */		
					#inhalt h2 {
						background: #E6E6E6;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size:12px;
						font-weight: bold;
						font-variant: normal;
						color: #1C435E;
						text-align: left;
						padding: 15px;
						padding-right: 0px;
						padding-left: 20px;
						padding-top: 15px;
						padding-bottom: 15px;
						margin-top: 30px;
						}
					
					#inhalt p {
						font-size:12px;
						padding-left:20px;
						padding-right:15px;
						padding-top:10px;
						text-align: justify;
						color: #1C435E;
						line-height: 1.5;
						}
						#inhalt a, #inhalt a:visited {
							color: #333333;
							}
						#inhalt a:hover {
							color: #FF9C00;
							text-decoration: none;
							}
						
						#inhalt li {
							font-size:12px;
							padding-top:10px;
							text-align: justify;
							margin-left:10px;
							margin-right:20px;
							color: #003366;
							line-height: 1.5;
							}

/* Footer */
						#footer p {
							font-size:11px;
							padding-left:30px;
							padding-top:3px;
							text-align: left;
							color: #1E4966;
							margin-top:0px;
							margin-bottom:1px;
							}
							
							#footer a {
								color:#1E4966;
								text-decoration: none;
								}
							#footer a:visited {
								color: #1E4966;
								text-decoration: none;
								}
							#footer a:hover {
								color: #17384F;
								text-decoration: underline;}	
								
								.webdesign,
								.webdesign a, 
								.webdesign a:hover, 
								.webdesign a:visited 
								{
								color: #748D9D;
								text-decoration: none;}

/* Webtipps */		
						#freunde p {
							font-size:9px;
							margin-top:50px;
							text-align: center;
							line-height: 1.0;
							padding-bottom: 10px;
							color: #CFCFCF;
							}	
							#freunde a {
								color:#CFCFCF;
								text-decoration: none;
								}
							#freunde a:visited {
								color: #CFCFCF;
								text-decoration: none;
								}
							#freunde a:hover {
								color: #CFCFCF;
								text-decoration: none;
								background-color: #FFFFFF;
								}
					
							
/* globale Klassen */
	.imagelinksoben  {
	padding: 5px;
	border: 1px solid #cccccc;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
	.imagerechtsoben  {	
	padding: 5px;
	border: 1px solid #cccccc;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
	.imagelinks {
	padding: 5px;
	border: 1px solid #cccccc;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
	.imagerechts {	
	padding: 5px;
	border: 1px solid #cccccc;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
	.imagerechtslang {
	padding: 5px 0px 5px 5px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 13px;
	border-top: 1px solid #cccccc;
	border-right: none;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	text-align: right;
}		
.imageright {
	margin-left: 10px;
}
.wichtig  {
	padding:10px;
	border:1px solid #374B88;
	background-color: #E6EDFF;
	margin-left:20px;	
	margin-right:15px;
}