/* 
	Klinikum Dortmund	Framework CSS
	INTERNET
*/

/*
######################
####### GRID   #######
######################
*/
/**********************************************/

body {
padding: 0;
margin: 0;
background-color: #fff;
font-family: Arial, Helvetica, Tahoma, sans-serif;
font-size: 80%;
line-height: 1.4em;
color: #666;
}

#wrap {
margin: 0 25px;
}

#switcher {
background-color: #f5f5f5;
background: url('/lib/css/base/switcher_bg.gif') top center no-repeat;
padding: 2px 5px;
color: #fff;
}

#switchwww {
border:1px solid #74B42D;
background-color: #74B42C;
color:#fff;
}

#switchintra {
background-color:#FFF;
border:1px solid #74B42C;
color:#74B42C;
}

#switchwww, #switchintra {
width:5.2em;
float:left;
text-align:center;
margin:0;
padding:1px 5px;
font-size: .9em;
line-height: 130%;
text-transform: uppercase;
letter-spacing: 1px;
overflow:visible;
}

/* -- LINKS ------------------------------------------------------------------------ */
a:link, a:visited, a:active {
outline:0;
background-color:#fff;
color: #74B42C;
text-decoration: none;
}

a:focus { 
background-color:#0A246A;
color:#fff;
}

a:hover {
text-decoration: underline;
}


/*-----Webcam Buttons-----*/
#content a:link,#content a:visited {
background-color:#fff;
color: #74B42C;
}

#content a:hover {
background-color: #fff;
color: #74B42C;
text-decoration: underline;
}

#content a:focus,#content a:active {
background-color: #0A246A;
color: #fff;
}

/*-----Webcam Buttons-----*/
#content a.wcbutton:link,#content a.wcbutton:visited {
background-color:#fff;
color: #74B42C;
padding: 0.2em 0.5em;
border: 1px solid #b4f46C;
}

#content a.wcbutton:hover {
/*background-color: #EFF9E6;*/
color: #74B42C;
text-decoration: underline;
border: 1px solid #74B42C;
text-decoration: none;
}

#content a.wcbutton:focus,#content a.wcbutton:active {
background-color: #74B42C;
color: #fff;
}


#content td a:link,#content td a:visited {
background-color: #f5f5f5;
color: #74B42C;
}

#content td a:hover {
background-color: #f5f5f5;
color: #74B42C;
text-decoration: underline;
}

#content td a:focus,#content td a:active {
background-color: #0A246A;
color: #fff;
}

#breadcrumb a:link,#breadcrumb a:visited {
color: #74B42C;
background-color:#fff;
text-decoration: none;
}

#breadcrumb a:active,#breadcrumb a:focus {
background-color:#0A246A;
color: #fff;
}

#breadcrumb a:hover {
text-decoration:underline;
}

#breadcrumb a.grafikver:link,#breadcrumb a.textver:link,#breadcrumb a.kontrastver:link,#breadcrumb a.grafikver:hover,#breadcrumb a.textver:hover,#breadcrumb a.kontrastver:hover,#breadcrumb a.grafikver:visited,#breadcrumb a.textver:visited,#breadcrumb a.kontrastver:visited {
background-color:#fff;
color:#666;
}

#breadcrumb a.grafikver:active,#breadcrumb a.textver:active,#breadcrumb a.kontrastver:active,#breadcrumb a.grafikver:focus,#breadcrumb a.textver:focus,#breadcrumb a.kontrastver:focus {
background-color:#0A246A;
color: #fff;
}

#sidebar ul li a {
color: #333;
background-color:#fff;
text-decoration: none;
}

#sidebar ul li a:hover {
color: #74B42C;
background-color:#fff;
text-decoration:underline;
}

#sidebar ul li a:active,#sidebar ul li a:focus {
background-color:#0A246A;
color: #fff;
}

#footer a:link,#footer a:active,#footer a:visited {
color: #fff;
background-color:#74B42C;
text-decoration: none;
}

#footer a:focus {
color: #fff;
background-color:#0A246A;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

#switchwww a:link,#switchwww a:visited {
color:#FFF;
background-color:#74B42C;
}

