/*************************************************/
/*												 */
/* 	CSS Dokument für archikub.us / archikubus.de */
/*											     */
/* 	Copyright 2007 by Jan Orth                   */
/* 	http://www.janorth.de                        */
/*											     */
/*************************************************/


body {
	margin:					0 0 0 0;
	padding:				0 0 0 0;
	font-family:			Tahoma, Arial, Helvetica, Verdana, sans-serif;
	background-color:		#bfbfbf;
	background-image:		url("../../../cms/gfx/bg_site_v.gif");
	background-repeat:		repeat-y;
}

	body a {
		color:					#545454;	
	}
	
	body a:hover {
		text-decoration:		none;
	}

div#background_h {
	width:					100%;
	height:					424px;
	background-image:		url("../../../cms/gfx/background_h.gif");	
	background-repeat:		repeat-x;
}

div#site_top {
	margin:					0 0 0 0;
	padding:				0 0 0 0;
	position:				absolute;
	left:					0px;
	top:					0px;
	z-index:				2;
}

div#site_mid {
	margin:					0 0 0 0;
	padding:				0 0 0 0;
	position:				absolute;
	left:					0;
	top:					378px;
	z-index:				3;
}

	/* [ Navigation */
	div#navigation {
		float:					left;
		height:					150px;
		width:					198px;
		background-color:		#cccccc;
		margin:					10px 0 0 0;
	}

		div#navigation ul {
			margin:					0 0 0 0;
			padding: 				0 0 0 0;
			list-style:				none;
		}

			div#navigation ul li {
				line-height:			29px;	
				height:					29px;
				border-top:				1px solid #efefef;
			}
				
				div#navigation ul li a {
					font-size:				10px;
					font-weight:			bold;
					height:					30px;
					display:				block;
					padding:				0 16px 0 16px;
					color:					#545454;
					text-decoration:		none;
					cursor:					default;
				}
				
				div#navigation ul li a:hover {
					background-color:		#dddddd;
				}
	/* /Navigation ] */
	

	/* [ Sub-Navigation */
	div#subnav0 {
		float:					left;
		height:					170px;
		width:					198px;
		background-color:		#dddddd;
		margin:					0 0 0 0;
		display:				block;
	}
	
	div#subnav1,
	div#subnav2,
	div#subnav3,
	div#subnav4,
	div#subnav5 {
		float:					left;
		height:					150px;
		width:					198px;
		background-color:		#dddddd;
		margin:					10px 0 0 0;
		display:				none;
		position:				absolute;
		left:					198px;
		top:					0px;
	}

		div#subnav1 ul,
		div#subnav2 ul,
		div#subnav3 ul,
		div#subnav4 ul,
		div#subnav5 ul {
			margin:					0 0 0 0;
			padding: 				0 0 0 0;
			list-style:				none;
	}

			div#subnav1 ul li,
			div#subnav2 ul li,
			div#subnav3 ul li,
			div#subnav4 ul li,
			div#subnav5 ul li {
				line-height:			29px;	
				height:					29px;
				border-top:				1px dotted #efefef;
			}
			
				div#subnav1 ul li a,
				div#subnav2 ul li a,
				div#subnav3 ul li a,
				div#subnav4 ul li a,
				div#subnav5 ul li a {
					font-size:				10px;
					font-weight:			bold;
					height:					30px;
					display:				block;
					padding:				0 16px 0 16px;
					color:					#656565;
					text-decoration:		none;
				}
	/* /Sub-Navigation ] */
				
	/* [ Headbox Logo */
	div#logo_head {
		float:					left;
		height:					170px;
		width:					396px;
		background-color:		#ffffff;
		text-align:				center;
		line-height:			170px;
		background-image:		url("../../../cms/gfx/bg_logo.gif");
		background-repeat:		repeat-x;
	}
	
		div#logo_head a img {
			border:				0px solid;
			margin:				0; /* 23px 0 0 0; */
		}
	/* /Headbox Logo ] */
	
	/* [ Headbox Kontakt */
	div#kontakt_head {
		float:					left;
		height:					170px;
		width:					198px;
		margin:					0 0 0 0;
		background-image:		url("../../../cms/gfx/bg_kontakt_.jpg");
		background-repeat:		no-repeat;
		background-position:	left bottom;
	}
	
		div#kontakt_head div#kontakt_head_content {
			padding:				16px 16px 16px 16px;
			color:					#FFFFFF;
			font-size:				10px;
			font-weight:			bold;	
		}
		
			div#kontakt_head div#kontakt_head_content span.nummer {
				
			}
			
			div#kontakt_head div#kontakt_head_content span.mail {
				
			}
			
				div#kontakt_head div#kontakt_head_content span.mail a {
					color:					#FFFFFF;
				}
			
			div#kontakt_head div#kontakt_head_content a {
				color:					#FFFFFF;
			}
	/* /Headbox Kontakt ] */

	/* [ 10px hoher Separator weiß */
	div#hrow_10px_white {
		height:					10px;
		width:					100%;
		background-color:		#ffffff;
		clear:					both;
		line-height:			10px;	
	}
	/* /10px hoher Separator weiß ] */

	/* [ Reihe der Rubrik-Bilder */
	div#kubi {
		clear:					both;
		background-color:		#ffffff;
	}

		div#kubi ul {
			margin:					0 0 0 0;
			padding:				0 0 0 0;
			list-style:				none;
		}

		div#kubi ul li {
			display:				block;
			float:					left;
		}

			div#kubi ul li a {
				cursor:					default;
			}
			
				div#kubi ul li a img {
					border:					0px solid;
				}
	/* /Reihe der Rubrik-Bilder ] */
				
				
	/* [ Rubriküberschriften */
	div#rubriken {
		clear:					both;		
	}
	
		div#rubriken ul {
			margin:					0 0 0 0;
			padding: 				0 0 0 0;
			list-style:				none;	
		}
		
			div#rubriken ul li {
				display:			inline;
				float:				left;
				padding:			0 0 0 0;
			}
			
				div#rubriken ul li a {
					display:			block;
					width:				166px;
					line-height:		46px;
					font-size:			14px;
					font-weight:		bold;
					color:				#545454;
					text-decoration:	none;
					padding:			0 16px 0 16px;
					cursor:				default;
				}
	/* /Rubriküberschriften ] */
				
	/* [ Content mit 5 Spalten */
	div#spalten5 {
		clear:					both;
	}
	
		div#spalten5 div#spalte1,
		div#spalten5 div#spalte2,
		div#spalten5 div#spalte3,
		div#spalten5 div#spalte4,
		div#spalten5 div#spalte5 {
			float:					left;
			width:					166px;
			padding:				16px 16px 32px 16px;
			font-size:				11px;
			color:					#777777;
		}
		
		div#spalten5 div#spalte1 ul,
		div#spalten5 div#spalte2 ul,
		div#spalten5 div#spalte3 ul,
		div#spalten5 div#spalte4 ul,
		div#spalten5 div#spalte5 ul {
			margin:					0 0 0 0;
			padding:				0 0 0 0;
			list-style:				none;
		}
		
			div#spalten5 div#spalte1 ul li,
			div#spalten5 div#spalte2 ul li,
			div#spalten5 div#spalte3 ul li,
			div#spalten5 div#spalte4 ul li,
			div#spalten5 div#spalte5 ul li {
				padding:				16px 0 0 0;
				margin:					0 0 0 0;
				color:					#777777;
			}
			
