html, body {
	width:				100%;
	height:				100%;
	background-image:	url(/_grafik/layout/topbaggrund.png);
	background-repeat:	repeat-x;
	background-color:	#FFFFFF;
	margin:				0px;
	padding:			0px;
	text-align:			center;
}

html {
	overflow:			auto;
	overflow-x:			auto;
	overflow-y:			scroll;
}

form, table {
	margin:				0px 0px 10px 0px;
	font-family:		tahoma, arial;
	font-size:			12px;
	line-height:		18px;
}

div {
	font-family:		tahoma, arial;
	font-size:			12px;
	line-height:		18px;
}

blockquote {
	width:				320px;
	height:				110px;
	margin:				10px 0px;
	padding:			7px 10px;
	background-image:	url(/_grafik/layout/info.png);
	background-repeat:	no-repeat;
	overflow:			hidden;
	text-align:			left;
}

#container {
	margin:				0px auto;
	width:				950px;
	text-align:			left;
	font-family:		tahoma, arial;
	font-size:			12px;
}

	#front {
		position:			absolute;
		width:				162px;
		height:				189px;
		background-image:	url(/_grafik/layout/logo.png);
		background-repeat:	no-repeat;
		font-size:			1px;
		color:				#7A92B5;
		text-decoration:	none;
		border:				0px;
	}
	
	h1 {
		position:			absolute;
		margin:				145px 0px 0px 180px;
		color:				#E14040;
		font-size:			24px;
		font-family:		"Tw Cen MT", verdana, tahoma;
		letter-spacing:		2px;
		font-weight:		100;
		line-height:		25px;
	}
	
	#content {
		position:			absolute;
		margin:				185px 0px 0px 0px;
		width:				880px;
	}
	
		#text {
			float:					right;
			width:					700px;
			overflow:				hidden;
		}
		
			h2 {
				font-size:				12px;
				color:					#000000;
				font-weight:			bold;
				margin:					0px;
				padding:				0px 0px 5px 0px;
			}
			
			p {
				line-height:			18px;
				text-align:				justify;
				margin:					0px;
				padding:				0px 0px 5px 0px;
				width:					335px;
			}
			
			a {
				color:					#486897;
				text-decoration:		none;
				border-style:			dashed;
				border-color:			#666666;
				border-width:			0px 0px 1px 0px;
				font-weight:			550;
			}
			
			a:hover {
				border-style:			solid;
				border-color:			#000000;
			}
			
			ul {
				margin:					0px 0px 10px 0px;
				padding:				0px 0px 0px 20px;
			}
			
			li {
				margin:					0px 0px 5px 0px;
			}
			
		#menu {
			float:					left;
			width:					150px;
			margin:					5px 0px 0px 5px;
		}
		
			ul.menu {
				margin:					0px;
				padding:				0px;
			}
			
				li.menu {
					display:				inline;
					list-style:				none;
				}
				
				a.menu {
					display:				block;
					text-decoration:		none;
					color:					#000000;
					padding:				7px 11px;
					border-style:			dashed;
					border-width:			1px 0px 0px 0px;
					border-color:			#DADADA;
					font-weight:			normal;
				}
				
				a.menu:hover {
					text-decoration:		underline;
					border-style:			dashed;
					border-width:			1px 0px 0px 0px;
					border-color:			#DADADA;
				}
				
				a.menu_1 {
					border:					none;
				}
				
				a.menu_1:hover {
					border:					none;
				}
				
				a.menu_selected {
					font-weight:			bold
				}
				
	#sections {
		position:				absolute;
		margin:					0px 0px 0px 180px;
	}
	
		a.section {
			display:				block;
			float:					left;
			height:					127px;
			background-repeat:		no-repeat;
			text-decoration:		none;
			color:					#7A92B6;
			font-size:				1px;
			border:					none;
		}
		
		a.section:hover {
			border:					none;
		}
		
		a.solutions {
			width:					160px;
			background-image:		url(/_grafik/layout/section_solutions.png);
		}
		
		a.solutions:hover {
			background-image:		url(/_grafik/layout/section_solutions_hover.png);
		}
		
		a.development {
			width:					154px;
			background-image:		url(/_grafik/layout/section_development.png);
		}
		
		a.development:hover {
			background-image:		url(/_grafik/layout/section_development_hover.png);
		}
		
		a.hosting {
			width:					140px;
			background-image:		url(/_grafik/layout/section_hosting.png);
		}
		
		a.hosting:hover {
			background-image:		url(/_grafik/layout/section_hosting_hover.png);
		}
		
		a.references {
			width:					133px;
			background-image:		url(/_grafik/layout/section_references.png);
		}
		
		a.references:hover {
			background-image:		url(/_grafik/layout/section_references_hover.png);
		}
		
		a.contact {
			width:					112px;
			background-image:		url(/_grafik/layout/section_contact.png);
		}	
		
		a.contact:hover {
			background-image:		url(/_grafik/layout/section_contact_hover.png);
		}
		
	#sections_active {
		position:				absolute;
		margin:					0px 0px 0px 180px;
	}
	
		a.section_active {
			display:				block;
			position:				absolute;
			background-repeat:		no-repeat;
			border:					0px;
			height:					142px;
		}
		
		a.section_active:hover {
			border:					none;
		}
		
		.solutions_active {
			width:					188px;
			background-image:		url(/_grafik/layout/section_solutions_active.png);
			margin:					0px 0px 0px -7px;
		}
		
		.development_active {
			width:					184px;
			background-image:		url(/_grafik/layout/section_development_active.png);
			margin:					0px 0px 0px 150px;
		}
		
		.hosting_active {
			width:					161px;
			background-image:		url(/_grafik/layout/section_hosting_active.png);
			margin:					0px 0px 0px 305px;
		}
		
		.references_active {
			width:					159px;
			background-image:		url(/_grafik/layout/section_references_active.png);
			margin:					0px 0px 0px 447px;
		}
		
		.contact_active {
			width:					132px;
			background-image:		url(/_grafik/layout/section_contact_active.png);
			margin:					0px 0px 0px 575px;
		}
		
	#shutcuts {
		position:				absolute;
		margin:					180px 0px 0px 895px;
	}
	
		a.shutcut {
			display:				block;
			width:					36px;
			background-repeat:		no-repeat;
			font-size:				1px;
			color:					#FFFFFF;
			text-decoration:		none;
			border:					1px solid #FFFFFF;
		}
		
		a.shutcut:hover {
			border:					1px solid #EAEAEA;
		}
		
		.search {
			background-image:		url(/_grafik/layout/shutcut_search.png);
			height:					36px;
		}
		
		.print {
			background-image:		url(/_grafik/layout/shutcut_print.png);
			height:					37px;
		}
		
		.mail {
			background-image:		url(/_grafik/layout/shutcut_mail.png);
			height:					36px;
		}
		
		.login {
			background-image:		url(/_grafik/layout/shutcut_login.png);
			height:					35px;
		}
		
		.news {
			background-image:		url(/_grafik/layout/shutcut_news.png);
			height:					33px;
		}

	#bottom {
		position:			fixed;
		bottom:				0px;
		text-align:			left;
		width:				100%;
		margin:				0px auto;
		filter:				alpha(opacity=85);
		-moz-opacity:		.85;
		opacity:			.85;
	}
	
		#information {
			margin:				0px 0px -3px 175px;
			border-color:		#CCCCCC;
			border-width:		1px 1px 0px 1px;
			border-style:		solid;
			background-color:	#EAEAEA;
			font-size:			9px;
			color:				#666666;
			padding:			3px;
			width:				705px;
			height:				19px;
		}
		
		a.information {
			font-size:			9px;
			color:				#666666;
			border:				none;
			text-decoration:	none;
			display:			block;
			float:				left;
			margin:				0px 0px 0px 15px;
			border:				none;
		}
		
		a.information:hover {
			text-decoration:	underline
		}

.info {
	border:				1px solid #7A92B5;
	padding:			5px;
	margin-bottom:		10px;
	background-color:	#F3F3F3;
}

.warn {
	border:				1px solid #7A92B5;
	padding:			5px;
	margin-bottom:		10px;
	background-color:	#FFDF00;
}