#switchintra a:link,#switchintra a:visited {
color: #74B42C;
background-color:#fff;
}

#switchwww a:active,#switchwww a:focus,#switchintra a:active,#switchintra a:focus {
background-color:#0A246A;
color: #fff;
}

h2 a:link,h2 a:visited {
color: #666;
background-color:#fff;
}

h2 a:active,h2 a:focus {
background-color:#0A246A;
color: #fff;
}

a span.button {
color: #fff;
background-color:#74B42C;
text-decoration: none;
font-weight: bold;
}

p.linkTo a:active,p.linkTo a:focus {
background-color:#0A246A;
color: #fff;
}

p.linkTo a:hover {
background-color:#fff;
color: #74B42C;
text-decoration: underline;
}

a.submitlink:link,a.submitlink:visited,a.submitlink:active,a.submitlink:hover {
color:#666;
background-color:#fff;
}

a.submitlink:focus {
color:#fff;
background-color:#0A246A;
}

a:focus img {
border:1px solid #0A246A;
}

#content div.topNews h2 a:link,#content div.topNews h2 a:visited,#content div.topNews h2 a:hover {
color:#666;
background-color:#f5f5f5;
}

#content div.topNews h2 a:focus,#content div.topNews h2 a:active {
background-color:#0A246A;
color: #fff;
}

#content h2.NewsTeaser a:link,#content h2.NewsTeaser a:visited,#content h2.NewsTeaser a:hover {
color:#666;
background-color:#fff;
}

#content h2.NewsTeaser a:focus,#content h2.NewsTeaser a:active {
background-color:#0A246A;
color: #fff;
}

/* -- Header & Breadcrumb Navigation --------------------------------------------------- */

#header {
position:relative;
height: 60px;
margin-top: 40px;
/*
background-image: url(/lib/css/base/logo_klinikum.giff);
background-repeat: no-repeat;
background-color: #74B42C;
*/
background-color:#fff;
color:#666;
}

#header #printLogo, #header #screenLogo {
position:absolute;
width:620px;
left:170px;
top:0px;
}

#header #printLogo {
display:none;
}

#header #screenLogo {
display:block;
}

.screenHide {
display:none;
}

#header.tipp {
text-align: right;
}

#header h1, #header p {
display: none;
}

#headerBild {
position:relative;
height:60px;
margin-left:520px;
background-image:url(/lib/media/images/head_01.jpg);
}

#breadcrumb {
height: 55px;
margin: 5px 0 0 230px;
font-size: .9em;
color: #666;
background-color: #fff;
}

#breadcrumb p {
margin: 0;
padding: 0;
}

#breadcrumb span.left {
float: left;
}

#breadcrumb span.right {
float: right;
text-align: right;
}

/* -- Breadcrumb Styleswitcher --------------------------------------------------------- */

#breadcrumb a.grafikver {
background: url(/lib/css/base/grafikversion.gif) left center no-repeat;
padding-left: 15px;
}

#breadcrumb a.textver {
background: url(/lib/css/base/textversion.gif) left center no-repeat;
margin-left: 10px;
padding-left: 15px;
}

#breadcrumb a.kontrastver {
background: url(/lib/css/base/kontrastversion.gif) left center no-repeat;
margin-left: 10px;
padding-left: 15px;
}

#breadcrumb a.grafikver:hover {
background-image: url(/lib/css/base/grafikversion_hover.gif);
text-decoration: underline;
}

#breadcrumb a.textver:hover {
background-image: url(/lib/css/base/textversion_hover.gif);
text-decoration: underline;
}

#breadcrumb a.kontrastver:hover {
background-image: url(/lib/css/base/kontrastversion_hover.gif);
text-decoration: underline;
}

/* -- Main Grid ------------------------------------------------------------------------ */

#sidebar {
position: absolute;
top: 160px;
left: 25px;
width: 190px;
margin: 0;
padding: 0 0 5px 0;
border:none;
}

#context {
float: right;
width:26%;
margin: 0;
padding: 0;
}

#contentWrapper {
margin-left: 230px;
}

