/*	css layout formatting 
	primel.net
	for http://leickundleick.de
	2009-01-08                */ 


* { margin:0; border: 0; padding: 0; }

/* basic layout */
/* ************************************************************************** */

body
{
	color: #000;
	background: #FFF7D6 fixed top left repeat-x url(../images/bg.gif);
	font-family: Arial, verdana, sans serif;
	font-size: 12px;
	line-height: 1.4;
	overflow-y: scroll;
}

#header,
#passepartout-bg,
#passepartout-bg-img,
#footer
{
	position: absolute;
	left: 0;
}

#passepartout
{
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 100%;
	display: block;
	z-index: 1;
}

	#canvas
	{
		width: 975px;
		/* height: 100%; */
		display: block;
		margin: 0 auto;
	}

		#container
		{
			position: relative;
			left: 92px;
			width: 808px;
			/* background: green; */
			padding: 229px 0 0 0;
			/* padding: 0 0 32px 0; */
		}

			/* content-box background */
			#content-bg
			{
			}

			#content
			{
				margin: 0 0 0 215px;
				padding: 0 0 90px 0;
				/* background: #ccc; */
			}

			.c-el 
			{
				position: relative;
				overflow: hidden;
				margin: 0 0 9px 0;
				border: 1px solid #F2D1CF;
			}
			.c-el-bg
			{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: #fff;
					opacity:.80;
					filter: alpha(opacity=80);
					-moz-opacity: 0.8;
					z-index: 0;
			}
			.c-el-c
			{
				position: relative;
				display: block;
				padding: 24px 32px 14px 24px;
					z-index: 2;
			}
			#praxis .c-el-c
			{
				padding: 14px 14px 12px 14px;
			}
			.c-el-c img
			{
				display: block;
			}

			#aerzte #content
			{
				position: relative;
				left: -4px;
				width: 816px;
				margin: 0;
				padding: 0 0 90px 0;
/*				background: #ccc; */
			}

			#aerzte .c-el 
			{
				position: relative;
				overflow: hidden;
				margin: 0 4px 9px 4px;
				border: 1px solid #F2D1CF;
				width: 397px;
				float: left;
			}
			#aerzte .c-el-c { padding: 28px 14px 12px 14px; }

			#aerzte .csc-textpic-intext-right { text-align: left; }
			#aerzte .csc-textpic ul { list-style: none; margin: 0; padding: 0; }
			#aerzte #content a { font-weight: bold; color: #8A722F; margin: 0; padding: 0; background: none; }
			#aerzte #content a:link   { text-decoration: none; }
			#aerzte #content a:hover  { text-decoration: none; color: #C5438C; background: none; }

#se-header, #se-logo, #specs { display: none; }

#header
{
	top: 0;
	z-index: 235;
	width: 100%;
	height: 206px;
}
	#header-center
	{
		position: relative;
		width: 975px;
		height: 206px;
		display: block;
		margin: 0 auto;
		background: fixed top left repeat-x url(../images/bg.gif);
	}

		#logo
		{
			position: absolute;
			top: 47px;
			left: 92px;
			width: 275px;
			height: 56px;
			display: block;
		}

		#menu
		{
			position: absolute;
			top: 123px;
			left: 92px;
			width: 808px;
			height: 20px;
			display: block;
			overflow: hidden;
		}

		#submenu
		{
			position: absolute;
			top: 155px;
			left: 92px;
			width: 808px;
			height: 14px;
			display: block;
		}

		#header-deco
		{
			position: absolute;
			top: 182px;
			left: 0;
			display: block;
			width: 975px;
			height: 24px;
			z-index: 235;
		}
		#header-deco { background: fixed center 182px  no-repeat url(../images/flowers/home.jpg); }
		#behandlung #header-deco	{ background: fixed center 182px  no-repeat url(../images/flowers/behandlung.jpg); }
		#leistungen #header-deco	{ background: fixed center 182px  no-repeat url(../images/flowers/leistungen.jpg); }
		#praxis #header-deco		{ background: fixed center 182px  no-repeat url(../images/flowers/praxis.jpg); }
		#service #header-deco		{ background: fixed center 182px  no-repeat url(../images/flowers/service.jpg); }
		#aerzte #header-deco		{ background: fixed center 182px  no-repeat url(../images/flowers/aerzte.jpg); }

