/* 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;
	color: #000;
	text-align: left;
	}	

ul {
	font-size: 11px;
	color: #123E7F;
	list-style-position: inside;
	list-style-image: url(/cssbilder/bul-blau.jpg);
	
	}		
	
/* Abstract */								
				#abstract h1 {
					color: #ccc;
					font-size:10px;
					margin:0px;
					text-align: center;
					padding-top: 0px;
					padding-bottom: 20px;
					font-weight: normal;}
/*****************************/
/*         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(/cssbilder/header-global.jpg);
			height: 130px;}
			
			#topnav {
			height: 28px;
			background:url(/cssbilder/hg-topnav.gif);
			margin:0px;
			padding:0px;
			text-align: right;}
			
			#language{
				float:left;
				left:8px;
				position:relative;
				top:8px;
			}
			#language a img{border: 0px none;}
		#navigation {
			background:#E6E6E6; 
			padding:0px;
			margin:0px;
			width:187px;
			float:left;
			text-align: left;
			margin-right: 45px;
			}
						
		#inhalt {
			/*background:#CCCCCC; Layouthilfe*/
			
			width:506px;
			float:left;
			list-style-position: inside;
			list-style-image: url();
			}	
		
		#footer {
			font: 11px/1.0 Verdana, Arial, Helvetica, sans-serif;
			color: #1E4966;
			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;
				}

		#quicknav {
			text-align: center;
			width:780px;
			margin-right:auto;
			margin-left:auto;
			font: 11px/1.0 Verdana, Arial, Helvetica, sans-serif;
			padding-top: 10px;
			color: #666;}
						#quicknav a, #quicknav a:visited {
							color:#666;
							text-decoration: none;
						}
						#quicknav a:hover {
							color: #000;
							text-decoration: underline;
						}	
		#technik {
			padding-top: 25px;
			text-align: center;
			width:780px;
			margin-right:auto;
			margin-left:auto;}
		#freunde {
			width:780px;
			margin-right:auto;
			margin-left:auto;
			font: 10px/1.0 Verdana, Arial, Helvetica, sans-serif;
			padding-top: 60px;
			color: #CCCCCC;
			}	
					
/*****************************/
/*    spezifisches Layout    */
/*****************************/			
			

					
								
/*****************************/
/*       Inhalt              */
/*****************************/		

						
/* Ueberschriften */		
					#inhalt h2 {
						background: #E6E6E6;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size:12px;
						font-weight: bold;
						font-variant: normal;
						color: #123E7F;
						text-align: left;
						
						padding-top: 10px;
						padding-bottom: 10px;
						padding-left: 10px;
						margin-top: 25px;
						}
					
					#inhalt h3 {
					
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size:12px;
						font-weight: bold;
						font-variant: normal;
						color: #123E7F;
						text-align: left;
						
						padding-top: 10px;
						padding-bottom: 10px;
						padding-left: 10px;
						margin-top: 25px;
						}
					#inhalt h4 {
					
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size:11px;
						font-weight: bold;
						font-variant: normal;
						color: #123E7F;
						text-align: left;
						
						padding-top: 10px;
						padding-bottom: 0px;
						padding-left: 20px;
						margin-top: 25px;
						}
					
					#inhalt p {
							font-size:11px;
							padding-left:20px;
							padding-right:20px;
							text-align: justify;
							color: #000000;
							line-height: 16px;
						}
						#inhalt a, #inhalt a:visited {
							color: #000000;
							text-decoration: underline;
							}
						#inhalt a:hover {
							color: #660000;
							text-decoration: none;
							}
						
						#inhalt ul {
	font-size:11px;
	text-align: left;
	line-height: 1.2;
	padding-top: 20px;
	font-size: 11px;
	color: #123E7F;
	list-style-image: url(/cssbilder/bul-blau.jpg);
	list-style-position: outside;
}
						#inhalt li {
							padding-top: 10px;}
							
/* Footer */
						#footer p {
							font-size:11px;
							padding-left:20px;
							padding-top:3px;
							text-align: left;
							color: #123E7F;
							margin-top:0px;
							margin-bottom:1px;
							}
							
							#footer a {
								color:#123E7F;
								text-decoration: none;
								}
							#footer a:visited {
								color: #4A546F;
								text-decoration: none;
								}
							#footer a:hover {
								color: #69759B;
								text-decoration: underline;}	
								
								.webdesign,
								.webdesign a, 
								.webdesign a:hover, 
								.webdesign a:visited 
								{
								color: #748D9D;
								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 */

/* Textklassen */
	.wichtig {	
	padding: 5px;
	border: 2px solid #E6E6E6;
	background: #F7F7F7;
	margin: 0px;
	margin-bottom: 10px;
	}

    .wichtig2 {
	padding: 5px;
	border: 2px solid #990000;
	background: #F7F7F7;
	margin: 0px;
	margin-bottom: 10px;
	text-align: center;
	color: #990000;
	}

    .ergaenz {
		font-size:10px;
		padding-left:20px;
		padding-right:20px;
		text-align: justify;
		color: #666666;
		line-height: 16px;
						}
	
	.bildrechts {	
	padding: 5px;
	border: 1px solid #cccccc;
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}

	.bildlinks {	
	padding: 5px;
	border: 1px solid #cccccc;
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}
	.bildmitte {
	padding: 5px;
	border: 1px solid #cccccc;
	margin-left: 0px;
	margin-bottom: 0px;
}
		
/*****************************/
/*      Styles fuer Datei: 
/*			testsatz_fragebogen.php 
/*			by netzschneiderei.de    
/*****************************/		

.errormessage{
	color: red;
}

#testsatzfragebogen form {
	width: 510px;
}
 
#testsatzfragebogen fieldset {
	background-color: #F7F7F7;
	border:none;
	margin-bottom:25px;
}
 
#testsatzfragebogen form label{
	display: block;
  float: left;
  font-weight: 600; 
	padding-left:27px;
	margin-top: 5px;
	padding-bottom: 18px;
	width: 180px;
	text-align:left;
}
#testsatzfragebogen form input {
	height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #7F9DB9;
	margin-bottom:4px;
	padding-left:2px;
}
#testsatzfragebogen form .Radio {
	border: none;
}
#testsatzfragebogen form input#InputLang  {
	width: 250px;
}
#testsatzfragebogen form input#InputKurz  {
	width: 50px;
}

.radio_label {
	position: absolute;
	margin-top: 6px;
	margin-left: 2px;
}
.labeltextnormal{
	color: #555555;
}
.labeltextrot{
	color: #ff0000;
}

#testsatztabelle {
  border-collapse: collapse;
  border: 1px solid black;
	margin-left: 27px;
  color: #404040;
}

#testsatztabelle td, th {
  border: 1px solid black;
	padding: 0px;
	text-align:center;
}

#testsatzfragebogen #testsatztabelle input {
	border: none;
  background: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	height:20px;

}

#testsatzfragebogen #testsatztabelle input:focus{
  background: #ffffff;
}

#testsatzfragebogen form .Button  {
	background-color: #F7F7F7;
	height:25px;
	width: 200px;
}