#content, #content_result {
clear: both;
float: left;
width: 71%;
margin: 0;
padding: 0;
/*border: 1px solid red;*/
}

#contentFull {
width: auto;
margin: 0 0 0 230px; /* margins setzen für sidebar- & contextspalten*/
padding: 0;
}

/* -- Footer -------------------------------------------------------------------------- */
#footer_meta {
padding: 3px 15px 3px 230px;
margin:20px 0 0 0;
}

#footer {
clear: both;
height: 1.5em;
margin: 5px 0;
background-color: #74B42C;
background-image: url(/lib/css/base/footer_bg.gif);
background-repeat: no-repeat;
background-position: 0 50%;
color: #fff;
font-size: .9em;
padding: 3px 15px 3px 250px;
}

#footer span.right {
float: right;
}


/* -- Sidebar Navigation ---------------------------------------------------------------- */

#sidebar ul {
margin: 15px 0 0 0;
padding: 0;
list-style-type: none;
font-size: 1em;
}

#sidebar ul li {
padding-left: 20px;
margin-bottom:5px;
line-height: 120%;
}

#sidebar ul li ul { /* abstand des ersten ul's wieder auf null setzen */
margin: 0;
}

#sidebar ul li.active {
background-image: url(/lib/css/base/menu_bullet.gif);
background-position: 0 4px;
background-repeat: no-repeat;
}

#sidebar ul li ul li.active {
background-image: url(/lib/css/base/menu_bullet_lev2.gif);
}

#sidebar ul li ul li ul li.active {
background-image: url(/lib/css/base/menu_bullet_lev3.gif);
}

#sidebar ul li ul li {
padding-left: 15px;
}

#sidebar ul li ul li.notactive {
background-image: url(/lib/css/base/menu_bullet_lev2_b.gif);
background-position: 0 4px;
background-repeat: no-repeat;
}
/* -------------- Sitemap --------------*/
div#smp {
padding:5px 0 0 5px;
border:1px solid black;
color:#74B42C;
background-color:#FFF;
}

div#smp ul {
margin:5px 0;
padding:0;
}

div#smp li.e11 a {
font-weight:bold;
}

div#smp li.e22 {
margin:3px 0;
color:#74B42C;
background-color:#F1F1F1;
border-bottom:1px solid #DDDDDD;
}

div#smp li.e22 a {
color:#74B42C;
background-color:#F1F1F1;
font-weight:normal;
}

div#smp ul.e2 li ul, div#smp ul.e2 li ul li a {
color:#74B42C;
background-color:#F3F3F3;
border:none;
font-weight:normal;
}

div#smp ul.e3 li ul, div#smp ul.e3 li ul li a {
color:#74B42C;
background-color:#F8F8F8;
border:none;
font-weight:normal;
}

div#smp ul.e1 {
margin:5px 0;
padding:0;
}

div#smp ul.e3 li ul {
margin:0;
padding:0;
}

/*
######################
###    CONTEXT     ###
######################
*/


/* -- theSearch ----------------------------------------------------------------------- */

#context fieldset {
border: none;
margin: 0;
padding: 0 0 10px 0;
}

#context input.theWord {
width: 98%;
margin: 5px 0;
background-color: #D5E8BF;
color:#666;
}

div#search h2 {
font-size: 100%;
}

/* -- Context ------------------------------------------------------------------------- */

#context h2 {
margin: 0;
padding: 5px;
font-size: 12px;
line-height: 130%;
color: #666;
background-color: #fff;
}

#context .headline {
clear: both;
margin: 0;
padding: 1px 5px;
font-size: .9em;
line-height: 130%;
font-weight: normal;
background-color: #74B42C;
color: #fff;
border-bottom:1px solid #74B42C;
}


#context p {
margin:10px 0;
padding:0 0 0 5px;
font-size: 1em;
line-height: 130%;
color: #666;
background-color: #fff;
}

#context ul {
list-style-type: none;
margin: 0 0 2em 0;
padding: 0;
}

#context ul li {
background: url('/lib/css/base/li_bullet.gif') no-repeat 0 5px;
padding-left: 15px;
line-height: 150%;
}

.zentren {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
text-align:center;
margin: 10px 0;
padding:3px 0;
}

