/* ===================================================
Stylesheet
Datei: screen.css
Datum  12/10/09
Autor: wquadrat medien gmbh
=================================================== */


html {height:101%;}

body {background:url(../../../media/bilder/_layout/bg_body.gif) repeat-x left top;color:#333;line-height:1.2em;}

#container {position:relative;}

/******************************* logo, branding (flash-slideshow) **************************************/

#branding {position:relative;height:176px;background:url(../../../media/bilder/header/header.jpg) no-repeat;margin-bottom:3px;}

h1#logo img {display:none;}
h1#logo {text-indent:-9999px;position:absolute;left:20px;top:15px;}
h1#logo a {display:block;width:255px;height:176px;background:url("../../../media/bilder/header/logo2.jpg") no-repeat;}


a#stoererRezepte {position:absolute;right:-10px;top:110px;display:block;width:190px;padding:5px 0 12px 10px;background:url('/media/bilder/_layout/rezept-stoerer.png') no-repeat;color:#333;font-size:13px;text-decoration:none;}

/******************************* navigation **************************************/

#navigation {width:auto;background:url(../../../media/bilder/_layout/bg_navigation.jpg) no-repeat;margin-bottom:3px}
 
ul.navi {padding-left:100px/*240px*/;}
ul.navi, ul.navi ul {margin:0;list-style-type: none; z-index:10;}
ul.navi li {margin:0;background:url(../../../media/bilder/_layout/navi-trenner.gif) no-repeat left bottom;float: left;}
ul.navi li.first {background:none;}
ul.navi li.first a {color:000;}
 
/* navi links */
ul.navi li a {color: #fff;display: block; padding:12px 22px;text-decoration:none;}
ul.navi li a:hover, ul.navi li.hover a {color: #fff;background:#bab59e;}
ul.navi li a.selected {color: #fff;background:#bab59e;}
 
/* subnavi */
ul.navi li.hover ul {display:block;}
ul.navi ul {display:none; position: absolute; background-color: #bab59e; width: 190px;z-index: 3;}
ul.navi li ul li {background:none; float: none; margin: 0;font-size: 1em;border-top: 1px solid #fff;}
ul.navi li ul li.first {background:none;}
 
/* subnavi links */
ul.navi li ul li a {color:#fff;padding:8px 15px; text-decoration: none;}
ul.navi li ul li a:hover {color: #bab59e;background:#A00A1E;}
ul.navi li ul li a.selected {color: #000;}


/******************************* breadcrumb **************************************/

#breadcrumb {border-bottom:1px solid #B4AF96;margin-bottom:10px;}
#breadcrumb ol {list-style-type:none;margin:0;}
#breadcrumb ol li {margin:0;float:left;line-height:2em;}
#breadcrumb ol li.first {padding-left:30px;background:#fff url(../../../media/bilder/_layout/kreis.gif) no-repeat 10px 5px;}
#breadcrumb ol li a {color:#333;padding:5px;text-decoration:none;}

/******************************* suche, arzt_info **************************************/

#suchen {position:absolute;width:220px;height:50px;top:70px;right:-10px;}
#suchen input#searchsuggest {border:1px solid #b4af96;display:block;float:left;margin-right:10px;padding:4px;width:120px;}
#suchen input.submit {background:#b4af96;border:none;color:#fff;padding:4px 10px;overflow:visible;width:auto;}
*html #suchen input.submit {padding:3px 10px;}
#arzt_info {color:#BAB59E;position:absolute;width:auto;line-height:1.6em;top:161px;right:20px;}
#arzt_info a {color:#333;text-decoration:none;}

/******************************* content **************************************/

#content {background:#fff url(../../../media/bilder/_layout/bg_content.jpg) no-repeat left top;padding:15px 0 0 0;}
.content_sub {margin:10px 0;}
div.panes div div.content_tab {padding-bottom:10px;}

#content_main div.p {font-size:0.9em;line-height:1.2em;word-spacing: -0.1em;}
#content_main .content_tab a {color:#a00a1e;}
.content_main_block {padding:10px;text-align:justify;}
.content_main_block h1 {color:#a00a1e;}
.content_main_block h2 {color:#a00a1e;font-size:1.2em;}

dl.bild dd {padding:5px 0;font-style:italic;font-size:0.9em;}

#content table {margin:0;}

/******************************* teaser, content_teaser **************************************/
.teaser h2,
.content_teaser h2 {margin:0;color:#333;}
.teaser h2 a,
.content_teaser h2 a {display:block;background:#fff url(../../../media/bilder/_layout/kreis.gif) no-repeat left 5px;padding:5px 0 4px 20px;color:#333;text-decoration:none;}

.teaser div.p,
.content_teaser div.p {padding:10px 10px 14px 10px;border-top:1px solid #b4af96;line-height:1.2em;font-size:0.9em;}
.content_teaser div.p {padding:10px 10px 5px 10px;}
.teaser, .content_teaser {background:#f0efea;}
.teaser {margin-top:10px;}
.teaser.first {margin-top:0px;}

/******************************* site_info **************************************/

#site_info {text-align:center;border-top:1px solid #b4af96;color:#999;}
#site_info_text {padding:20px;}
#site_info_text a {color:#999;}
#site_info_text a:hover {}




/* wquadrat-bs 20100122 finishing touches */
/* generell */
html { height:100%; }
body { background-color: #fff; }
a, h3 { color: #a00a1e; }

/* header */
#navigation, #branding { margin-bottom: 5px; }
#branding { background-image: url('../../../media/bilder/header/header4.gif'); height: 196px; }
h1#logo { top: 50%; left: 50%; margin-left: -101px; margin-top: -84px; }
#breadcrumb ol li { line-height: 1.9em; background: url("../../../media/bilder/_layout/navi-trenner.gif") no-repeat left center; }
#breadcrumb ol li.first { padding-left: 25px; }
/* todo: wenn final, markup entfernen!
#arzt_info a small { color: #bab59e; font-size: 0.84em; }
*/
ul.navi { padding-left: 17px; }
ul.navi li { margin-right: -1px; /* 1px-trenner bei mouseover verbergen */ }
ul.navi li a { margin-top: 4px; padding-top: 8px; }
ul.navi li ul li a { margin-top: 0; }
ul.navi li ul li a:hover { color: #ffffff; }
#arzt_info { width: 100%; left: 0; top: 210px; text-align: center; }
#arzt_info br { display: none; }
ul.navi li ul li a.selected { background-color: #a00a1e; color: #fff; } /* hover- und selected style angleichen */
#suchen { z-index: 11; top: 6px; }
#suchen input { font-size: 0.92em; }
#suchen input.submit { background: #690714; color: #ffffff; border: 1px solid #b53b4c; padding: 4px 10px; }
#suchen input#searchsuggest { background: #820819; border-color: #b53b4c; color: #ffffff; padding: 5px 10px; width: 106px; }

/* styles fuer textareas */
.content_main_block { text-align: left; }
#content_main div.p { line-height: 1.33; font-size: 1em; word-spacing: 0; }
.hausfarbe { color: #a00a1e }
.p ul { list-style-image: url('../../../media/bilder/_layout/aufzaehlung.gif'); margin-left: 1.3em; margin-bottom: 0; }
.p li { margin-bottom: 0.6em; margin-left: 0; margin-top: 0.6em; }

/* teaser */
.teaser h2 a, .content_teaser h2 a { background-position: 10px 5px; padding-left: 30px; }
.teaser h2 a em, .content_teaser h2 a em { color: #a00a1e; font-style: normal; }
/* praxen-teaser */
.practice .p { min-height: 98px; }
/*
.practice .postal { display: block; float: left; }
.practice .phone { display: block; float: right; color: #A00A1E; }
.practice address { font-style: normal; margin-bottom: 1.5em; }
.practice th { font-size: 1.2em; padding: 0.5em 0; border-bottom: 2px #b4af96 solid; }
.practice td { padding: 0.5em 0; border-bottom: 1px #ffffff solid; }
.practice td { text-align: right; }
.practice td:first-child { text-align: left; }
*/
.practice address, .practice .business-hours { width: 115px; float: left; padding-left: 20px; }
.practice address { font-style: normal; margin-right: 10px; background: url("../../../media/bilder/_layout/praxis-adresse-bg.gif") no-repeat 0 2px; }
.practice .address2, .practice .business-hours { float: left; padding-left: 20px; }
.practice .address2 { font-style: normal; margin-right: 10px; background: url("../../../media/bilder/_layout/praxis-adresse-bg.gif") no-repeat 0 2px; }
.practice .business-hours { background: url("../../../media/bilder/_layout/praxis-zeiten-bg.gif") no-repeat 0 2px; }


/* startseite: grosse bilder mit runden ecken */
.content_teaser .bildGross { margin: -10px -10px -5px; }
.content_teaser .bildGross a { display: block; background-repeat: no-repeat; }
.content_teaser .bildGross img { display: none;
    /*visibility: hidden;*/ }
.content_teaser .bildGross img.dontprint { display: inline; }
.teaser div.p, .content_teaser div.p { line-height: 1.33; }

/* uebersichtsseiten */
.highlighted .p { background-color: #DEDCD1 !important; }
.highlighted a { text-decoration: underline !important; }
/*
.overview { margin-right: -20px; }
.overview .col1 { float:left; width: 290px; margin-right: 20px; }
.overview .col2 { float:left; width: 290px; }
*/
.overview .item { margin-bottom: 20px; text-align: left;
    /*width: 290px; float: left; margin-right: 20px;*/
}
.overview { margin: 0 -10px; } /* ausgleich content-margin */
.overview .item .item-title { margin-bottom: 0; font-size: 1.2em; line-height: 1.2; padding: 5px 10px; border-bottom: 1px #a00a1e solid; color: #a00a1e; }
.overview .item .item-title a { text-decoration: none; }
.item .bild dt { background: #666666; padding: 1px; }
.overview .item .p {  background-color: #f0efea; padding: 10px; }
.overview .item .p h3 { color: #a00a1e; font-size: 1.33em; margin: 1em 0; }
.overview .item .p h3:first-child, .overview .item .p dl.bild + h3 { margin-top: 0; }
.overview .item .p h3 a { text-decoration: none; }
.overview .p li a { text-decoration: none; }
.overview .image-only a img { display: block; border: 1px solid #666666; }
.news .item .item-title { color: #333333; }
.news .item .item-title .date { color: #a00a1e; border-right: 1px solid #B4AF96; padding-right: 0.3em; }
/*.news .bild { background: #fff; padding: 1px; /* dark alternative:  background: #666666; color: white;*\/ }*/
.news .bild dt { background: #666666; padding: 1px; color: #333333; }
.news .bild dd { padding: 4px /*10px*/0 6px; font-size: 0.84em; }
.news .type-doc a { display: block; padding: 2px 0 2px 20px; background: url("/media/bilder/_layout/icon-doc.gif") no-repeat; }
.news .type-pdf a { display: block; padding: 2px 0 2px 20px; background: url("/media/bilder/_layout/icon-pdf.gif") no-repeat; }
.news .type-ppt a { display: block; padding: 2px 0 2px 24px; background: url("/media/bilder/_layout/icon-ppt.gif") no-repeat; }
.news .download { margin: 1em 0; }

/* tabs */
ul.tabs a  { font-size: 1.08em !important; }

/* footer */
#site_info { border-top: none; }
#site_info_text { font-size: 0.84em; color: #666666; }
#site_info_text a { color: #666666; }
#site_info_text strong { font-weight: normal; color: #a00a1e; }

/* doktoren, mitarbeiter */
/*
.doctores dt { float: left; margin-right: 10px; }
.doctores dl.bild dd { padding: 20px 0 10px; }
.doctores dl { background-color: #f0efea; }
*/
div.panes .doctores { background-color: transparent; }
.doctores { margin: 0 -8.5px; }
.doctores .item { width: 182px; margin: 8.5px; float: left; height: 150px; }
.doctores dl.bild dd { font-style: normal; }
.doctores .bild dt { background: #666666; padding: 1px; }
.doctores small { font-size: 0.9em; }

/* bildergalerien (z.b. praxen) */
.gallery-image { width: 600px; height: 400px; position: relative; overflow: hidden; }
.gallery-image img { position: absolute; }
.gallery ul { list-style: none; margin: 0 0 0 -12px; }
.gallery li { float: left; margin: 12px 0 12px 12px; }

/* sitemap */
.sitemap { margin: 0 -20px; }
.sitemap>div>ul { margin: 0; }
.sitemap>div>ul>li { list-style: none; }
.sitemap>div>ul>li>a { display: block; border-bottom:1px solid #A00A1E; color:#A00A1E; font-size:1.2em; line-height:1.2; margin-bottom:0; padding:5px 10px; }
.sitemap .level2 { background-color:#F0EFEA; padding:10px 10px 15px; }

/* ie8 z-issues */
#branding { z-index: 0; }
#navigation { position: relative; z-index: 1; }
/* ie8 dd_roundies hover issues (versuch)
ul.navi ignore { visibility: hidden; }
ul.navi li.hover ignore { visibility: visible; }
*/

/* bs, 2010-02-24: neue runde ecken bei der navigation */
ul.navi li a:hover { background-color: transparent; } /* flackern von harten ecken verhindern */
ul.navi>li.hover>a, ul.navi>li>a.selected { background: url('../../../media/bilder/_layout/navi-round-top.gif') no-repeat right -36px transparent; padding: 0 5px 0 0; display: block; }
ul.navi>li.hover>a span, ul.navi>li>a.selected span { background: url('../../../media/bilder/_layout/navi-round-top.gif') no-repeat top left transparent; padding: 8px 17px 12px 22px; display: block; }
/*ul.navi li.hover ul { background: url('../../../media/bilder/_layout/navi-sub-bg.gif') no-repeat left bottom transparent; padding-bottom: 5px; }*/

.anfahrt-download { display: block; float: right; background: url('../../../media/bilder/_layout/icon-pdf.gif') no-repeat; padding-left: 22px; }