#footer 
{
	width: 100%;
	height: 59px;
	position: absolute;
	bottom: -1px; /*ugly fix for IE*/
	left: 0;
	color: #000;
	z-index: 46;
}
	#footer-center
	{
		position: relative;
		width: 975px;
		height: 100%;
		display: block;
		margin: 0 auto;
		background: #FFF7D6 fixed top left repeat-x url(../images/bg.gif);
	}

		#copy 
		{
			position: absolute;
			top: 31px;
			left: 544px;
			width: 151px;
			height: 11px;
			z-index: 47;
			height: 13px; 
			overflow: hidden;
		}
		#copy span { display: block; overflow: hidden; height: 0; padding: 20px 0 0 0; background: top left no-repeat url(../images/copy.gif);  }

		#legal
		{  
			position: absolute;
			top: 31px;
			left: 707px;
			width: 88px;
			height: 13px;
			z-index: 47;
			overflow: hidden;
		}

		#links
		{
			position: absolute;
			top: 31px;
			left: 807px;
			width: 42px;
			height: 13px;
			z-index: 47;
			overflow: hidden;
		}
		
		#english
		{
			position: absolute;
			top: 31px;
			left: 868px;
			width: 16px;
			height: 13px;
			z-index: 47;
			overflow: hidden;
		}
		#english a {}
		
		#legal a, #links a, #english a { display: block; overflow: hidden; height: 0; padding: 13px 0 0 0; background: left top no-repeat url(../images/footer-sprite.gif); }

		#legal a 			{ background-position:      0 0; }
		#links a 			{ background-position:  -88px 0; }
		#english a			{ background-position: -130px 0; }

		#legal a:hover		{ background-position:      0 -13px; }
		#links a:hover		{ background-position:  -88px -13px; }
		#english a:hover	{ background-position: -130px -13px; }
		
		#footer-deco
		{
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 975px;
			height: 90px;
		}
		#footer-deco { background: fixed center 182px  no-repeat url(../images/flowers/home.jpg); }
		#behandlung #footer-deco	{ background: fixed center 182px  no-repeat url(../images/flowers/behandlung.jpg); }
		#leistungen #footer-deco	{ background: fixed center 182px  no-repeat url(../images/flowers/leistungen.jpg); }
		#praxis #footer-deco		{ background: fixed center 182px  no-repeat url(../images/flowers/praxis.jpg); }
		#service #footer-deco		{ background: fixed center 182px  no-repeat url(../images/flowers/service.jpg); }
		#aerzte #footer-deco		{ background: fixed center 182px  no-repeat url(../images/flowers/aerzte.jpg); }

#passepartout-bg-img 
{
	width: 100%;
	height: 100%;
	top: 0; /*ugly fix for IE*/
	left: 0;
	color: #000;
	z-index: 0;
}
	#passepartout-bg-center-img
	{
		width: 975px;
		height: 100%;
		display: block;
		margin: 0 auto;
		background: red;
	}

	#passepartout-bg-center-img 			{ background: fixed center 182px  no-repeat url(../images/flowers/home.jpg); }
	#behandlung #passepartout-bg-center-img	{ background: fixed center 182px  no-repeat url(../images/flowers/behandlung.jpg); }
	#leistungen #passepartout-bg-center-img	{ background: fixed center 182px  no-repeat url(../images/flowers/leistungen.jpg); }
	#praxis #passepartout-bg-center-img		{ background: fixed center 182px  no-repeat url(../images/flowers/praxis.jpg); }
	#service #passepartout-bg-center-img	{ background: fixed center 182px  no-repeat url(../images/flowers/service.jpg); }
	#aerzte #passepartout-bg-center-img		{ background: fixed center 182px  no-repeat url(../images/flowers/aerzte.jpg); }

body>div#header,
body>div#passepartout-bg,
body>div#passepartout-bg-img,
body>div#footer
{
	position: fixed;
}