.center {
text-align:center;
margin: 10px 0;
}


/* -- theToggleBoxes ------------------------------------------------------------------- */

.mhead {
clear:both;
background-color: #f6f6f6;
color:#fff;
height:1.5em;
display: block;
font-size: 1em;
padding-left:5px;
margin:0.5em 0;
cursor:pointer;
}

.mhead a {
color:#fff;
background:#000;
}

.mhead span {float:left;}
.mhead img {float:right;}

#m0 {
color:#fff;
background:#971824;
}

#m1 {
color:#fff;
background:#6D5127;
}

#m10 {
color:#fff;
background:#3756A1;
}

#m20 {
color:#fff;
background:#74B42C;
}

#m30 {
color:#fff;
background:#309EDE;
}

.infoBoxContext {
color:#fff;
background:#FA9D1A;
cursor:default;
}

.boxContextHead {
clear:both;
background-color:#74B42C;
color:#fff;
height:1.5em;
display: block;
font-size: 1em;
padding-left:5px;
margin:0;
cursor:pointer;
}

.boxContext {
margin:0;
padding:0;
border-bottom:1px solid #74B42C;
background-color:#F5F5F5;
color:#000;
height:auto;
text-align:center;
}

.box {
clear:both;

margin:0 0 1em 0;
}

div.box ul {
padding:0;
margin:0;
list-style-type: none;
font-size: 1em;
}

div.box li {
padding:0 0 0 15px;
margin:0 0 0 10px;
line-height: 150%;
background: url('/lib/css/base/li_bullet.gif') no-repeat 0 5px;
}

.node {
color: #f00;
background:#fff;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
}
	

/*
######################
#### TYPOGRAPHIE  ####
######################
*/

/* -- Typo ------------------------------------------------------------------------- */

p {
line-height: 130%;
padding: 0 0 .8em 0;
margin: 0;
}

.highlight {
background-color: #FAEEAB;
color:#fff;
padding: 2px;
}


/*
#content p.hasIcon, #contentFull p.hasIcon {
	margin-left: 100px;
}
*/

DIV.teaser {
margin-bottom: 2em;
/*border: 1px solid red;*/
clear:both;
}

p.date {
clear: both;
margin: .8em 0 .5em 0;
padding: 0;
font-size: .9em;
color: #666;
background-color: #fff;
border-bottom: 1px solid #ddd;
}

p.date span.tab {
padding: 1px 5px;
margin: 0;
background-color: #74B42C;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
}

p.date span.tabRight {
float: right;
}

p.linkTo {
clear: both;
margin: 1em 0;
border-top: 1px solid #ddd;
background: url('/lib/css/base/li_bullet.gif') no-repeat 100% 7px;
padding: 3px 15px 0 0;
text-align: right;
}

h1 {
font-size: 1.6em;
color: #666;
background-color: #fff;
line-height: 130%;
margin:10px 0 0 0;
padding: 0 0 .8em 0;
}

h1.sub {
padding: 0;
}
/**************************************/
h1.tab {
font-weight: normal;
text-transform: uppercase;
background-color:#74B42C;
float:left;
color:#fff;
letter-spacing: 1px;
}

div.line {
border-bottom:1px solid #74B42C;
}

h1.tab, div.line {
margin:0;
padding:1px 5px;
font-size: .9em;
line-height: 130%;
}
/****************************************/
h2.NewsTeaser {
float:left;
font-size: 1.3em;
color: #666;
background-color:#fff;
line-height: 130%;
margin: 0;
padding: .5em 0;
}

h2.TopNewsTeaser {
float:left;
font-size: 1.3em;
color: #666;
background-color:#fff;
line-height: 130%;
margin: 0;
padding: .5em .26em;
}

div.topNews h2 {
background-color:#F5F5F5;
color:#666;
}

div.NewsTeaserDate {
font-size: .9em;
color: #666;
background-color:#fff;
line-height: 130%;
margin: 0;
padding: .5em 0;
float:right;
}

div.TopNewsTeaserDate {
font-size: .9em;
color: #666;
background-color:#F5F5F5;
line-height: 130%;
margin: 0;
padding: .5em 0;
float:right;
}

