/* Allgemeine Definitionen */

* {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	border: none;
}

body {
	font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.infobox {
	width: 400px;
	border: 1px solid #00375B;
	padding: 3px 3px 3px 5px;
	margin: 0 0 15px 0;
	background: #E1F3FF;
}

.infoboxfehler {
	width: 400px;
	border: 1px solid #990000;
	background: #FFF2F2;
	padding: 3px 3px 3px 5px;
	margin: 0 0 15px 0;
}

.red {
	color: #990000;
}

.green {
	color: #006600;
}

/* Struktur */

#wrapper {
	width: 798px;
	border: 1px solid #000;
	margin: auto;
	margin-bottom: 10px;
}

	/* Kopfbereich */

	#header {
		height: 106px;
		background: url('images/fuer_ihre_sicherheit_rundum.gif') no-repeat center;
	}
	
		/* oberster blauber Balken */
	
		#bluesquare {
			height: 20px;
			width: 100%;
			background: #1B3B52;
			color: #fff;
			float: left;
		}
		
			#bluesquare span {
				display: block;
				padding: 2px 5px 0 5px;
			}
			
				#bluesquare span a {
					color: #fff;
					text-decoration: none;
				}
				
		#logo_hannemann {
			padding-right: 20px;
		}
		
		#headerlist {
			font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif;
			padding: 16px 0 0 5px;
		}
		
			#headerlist li {
				list-style: disc;
				margin-left:20px;
				padding-bottom: 7px;
			}
			
				#headerlist li.second {
					margin-left: 30px;
				}
			
				#headerlist li.third {
					margin-left: 40px;
				}
				
	/* Hauptnavigation */				
				
	#mainnav {
		height: 31px;
		border-top: 1px solid #000;
		clear: both;
		background: url('images/mainnav.gif') repeat-x;
		padding-left: 7px;
	}
	
		#mainnav li {
			display: block;
			float: left;
			padding: 3px 7px 0 0;
		}
		
			#mainnav a {
				display: block;
				float: left;
				width: 92px;
				text-align: center;
				color: #fff;
				text-decoration: none;
				padding: 6px 0 10px 0;
			}
			
				#mainnav a:hover, #mainnav a.open {
					width: 90px;
					text-align: center;
					color: #132A3A;
					text-decoration: none;
					background: url('images/mainnav_a_h.gif') repeat-x;
					padding: 5px 0 10px 0;
					border: 1px solid #fff;	
					border-bottom: none;
					font-weight: bold;
				}
			
	/* Unternavigation */			
				
	#subnav {
		padding: 10px 0 10px 17px;
	}
		#subnav li {
			display: inline;
		}
		
			#subnav a {
				color: #132A3A;
				text-decoration: none;
				background: url('images/subnav.gif') 0 2px no-repeat;
				padding: 0 5px 0 10px;
			}
			
				#subnav a:hover {
					text-decoration: underline;
				}
				
			#subnav a.open {
				text-decoration: underline;
				font-weight: bold;
			}
			
			#subnav a.first {
				background: none;
				padding-left: 0;
			}
			
	/* Inhaltsbereich */	
		
	#contentwrap {
		background: url('images/content.gif') repeat-x;
		padding: 20px 20px 0 20px;
	}
	
		#content {
			background: #fff;
			padding: 10px 20px 20px 20px;
			min-height: 300px;
			border-top: 1px solid #132A3A;
		}
		
		* html #content {
			height: 300px;
		}
		
			#content h1, #content h2 {
				font: bold 16px Verdana, Arial, Helvetica, sans-serif;
				color: #006AB2;
				padding: 10px 0 15px 0;
			}
			
				#content h1 a, #content h2 a {
					color: #006AB2;
				}
			
			#content p {
				padding: 0 0 15px 0;
			}
			
			#content a {
				/*font-weight: bold;*/
				color: #9A3334;
			}
			
				#content a:hover {
					text-decoration: none;
				}
				
			#content ul {
				padding: 0 0 15px 0;
			}
			
				#content li {
					list-style: disc;
					margin: 0 0 0 20px;
					padding: 0 0 5px 0;
				}
				
					#content li a span {
						display: none;
					}
		
			#content .products-3-colums {
				text-align: center;
			}
		
				#content .products-3-colums li {
					display: block;
					float: left;
					list-style: none;
					width: 239px;
					margin: 0;
					padding: 20px 0 20px 0;
				}
				
					#content .products-3-colums li img {
						border: 1px solid #ccc;
					}
					
			#content .imagewrap {
				float: right;
				width: 150px;
				padding: 0 0 10px 10px;
			}
			
				#content .imagewrap img {
					border: 1px solid #ccc;
				}	
				
				#content .imagewrap span {
					display: block;
					color: #aaa;
					font-size: 10px;
					padding: 2px 0 10px 0;
				}
		
	/* Seitenabschluss */
		
	#footer {
		height: 20px;
		background: #1B3B52;
		color: #fff;
		clear: both;
	}
	
		#footer span {
			padding: 3px 5px 0 0;
		}
		
	/* Kontaktformular */
	
	label {
		display: block;
		font-weight: bold;
		padding: 0 0 1px 0;
	}
	
	input.text {
		width: 200px;
		padding: 3px 3px 3px 5px;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
	}
	
	input.submit {
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		padding: 3px 5px 3px 5px;
	}
	
	textarea {
		width: 400px;
		height: 200px;
		padding: 3px 3px 3px 5px;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
	}
	
	/* Fehleranzeige */
	
	input.error {
		border: 1px solid #cc0000;
	}
	
	textarea.error {
		border: 1px solid #cc0000;
	}