/*	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;
}
#passepartout .csc-frame-frame2 .csc-textpic-text p {
          float: left;
          text-align: left;
          margin-left: 8px;
          color: #4B4840;
          line-height: 1.5em;
}
#passepartout .csc-frame-frame2 .csc-textpic .csc-textpic-text p+p {
          float: right;
          text-align: right;
          margin-right: 8px;
}
#passepartout .csc-frame-frame2 .csc-textpic .csc-textpic-firstcol {
          margin-left: 8px !important;
}
#passepartout .csc-frame-frame2 .csc-textpic .csc-textpic-lastcol {
          margin-left: 43px;
}
#passepartout span.name-of-person {
          color: #B00065;
          font-size: 13px;
          font-weight: bold;
          display: block;
          margin-bottom: -10px;
}

#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: 555px;
          width: 170px;
          height: 11px;
          z-index: 47;
          height: 14px;
          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;
}