/****************************************/

h2 {
font-size: 1.3em;
color: #666;
background-color:#fff;
line-height: 130%;
margin: 0;
padding: .5em 0;
}

h3 {
clear: both;
font-size: 1.2em;
color: #666;
background-color:#fff;
margin: 1em 0 .6em 0;
padding: 0 0 2px 0;
border-bottom: 1px solid #ddd;
}

h4 {
clear: both;
font-size: 1.0em;
}

pre {
font-family: "Courier New", Courier, mono,sans-serif;
font-size:12px;
color: #CC0066;
background-color:#fff;
line-height: 130%; 
}


/* -- Content Listen ------------------------------------------------------------------- */

#content ul, #contentFull ul {
list-style-type: none;
margin: 0 0 2em 0;
padding: 0;
}

#content ul li, #contentFull ul li {
/*list-style-image:url("/lib/css/base/li_bullet.gif");*/
background: url('/lib/css/base/li_bullet.gif') no-repeat 0 5px;
padding-left: 15px;
line-height: 150%;
}

#content li.bottomLine {
border-bottom: 1px solid #ddd;
padding-bottom: .3em;
margin-bottom: .5em;
}


/* -- Formulare  ------------------------------------------------------------------- */

span.button {
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
padding: 2px 5px;
background-color: #74B42C;
color: #fff;
}

form {
/*display: inline;*/
}

#panel {
margin: 0 0 2em 0;
padding: 5px;
background-color: #f5f5f5;
color:#666;
}

#panel p.right {
float: right;
margin: 5px 10px 0 0;
}

.selectCat {
margin-bottom: 5px;
font-size: 1em;
}

input.searchfield {
margin: 0 0 5px 5px;
font-size: 1em;
}

#content fieldset {
margin:0 0 15px 0;
padding:5px;
border: none;
border-top: 3px solid #74B42C;
background-color: #f5f5f5;
color:#666;
}

fieldset legend {
margin:0 5px;
padding:0;
}

.advise {
border:1px solid #ddd;
padding:5px;
margin:0 5px;
width:100%;
}

.randomcode {
margin:0;
padding:0;
width:430px;
height:60px;
background-image:url(/images/randomwert.gif);
text-align:center;
border:1px solid #000;
}

input.contactForm, textarea.contactForm {
font-family:Verdana, Arial, Helvetica, sans-serif;
width: 98%;
font-size: 1em;
}

form dd {
margin: 0 0 8px 0;
padding: 0;
}

dt.head {
font-weight: bold;
font-size: 120%;
}

dd {
margin: 0 0 1em 0;
padding: 0;
}

/* -- Banner Head Content -------------------------------------------------------*/
#headBanner {
width:100%;
height:60px;
margin:0;
padding:0;
overflow:visible;
background-repeat:no-repeat;
background-position:right;
}

#headBanner #Banner {
border:none;
float:right;
}

#headBanner h2 {
float:left;
color:#FFF;
background-color:#0088BA;
font-weight: normal;
letter-spacing: 1px;
margin:0;
padding:10px 0 0 15px;
font-size: .9em;
line-height: 130%;
}
/* -- Pictures / Applet Styles -------------------------------------------------------*/
#search h2 img, #search h1 img {
border:none;
}

#content img.bordernone {
border:none;
}

#content img {
border-left: 3px solid #74B42C;
}

img {
border: none;
}

img.links {
float: left;
margin: 0 10px 5px 0;
border-left: 3px solid #74B42C;
}

img.rechts {
float: right;
margin: 0 0 5px 10px;
border-right: 3px solid #74B42C;
}

/* -- Babygalerie --------------------------------------------------------------------*/

.bgPic {
float:left;
width:220px;
}

.bgContent {
margin:0 0 0 220px;
width:auto;
}

/* -- TopNews & News -----------------------------------------------------------------*/

.topNews {
float:left;
background-color: #f5f5f5;
color:#666;
padding:10px 10px 10px 0;
margin-bottom: 2.5em;
}

.topNewsIcon {
float: left;	
margin: 0 10px 5px 0;
border-left: 3px solid #74B42C;
}