/* menu */
/* ************************************************************************** */

#nav { list-style: none; }
#nav li { float: left; }

#nav li ul { visibility: hidden; }

#nav1, #nav2, #nav3, #nav4, #nav5, #nav6, #nav7 { position: absolute; top: 0; height: 20px; }

#nav1 { left:   0px; width:  76px; }
#nav2 { left:  77px; width: 130px; }
#nav3 { left: 208px; width: 201px; }
#nav4 { left: 410px; width: 107px; }
#nav5 { left: 518px; width:  87px; }
#nav6 { left: 606px; width:  96px; }
#nav7 { left: 703px; width: 103px; }

#nav1 a, #nav2 a, #nav3 a, #nav4 a, #nav5 a, #nav6 a, #nav7 a { display: block; overflow: hidden; height: 0; padding: 20px 0 0 0; background: left top no-repeat url(../images/menu-sprite.gif); }

#nav1 a { background-position:      0 0; }
#nav2 a { background-position:  -76px 0; }
#nav3 a { background-position: -313px 0; }
#nav4 a { background-position: -206px 0; }
#nav5 a { background-position: -514px 0; }
#nav6 a { background-position: -601px 0; }
#nav7 a { background-position: -697px 0; }

#nav1 a:hover { background-position:      0 -20px; }
#nav2 a:hover { background-position:  -76px -20px; }
#nav3 a:hover { background-position: -313px -20px; }
#nav4 a:hover { background-position: -206px -20px; }
#nav5 a:hover { background-position: -514px -20px; }
#nav6 a:hover { background-position: -601px -20px; }
#nav7 a:hover { background-position: -697px -20px; }

#nav1 a.selected { background-position:      0 -40px; }
#nav2 a.selected { background-position:  -76px -40px; }
#nav3 a.selected { background-position: -313px -40px; }
#nav4 a.selected { background-position: -206px -40px; }
#nav5 a.selected { background-position: -514px -40px; }
#nav6 a.selected { background-position: -601px -40px; }
#nav7 a.selected { background-position: -697px -40px; }

#subnav { list-style: none; }
#subnav li { float: left; margin: 0 12px 0 0; }
#subnav li a { color: #A08B4E; text-decoration: none; }
#subnav li a:hover { color: #786E51; }
#subnav li a.selected { color: #CC398D; }

/* content formatting */
/* ************************************************************************** */

#content h1 { font-size: 17px; margin: 0 0 14px 0; padding: 0; color: #B00065; text-transform: uppercase; }
#content h2 { font-size: 1.1em; font-weight: bold; margin: 0 0 10px 0; color: #B00065; }
#content h3 { font-size: 1em; font-weight: bold; margin: 0 0 10px 0; color: #B00065; }
#content h4 { font-weight: normal; }
#content h5 { font-weight: normal; }
#content h6 { font-weight: normal; }

#content p { font-size: 1em; margin: 0 0 0 0; padding: 0 0 10px 0; }

#content a { font-weight: bold; color: #8A722F; margin: 0 0 0 2px; padding: 0 0 0 7px; background: 0px 3px no-repeat url(../images/link0.gif); }
#content a:link   { text-decoration: none; }
#content a:hover  { text-decoration: none; color: #C5438C; background: 0px 3px no-repeat url(../images/link1.gif); }
#content a:active { text-decoration: none;}
#content a:visited { text-decoration: none;}

#content i,
#content em { display: block; color: #000; }
#content ul { /* list-style: none; */ margin: 0 0 16px 16px; }
#content li { margin: 0 0 5px 0; padding: 0 0 0 0; /* background: 0 6px no-repeat url(../images/ul-li.gif); */ }
#content ol { margin: 0 0 0 24px; }

#content .c-el-c .floatleft { float: left; padding: 20px 15px 10px 0; }

.t3al { visibility: hidden; line-height: 0; font-size: 0; }
/* ************************************************************************** */

#mtness
{
	position: fixed;
	bottom: 3px;
	right: 3px;
	border: 0px solid #000000;
	z-index: 23;
}