/* //////////////////////////////////////////////////////////////////////////////////////////////////////////
  Diagnosezentrum Donaustadt, www.radiologie-wien.at   technical contact:eva.bachan@evedesign.net
////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ---------- ( basic ) ---------- */

*{margin:0px; padding:0;}
a{font-weight:bold;}
a:link, a:active{text-decoration:none; color:#013580;}
a:visited{text-decoration:none; color:#36a8e4;}
a:hover, a:focus{text-decoration:underline;}
body{font-size:75%; background-color:#fff; font-weight:normal; font-family:Verdana, Arial, Tahoma, sans-serif;}
img{border:0;}
#wrapper{margin-right:auto; margin-left:auto; width:75em; background-color:#fff;}
#keep{overflow:hidden; width:100%; position:relative; top:0; padding-top:2em; padding-bottom:0.1em; height:auto; background-color:#eef5f8; clear:both;}

/* ---------- ( head ) ---------- */

#head{width:100%; height:7.6em; background-image:url(../../images/layout/menu-hin.jpg); background-repeat:repeat-x; background-position:left bottom; background-color:#013580;}
#head img{color:#fff;}
#logo{margin:0 0 0 20px; position:absolute; z-index:5000;}
#sb{position:relative; float:right; right:1.5em; top:4.5em; z-index:3000;}
#sb a.hil{color:#fff; margin-right:1em;}
#breadcrumbs{position:relative; top:2.5em; margin-bottom:1.5em; float:left;}
#breadcrumbs a, #breadcrumbs span{float:left; margin-right:0.3em; background-image:url(../../images/icons/bread.png); 
background-repeat:no-repeat; background-position:left center; padding-left:1em; font-size:0.9em;}
#navigation{position:absolute; top:1.5em; height:auto; border-top:1px solid #36a8e4; width:75em; background:none; margin:0; z-index:1; background-color:#013580; background-image:url(../../images/layout/menu-hin.jpg); background-repeat:repeat-x; background-position:left bottom;}
#navigation ul{margin-left:200px; list-style:none;}
#navigation ul li{float:left; height:auto; margin:-1px; padding:3.3em 0.5em 0.5em 0.5em; border-top:1px solid #36a8e4;}
#navigation ul li li{background-image:none;}
#navigation ul li a{color:#ededed;}
#navigation ul li.team, #navigation ul li.leistungen, #navigation ul li.wir, #navigation ul li.untersuchungen{background-image:url(../../images/icons/down.png); background-repeat:no-repeat; background-position:4px 4.1em; padding-left:14px; border-left:1px solid #36a8e4;}
#navigation ul li:hover, #navigation ul li.active{background-color:#013580; border-top:0;}
#navigation ul a{font-size:1em; height:auto; display:block; padding:0.5em;}
#navigation ul li a:focus, #navigation ul li a:hover, #navigation ul li a:active{text-decoration:none;}
#navigation li ul{position:absolute; border:1px solid #36a8e4; background-color:#fff; left:-5000px; top:6.05em; z-index:999; padding:0.5em;}
#navigation ul li.untersuchungen ul li ul{position:absolute; border:1px solid #36a8e4; border-top:0; background-color:#fff; left:-5000px; top:1.5em; z-index:999; padding:0.5em; display:none;}
#navigation li:hover ul{left:auto; margin-left:-14px; margin-top:-2px; display:block;}
#navigation ul li.untersuchungen ul li:hover ul{left:55%; top:auto; margin-top:-1em; display:block; border-top:1px solid #36a8e4;}
#navigation li ul li{float:none; padding:0.2em 0.5em; border:none; margin:0;}
#navigation ul li ul li a{color:#013580; white-space:nowrap; border:none; height:auto; padding:0; margin:0;}
#navigation li ul li a:hover{color:#36a8e4;}
#navigation ul li ul li:hover, #navigation ul li ul li a:focus{background-image:url(../../images/layout/unter-menu-strich.jpg); background-repeat:no-repeat; background-position:left center; background-color:#fff;}

/* ---------- (content ) ---------- */

#content{margin-left:-180px; margin-right:200px; float:right; height:auto; width:42em; background-color:#eef5f8; padding-bottom:1em;}
#content p{margin:0 2em 0.8em 2.5em; line-height:1.2em;}
#content a, #navi a{border-bottom:1px dotted #013580; color:#013580;}
#content ul{margin:0.4em 2em 1.5em 2.5em;}
#content ul li{list-style-position:outside; margin:0 0 3px 15px;}
#links #content ul li{list-style-position:outside; list-style-type:none; margin:0 0 3px 0px;}
#content ul li a{line-height:1.2em; letter-spacing:0.06em;}
#content .press{clear:both; width:96%; height:auto; margin-bottom:5em;}
#content .press img{float:right;}
#content .press p{width:67%; float:left;}
#content .or{color:#c6580e; font-weight:bold; margin:1em 0 0.4em 2.5em;}
#content p.link{ margin-bottom:3em;}
#content .aer{width:45%; height:auto; margin:1em 0.5em 2em 1.5em; border:1px dashed #ccc; float:left; font-size:0.8em;}
#content .aer img{float:left; margin-right:1em;}
#content .aer p{margin-top:1em;}
#video{margin:0 auto; width:430px; height:272px;}
.prs{font-size:1.2em; color:#c6580e;}
#navi{border:1px dotted #36a8e4; border-bottom:none; width:180px; min-height:35em; height:auto; margin-left:20px; background-color:#fff; float:left; padding-bottom:0.1em;}
#navi p{margin:1em 0 0.3em 0.5em;}
#navi ul{margin:0 0 1em 0.5em;}
#navi ul li{list-style-position:inside; margin:0 0 3px 5px;}
#navi ul li a{list-style-position:inside; list-style-type:none; line-height:1.2em; letter-spacing:0.06em;}
#navi ul.hinweis{list-style-position: outside; list-style-type:none; margin:5px 4px 10px 0; font-size:0.9em;}
#navi ul.hinweis li{margin-bottom:3px; padding-left:3px;}
#startseite #navi p{font-size:1.2em; font-weight:bold; letter-spacing:0; color:#013580; text-transform:uppercase;}
#navi p#ser{position:relative; top:75px; text-align:left;}
#navi p#kom{position:relative; top:145px; text-align:right;}
#navi p#lei{position:relative; top:220px; text-align:left;}
#navi p#wich{margin:0; position:relative; top:270px; width:100%; display:block; font-size:1.3em; font-weight:bold; color:#c6580e; text-align:center; clear:both;}
#navi #tags{position:relative; top:1em; clear:both; width:100%; height:auto; overflow:hidden;}
#navi #tags p{ font-size:0.8em; text-transform:uppercase; color:#ccc; font-weight:normal;}
#startseite #navi #tags{position:relative; top:350px; clear:both;}
#navi .or, #infobox .or{color:#c6580e; font-weight:bold;}
#infobox{font-size:0.9em; border:1px dotted #36a8e4; border-bottom:none; float:right; width:180px; min-height:35em; height:auto; margin-right:-56%; background-color:#fff; background-image: url(../../images/bilder/PI-haus.jpg); background-repeat: no-repeat; background-position: center top; padding-top:11em; padding-bottom:0.1em;}
#infobox img{margin-bottom:0.5em;}
#infobox p{margin:1em 3px 0.2em 7px; line-height:1.3em;}
#infobox p.up{clear:both; text-transform:uppercase; font-weight:bold; margin-top:1.5em;}
#infobox address{font-style:normal; margin:2em 0 0; padding:5px;}
#infobox ul{list-style-position:inside; list-style-type:none; line-height:1.2em; letter-spacing:0.06em; margin-left:5px;}
#infobox ul#fo{margin-top:1em; width:95%; display:block;}
#infobox ul#fo li a{display:block; float:left; margin:-5px 3px 10px 3px; border:1px solid #013580; padding:1px 2px 2px 1px; font-size:1.3em;}
#infobox ul#fo li a:hover, #infobox ul#fo li a:focus, #infobox ul#fo li a:active{background-color:#013580; color:#fff;}
#infobox ul#fo li.minus a{font-size:1em; padding:3px 7px 1px 3px;}

/* ---------- ( footer ) ---------- */

#footer{width:99%; height:auto; position:relative; top:0; overflow:hidden; padding:5px; border:1px dotted #36a8e4; border-bottom:none; font-size:0.8em; color:#013580; background-color:#fff;}
blockquote{float:left; width:60%; text-align:center; color:#c6580e; font-size:1.3em; font-weight:bold;}
blockquote cite{margin-left:30%; color:#333; font-size:0.8em;}

/* ---------- ( wai ) ---------- */

.screen a, .screen-u a{position:absolute; width:25%; top:-1000px; margin-left:-2000px;}
.screen a:hover, .screen a:active, .screen a:focus{z-index:2000; position:relative; top:0; margin-left:0;  color:#fff; background-color:#013580; display:block; padding:0.3em; text-align:center;}
.mimo, dfn{position:absolute; left:-2000px; top:-1000px; width:0px; height:0px; overflow:hidden; display:inline; color:#000;}

h1{margin:1em 0 1em 1.5em; text-transform:uppercase; letter-spacing:0.06em; font-size:1.6em; font-weight:bold; color:#c6580e; text-align:right; display:block; width:96%;}
h1 span{position:absolute; left:-6000px;}
h2{font-size:1.5em; font-weight:bold; color:#013580; text-align:center; margin:0 0 1em 0;}
h3{margin:2em 2em 0.5em 2.5em; color:#c6580e;}

/* ---------- ( class ) ---------- */

.klar{clear:both; width:100%; height:1px;}
p#imp{float:right; text-align:right; font-size:0.9em;}
p.copy{float:left;}
p.ceb{padding-top:2em; line-height:1.5em; font-size:0.9em;}
.no{white-space: nowrap;}
.tit{font-size:1.2em; font-weight:bold; text-align:center; color:#013580; display:block;}
.link a{font-size:0.9em; line-height:1.5em;}
.dzd{font-weight:bold; color:#013580;}
.orf{color:#c6580e; font-weight:bold;}
.tbl{color:#013580; font-weight:bold;}
.pdf{background-image: url(../../images/icons/pdf.gif); background-repeat: no-repeat; background-position: left center; padding-left:20px;}
li.pdf{list-style-type:none;}
.wichtig{width:auto; height:auto; padding:1em; border:1px solid #880000;}
.abs{margin-left:6.7em;}
.abs1{margin-left:3em;}
.tr{margin-left:7em;}
.tr1{margin-left:1em;}
.akt{background-color:#013580; color:#fff; font-weight:bold; padding:2px; width:100%;}
img.mar, object{margin-bottom:1em;}
.ztr{text-align:center;}
.fett{font-weight:bold;}
.al{font-weight:bold; text-align:center; padding:0 0 1.5em 0;}
.dlink{font-size:2em; position:relative; left:82%;}
iframe{margin-left:3em;}
.fahne{clear:both; padding-top:1em; float:left;}
.fahne img{float:left; margin-right:0.5em; border:2px ridge #880000;}
noscript p{font-size:0.8em;}
.eng{display:block; margin:1em auto;}

/* ---------- ( special ) ---------- */

a.tip{position:relative; z-index:1; text-decoration:none;}
a.tip:hover{z-index:200;}
a.tip span{display:none;}
#sb a.tip:hover span{display:block; position:absolute; top:-1em; left:-11em; border:1px solid #013580; background-color:#ededed; color:#880000; text-align:left; white-space:nowrap; width:auto; padding:5px; font-weight:normal;}
#infobox a.tip:hover span{display:block; position:absolute; top:1.5em; left:auto; border:1px solid #013580; background-color:#ededed; color:#880000; text-align:left; width:auto; padding:5px; font-weight:normal;}
#navi a.tip:hover span{display:block; position:absolute; top:1.5em; left:auto; border:1px solid #013580; background-color:#ededed; color:#880000; text-align:left; width:auto; padding:5px; font-weight:normal;}
a[href^="http:"]{padding-left:16px; background-image:url(../../images/icons/http.gif); background-repeat:no-repeat; background-position:left 2px;}

#startseite #navi{background-image: url(../../images/layout/navi.jpg); background-repeat: no-repeat; background-position: center top;}
#patienteninformation #content ul{margin-left:3em;}
#anfahrt #content img, #mammographie #content img, #TRK-mammo #content img{display:block; margin:auto; margin-bottom:2em;}
#anfahrt #apl{display:none;}
#alle-leistungen .leistungen, #patienteninformation .leistungen, #service .leistungen, #arzt-info .leistungen, #alle .untersuchungen, #untersuchung .untersuchungen, #mammographie .untersuchungen, #abdomen .untersuchungen, #oberbauch .untersuchungen, #unterbauch .untersuchungen, #mrt .untersuchungen, #chefarzt .untersuchungen, #herz-lungen .untersuchungen, #dickdarm .untersuchungen, #magen .untersuchungen, #nieren .untersuchungen, #phlebographie .untersuchungen, #schmerz .untersuchungen, #Skelett .untersuchungen, #ultraschall .untersuchungen, #ct .untersuchungen, #alle-team .team, #alth .team, #vorbeck .team, #verwaltung .team, #aerzte .team, #rt-team .team, #expertenbeirat .team, #inhalt .wir, #offenlegung .wir, #links .wir, #geschichte .wir, #presse .wir, #anfahrt .wir, #TRK-roentgen .tuerkisch, #TRK-chefarzt .tuerkisch, #TRK-mammo .tuerkisch{background-color:#013580; border-top:0; padding:3.3em 0.5em 0.5em 0.5em;}