.newsIcon {
float: left;	
margin: 0 10px 5px 0;
border-left: 3px solid #74B42C;
}

#tippBild {
float: left;	
margin: 0 10px 5px 0;
}

.bildunterschrift {
font-style:italic;
font-size:90%;
padding:0 0 0 5px;
}

/* -- News Bilder, eingerahmt, mit BU ------------------------------------------------*/

#newsImg {
border: 1px solid #ddd;
padding: 5px;
margin: 1.5em 0;
}

#newsImg img {
margin-bottom: .5em;
}

#newsImg p {
font-size: 85%;
color: #666;
background-color: #fff;
text-align: left;
}


/* -- Infobox ----------------------------------------------------------------------- */

.infobox {
clear:both;
background-color: #EFF9E6;
color:#666;
border: 1px solid #74B42C;
padding: 10px;
margin: 0.5em 1em 2em 0;
height:auto;
width:auto;
float:left;
}

.infobox img {
position:relative;
height:auto;
width:auto;
vertical-align:top;
float:left;
margin:0 5px 0 0;
padding:0;
}

/* -- PictureStream ------------------------------------------------------------------*/
#bilderstrecke {
border-top:1px solid black;
margin:10px 0 0 0;
padding:0;
text-align:center;
}


#pictureStreamPicContainer {
border: 1px solid #ddd;
padding: 10px;
margin-bottom: 1em;
text-align: center;
}

#pictureStreamPicContainer img {
margin-bottom: .5em;
padding: 0;
}

#pictureStreamPicContainer p {
font-size: 85%;
color: #666;
background-color: #fff;
text-align: left;
}


/* -- Tabellen  ------------------------------------------------------------------- */

table {
width: 100%;
margin-bottom: 2em;
}

th {
text-align: left;
background-color: #74B42C;
color: #fff;
padding: 3px;
font-size: 1em;
}

td {
padding: 3px;
background-color: #f5f5f5;
font-size: 1em;
color: #333;
vertical-align:top;
text-align:left;
}

td.right {
text-align: right;
}

table caption {
text-align:left;
font-weight:bold;
padding:0 0 0 2px;
}

/* -- Adressen  ------------------------------------------------------------------- */

.adresseHeadline {
font-weight:bold;
}

.adresseDetailHeadline {
clear:both;
margin:1em 0 0 0;
}

.adresseDetailSubHeadline {
clear:both;
border:none;
margin:0.5em 0 0 0;
padding:0;
}

/* -- Fixes --------------------------------------------------------------------------- */
.formFehler {
color:red;
}

.clearboth {
clear:both;
}

.clearleft {
clear:left;
}

.clearright{
clear:right;
}

.hide {
display:none;
}

hr {
clear:both;
background-color:#dddddc;
color:#666;
margin:5px 0;
width:100%;
height:1px;
border:0px;
font-size:1px;
overflow:hidden;
padding:0;
line-height:1px;
}

hr.clearfix, br.clearfix {
visibility: hidden; 
clear: both; 
line-height: 0px; 
background: #dddddc;
color:#666; 
height: 0px; 
font-size: 0px; 
padding: 0; 
margin: 0;
}

.floatLeft {
float:left;
margin:0 10px 0 0;
}

/*-- Dies und das -----------------------------------------*/

.valignmiddle {
vertical-align:middle;
}

div.topFlagge {
text-align:right;
}

.floatLeftHalf {
float:left;
width:49%;
}

.floatRightHalf {
float:right;
width:49%;
}

.floatRightHalf p {
text-align:right;
}

/*-- Podcast ----------------------------------------------*/

.podcastTeaser {
font-weight:bold;
}

.podcastStream {
margin:25px 0;
text-align:center;
}

/*-- Tipp-Collection -------------------------------------------------*/
/*-- Stellenanzeigen --*/
div.listeTip {
clear:both;
margin-bottom:1em;
padding-bottom:1em;
overflow:hidden;
border-bottom:1px solid #DDDDDD;
}

div.listeTip img {
float:left;
width:90px;
}

div.listeTip p {
margin-left:100px;
}