/* css copyright by info-art */
/* klassisches 1 3 1 Layout  */
body {
	font: 11px/1.0 Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	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 #cccccc;
	background-image: url(/css/framebg.gif);
	background-repeat: repeat-y;
	}
				
		#header {
			background:url(/css/header.gif);
			height: 84px;}
			
		#navigation {
			/*background:#CCCCCC; Layouthilfe*/

			width:187px;
			float:left;
			text-align: left;
			}
		
		#layoutelement {
			/*background:#999999; Layouthilfe*/
			
			width:187px;
			float:left;
			padding-top:24px;
			text-align: left;
			background: url() no-repeat;
			}
				
		#inhalt {
			/*background:#CCCCCC; Layouthilfe*/
			
			width:406px;
			float:left;
			list-style-position: inside;
			list-style-image: url();
			}	
		
		#footer {
			font: 11px/1.0 Verdana, Arial, Helvetica, sans-serif;
			color: #003366;
			text-align: left;
			height: 18px;
			margin-top: 50px;
			padding-top:00px;
			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;
			padding-top: 60px;
			color: #CCCCCC;
			text-align: left;
			background-image: url();
			height: 25px;
			padding-top:5px;
			padding-left:40px;
			background-repeat: no-repeat;
			}	
					
/*****************************/
/*    spezifisches Layout    */
/*****************************/			
			
/* Header */								
				#header h1 {
					color: #E6E6E6;
					font-size:10px;
					margin:0px;
					text-align: right;
					padding-top: 0px;
					padding-bottom: 0px;
					}
				#header h3 {
					color: #E6E6E6;
					font-size:8px;
					margin:0px;
					text-align: right;
					padding-top: 0px;
					padding-bottom: 0px;
					}
		
				#header p {
					color: #E6E6E6;
					font-size:11px;
					text-align: left;
					margin:0px;
					letter-spacing: 0.0em;
					padding-top: 52px;
					padding-left: 655px;
					padding-bottom: 0px;
					font-weight: normal;
					}
						#header a, #header a:visited {
							color:#E6E6E6;
							text-decoration: none;
						}
						#header a:hover {
							color: #FFFFFF;
							text-decoration: underline;
						}
								
/*****************************/
/*       Navigation          */
/*****************************/		
#navcontainer { width: 183px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 7px;
width: 183px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, .navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}
/* Hauptmenuepunkte */	
/* inaktiver Hauptmenuepunkt */


#navigation h5 { width: 200px; 
margin: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navigation h5 a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navigation h5 a:link, #navigation h5 a:visited
{
color: #EEE;
text-decoration: none;
}

#navigation h5 a:hover
{
background-color: #369;
color: #fff;
}
				/*#navigation h5 {
					display: block;
					width: 173px;
					height: 20px;
					text-decoration: none;
					margin:0px;
					margin-bottom:6px;	
				}
				#navigation h5 a, #navigation h5 a:visited {
					color:#E6E6E6;
					font-weight: bold;
					font-size:11px;
					
					display: block;
					width: 173px;
					/*height: 20px;
					
					padding-top:6px;
					padding-bottom:8px;
					
					margin-top:0px;
					margin-bottom:1px;
					
					background-color: #1E4966;
					border-bottom: 1px solid #17384E;
					border-top-width: 1px;
					border-right-width: 1px;
					border-left-width: 1px;
					border-top-style: solid;
					border-right-style: solid;
					border-left-style: solid;
					border-top-color: #476A82;
					border-right-color: #17384E;
					border-left-color: #476A82;
					
					padding-left: 10px;
					
					vertical-align: middle;
					text-decoration: none;
					}*/
/* aktiver Hauptmenuepunkt oder mouse over*/
				/*#navigation h4 {
					color:#FFFFFF;
					font-size:11px;
					margin-top:0px;
					margin-bottom:0px;
					margin-right:0px;
					font-weight: bold;
					display: block;
					height: 20px;
					width: 173px;
					text-decoration: none;		
				}*/
				
				#navigation h4 a, #navigation h4 a:visited,  #navigation h5 a:hover {
					color:#FFFFFF;
					font-size:11px;
					margin-top:0px;
					margin-bottom:1px;
					margin-right:0px;
					font-weight: bold;
					display: block;
					width: 173px;
					background-color: #1E4966;
					border-bottom: 1px solid #17384E;
					border-top-width: 1px;
					border-right-width: 1px;
					border-left-width: 1px;
					border-top-style: solid;
					border-right-style: solid;
					border-left-style: solid;
					border-top-color: #476A82;
					border-right-color: #17384E;
					border-left-color: #476A82;
					padding-left: 10px;
					padding-top: 6px;
					vertical-align: middle;
					}

/* inaktiver Hauptmenuepunkt */


/* Submenuepunkt */

				#navigation h6 {
					color:#333333;
					font-size:11px;
					margin-top:0px;
					margin-bottom:0px;
					margin-right:0px;
					font-weight: bold;
					}
					#navigation h6, #navigation h6 a:visited {
						color: #333333;
						text-decoration: none;
						background-image:  url(/css/nava.gif);
						background-repeat: no-repeat;
						padding-left: 0px;
						}
					#navigation h6:hover {
						color: #272727;
						text-decoration: underline;
						background-image:  url(/css/navover.gif);
						background-repeat: no-repeat;
						padding-left: 0px;
						}
						
/* allgemeine Menuepunkte */	

							
/* Layoutelement */
					#layoutelement img {
						border-bottom-width: 1px;
						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: #003366;
						text-align: left;
						
						padding-top: 10px;
						padding-bottom: 10px;
						padding-left: 15px;
						margin-top: 25px;
						}
					
					#inhalt h3 {
					
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size:12px;
						font-weight: bold;
						font-variant: normal;
						color: #003366;
						text-align: left;
						
						padding-top: 10px;
						padding-bottom: 10px;
						padding-left: 15px;
						margin-top: 25px;
						}
					
					#inhalt p {
							font-size:11px;
							padding-left:20px;
							padding-right:20px;
							text-align: justify;
							color: #003366;
							line-height: 16px;
						}
						#inhalt a, #inhalt a:visited {
							color: #003366;
							text-decoration: underline;
							}
						#inhalt a:hover {
							color: #003366;
							text-decoration: none;
							}
						
						#inhalt li {
							font-size:11px;
							margin-right:40px;
							text-align: justify;
							line-height: 1.2;
							padding-top: 10px;
							color: #003366;
							}

/* Footer */
						#footer p {
							font-size:11px;
							padding-left:20px;
							padding-top:3px;
							text-align: left;
							color: #003366;
							margin-top:0px;
							margin-bottom:1px;
							}
							
							#footer a {
								color:#003366;
								text-decoration: none;
								}
							#footer a:visited {
								color: #000033;
								text-decoration: none;
								}
							#footer a:hover {
								color: #000033;
								text-decoration: underline;}	
								
								.webdesign,
								.webdesign a, 
								.webdesign a:hover, 
								.webdesign a:visited 
								{
								color: #003366;
								text-decoration: none;}

/* Webtipps */		
						#freunde p {
							font-size:11px;

							text-align: center;
							line-height: 1.0;
							color: #CCCCCC;
							}	
							#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 */

	.bildrechts {	
	padding: 5px;
	border: 1px solid #cccccc;
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

	.bildlinks {	
	padding: 5px;
	border: 1px solid #cccccc;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
	.bildmitte {
	padding: 5px;
	border: 1px solid #cccccc;
	margin-left: 0px;
	margin-bottom: 0px;
}