/*

AUTHOR+COPYRIGHT:
Wilhelmine Freudenthal
Barrierefreies Webdesign / Semantischer Code

CONTACT:
wilhelmine@semantic-coding.net
http://www.semantic-coding.net

Februar 2006
last modified: 01/06/2010

*/


/* -- ALLGEMEIN --*/

body
{
 font-family:Verdana, Helvetica, Tahoma, Arial, sans-serif;
 font-size:0.8em;
 color:#333333;
 width:995px;
 margin:auto;
 padding:0;
 height:100%;
 background-color:#FFFFFF;
 position:relative;
}

#header h1
{
 background:url("../img/banner.jpg") center bottom no-repeat;
 height:140px;
 margin:0;
 padding:0;
}

#header h1 a
{
 padding:28px 0 0 3.4em;
 display:block;
 width:246px;
 height:101px;
 background:url("../img/logo.gif") center center no-repeat;
}

#home-site #header h1 a{ background:none;}
#header h1 span{ position:absolute; left:-3000px; }

h2
{
 font-size:1.2em;
 font-weight:bold;
 text-align:left;
}

h3
{
 color:#0c77bf;
 font-weight:bold;
 font-size:1.2em;
}

h4 { font-size:1em; margin:10px 0 0 0; padding:0; }

strong{ font-weight:bold;}
em{ font-style:italic;}
acronym{ border-bottom:1px dotted #333333;}
a {color:#0c77bf;}


/* -- FARBDEFINITIONEN --*/
/* Anmerkung: ZusŠtzliche Definitionen bei #ueber, #produkte, #techno, #infos wegen der Subnavigation*/
#home-site #content #content-text h2,
#home-site #content #content-img img,
#home-site #header #nav #home a,
#header #nav #home a:hover,
#site-map-site #content .home a,
#site-map-site #content .home a:hover {color:#0c77bf;}

#ueber-site #content #content-text h2,
#ueber-site #content #content-img img,
#ueber-site #header #nav #ueber a,
#header #nav #ueber a:hover,
#site-map-site #content .ueber a,
#site-map-site #content .ueber a:hover,
#header #nav #ueber ul.subnav li a{color:#8BB45A;}
#site-map-site #content ul li.ueber ul, #site-map-site #content ul li.ueber ul li,
#header #nav #ueber ul.subnav li, #header #nav #ueber ul.subnav li a { border-color:#8BB45A; }

#produkte-site #content #content-text h2,
#produkte-site #content #content-img img,
#produkte-site #produkte-img img,
#produkte-site #header #nav #produkte a,
#header #nav #produkte a:hover,
#site-map-site #content .produkte a,
#site-map-site #content .produkte a:hover,
#header #nav #produkte ul.subnav li a
{color:#1BBBE9;}
#site-map-site #content ul li.produkte ul, #site-map-site #content ul li.produkte ul li,
#header #nav #produkte ul.subnav li, #header #nav #produkte ul.subnav li a { border-color:#1BBBE9; }


#pflege-site #content #content-text h2,
#pflege-site #content #content-img img,
#pflege-site #header #nav #pflege a,
#header #nav #pflege a:hover,
#site-map-site #content .pflege a,
#site-map-site #content .pflege a:hover {color:#6c2d7c;}

#techno-site #content #content-text h2,
#techno-site #content #content-img img,
#techno-site #techno-img img,
#techno-site #header #nav #techno a,
#header #nav #techno a:hover,
#site-map-site #content .techno a,
#site-map-site #content .techno a:hover,
#header #nav #techno ul.subnav li a {color:#9ca6b2;}
#site-map-site #content ul li.techno ul, #site-map-site #content ul li.techno ul li,
#header #nav #techno ul.subnav li, #header #nav #techno ul.subnav li a  { border-color:#9ca6b2; }

#infos-site #content #content-text h2,
#infos-site #content #content-img img,
#infos-site #header #nav #infos a,
#site-map-site #header #nav #infos a, #links-site #header #nav #infos a, /* "altlasten" aus der Seitenstruktur vor 2009-02*/
#header #nav #infos a:hover,
#site-map-site #content .infos a,
#site-map-site #content .infos a:hover,
#header #nav #infos ul.subnav li a {color:#c50a33;}
#site-map-site #content ul li.infos ul, #site-map-site #content ul li.infos ul li,
#header #nav #infos ul.subnav li, #header #nav #infos ul.subnav li a  { border-color:#c50a33; }

#kontakt-site #content #content-text h2,
#kontakt-site #content #content-text h4,
#kontakt-site #content #content-img img,
#kontakt-site #header #nav #kontakt a,
#header #nav #kontakt a:hover,
#site-map-site #content .kontakt a,
#site-map-site #content .kontakt a:hover {color:#f08a00;}

#home-site #content #content-img img {border-top:14px solid; margin:10px;}
#ueber-site #content #content-img img {border-right:14px solid; margin:10px;}
#produkte-site #produkte-img img {border-left:14px solid; margin:10px;}
#pflege-site #content #content-img img {border-top:14px solid; margin:10px;}
#techno-site #techno-img img {border-right:14px solid; margin:10px;}
#infos-site #content #content-img img {border-bottom:14px solid; margin:10px;}
#kontakt-site #content #content-img img {border-left:14px solid; margin:10px;}

/* -- HAUPTNAVIGATION --*/
#header a
{
 text-decoration:none;
 color:#333333;
}

#header #menu
{
 margin:0;
 padding:0;
 background:#FFFFFF;
 height:1.4em;
 width:995px;
 text-align:center;
}

#header #nav{ margin:0; padding:0; }

#header #nav li
{
 list-style:none;
 display:inline;
 text-transform:uppercase;
 margin:0 40px 0 40px;
 position:relative;
}

#header #nav li ul
{
 position: absolute;
 left: 0px;
 text-align:left;
 top: 1.2em;
}

/* -- Subnav-POPUP --*/
#menu li {position: relative;}

#menu #nav ul.subnav {
 position: absolute;
 z-index: 500;
 margin:0; padding:0;
}

div#menu ol ul {display: none;}

div#menu ol li:hover ul
{
 display:block;
 width:4em;
}

body {behavior: url(csshover.htc); /* call hover behaviour file */} 

#menu ol li {float: left; /* cure IE5.x "whitespace in lists" problem */}
#menu ol li a {height: 1%; /* make links honour display: block; properly */}

#header #nav ul.subnav li
{
 margin:0;
 padding:0;
 width:14em;
 display:block;
 border-top:2px solid #FFFFFF !important;
 background:#FFFFFF;
 border:1px solid #BBBBBB;
}

#header #nav ul.subnav li a
{
 padding:2px 6px 2px 6px;
 font-size:0.8em;
 display:block;
 font-weight:bold;
 border-top:1px solid;
}

/* -- Subnav - ueber uns --*/
#header #nav #ueber ul.subnav li{ background:#F2FFDC; }

#header #nav #ueber ul.subnav .nav-team{ background:#E4F9BB; }
#header #nav #ueber ul.subnav .nav-standort{ background:#D1EDA2; }
#header #nav #ueber ul.subnav .nav-jobs{ background:#c1e08d; }


/* -- Subnav - Produkte --*/
#header #nav #produkte ul.subnav li{ background:#EAF9FF; }

#produkte-site #content-img .arztbox-implantate, #header #nav #produkte ul.subnav .nav-implantate,
#produkte-site #content-img .arztbox-polyan, #header #nav #produkte ul.subnav .nav-polyan
{ background:#d5f1fd; }

#produkte-site #content-img .arztbox-prothetik, #header #nav #produkte ul.subnav .nav-prothetik,
#produkte-site #content-img .arztbox-clearaligner, #header #nav #produkte ul.subnav .nav-clearaligner
{ background:#c7eeff; }

#produkte-site #content-img .arztbox-luxene, #header #nav #produkte ul.subnav .nav-luxene,
#produkte-site #content-img .arztbox-orthopaedie, #header #nav #produkte ul.subnav .nav-orthopaedie
{ background:#abe4fe; }

#produkte-site #content-img .arztbox-valplast, #header #nav #produkte ul.subnav .nav-valplast
{ background:#9dddfb; }

#produkte-site #content-img .arztbox-valplast a.download { color:#0e749e; padding-left:12px; background:url("../img/icon-download.gif") no-repeat 0 2px; }
#produkte-site #content-img .arztbox-valplast a:hover { color:#2999c7; }

/* -- Subnav - Technologien --*/
#header #nav #techno ul.subnav li{ background:#e8eef5; }

/* theramon */
#techno-site #content-img .arztbox-theramon, #header #nav #techno ul.subnav .nav-theramon{ background:#d8dfe7; }


/* -- Subnav - Infos --*/
#header #nav #infos ul.subnav li{ background:#fbf3f5; }

#header #nav #infos ul.subnav .nav-materialien{ background:#f5e6e9; }
#header #nav #infos ul.subnav .nav-service{ background:#edd3d9; }
#header #nav #infos ul.subnav .nav-downloads{ background:#e3bac4; }
#header #nav #infos ul.subnav .nav-aussendungen{ background:#ddb0bb; }

#header #nav #infos ul.subnav .nav-links{ background:#d19fab; }
#header #nav #infos ul.subnav .nav-sitemap{ background:#c88d9b; }

/* -- INHALTSBEREICH --*/
#content
{
 margin:0;
 background:url(../img/bg.jpg) center top no-repeat;
 height:430px;
 min-height:430px;
 padding-left:30px;
}

#content #content-text, #content #content-img
{
 width:45%;
 margin:0;
 padding-top:6em; /* allgemeiner Abstand des Inhalts zur Navigation */
}

#content #content-text
{
 margin-left:6em;
 padding-bottom:4em;
 text-align:left;
}

#content #content-img
{
 float:right;
 text-align:center;
 margin-top:80px;
}

cite
{
 font-style:italic;	
 text-align:left;
 display:block;
}

.company
{
 text-transform:uppercase;
 font-size:0.86em;
 font-weight:normal;
}

.links-list
{
 margin:0;
 padding:0; 
 list-style:none;
 text-align:left;
}

#links-site .links-list li{ padding:0 0 3em 0; }
#links-site .links-list li a {color:#c50a33; }
.links-list li{ clear: both; margin-bottom:6px; }

.links-list li a
{
 padding-left:0;
 color:#333333;
 text-decoration:underline;
}

.links-list a img
{  
 border:none;
 margin:0;
}

table.links-list td { width:auto; text-align:left; position:relative; vertical-align:top; }

#site-map-site #content ul
{
 margin:0;
 padding:0;
 list-style:none;
}

#site-map-site #content ul li li { border-left:12px solid; padding-left:6px;}
#site-map-site #content ul ul { border-top:1px dotted; }

#site-map-site #content .home,
#site-map-site #content .ueber,
#site-map-site #content .produkte,
#site-map-site #content .pflege,
#site-map-site #content .infos,
#site-map-site #content .techno,
#site-map-site #content .kontakt
{
 margin:12px 0 12px 0;
}

#site-map-site #content .home a,
#site-map-site #content .ueber a,
#site-map-site #content .produkte a,
#site-map-site #content .pflege a,
#site-map-site #content .infos a,
#site-map-site #content .techno a,
#site-map-site #content .kontakt a
{
 text-transform:uppercase;
 text-decoration:none;
 font-weight:bold;
 border-left:12px solid;
 padding-left:4px;
}

#site-map-site #content .home a:hover,
#site-map-site #content .ueber a:hover,
#site-map-site #content .produkte a:hover,
#site-map-site #content .pflege a:hover,
#site-map-site #content .infos a:hover,
#site-map-site #content .techno a:hover,
#site-map-site #content .kontakt a:hover
{ text-decoration:underline; }

#site-map-site #content-img
{
 margin-right:70px;
 background:#EFEFEF;
 padding:8px;
 border-bottom:#c50a33 14px solid;
 width:340px;
 /*border:1px solid red;*/ /* DIESER BUG GEH…RT GEFIXED */
}

#site-map-site #content-img p
{
 text-align:justify;
 background:url("../img/bg_accessibility.gif") no-repeat top right;
 margin:0;
 padding:0;
 padding-right:110px;
}

#site-map-site #content .links-list a
{
 font-weight:normal;
 text-transform:none;
 margin:0;
 padding:0;
 color:#333333;
 border:none;
 text-decoration:none !important; 
}

#home-site #content
{
 text-align:center;
 padding-top:5em;
 margin:0;
}

#home-site .vcard
{
 padding-top:3em;
 font-size:0.8em;
 color:#0c77bf;
 text-align:center;
 margin:0;
 width:934px;
}

#home-site .vcard .adr,
#home-site .vcard .fax,
#home-site .vcard .email,
#home-site .vcard .url, #home-site .vcard .fn,
#home-site .vcard .tel
{ margin:0 16px 0 16px; }

#home-site .vcard .fax { margin:0 10px 0 22px; }

#home-site .vcard a
{ 
 font-size:0.8em;
 color:#0c77bf;
 font-size:1em;
 text-decoration:none;	
}

#kontakt-site .vcard, #kontakt-site .vcard a
{
 font-size:1em;
 color:#333333;
 text-decoration:none;
}

#produkte-site #content-img, #techno-site #content-img{ margin-bottom:20px; }

#produkte-site #content-img div,
#techno-site #content-img div
{
 left:10px;
 text-align:left;
 width:300px;
 padding:10px;
 margin:auto;
}

#produkte-site #content-img div {/*siehe subnav-Farben*/ background:#EAF9FF; color:#177FAA; border:1px solid #1bbbe9;}
#techno-site #content-img div {/*siehe subnav-Farben*/ background:#e8eef5; color:#788492; border:1px solid #9ca6b2;}

#produkte-site #content-img div h4,
#techno-site #content-img div h4
{
 font-size:1em;
 margin:0 0 1em 0;
}

#produkte-site #content-img div ul,
#techno-site #content-img div ul
{
 margin:0;
 padding:0 0 0 8px;
}

#produkte-site #content-img div ul li,
#techno-site #content-img div ul li
{
 list-style:none;
 background:url("../img/bullet.gif") no-repeat top left;
 padding:0 0 0 8px;
}

#produkte-site #content-text #produkte-img,
#techno-site #content-text #techno-img { text-align:left; margin:0; }
#produkte-site #produkte-img img,
#techno-site #techno-img img { margin:0 8px 8px 0; } 

#kontakt-site ul#credits
{
 margin:0;
 padding:0;
 list-style:none;
}

#kontakt-site ul#credits li { margin-bottom:10px; }

#kontakt-site #credits span
{
 color:#F08A00;
 background:url("../img/bullet2.gif") no-repeat center left;
 padding:0 0 0 6px;
}

#kontakt-site #credits strong { display:block; }

#kontakt-site #content a
{
 color:#333333 !important;
 text-decoration:none;
 font-weight:normal;
}

#kontakt-site #content a:hover { color:#F08A00 !important; }
#kontakt-site form { text-align:center; }

#kontakt-site #error, #kontakt-site #success
{
 margin:auto;
 margin-bottom:12px;
 padding:5px;
 width:250px;
 background-color:#F08A00;
 font-weight:bold;
 color:#FFFFFF;
 border:1px solid #CF5B0E;
 text-align:left;
}

#kontakt-site #error a, #kontakt-site #success a
#kontakt-site #error a:hover, #kontakt-site #success a:hover
{ color:#FFFFFF;}

#content #content-text
{
 margin-left:6em;
 padding-bottom:4em;
 text-align:left;
}

#kontakt-site h2{ margin:1em 0 0.4em 0;}
#kontakt-site #content-text p{ margin:0 0 0.4em 0; }

#kontakt-site form
{
 margin:0;
 padding:0;
 text-align:left;
 width:845px;
}

#kontakt-site form ul#form
{
 width:266px;
 margin:0; padding:0;
 float:left;
 margin-right:30px;
 padding-bottom:30px;
}

#kontakt-site form ul#form li
{
 list-style:none;
 margin:0 0 12px 0;
 padding:2px;
 color:#F08A00;
 text-align:left;
}

#kontakt-site h2 { clear:both; }

#kontakt-site form .input-name,
#kontakt-site form .input-mail,
#kontakt-siteform .input-area
{ text-align:center; }

#kontakt-site form .input-name input,
#kontakt-site form .input-mail input,
#kontakt-site form .input-area textarea
{
 border-top-width:1px;
 border-bottom-width:2px;
 border-left-width:1px;
 border-right-width:2px;
 border-style:solid;
 color:#8A4E01;
 font-family:Verdana, Helvetica, Tahoma, Arial, sans-serif;
 font-size:1em;
 width:256px;
}

#kontakt-site form .input-name input
{
 border-top-color:#FFFBF5;
 border-bottom-color:#FFE0B4;
 border-left-color:#FEEACD;
 border-right-color:#FED497;
}

#kontakt-site form .input-mail input
{
 border-top-color:#FFF2DF;
 border-bottom-color:#FED497;
 border-left-color:#FFF4E6;
 border-right-color:#FFBE65;
}

#kontakt-site form .input-area textarea
{
 border-top-color:#FFF2DF;
 border-bottom-color:#FFC26F;
 border-left-color:#FFECD3;
 border-right-color:#FEB654;
}

#kontakt-site form .input-name, #kontakt-site form .input-name input{ background-color:#FFF2DF;}
#kontakt-site form .input-mail, #kontakt-site form .input-mail input{ background-color:#F9E3CE;}
#kontakt-site form .input-area, #kontakt-site form .input-area textarea{ background-color:#FED497;}

#kontakt-site iframe { float:left; margin-right:30px; margin-bottom:30px; width:260px; height:290px; }
#kontakt-site img { position:absolute; right:160px; border:2px solid #333333; }

#kontakt-site form li.captcha { position:relative; text-align:center !important; display:block; }
#kontakt-site form li.captcha img { position:static; margin:4px auto 4px auto; padding:0; display:block; }
#kontakt-site form li.captcha input { border-bottom-color:#FFC26F; border-right-color:#FEB654; }

#kontakt-site p.lage { text-align:center; }

#site-map-site .access-key
{
 font-size:0.8em;
 font-style:italic;
 background:url("../img/accessibility.gif") no-repeat left center;
 padding-left:14px;
}

#ueber-site #content .team-box
{
 width:445px;
 position:relative;
 height:200px;
 margin-bottom:20px;
 padding-right:360px;
}

#ueber-site #content .team-box img
{ position:absolute; top:0; right:0; border-right:14px solid #8BB45A; }

#ueber-site #content .team-box h2 { margin-top:0; padding-top:0; }

/* ---- Index-Banner ---- */
div#theLayer
{
 position:absolute;
 width:auto;
 top:182px; right:70px;
 visibility:visible;
}

div#theLayer table, div#theLayer img { border:none; }

div#theLayer span.banner-link a { color:#1B7CB3 !important; }
div#theLayer span.banner-link a:hover { color:#3099DE !important; }