/* Basics
------------------------------------------------------------------------ */
* {
	margin:0;
	padding:0;
	outline:0;
}

html,body {
	height:100%;
	overflow:hidden;
}

body, .senden, .inputfield, input, textarea {
	font-family:Arial, sans-serif;
	font-size:13px;
	color:#555;
}

body {
	line-height:20px;
	background-color:#333;
}

h1 {
	margin:-5px 0 20px 0;
	font-size:22px;
	line-height:28px;
	color:#222;
}

h2 {
	margin-bottom:5px;
	font-size:16px;
	color:#222;
}

h3 {
	font-size:14px;
	margin-bottom:2px;
	color:#222;
}

a {
	color:#3f7fa8;
	text-decoration:none; }
	
	a.pdf {
		padding:1px 22px 0 0;
		background:url(images/icon-pdf.png) no-repeat right center; }
	
	a.txt {
		padding:1px 22px 0 0;
		background:url(images/icon-txt.png) no-repeat right center; }
	
	a.zip {
		padding:1px 22px 0 0;
		background:url(images/icon-zip.png) no-repeat right center;
}

p {
	margin-bottom:11px;
}

.text ul,
.text-left-home ul {
	margin:-8px 0 11px 30px;
}

img {
	border:none;
}

.clear {
	float:none;
	clear:both;
}

/* Container
------------------------------------------------------------------------ */
#maincontent {
	position:absolute;
	width:100%;
	height:100%;
	overflow:auto;
	z-index:50; }
	
	#wrapper {
		width:890px;
		margin:0 auto; }
		
		#header {
			margin-bottom:15px;
			height:92px; }
			
			#header .logo {
				float:left; }
				
				#header .logo img {
					margin-left:20px;
			}
				
			#header .navigation {
				float:right; }
				
				#header .navigation img {
					margin:58px 20px 0 0;
		}
		
		#container {
			margin-bottom:20px; }
			
			#navigation {
				margin-bottom:3px;
				padding:2px 20px 0 10px;
				height:34px;
				background:url(images/bg-navigation-890.png);
			}
			
			#content {
				padding-right:20px;
				height:100%;
				background:url(images/bg-content-navigation-890.png) bottom; }
				
				 #content .content-navigation {
					float:left;
					margin-right:20px;
					padding:10px 0;
					width:230px; }
						
				#content .text {
					float:left;
					padding:30px 0;
					width:620px;
					min-height:300px;
			}
				
			#content-full {
				height:100%;
				background:url(images/bg-content-890.png) bottom; }
				
				#content-full .zitat {
					margin:0 10px;
					padding:10px;
					background-color:#333333;
					border-top:10px solid #fff; }
					
					#content-full .zitat p {
						margin-bottom:5px;
						font-family: Cambria, Georgia, serif;
						font-size:18px;
						color:#f3f1ee;
						font-weight:normal;
						font-style:italic;
						text-align:right; }
						
						#content-full .zitat p.name {
							margin:0;
							font-size:11px;
							text-align:right;
							color:#f3f1ee;
				}
				
				#content-full .text-left {
					float:left;
					margin-right:40px;
					padding:30px 0 30px 20px;
					width:505px; }
				
				#content-full .text-right {
					float:right;
					padding:65px 20px 30px 0;
					width:305px;
				}
				
				#content-full .text-left-home {
					float:left;
					margin-right:40px;
					padding:30px 0 30px 20px;
					width:505px; }
				
				#content-full .text-right-home {
					float:left;
					margin:65px 0 0 0;
					padding:10px 15px;
					width:275px;
					font-size:12px;
					line-height:19px;
					background-color:#f3f1ee; }
					
					#content-full .text-right-home .news {
						padding-top:11px;
						border-top:1px dotted #555;
				}
				
				#content-full .text {
					padding:30px 20px;
					min-height:300px;
				}
				
				#content-full #footer {
					margin:0 20px;
					padding:10px 0;
					font-size:11px;
					border-top:1px dotted #555; }
		
				#content #footer {
					float:right;
					width:620px;
					padding:10px 0;
					font-size:11px;
					border-top:1px dotted #555; }
								
					#footer .left {
						float:left; }
						
					#footer .right {
						float:right; }
						
						#footer .right img {
							margin-left:1px;
}
	
#bg-white-dots {
	position:absolute;
	width:100%;
	height:100%;
	background:url(images/bg-white-dots.png);
	z-index:2;
}

#flashcontent {
	height:100%;
	width:100%;
	z-index:1;
}

/* Header Navigation
------------------------------------------------------------------------ */
#header .navigation ul {
	float:right;
	margin-top:65px;
	padding-right:20px;
	height:31px;
	list-style:none; }
	
	#header .navigation ul li {
		float:left;
		margin-left:4px;
		width:30px;
		height:31px;
		list-style:none; }
		
	#header .navigation ul li.home {
		background:url(images/icon-home.png) no-repeat; }
	
	#header .navigation ul li.kontakt {
		background:url(images/icon-kontakt.png) no-repeat; }
	
	#header .navigation ul li.impressum {
		background:url(images/icon-impressum.png) no-repeat; }
		
		#header .navigation ul li a {
			float:left;
			text-indent:-9999px;
			width:30px;
			height:31px;
}