/*  CONTENT TEMPLATE --------------------------------------------------------- */
		
	div#content_headline {
		clear:					both;
		padding:				0 0 0 198px;
		width:					594px;		
	}
	
		div#content_headline ul {
			margin:					0 0 0 0;
			padding: 				0 0 0 0;
			list-style:				none;	
		}
		
			div#content_headline ul li {
				display:			inline;
				float:				left;
				padding:			0 0 0 0;
			}
			
				div#content_headline ul li span {
					display:			block;
					line-height:		46px;
					font-size:			14px;
					font-weight:		bold;
					color:				#545454;
					text-decoration:	none;
					padding:			0 16px 0 16px;
				}
				
					div#content_headline ul li span h1 {
						margin:				0 0 0 0;
						padding:			0 0 0 0;
						font-size:			14px;
					}
				
	div#spalten3 {
		clear:					both;
	}
		
		div#spalten3 div#spalte1 {
			width:					198px;
			float:					left;
		}
		
		div#spalten3 div#spalte2 {
			float:					left;
			width:					562px;
			padding:				16px 16px 180px 16px;
			font-size:				11px;
			background-color:		#efefef;
			color:					#545454;
			line-height:			16px;
		}
		
		div#spalten3 div#spalte3 {
			float:					left;
			width:					198px;	
		}
		
			div#spalten3 div#spalte1 ul,
			div#spalten3 div#spalte2 ul,
			div#spalten3 div#spalte3 ul {
				margin:					0 0 0 0;
				padding:				0 0 0 0;
				list-style:				none;
			}
		
				div#spalten3 div#spalte1 ul li,
				div#spalten3 div#spalte2 ul li,
				div#spalten3 div#spalte3 ul li {
					padding:				16px 0 0 0;
					margin:					0 0 0 0;
					color:					#777777;
				}

	
		
	div.clear_both {
		clear:					both;
	}
	
	
	div#foot {
		margin:					40px 0 50px 0;
		padding:				20px 0 0 198px;
		border-top:				1px solid #aaaaaa;
		width:					792px;
		font-size:				10px;
		color:					#545454;
		float:					left;
	}
	
		div#foot a {
			color:					#545454;
		}
		
		div#foot a:hover {
			text-decoration:		none;
		}
	
	div#foot1 {
		padding:				0 0 0 16px;
		width:					182px;
		font-size:				10px;
		color:					#545454;
		float:					left;
	}
	
	div#foot2 {
		padding:				0 0 0 16px;
		width:					182px;
		font-size:				10px;
		color:					#545454;
		float:					left;
	}
	
	div#foot3 {
		padding:				0 0 0 16px;
		width:					182px;
		font-size:				10px;
		color:					#545454;
		float:					left;
	}