/* Content Navigation
------------------------------------------------------------------------ */
.content-navigation ul {
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
	padding-top:10px;
	width:230px; }
	
	.content-navigation ul li {
		position:relative;
		padding:0 20px 0 30px;	
		text-align:right;
		height:33px;
		list-style: none;
		z-index:1000; }
		
	 .content-navigation ul li.backLava {
	 	position: absolute;
		background:url(images/bg-navigation-hover.gif) no-repeat bottom left;	
		z-index:1; }
	
		.content-navigation ul li a {
			position:relative;
			display:block;
			padding-top:5px;
			height:28px;
			color:#fff;
			text-shadow:1px 1px #444;	
			z-index:10;
}

	.content-navigation .WebYepMenuCurrentItem a {
		cursor:default;
}

/* Navigation
------------------------------------------------------------------------ */	
#navigation ul li.first {
	margin-left:0; }

#navigation ul li.last {
	margin:0; }
	
	#navigation ul li a:hover {
	color:#3f7fa8;	
}

#navigation ul, #navigation ul * { list-style:none; }
#navigation ul ul { position:absolute; top:-9999px; /* left offset of submenus need to match (see below) */ }
#navigation ul li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
#navigation ul li { float:left; position:relative; }
#navigation ul a { border:none;  }
#navigation ul li:hover ul, #navigation ul li.sfHover ul { left:0; top:34px; /* match top ul list item height */ z-index:99; }
#navigation ul li:hover li ul, #navigation ul li.sfHover li ul { top:-9999px; }
#navigation ul li li:hover ul, #navigation ul li li.sfHover ul { /* match ul width */ top:0; }
#navigation ul li li:hover li ul, #navigation ul li li.sfHover li ul { top:-9999px; }
#navigation ul li li li:hover ul, #navigation ul li li li.sfHover ul { /* match ul width */ top:0; }
#navigation ul li:hover, #navigation ul li.sfHover, #navigation ul a:focus, #navigation ul a:hover, #navigation ul a:active { outline:0; }

#navigation ul { height:34px; } 
#navigation ul li { margin-right:10px; padding:0 0 0 10px; height:34px; z-index:2000; }
#navigation ul li a { float:left; height:34px; line-height:30px; color:#444; font-weight:bold; }

#navigation ul li.submenue.sfHover { background:url(images/bg-nav-li.png) no-repeat left top; cursor:pointer; }
#navigation ul li.sfHover a.sf-with-ul { display:block; background:url(images/bg-nav-li-a.png) no-repeat right top; color:#fff; cursor:default; /* reiter-active */ }

#navigation ul li ul { font-size:12px; padding:10px 11px 15px 11px; height:auto; width:220px; background:url(images/bg-navigatin-sub.png) bottom; /* sub-menue */ }
#navigation ul li ul li { float:none; line-height:26px; height:26px; margin:0; padding:0; background:none; border-bottom:1px dotted #fff; }
#navigation ul li ul li a { display:block; float:none; height:26px; line-height:26px; color:#fff; font-weight:normal; }
#navigation ul li ul li a:hover { color:#fff; }

/*** arrows **/
#navigation ul a.sf-with-ul { padding-right:20px; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator {	position:absolute; display:block; right:3px; top:8px; /* IE6 only */ width:12px; height:14px;	text-indent:-999em; overflow: hidden; background: url('images/navigation-arrows.png') no-repeat -12px -96px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:8px; background-position:0 -96px; /* use translucent arrow for modern browsers*/ }

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position:-12px -96px; /* arrow hovers for modern browsers*/ }

#home #navigation ul li a.home,
#unternehmen #navigation ul li a.unternehmen,
#tools #navigation ul li a.tools,
#dienstleistungen #navigation ul li a.dienstleistungen,
#wissenswertes #navigation ul li a.wissenswertes,
#kontakt #navigation ul li a.kontakt {
	color:#3f7fa8;
	font-style:italic;
}

#unternehmen #navigation ul li.sfHover a.unternehmen,
#dienstleistungen #navigation ul li.sfHover a.dienstleistungen,
#tools #navigation ul li.sfHover a.tools,
#wissenswertes #navigation ul li.sfHover a.wissenswertes,
#unternehmen #navigation ul li.sfHover a.unternehmen { color:#fff; }

/* Footer Navigation
------------------------------------------------------------------------ */
#footer p {
	margin:0;
	padding:0; }
	
	#footer .left a {
		color:#444;
		font-weight:bold;
}

/* WebYep
------------------------------------------------------------------------ */
#login {
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	z-index:1000;
}

#navigation .WebYepMenuEditButton,
#header .WebYepRichTextEditButton {
	display:none;
}