/* 
Styles.css for:
- AOFoundation2007-P6
- AOFoundationFlex
2008-06-25, rbu
2009-02-16, rsc
 */
 
 /* #074377 */
 
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
global basics: */

* {
margin: 0;
padding: 0;
font-family:Verdana,Arial,sans-serif;
line-height:160%;
text-align:left;
}

img{display:block;border:0;}
strong{font-weight:bold;}
div.fakeHR{width:100%;height:1px;overflow:hidden;background-color:#074377;margin:18px 0;}


hr,
.hide,
ul.irLinks li a span{
position:absolute;
left:-10000px;top:-10000px;
width:10px;height:10px;
overflow:hidden;
}

.floatRight{float:right;}
.floatLeft{float:left;}
.clearBoth{clear:both;}
.displayNone, .unsichtbar{display:none;}
.displayBlock{display:block;}



br.clearBoth{clear:both;line-height:1px;}

/* caf = clear all floats */
.caf:after,
#content #cBlock1 ul:after,
#content #teaserBlock:after,
/* #content div.colRight:after, */
#content #contentBottom:after {
content: "."; 
display:block; 
height:0;
clear:both; 
visibility: hidden;
}

/* textCenter {
text-align:center;
} */

table {
border-collapse: collapse;
}

table tr td,
table tr th {
text-align:left;
vertical-align:top;
font-size:13px;
}

#AOFoundation{width:960px;margin:0 0 0 20px;background:#fff;position:relative;}







/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
#header: */

#header{
width:960px;height:128px;height:140px;
position:relative;
}
#header a:link,
#header a:visited{
text-decoration:none;
}
#header a:focus,
#header a:hover,
#header a:active{
text-decoration:underline;
color:#000;
}




#logo{
display:block;width:214px;height:40px;
position:absolute;left:200px;top:30px;
}
#additionalLogo {
width:30px;height:36px;
position:absolute;left:730px;top:32px;
}

#claim{
width:560px;height:28px;
position:absolute;left:200px;/* top:98px; */ top:100px;
border-top:1px solid #074377;
border-bottom:1px solid #074377;
}

#navService{
font:normal 11px/20px arial,sans-serif;
text-align:right;
margin:0 195px 0 0;
}
#navService a:link,
#navService a:visited{
margin:0 5px;
font:normal 11px/100% arial,sans-serif;
color:#999;
}
#navService a:focus,
#navService a:hover,
#navService a:active{
color:#000;
}

#search {
position:absolute; left:778px; /* top:97px; */ top:100px;
width:180px;
height:30px;
background: #415b8b url(bg_search.gif) top left no-repeat;
}
#search form {
/* display:block; */
/* float:right; */
}

#search input {
display:block;
margin: 0;
}

#search input.inputField {
float:left;
border:1px solid #000;
margin: 7px 19px 0 11px;
padding: 0 2px 0 4px;
width:112px;
height:14px;
font:normal 11px/110% arial,sans-serif;
color: #999;
}

/* neue adminBox
======================================================= */
#adminBox,
#adminLink,
#loginLink,
#welcome,
#editLink{
display:block;
}

#adminBox {
position:absolute;left:778px;top:0;
width:180px;
background:#cacede;
}

#adminBox.loggedOut {
height:20px;
background: #6b7aa3 url(bg_login.gif) bottom left no-repeat;
}
#adminBox.loggedIn {
background:#cacede url(shadowNavBottom.gif) bottom left no-repeat;
height:90px;
}

#loginLink {
padding:0 10px 0 11px;
width:159px;
font: bold 11px/180% verdana, arial,sans-serif;
color:#fff !important;
background:#6b7aa3;
}

#adminBox.loggedOut #loginLink {
background:transparent;
}

#adminLink,
#welcome,
#editLink {
margin:5px 10px 5px 13px;
width:160px;
font:normal 11px/100% arial,sans-serif;
color:#000;
}

#adminLink{
position:absolute;left:0;bottom:20px;
}
#editLink {
position:absolute; left: -1px; bottom: 1px;
}




/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
rather #left: */

#left{
width:190px;
position:absolute;
left:0;top:100px;
}



/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
#left and #right , .dynMenue: */

div.navContainer{
width:180px;
margin-bottom:10px;
/* padding-bottom: 10px; */
background: transparent/*  url(shadowNavBottom.gif) bottom left no-repeat */;
}







ul.dynMenue{
width:180px;
list-style-type:none;
background:#fff url(bg_dynMenue.gif) no-repeat left bottom;padding-bottom:0px;
}
ul.dynMenue li{
/* background:#E4E6EE url(bg_navMainSub.gif) repeat-y; */
}



ul.dynMenue li span.subnavHandler{
display:block;
width:180px;height:30px;
background:#ccc url(navMain.gif) no-repeat;
overflow:hidden;
cursor:pointer;
}

ul.dynMenue li span.subnavHandler span{
color:#fff;
padding:0 5px 0 10px;
font:bold 15px/30px arial,sans-serif;
}
ul.dynMenue li span.open,
ul.dynMenue li span.hover{
background:#ccc url(navMain_aktiv.gif) no-repeat;
}

/* runde Ecke oben: */
ul.dynMenue li.top span.subnavHandler{
background:#fff url(navMainTop.gif) no-repeat;
}
ul.dynMenue li.top span.open,
ul.dynMenue li.top span.hover{
background:#fff url(navMainTop_aktiv.gif) no-repeat;
}
/* runde Ecke unten: */
ul.dynMenue li.bottom span.subnavHandler{
background:#fff url(navMainBottom.gif) no-repeat;
}

ul.dynMenue li.bottom span.hover{
background:transparent url(navMainBottom_aktiv.gif) no-repeat;
}
ul.dynMenue li.bottom span.open{
background:#fff url(navMain_aktiv.gif) no-repeat;
}/* put last for jQuery open status */



ul.dynMenue ol{
padding: 5px 7px 5px 10px;
list-style-type:none;
/* margin:5px 0; fuehrt zu Wackler bei Animation */
width:145px;
}

ul.dynMenue ol li{
background:transparent;
/* margin:10px 0; fuehrt zu Falschberechnung der ben. Hoehe */
padding:5px 0;
}

ul.dynMenue li ol li.lastX{
padding-bottom:16px;
}


ul.dynMenue ol li,
ul.dynMenue ol li a,
ul.dynMenue ol li span {
font:bold 11px/100% arial,sans-serif;
}
ul.dynMenue ol li span{
font-weight:normal;
}
ul.dynMenue a:link,
ul.dynMenue a:visited {
color: #000;
text-decoration:none;
}
ul.dynMenue a:focus,
ul.dynMenue a:hover,
ul.dynMenue a:active{
text-decoration:underline;
}


ul.dynMenue ol li img{
border:1px solid #b7b7b7;
margin:8px 0 0 0;
}


ul.dynMenue p,
ul.dynMenue p a{
font:normal 11px/100% arial,sans-serif;
}
ul.dynMenue p{
padding:0 10px 0 6px;margin:12px 0 6px 0;
}
ul.dynMenue p img{
padding:6px 6px 10px 6px;
}

ul.dynMenue ol li a br {
line-height: 100%;  /* used for FF to avoid gaps between rows */
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
#right: */

#right{
width:180px;
position:absolute;
right:0;
}

#right div.navContainer div.qlContent{
width:180px;
background:#CACEDE url(shadowNavBottom.gif) 0 bottom no-repeat;
}
#right form {
margin:0 10px;
padding:5px 0 10px 0;
}

#right form span {
display:block;
padding:10px 0 0 0;
}

#right form label,
#right form input {
font: normal 11px/100% arial,sans-serif;
}


#right form label {
margin:4px 3px 0 0;
}
#right form label strong {
font-family: arial,sans-serif;
font-size:15px;
font-weight:bold;
letter-spacing: -1px;
color:#415B8B;
}

#right form input.inputField {
float:left;
border:1px solid #000;
padding: 0 2px 0 4px;
width:100px;
height:14px;
font:normal 11px/100% arial,sans-serif;
line-height:110%; /* for IE */
color: #999;
}


/* Quicklinks
======================================================= */
/* wie label strong */
#right .qlContent h3 {
padding:4px 10px 0 10px;
font-family: arial,sans-serif;
font-size:15px;
font-weight:bold;
letter-spacing: -1px;
color:#415B8B;
border-top: 1px solid #fff;
}

#right .qlContent a {
display: block;
margin:0 10px 8px;
line-height: 100%;
}

#right ul#aoCourses {
list-style-type:none;
min-height:1%;
}

#right ul#aoCourses li a br {
line-height: 100%;  /* used for FF to avoid gaps between rows */
}

#right p#coursesSearchLink {
border-bottom:1px solid #fff;
}

#right ul#aoCourses li {
margin:0 10px 10px 0;
line-height: 100%;
}

#right p#surgeryImg a {
margin:0 0px 0px 0px;
}

#right .qlContent a,
#right .qlContent a:link,
#right .qlContent a:visited,
#right ul#aoCourses li a,
#right ul#aoCourses li a:link,
#right ul#aoCourses li a:visited,
#right ul#aoCourses li a strong,
#right ul#aoCourses li a:link strong,
#right ul#aoCourses li a:visited strong,
#right p#coursesSearchLink a,
#right p#coursesSearchLink a:link,
#right p#coursesSearchLink a:visited,
#right p#coursesSearchLink a strong,
#right p#coursesSearchLink a:link strong,
#right p#coursesSearchLink a:visited strong {
color: #000;
text-decoration:none;
font:normal 11px/100% arial,sans-serif;
}

#right ul#aoCourses li a strong,
#right ul#aoCourses li a:link strong,
#right ul#aoCourses li a:visited strong,
#right p#coursesSearchLink a strong,
#right p#coursesSearchLink a:link strong,
#right p#coursesSearchLink a:visited strong {
font-weight: bold;
}

#right .qlContent a:hover,
#right .qlContent a:active,
#right .qlContent a:focus,
#right ul#aoCourses li a:hover,
#right ul#aoCourses li a:active,
#right ul#aoCourses li a:focus,
#right ul#aoCourses li a:hover strong,
#right ul#aoCourses li a:active strong,
#right ul#aoCourses li a:focus strong,
#right p#coursesSearchLink a:hover,
#right p#coursesSearchLink a:active,
#right p#coursesSearchLink a:focus,
#right p#coursesSearchLink a:hover strong,
#right p#coursesSearchLink a:active strong,
#right p#coursesSearchLink a:focus strong {
text-decoration:underline;
}

/* ir image replacement */
ul.imgLinks {
width:180px;
list-style-type:none;
}

ul.imgLinks li a,
ul.imgLinks li a:link,
ul.imgLinks li a:visited {
text-decoration:none;
display:block;
width:165px;
height:30px;
overflow:hidden;
background:#CACEDE url(navRegions.gif) no-repeat;
font:bold 15px/30px arial,sans-serif;
letter-spacing: -1px;
color:#415B8B;
padding:0 5px 0 10px;
}

ul.imgLinks li.lastx a,
ul.imgLinks li.lastx a:link,
ul.imgLinks li.lastx a:visited {
background-image: url(navRegionsLast.gif);
}

ul.imgLinks li a:focus,
ul.imgLinks li a:hover,
ul.imgLinks li a:active {
background:#98A1BF url(navRegions_aktiv.gif) no-repeat;
color:#fff;
}

ul.imgLinks li.lastx a:focus,
ul.imgLinks li.lastx a:hover,
ul.imgLinks li.lastx a:active {
background: transparent url(navRegionsLast_aktiv.gif) no-repeat;
}

#right .qlContent h3 a,
#right .qlContent h3 a:link,
#right .qlContent h3 a:visited {
margin: 0 0 3px 0;
padding: 4px 0 0 0;
font-size:15px;
font-weight:bold;
letter-spacing: -1px;
color:#415B8B;
}

#right .qlContent h3 a:hover,
#right .qlContent h3 a:active,
#right .qlContent h3 a:focus {
text-decoration: none;
}

#right div.qlContent #tlSearch,
#right div.qlContent #tlSearch br,
#right div.qlContent #tlSearch label,
#right div.qlContent #tlSearch label br {
line-height: 100%;  /* used for FF to avoid gaps between rows */
}

#right div.qlContent #tlSearch span {
/* Used to position the input box and the search button on the same top-position. 
   No other solution found, which is working for IE and FF ! */
vertical-align:top;
font-size:13px;
}

#right div.qlContent #tlSearch span input.tlButton {
/* Used to position the input box and the search button on the same top-position. 
   No other solution found, which is working for IE and FF ! */
vertical-align:top;
}

/* =#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=
!!! Content-Bereich #content !!!
=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#= */

#content {
position: relative;top: 0;left: 0;
width: 560px;
margin: 0 200px;
font-size: 13px;
background: #fff;
}

/* Necessary because of WP set HTML tags ...
========================================================= */
#content div.wpsPortletBody {
width: 560px;
}


/* !!! #content: basics !!!
======================================================= */

#content h4,
#content h5 {
font-size: 13px;
font-weight: bold;
color: #000;
}

/* Setzen der Anweisungen fuer Text-Links
======================================================= */
#content a:link,
#content a:visited {
color: #005fb2;
text-decoration:none;
}
#content a:focus,
#content a:hover,
#content a:active {
text-decoration: underline;
}

/* Zuruecksetzen der Link-Farben auf Schwarz fuer einzelne Elemente; hier zusammengefasst! 
======================================================= */
#content #cBlock1 a,
#content table.picTextWide p a,
#content div.colLeft a,
#content ol.linkList li a,
#content p a.olderNews {
color: #000;
}


/* content block 2 - fullsize 
======================================================= */
#cBlock2 {
border-bottom:1px solid #074377;
}

#content ol,
#content ul {
margin: 0 0 22px 22px; /* T B W ! 080214, rbu */
/* font-size: 12px; */ /* T B W 080328, now same size as other content? rbu */
}

#content ol li ul,
#content ul li ul {
margin: 0 0 0 14px;
}

#content ol li ol,
#content ul li ol {
margin-bottom: 0;
}

#content ol.linkList,
#content ul.linkList {
margin: 0 0 15px 25px;
}

#content ol.linkList li,
#content ul.linkList li {
margin: 0 0 10px 0;
font-size: 11px;
line-height: 11px;
}

#content ol.linkList li a,
#content ul.linkList li a,
#content ol.linkList li br,
#content ul.linkList li br,
#content ol.linkList li span,		/* span-Tag ist legacy = nicht mehr noetig! */
#content ul.linkList li span {
line-height: 11px;
}
#content ol.linkList li a,
#content ul.linkList li a {
font-weight: bold;
}

/* #content h1,
#content h2,
#content p{

} */

#content p {
margin: 0 0 13px 0;
}
#content p.aboveH1,
#content p.aboveH3 {
line-height:120%;color:#074377;
margin:17px 0 0 0; /* FF 18px */
}

#content p.pagedescription {
margin: 0;
color: #074377;
}

#content p.aboveH3 {
margin-top: 0;
}

#content h1,
#content h1 a,
#content h1 a:link,
#content h1 a:visited,
#content h2,
#content h3,
#content h3 a,
#content h3 a:link,
#content h3 a:visited,
#content table.picTextWide h3,
#content table.picTextWide h3 a,
#content table.picTextWide h3 a:link,
#content table.picTextWide h3 a:visited,
#content table.picTextNarrow h3,
#content table.picTextNarrow h3 a,
#content table.picTextNarrow h3 a:link,
#content table.picTextNarrow h3 a:visited {
margin: 0 0 10px 0;
font-size: 16px;
font-weight: bold;
line-height: 20px;
color: #074377;
}

#content h3,
#content table.picTextNarrow h3,
#content table.picTextNarrow h3 a,
#content table.picTextNarrow h3 a:link,
#content table.picTextNarrow h3 a:visited,
#content div.colRight h3,
#content div.colRight h3 a,
#content div.colRight h3 a:link,
#content div.colRight h3 a:visited {
margin: 0;
font-weight: normal;
}

#content table.picTextWide h3 {
font-weight: bold;
}

#content table td.txtRight {
text-align: right;
}

/* !!! 2 Spalten-Bloecke auf Themen-Seiten !!!
======================================================= */
#content div.colLeft,
#content div.colRight {
float: left;
width: 270px;
/* padding: 0 0 5px 0; */
border-bottom: 1px solid #074377;
}

#content div.colRight {
float: right;
}

#content div.colRight div.fakeHR {
margin-bottom:14px;
}

#content div.colLeft h2,
#content div.colRight h2 {
margin: 0 0 15px 0;
line-height:188%;
border-bottom:1px solid #074377;
}

/* Content block 1 auf Startseite = Topstories
======================================================= */
/* content block 1 - homepage */
#cBlock1 {
margin: 0 0 10px 0;
padding: 0 0 1px 0;
background: transparent url(bg_topstories_bottom.gif) bottom left no-repeat;
}

#content #cBlock1 ul {
position: relative;
margin: 0;
width:580px;
height: 1%;
background: transparent url(bg_topstories_lines.gif) top left repeat-y;
}

#content #cBlock1 ul li {
float: left;
margin: 0 10px 0 0;
padding: 0 1px;
width: 273px;
list-style-type: none;
overflow: hidden;
background: transparent url(bg_topstories_unit_top.gif) top left no-repeat;
}

#content #cBlock1 ul li h1 {
margin: 10px 0 5px 0;
padding: 0 10px;
}

#content #cBlock1 ul li h1 a {
color:#074377;
}

#content #cBlock1 ul li p {
margin: 0 0 7px 0;
padding: 0 10px;
font-size: 12px;
}

#content #cBlock1 ul li p.startDate {
margin: 4px 0 5px 0;
padding: 0 10px 0 0;
font-size: 10px;
line-height: 100%;
text-align: right;
color: #fff;
background: #074377;
}

/* Teaser-Block auf Startseite / 3 verlinkte Grafiken 
======================================================= */
#content #teaserBlock {
position: relative; left: -1px;
margin: 0 0 5px 0;
width:570px;/* 10px zuviel wg. margin-right der img */
}


#content #teaserBlock a {
float: left;
margin: 0 10px 10px 0;
}

#content #teaserBlock .fakeHR {
clear: both;
width: 560px;
margin: 0 0 0 1px;
}

/* Link-Block fuer eingeloggte Mitglieder; anstelle von #teaserBlock 
======================================================= */
#content #memberBlock {
margin-bottom: 17px;
background: transparent url(bg_memberblock.gif) top left repeat-y;
}

#content #memberBlock h3 {
padding: 3px 10px 4px 0;
font-size: 12px;
font-weight: bold;
line-height: 100%;
text-align: right;
color: #000;
background: transparent url(bg_memberblock_head.gif) top left no-repeat;
}

#content #memberBlock table {
table-layout: fixed;
border-collapse: separate;
width: 560px;
padding: 5px 0;
border-bottom: 1px solid #ffc753;
}

#content #memberBlock table td,
#content #memberBlock table td a,
#content #memberBlock table td strong {
font-size: 11px;
line-height: 110%;
}

#content #memberBlock table td a {
color: #000;
}

#content #memberBlock table td,
#content #memberBlock table td.secCol {
width: 260px;
padding-bottom: 5px;
border-right: 10px solid #fff;
border-bottom: 1px solid #999;
border-left: 10px solid #fff;
}

#content #memberBlock table td.secCol {
width: 260px;
border-left: 0;
}

#content #memberBlock table tr.lastRow td {
border-bottom: none;
}

#content #memberBlock .fakeHR {
position:relative; top: 12px;
clear: both;
width: 560px;
margin: -1px 0 0 0;
}

/* Tabelle fuer Nachrichten-Boxen ueber gesamte Content-Breite (Startseite)
======================================================= */
#content table.picTextWide {
margin: -5px 0 20px 0;
border-top: 1px solid #074377;
}

#content table.picTextWide td {
padding: 10px 0 0 0;
border-bottom: 1px solid #074377;
}

#content table.picTextWide td p {
margin-bottom: 5px;
}

#content table.picTextWide td p.aboveH3 {
margin: 0;
}

/* className shadow irrefuehrend */
#content table.picTextWide a.shadow120120 {
display:block;
margin:0 20px 0 0;
padding: 0 0 10px 0;
width:120px;
height:120px;
overflow:hidden;
}

#content table.picTextWide a.shadow120120 img {
border:1px solid #000;
}



/* Tabellen fuer Nachrichten in einer Spalte (Themenseite)
======================================================= */
#content table.picTextNarrow a.shadow6060,
#content table.picTextWide a.shadow6060:link,
#content table.picTextWide a.shadow6060:visited,
#content table.picTextWide a.shadow6060:hover,
#content table.picTextWide a.shadow6060:active,
#content table.picTextWide a.shadow6060:focus {
display:block;
margin:0 20px 10px 0;
width:58px;
height:58px;
overflow:hidden;
background:#fff;
border: 1px solid #000;
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Buttons BACK and PRINT - BEGIN  */

#printpage,
#foothistoryback {
position:absolute;top:-35px;
height:20px;
overflow:hidden;
}
#printpage {
width:55px;
right:80px;
background: #fff url(btn_print_hover.gif) no-repeat;
}
#foothistoryback {
width:70px;
right:0;
background: #fff url(btn_back_hover.gif) no-repeat;
}

#printpage a,
#foothistoryback a {
font-size:1px;text-indent: -9000px;color:#fff; /* Linktext unsichtbar */
display:block;
height:20px;
overflow:hidden;
}

#printpage a {
width:55px;
background: transparent url(btn_print.gif) no-repeat;
}
#printpage a:hover {
background: transparent url(btn_print_hover.gif) no-repeat;
}

#foothistoryback a {
width:70px;
background: transparent url(btn_back.gif) no-repeat;
}
#foothistoryback a:hover {
background: transparent url(btn_back_hover.gif) no-repeat;
}

/* Buttons BACK and PRINT - END  */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */






#content div.picstandard,
#content div.picstandard div,
#content div.picright,
#content div.picleft{
color: #074377;
font:normal 10px/12px arial,sans-serif;
max-width:540px;overflow:hidden; /* breite 560px #content soll nie gesprengt werden */
}

#content div.picstandard {
margin:0;
max-width:560px;
}

#content div.picright{
float:right;
margin:0 0 0 20px;
}
#content div.picleft{
float:left;
margin:0 20px 0 0;
}

#content div.picstandard img,
#content div.picleft img,
#content div.picright img {
display:inline;
margin-bottom:5px;
}

/* Announcement-Boxen (12.02.08, rbu) 
======================================================= */
#content div.announceFull,
#content div.announceHalfLeft,
#content div.announceHalfRight {
margin: 20px 0;
padding: 6px 10px;
text-align: center;
background: #e4e6ee;
}

#content div.announceHalfLeft,
#content div.announceHalfRight {
float: left;
width: 260px;
margin: 6px 20px 6px 0;
text-align: left;
}

#content div.announceHalfRight {
float: right;
margin: 6px 0 6px 20px;
}

#content div.announceHalfLeft p,
#content div.announceHalfRight p {
margin-bottom: 0;

}

/* !!! Surgery Page !!!
======================================================= */

/* #itemInfo auf surgery start innerhalb des AOF Themes (msc 2007-11-21) 
======================================================= */
#itemInfo {
width:560px;
}
#itemInfo h2 {
font-size:16px;
margin:5px 0;color:#074377;
}
#itemInfo p, #itemInfo strong {
font-size:11px;line-height:14px;
margin:0;color:#074377;
}


/* Content-Bereich rechts neben Skully - auch auf "Innovations"!!!
======================================================= */
#rightOfSkully {
width:340px;
float:right;
}

#rightOfSkully p {
margin:0;padding:0 10px 10px 0;border:0;
line-height:140%;
}



/* "Surgery" > Suchformular = "select a Module" 
======================================================= */
#saM,
/* #tlSearch, */
#content div.srRM {
margin:0 0 20px 0;
width:340px;
background-color:#cacede;
}

#saM label,
#content div.srRM h3,
#content div.srRM a,
/* #tlSearch h3, */
#tlSearch p {
margin:0;padding:4px 8px 4px 4px;color:#fff;
display:block;
width:328px;
height:14px;
background-color:#6b7aa3;
border-bottom:1px solid #fff;
}

#saM select {
margin:4px;width:260px;
}

#saM select option.firstO {
color:#999;
}

#content div.srRM h3,
#saM label {
color:#fff;font-size:12px;font-weight:normal;line-height:110%;
}

#content div.srRM a{
line-height:110%;
background-color:#cacede;color:#000;
font-size:11px;text-decoration:none;
border-bottom:0;
}
#content div.srRM a:hover{
color: #000;
background-color: #ffecc2;
}

/* !!! "Traumaline" !!!
======================================================= *
======================================================= */
#content #traumalineIntro {

}



/* Suchformular auf Startseite 
======================================================= */
#content #traumalineIntro form#query {
/* width: 280px; */
}

#content #traumalineIntro form#query table {
background: #cacede;
}

#content #traumalineIntro form#query p,
#content #traumalineIntro form#query input {
margin: 5px 5px 10px 10px;
}

#content #traumalineIntro form#query input {
margin: 5px 5px 10px 10px;
line-height: 20px;
border: 1px solid #000;
}

#content #traumalineIntro form#query input#traumaSearch {
margin-right: 40px;
padding: 1px 0 1px 3px;
text-align: left;
}

#content #traumalineIntro form#query input.submit {
padding: 0 9px;
text-align:center;
width:auto;
cursor: pointer;
}

/* !!! "Innovations" !!!
======================================================= *
======================================================= */

/* Auswahl-Tabellen in "Innovations" 
======================================================= */
table#optionIntro,
table#optionDistribut,
table#optionSelect,
table#itemSelect,
table#itemSelectFollow,
table#itemSelectExtract,
table#itemSelectExtractFollow {
table-layout: fixed;
margin: 20px 0 30px 0;
width: 560px;
}

#rightOfSkully table#optionIntro,
#rightOfSkully table#optionDistribut,
#rightOfSkully table#optionSelect,
#rightOfSkully table#itemSelect,
#rightOfSkully table#itemSelectExtract {
margin-left: 4px;
width: 336px;
}

table#itemSelect,
table#itemSelectFollow,
table#itemSelectExtract,
table#itemSelectExtractFollow {
margin-top: 0;
}

table#itemSelectFollow,
table#itemSelectExtractFollow {
clear: both;
margin: -30px 0 30px 0;
}

table#optionIntro th,
table#optionDistribut th,
table#optionSelect th,
table#itemSelect th,
table#itemSelectExtract th {
margin: 0;
padding: 0 3px;
font-size: 13px;
line-height: 22px;
line-height: 28px; /* 30.01.08 */
font-weight: bold;
color: #fff;
background: #6b7aa3;
border-bottom: 1px solid #fff;
}

table#itemSelectExtract th {
background: #ffc753;
}

table#optionIntro td,
table#optionDistribut td,
table#optionSelect td,
table#itemSelect td,
table#itemSelectFollow td,
table#itemSelectExtract td,
table#itemSelectExtractFollow td {
padding: 0 0 0 3px;
line-height: 20px;
background: #cacede;
border-bottom: 1px solid #fff;
}

table#optionDistribut td,
table#optionSelect td,
table#itemSelect td,
table#itemSelectFollow td,
table#itemSelectExtract td,
table#itemSelectExtractFollow td {
width: 108px; /* 22.02.08 = 112px abzueglich padding und border!*/
color: #999999;
background: #e4e6ee;
border-left: 1px solid #fff;
}

table#itemSelect td,
table#itemSelectFollow td,
table#itemSelectExtract td,
table#itemSelectExtractFollow td {
padding-left: 0;
width: 111px;
}

table#optionDistribut td {
background: #cacede;
}

table#itemSelect td,
table#itemSelectFollow td {
background: #e4e6ee;
}

table#itemSelectExtract td,
table#itemSelectExtractFollow td {
background: #ffecc2;
}

/* Klasse fuer *LEERE* Zellen, um die Spaltenbreite zu halten 
======================================================= */
table#optionDistribut td.emptyCell,
table#optionSelect td.emptyCell,
table#itemSelect td.emptyCell,
table#itemSelectFollow td.emptyCell,
table#itemSelectExtract td.emptyCell,
table#itemSelectExtractFollow td.emptyCell {
background: transparent;
}

table#optionIntro td.subMenuContainer {
padding-left: 0;
border-left: 1px solid #fff;
}

table#optionIntro td.subMenuContainer table {
margin: 0 0 -1px 0;
}

table#optionIntro td.subMenuContainer td {
background: #e4e6ee;
border-bottom: 1px solid #fff;
}

table#optionIntro td a,
table#optionIntro td a:link,
table#optionIntro td a:visited,
table#optionDistribut td a,
table#optionDistribut td a:link,
table#optionDistribut td a:visited,
table#optionSelect td a,
table#optionSelect td a:link,
table#optionSelect td a:visited,
table#itemSelect td a,
table#itemSelect td a:link,
table#itemSelect td a:visited,
table#itemSelectFollow td a,
table#itemSelectFollow td a:link,
table#itemSelectFollow td a:visited,
table#itemSelectExtract td a,
table#itemSelectExtract td a:link,
table#itemSelectExtract td a:visited,
table#itemSelectExtractFollow td a,
table#itemSelectExtractFollow td a:link,
table#itemSelectExtractFollow td a:visited {
display: block;
margin-left: -3px;
padding: 0 0 0 3px;
width: 100%;
height: 1%; /* IE ... */
line-height: 20px;
color: #000;
background: transparent;
}

table#optionSelect td a,
table#optionSelect td a:link,
table#optionSelect td a:visited {
background: #cacede;
}

table#optionDistribut td.currentActive a,
table#optionDistribut td.currentActive a:link,
table#optionDistribut td.currentActive a:visited,
table#optionSelect td.currentActive a,
table#optionSelect td.currentActive a:link,
table#optionSelect td.currentActive a:visited {
text-decoration: underline;
cursor: default;
background: #98a1bf;
}

table#itemSelect td a,
table#itemSelect td a:link,
table#itemSelect td a:visited,
table#itemSelectFollow td a,
table#itemSelectFollow td a:link,
table#itemSelectFollow td a:visited,
table#itemSelectExtract td a,
table#itemSelectExtract td a:link,
table#itemSelectExtract td a:visited,
table#itemSelectExtractFollow td a,
table#itemSelectExtractFollow td a:link,
table#itemSelectExtractFollow td a:visited {
margin: 0;
padding: 5px 14px 3px 13px;
width: 84px;
font-size: 10px;
line-height: 12px;
}

table#optionIntro td a:hover,
table#optionIntro td a:focus,
table#optionIntro td a:active,
table#optionDistribut td a:hover,
table#optionDistribut td a:focus,
table#optionDistribut td a:active,
table#optionSelect td a:hover,
table#optionSelect td a:focus,
table#optionSelect td a:active,
table#optionSelect td.currentActive a,
table#optionSelect td.currentActive a:link,
table#optionSelect td.currentActive a:visited,
table#itemSelect td a:hover,
table#itemSelect td a:focus,
table#itemSelect td a:active,
table#itemSelectFollow td a:hover,
table#itemSelectFollow td a:focus,
table#itemSelectFollow td a:active {
background: #98a1bf;
}

table#itemSelectExtract td a:hover,
table#itemSelectExtract td a:focus,
table#itemSelectExtract td a:active,
table#itemSelectExtractFollow td a:hover,
table#itemSelectExtractFollow td a:focus,
table#itemSelectExtractFollow td a:active {
background: #ffc753;
}

table#itemSelect td a img,
table#itemSelectFollow td a img,
table#itemSelectExtract td a img,
table#itemSelectExtractFollow td a img {
display: block;
margin: 5px 0;
border: 1px solid #000;
}






/* Produkt-Einzel-Seite 
======================================================= */
/* =#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=
!!! ACHTUNG = Styles fuer *AKTUELLES* Konstrukt = !!!
Nach Umstellung loeschen! (20.02.2008; rbu)
=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#= */

table#TKsystemsProducts {
border-bottom: 1px solid #074377;
}

table#TKsystemsProducts .TKsystemsProductsleft,
table#TKsystemsProducts .TKsystemsProductsright {
padding: 5px 0;
font-family: Verdana, Geneva, Arial,sans-serif;
font-size:13px;
color: #074377;
border-top:1px solid #074377;
border-bottom:1px solid #074377;
}

table#TKsystemsProducts .TKsystemsProductsright {
color: #fff;
}

table#TKsystemsProducts .TKsystemsProductsright * {
display: none;
}

table#TKsystemsProducts * {
margin: 10px 0 15px 0;
}

table#TKsystemsProducts .TKsystemsProductspicleft {
margin: 0 0 10px 0;
}

table#TKsystemsProducts .TKsystemsProductspicleft img {
margin: 0 0 15px 0;
border:1px solid #074377;
}

table#TKsystemsProducts .TKsystemsProductsFooter * {
margin: 0;
}

table#TKsystemsProducts br {
display: none;
}

/* =#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=
!!! ENDE ALTE Styles fuer Produkteinzelseite !!!
=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#= */









/* =#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=
!!! Case discussions (19.02.2008, rbu) !!!
=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#= */

/* Tabelle auf Verteiler-Seiten < kann ggf. mit generischer Klasse "layoutCombo01" ersetzt werden = identische Formatierung (27.02.2008)
======================================================= */
table#dyncase01 {
margin: 20px 0;
width: 100%;
}

table#dyncase01 td a {
display: block;
margin: 0 20px 20px 0;
}

table#dyncase01 td p a {
display: inline;
margin: 0 0 20px 0;
}

table#dyncase01 td a img {
border: 1px solid #000;
}

/* !!! Case discussions > Skelett (21.02.08; rbu) !!!
======================================================= */

#case_skeleton a, #detail a {
display:block;
position:absolute;
border:1px solid #3578b3;
}

/*the skeleton itself, hoverable elements are positioned into this div
alter the top and left values and you will move the whole div w inner divs around */
#case_skeleton{
position:relative;
float:left;
margin:0;padding:0;
width:205px;
height:540px;
background:url(/wps/images/cases/skeleton_bg.jpg);
}

#case_skeleton a#skeleton_cmf{
top:11px;left:78px;
width:48px;
height:66px;
background:url(/wps/images/cases/blank.gif);
}
#case_skeleton a:hover#skeleton_cmf {
background:url(/wps/images/cases/skeleton_cmf_over.jpg);
}
#case_skeleton a:active#skeleton_cmf, #case_skeleton a#skeleton_cmf.selected {
background:url(/wps/images/cases/skeleton_cmf_selected.jpg);
}

#case_skeleton a#skeleton_spine{
top:80px;left:78px;
width:48px;
height:128px;
background:url(/wps/images/cases/blank.gif);
}
#case_skeleton a:hover#skeleton_spine {
background:url(/wps/images/cases/skeleton_spine_over.jpg);
}
#case_skeleton a:active#skeleton_spine, #case_skeleton a#skeleton_spine.selected {
background:url(/wps/images/cases/skeleton_spine_selected.jpg);
}

#case_skeleton a#skeleton_humerus{
top:97px;left:156px;
width:48px;
height:90px;
background:url(/wps/images/cases/blank.gif);
}
#case_skeleton a:hover#skeleton_humerus {
background:url(/wps/images/cases/skeleton_humerus_over.jpg);
}
#case_skeleton a:active#skeleton_humerus, #case_skeleton a#skeleton_humerus.selected {
background:url(/wps/images/cases/skeleton_humerus_selected.jpg);
}


#case_skeleton a#skeleton_radius{
top:190px;left:156px;
width:48px;
height:75px;
background:url(/wps/images/cases/blank.gif);
}
#case_skeleton a:hover#skeleton_radius {
background:url(/wps/images/cases/skeleton_radius_over.jpg);
}
#case_skeleton a:active#skeleton_radius, #case_skeleton a#skeleton_radius.selected {
background:url(/wps/images/cases/skeleton_radius_selected.jpg);
}

#case_skeleton a#skeleton_hand{
top:268px;left:156px;
width:48px;
height:48px;
background:url(/wps/images/cases/blank.gif);
}
#case_skeleton a:hover#skeleton_hand {
background:url(/wps/images/cases/skeleton_hand_over.jpg);
}
#case_skeleton a:active#skeleton_hand, #case_skeleton a#skeleton_hand.selected {
background:url(/wps/images/cases/skeleton_hand_selected.jpg);
}


#case_skeleton a#skeleton_pelvis {
top:211px;left:49px;
width:104px;
height:45px;
background:url(/wps/images/cases/blank.gif);
}
#case_skeleton a:hover#skeleton_pelvis {
background:url(/wps/images/cases/skeleton_pelvis_over.jpg);
}
#case_skeleton a:active#skeleton_pelvis, #case_skeleton a#skeleton_pelvis.selected {
background:url(/wps/images/cases/skeleton_pelvis_selected.jpg);
}


#case_skeleton a#skeleton_femur{
top:259px;left:105px;
width:48px;
height:121px;
background:url(/wps/images/cases/blank.gif);
}
#case_skeleton a:hover#skeleton_femur {
background:url(/wps/images/cases/skeleton_femur_over.jpg);
}
#case_skeleton a:active#skeleton_femur, #case_skeleton a#skeleton_femur.selected {
background:url(/wps/images/cases/skeleton_femur_selected.jpg);
}


#case_skeleton a#skeleton_tibia {
top:383px;left:105px;
width:48px;
height:110px;
background:url(/wps/images/cases/blank.gif);
}
#case_skeleton a:hover#skeleton_tibia {
background:url(/wps/images/cases/skeleton_tibia_over.jpg);
}
#case_skeleton a:active#skeleton_tibia, #case_skeleton a#skeleton_tibia.selected {
background:url(/wps/images/cases/skeleton_tibia_selected.jpg);
}


#case_skeleton a#skeleton_foot{
top:496px;left:105px;
width:48px;
height:38px;
background:url(/wps/images/cases/blank.gif);
}
#case_skeleton a:hover#skeleton_foot {
background:url(/wps/images/cases/skeleton_foot_over.jpg);
}
#case_skeleton a:active#skeleton_foot, #case_skeleton a#skeleton_foot.selected {
background:url(/wps/images/cases/skeleton_foot_selected.jpg);
}


/* !!! Tabelle "searchResults" !!!
======================================================= */
#content #searchResults {
width:560px;
margin: 20px 0;
vertical-align:top;
background: #fff;
}

#content #searchResults td {
height:28px;
font-weight:normal;
color:#000;
background: #e4e6ee;
}


/* Extra Actions and Buttons 
======================================================= */
#content #searchResults td.extraActions {
border-bottom:1px solid #fff;
color:#fff;
background: #6b7aa3;
}



/*  */
/* Buttons > Treatment Proposals
======================================================= */
#content #searchResults td.extraActions a,
#content #searchResults td.extraActions a:link,
#content #searchResults td.extraActions a:visited {
float:left;
width: 114px;
padding:0 0 0 10px;
border-right:1px solid #fff;
text-align:left;
font-weight:bold;
line-height:28px;
color: #fff;
background: #6b7aa3;
}

#content #searchResults td.extraActions a:hover,
#content #searchResults td.extraActions a:focus,
#content #searchResults td.extraActions a:active {
color: #074377;
background:#ffc753;
text-decoration:none;
}


/* Extras fuer dyn-case treatment-proposals:
======================================================= */

#content #searchResults td.treatmentBy {
padding: 0 0 0 10px;
line-height: 28px;
font-weight: bold;
background: #98a1bf;
}

#content #searchResults td.treatmentBy a {
padding-left: 20px;
font-weight: normal;
color: #074377;
}

#content #searchResults td.proposalAbstract {
/* margin: 0; */
}

#content #searchResults td.proposalAbstract p,
#content #searchResults td.proposalAbstract ol,
#content #searchResults td.proposalAbstract ul {
margin:0;
padding: 10px 30px 10px 10px;
}

#content #searchResults td.proposalAbstract ol,
#content #searchResults td.proposalAbstract ul {
margin: 0 0 0 20px;
}

#content #searchResults td.rateThis,
#content #searchResults td.rateStats {
margin: 0 0 10px 0;
padding: 0 10px 10px 10px;
width: 165px;
border-left:1px solid #fff;
}

#content #searchResults td.rateThis h5,
#content #searchResults td.rateStats h5 {
margin: 10px 0 -15px 0;
color: #074377;
}

#content #searchResults td.rateStats h5 {
margin-bottom: -7px;
}

#content #searchResults td.rateThis p.rateLinks {
margin: -15px 0 0 0;
padding: 0;
}

#content #searchResults td.rateThis p.rateLinks .rateBad,
#content #searchResults td.rateThis p.rateLinks .ratePerfect {
position: relative; top: 30px;
font-size: 10px;
color: #074377;
}

#content #searchResults td.rateThis p.rateLinks .ratePerfect {
position: static;
float: right;
margin-right: 10px;
line-height: 13px;
}

#content #searchResults td.rateStats {
vertical-align: bottom;
}

#content #searchResults td.rateStats span {
margin: -5px 0 0 0;
font-size: 10px;
color: #074377;
}

/* Rating-Buttons 
======================================================= */
#content #searchResults td.rateThis p.rateLinks a,
#content #searchResults td.rateThis p.rateLinks a:link,
#content #searchResults td.rateThis p.rateLinks a:visited {
float:left;
margin:0 1px;
padding:1px 3px;
font:normal bold 12px/13px arial,sans-serif;
color: #074377;
background: #fff;
}

/* Abweichende Hintergrund-Farben; Button 01 ist bereits in den allgemeinen Anweisungen erfasst */
#content #searchResults td.rateThis p.rateLinks a.rate02 {background: #d8dee7;}
#content #searchResults td.rateThis p.rateLinks a.rate03 {background: #c6cddc;}
#content #searchResults td.rateThis p.rateLinks a.rate04 {background: #b2bdd0;}
#content #searchResults td.rateThis p.rateLinks a.rate05 {background: #a0adc5;}
#content #searchResults td.rateThis p.rateLinks a.rate06 {color: #fff; background: #8c9cb9;}
#content #searchResults td.rateThis p.rateLinks a.rate07 {color: #fff; background: #7a8cae;}
#content #searchResults td.rateThis p.rateLinks a.rate08 {color: #fff; background: #667ba2;}
#content #searchResults td.rateThis p.rateLinks a.rate09 {color: #fff; background: #546b96;}
#content #searchResults td.rateThis p.rateLinks a.rate10 {color: #fff; background: #415b8b;}

#content #searchResults td.rateThis p.rateLinks a:hover,
#content #searchResults td.rateThis p.rateLinks a:focus,
#content #searchResults td.rateThis p.rateLinks a:active {
color: #fff;
background: #ffc753;
text-decoration: none;
}



/* =====  ===== Legacy? ===== =====  */


/* #content #searchResults th.right, #content form #searchResults td.right{
text-align:right;
min-width:40px;
padding:0 4px;
} */

/* search-result-link: */

#content #searchResults td a.srlink{
line-height:20px
}
#content #searchResults td a.srlink:hover{
text-decoration:underline;
color:#000;
}

#content #searchResults th{
background:#A0C1DD;
margin:0;padding:0 4px;
border-bottom:1px solid #fff;
height:28px;
text-align:left;
font-weight:normal;
font-size:12px;
color:#3978AE;
}

#content #searchResults td input[type="checkbox"]{
margin:0 4px;
padding:0;
background: aqua;
}

#content #searchResults input{
font-size:10px;
margin:0 4px;padding:0;
} 

/* Button Print list only: */
#content #searchResults td.extraActions a.plo{
display:block;float:left;
background:#3978AE url(/wps/images/icon_searchresult_plo_up.gif) no-repeat 100% 0;
margin:0;padding:0 40px 0 4px;
border-right:1px solid #fff;
text-align:left;font-weight:normal;
font-size:12px;line-height:28px;color:#fff;
} 
#content #searchResults td.extraActions a.plo:hover{
background:#F7D112 url(/wps/images/icon_searchresult_plo_over.gif) no-repeat 100% 0;
color:#004685;
text-decoration:none;
} 

/* Button Print details: */
#content #searchResults td.extraActions a.pd{
display:block;float:left;

background:#3978AE url(/wps/images/icon_searchresult_pd_up.gif) no-repeat 100% 0;
margin:0;padding:0 40px 0 4px;
border-right:1px solid #fff;
text-align:left;font-weight:normal;
font-size:12px;line-height:28px;color:#fff;
} 
#content #searchResults td.extraActions a.pd:hover{

background:#F7D112 url(/wps/images/icon_searchresult_pd_over.gif) no-repeat 100% 0;
color:#004685;
text-decoration:none;
} 

/* Button Print without abstract: */
#content #searchResults td.extraActions a.pwa{
display:block;float:left;
background:#3978AE url(/wps/images/icon_searchresult_pwa_up.gif) no-repeat 100% 0;
margin:0;padding:0 40px 0 4px;
border-right:1px solid #fff;
text-align:left;font-weight:normal;
font-size:12px;line-height:28px;color:#fff;
} 
#content #searchResults td.extraActions a.pwa:hover{
background:#F7D112 url(/wps/images/icon_searchresult_pwa_over.gif) no-repeat 100% 0;
color:#004685;
text-decoration:none;
} 

/* Button Save as file: */
#content #searchResults td.extraActions a.saf{
display:block;float:left;
background:#3978AE url(/wps/images/icon_searchresult_saf_up.gif) no-repeat 100% 0;
margin:0;padding:0 40px 0 4px;
border-right:1px solid #fff;
text-align:left;font-weight:normal;
font-size:12px;line-height:28px;color:#fff;
} 
#content #searchResults td.extraActions a.saf:hover{
background:#F7D112 url(/wps/images/icon_searchresult_saf_over.gif) no-repeat 100% 0;
color:#004685;
text-decoration:none;
} 

/* Button Treatment Proposals sort-by-author: */
#content #searchResults td.extraActions a.sba{} 
#content #searchResults td.extraActions a.sba:hover{}

/* Button Treatment Proposals sort-by-date: */
#content #searchResults td.extraActions a.sbd{}
#content #searchResults td.extraActions a.sbd:hover{}

/* Button Treatment Proposals sort-by-rating: */
#content #searchResults td.extraActions a.sbr{} 
#content #searchResults td.extraActions a.sbr:hover{} 



/* !!! Die Funktion Blaettern !!!
======================================================= */

/* #content #searchResults td.blaettern,
#content #peopleResults td.blaettern {

} */

#content #searchResults td.blaettern div.blaetternlinks,
#content #peopleResults td.blaettern div.blaetternlinks {
float:left;
line-height: 28px;
}

#content #searchResults td.blaettern div.blaetternrechts,
#content #peopleResults td.blaettern div.blaetternrechts {
float:right;
}

/* =====  =====  ===== =====  */

#content #searchResults td form table.subtableratethis {
position: relative;
margin:5px 0 0 10px;
padding:0;
/* border:0; */
/*width:152px; fuer Win IE */
}

#content #searchResults td form table.subtableratethis td{
margin:0;padding:0 2px;border:0;
}

#content #searchResults td form table.subtableratethis td p{
margin:0;padding:5px 0 0 0;border:0;
line-height:14px;
}
#content #searchResults td form table.subtableratethis span.votesnumber{
text-align:left;
color:#377CB8;
font-size:10px;
line-height:10px;
margin:0;padding:0;
border:0;
height:14px;
}
#content #searchResults td form table.subtableratethis td.ratebad{
text-align:left;
color:#377CB8;
font-size:10px;
line-height:12px;
margin:0;padding:0 0 0 3px;
border:0;
height:14px;
}
#content #searchResults td form table.subtableratethis td.rateperfect{
text-align:right;
color:#377CB8;
font-size:10px;
line-height:12px;
margin:0;padding:0 10px 0 0;
border:0;
height:14px;
}

#content #searchResults td form table.subtableratethis td.ratelinkblock {
margin:10px;
padding:0 2px;
height:12px;
/* width:200px; */
}


/* =====  =====  ===== =====  */



/* !!! Verschiedene Tabellen im Content !!!
======================================================= */
#content table.contentTable,
#content table.contentTable2Cols {
margin: 20px 0;
width: 100%;
/* white-space: nowrap; */
}

/* #content table.contentTable, */
#content table.contentTable2Cols,
#content table.layoutTable2Cols {
table-layout: fixed;

}

#content table.contentTable thead td,
#content table.contentTable th,
#content table.contentTable tr.subHead td,
#content table.contentTable2Cols thead td,
#content table.contentTable2Cols th,
#content table.contentTable2Cols tr.subHead td {
font-size:13px;
font-weight:bold;
line-height:28px;
margin: 0;
padding: 0 0 0 3px;
color:#fff;
background:#6B7AA3;
border-bottom:1px solid #fff;
}

#content table.contentTable th,
#content table.contentTable2Cols th,
#content table.contentTable td.rowDef,
#content table.contentTable td.rowDefQuart,
#content table.contentTable td.checkPoint,
#content table.contentTable td.checkPointLarge {
padding-right: 3px; /* 080312: wg. peoplefinder; ggf. wieder raus! */
line-height:20px;
color: #000;
background: #cacede;
border-left:1px solid #fff;
}

#content table.contentTable tr.subHead td,
#content table.contentTable2Cols tr.subHead td {
line-height:20px;
}

#content table.contentTable td.rowDef,
#content table.contentTable td.rowDefQuart,
#content table.contentTable td.checkPoint,
#content table.contentTable td.checkPointLarge {
width: 33.3%;
font-weight:bold;
}

#content table.contentTable td.rowDefQuart {
width: 25%;
}

#content table.contentTable td.checkPoint {
padding-left: 0;
width: 20px;
text-align: center;
}

#content table.contentTable td.checkPointLarge {
width: 38px;
text-transform: uppercase;
}

#content table.contentTable td,
#content table.contentTable2Cols td {
line-height:20px;
padding: 0 0 0 3px;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
background: #e4e6ee;
}

#content table.contentTable2Cols td {
width: 276px;
}

#content table.layoutTable2Cols td {
width: 270px;
}

#content table.layoutTable2Cols td {
padding: 0 10px 10px 0;
}

/* Fuer IE ... ggf. dorthin auslagern */
#content table.contentTable2Cols thead td,
#content table.contentTable2Cols tr.subHead td {
width: auto;
}

#content table.contentTable tr.spaceRow td,
#content table.contentTable2Cols tr.spaceRow td {
height:20px;
background: #fff;
}

#content table.contentTable tfoot td,
#content table.contentTable2Cols tfoot td {
font-size:11px;
margin:0pt;
padding: 0 3px 0 0;
text-align: right;
color:#fff;
background:#6B7AA3;
}

#content table.contentTable th.textCenter,
#content table.contentTable td.textCenter,
#content table.contentTable2Cols th.textCenter,
#content table.contentTable2Cols td.textCenter {
text-align: center;
}

#content table.contentTable th.textRight,
#content table.contentTable td.textRight,
#content table.contentTable2Cols th.textRight,
#content table.contentTable2Cols td.textRight {
text-align: right;
}

#content table.contentTable td.highlight,
#content table.contentTable2Cols td.highlight {
background: #cacede;
}

#content table.contentTable td a,
#content table.contentTable td a:link,
#content table.contentTable td a:visited,
#content table.contentTable2Cols td a,
#content table.contentTable2Cols td a:link,
#content table.contentTable2Cols td a:visited {
display: block;
margin-left: -3px;
padding: 0 0 0 3px;
width: 100%;
height: 1%; /* IE ... */
line-height: 20px;
color: #000;
background: transparent;
}

#content table.contentTable tfoot td a,
#content table.contentTable tfoot td a:link,
#content table.contentTable tfoot td a:visited,
#content table.contentTable2Cols tfoot td a,
#content table.contentTable2Cols tfoot td a:link,
#content table.contentTable2Cols tfoot td a:visited {
margin-left: 0;
overflow: hidden;
}

#content table.contentTable td.currentActive a,
#content table.contentTable td.currentActive a:link,
#content table.contentTable td.currentActive a:visited,
#content table.contentTable2Cols td.currentActive a,
#content table.contentTable2Cols td.currentActive a:link,
#content table.contentTable2Cols td.currentActive a:visited {
text-decoration: underline;
cursor: default;
}

#content table.contentTable td a:hover,
#content table.contentTable td a:focus,
#content table.contentTable td a:active,
#content table.contentTable2Cols td a:hover,
#content table.contentTable2Cols td a:focus,
#content table.contentTable2Cols td a:active {
background: #98a1bf;
}

/* Links in Tabellenkoepfen und -fuessen */
#content table.contentTable thead td a,
#content table.contentTable thead td a:link,
#content table.contentTable thead td a:visited,
#content table.contentTable2Cols thead td a,
#content table.contentTable2Cols thead td a:link,
#content table.contentTable2Cols thead td a:visited,
#content table.contentTable tfoot td a,
#content table.contentTable tfoot td a:link,
#content table.contentTable tfoot td a:visited,
#content table.contentTable2Cols tfoot td a,
#content table.contentTable2Cols tfoot td a:link,
#content table.contentTable2Cols tfoot td a:visited {
line-height: 28px;
font-weight: bold;
color: #fff;
}

#content table.contentTable thead td a:hover,
#content table.contentTable thead td a:focus,
#content table.contentTable thead td a:active,
#content table.contentTable2Cols thead td a:hover,
#content table.contentTable2Cols thead td a:focus,
#content table.contentTable2Cols thead td a:active,
#content table.contentTable tfoot td a:hover,
#content table.contentTable tfoot td a:focus,
#content table.contentTable tfoot td a:active,
#content table.contentTable2Cols tfoot td a:hover,
#content table.contentTable2Cols tfoot td a:focus,
#content table.contentTable2Cols tfoot td a:active {
color: #074377;
background: #ffc753;
}

/* !!! Sonderfall Ergebnisausgabe fuer courses-Suche = Datumsangaben sollen nicht umbrechen !!!
======================================================= */
#content table#coursesResults {
table-layout: fixed;
}

#content table#coursesResults td {
overflow: hidden;
}

/* !!! Sonderfall Blaettern in Suchergebnissen !!!
======================================================= */

#content table#peopleResults thead td.blaettern a,
#content table#peopleResults thead td.blaettern a:link,
#content table#peopleResults thead td.blaettern a:visited {
display: inline;
}

#content table#peopleResults thead td.blaettern a:hover,
#content table#peopleResults thead td.blaettern a:focus,
#content table#peopleResults thead td.blaettern a:active {
color: #fff;
background: transparent
}

#content #searchResults td.blaettern a.active,
#content #peopleResults td.blaettern a.active,
#content #peopleResults td.blaettern a.active:link,
#content #peopleResults td.blaettern a.active:visited,
#content #peopleResults td.blaettern a.active:hover,
#content #peopleResults td.blaettern a.active:focus,
#content #peopleResults td.blaettern a.active:active {
font-weight: normal;
text-decoration: underline;
cursor: text;
}

/* !!! Sonderfall Detail-Ausgabe fuer people finder-Suche = Bild-Spalte muss Breite und Hoehe bekommen !!!
======================================================= */
#content table#peopleDetails td {
padding: 0;
}

#content table#peopleDetails tfoot td {
padding: 0 3px 0 0;
}

#content table#peopleDetails table {
table-layout: fixed;
margin: 0;
width: 100%;
}

#content table#peopleDetails thead td,
#content table#peopleDetails table td {
padding-left: 3px;
}

#content table#peopleDetails td.picBox {
padding:0;
width:215px;
background: #e4e6ee;
}

#content table#peopleDetails td.picBox img {
width:215px;
}

/* !!! Sonderfall Profil in/unter People Finder Details !!!
======================================================= */
#content table#peopleDetails table#peopleProfile td {
border-top: 1px solid #fff;
border-bottom: none;
}

#content table#peopleDetails table#peopleProfile td.rowDef {
width: 130px;
}


/* =#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=
!!! Layout-Tabelle fuer Thumbnail/Text-Kombinationen - Tabelle ID "dyncase01" hat identische Formatierung (27.02.2008)
Fuer Verhindern der Ausdehnung der Thumbs-Boxen und Anordnung li oder re ist Klasse notwendig !!!
=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#= */

table.layoutCombo01 {
margin: 20px 0;
width: 100%;
}

table.layoutCombo01 td.picLeft,
table.layoutCombo01 td.picRight {
width: 1%;
}

table.layoutCombo01 td.picLeft a,
table.layoutCombo01 td.picRight a {
display: block;
margin: 0 20px 20px 0;
}

table.layoutCombo01 td.picRight a {
margin: 0 0 20px 20px;
}

table.layoutCombo01 td p a {
display: inline;
margin: 0 0 20px 0;
}

table.layoutCombo01 td a img {
border: 1px solid #000;
}





























/* + + + + Styling of form-elements BEGIN + + + + + + + + + + + + + + + + + + + + + + + + + */

/* !!! Allgemeine Formular-Klassen:
- "contentForm01" fuer 3spaltige Formulare OHNE fieldsets
- "contentForm02" fuer 3spaltige Formulare MIT fieldsets
- "contentform03 fuer 4spaltige Formulare OHNE fieldsets !!!
- "contentForm03" > table ID="peoplefinder" fuer generische Sonder-Styles 
======================================================= */



#content form.contentForm01,
#content form.contentForm02 fieldset,
#content form.contentForm03 {
margin: 20px 0;
width: 560px;
border: none;
border-bottom: 1px solid #074377;
background: transparent url(bg_forms_lines.gif) repeat-y;
}

#content form.contentForm01:after {
content: ".";
display: block;
height: 0; 
clear: both;
visibility: hidden;
}

#content form.contentForm01 h4,
#content form.contentForm02 h4,
#content form.contentForm03 h4 {
margin: 0 0 20px 0;
padding: 0 0 0 10px;
color: #fff;
background: #074377 url(reiter560_blau.gif) top left no-repeat;
}

#content form.contentForm01 p,
#content form.contentForm03 p {
padding: 0 0 0 15px;
}


/* Info-Block in Formularen, Anmutung tabellenlos, deshalb ausgerueckt ...
======================================================= */
#content form.contentForm01 td.infoBlock h5,
#content form.contentForm02 td.infoBlock h5,
#content form.contentForm03 td.infoBlock h5 {
margin-left: -10px;
color: #074377;
}

#content form.contentForm02 h5 {
color: #074377;
}

#content form.contentForm01 td.infoBlock p,
#content form.contentForm02 td.infoBlock p,
#content form.contentForm03 td.infoBlock p {
margin-left: -10px;
padding: 0 15px 0 0;
}

#content form.contentForm01 table,
#content form.contentForm02 table {
table-layout: fixed;
margin: 0 0 0 30px;
width: 530px;
}

#content form.contentForm03 table {
margin: 0 30px;
width: 500px;
}

#content form.contentForm01 table td,
#content form.contentForm02 table td,
#content form.contentForm03 table td {
line-height: 20px;
}

#content form.contentForm02 table td.firstCol {
width: 200px;
}

#content form.contentForm02 table tr.checkBoxRow td.firstCol {
width: 190px;
}

#content form.contentForm02 table tr.twoTextfieldRow th.firstCol,
#content form.contentForm02 table tr.twoTextfieldRow td.firstCol {
width: 89px;
}

#content form.contentForm01 table td.thirdCol,
#content form.contentForm02 table td.thirdCol {
width: 131px;
}

#content form.contentForm01 table td.formPic,
#content form.contentForm02 table td.formPic {
width: 160px;
}

#content form.contentForm01 table td.thirdCol img,
#content form.contentForm02 table td.thirdCol img {
float: right;
margin: 5px 20px 0 0;
}

#content form.contentForm01 table#pwRelated td.thirdCol,
#content form.contentForm02 table#pwRelated td.thirdCol {
background: transparent url(pwKey.gif) 30px 0 no-repeat;
}

#content form.contentForm01 table td.note,
#content form.contentForm01 table td .note,
#content form.contentForm02 table td.note,
#content form.contentForm02 table td .note {
padding: 10px 0;
font-size: 11px;
line-height: 100%;
}

#content form.contentForm01 table td .note,
#content form.contentForm02 table td .note {
display: block;
margin: -5px 0 0 0;
padding: 0;
color: #074377;
}

#content form.contentForm01 table td.infoBlock .note,
#content form.contentForm02 table td.infoBlock .note {
margin-left: -10px;
}

#content form.contentForm01 table label,
#content form.contentForm01 input,
#content form.contentForm01 textarea,
#content form.contentForm02 table label,
#content form.contentForm02 input,
#content form.contentForm02 textarea {
display: block;
padding: 0;
width: 200px;
line-height: 20px;
}

#content form.contentForm01 input,
#content form.contentForm02 input,
#content form.contentForm03 input,
#content form.contentForm03 select {
margin: 0 0 5px 0;
padding: 1px 0 1px 3px;
/* width: 196px; */ /* 080331 rbu */
width: 194px;
color: #000;
border: 1px solid #000;
}

/* Checkboxen in 1 Reihe 
======================================================= */
#content form.contentForm02 tr.checkBoxRow td {
padding: 0 10px 10px 0;
}

#content form.contentForm02 tr.checkBoxRow td label {
display: inline;
float: left;
width: 75px;
padding: 0 10px 0 0;
}

#content form.contentForm02 tr.checkBoxRow td input.checkBox {
display: inline;
float: left;
margin: 3px 10px 0 0;
width: auto;
border: none;
}

#content form.contentForm01 input.textfieldTriple,
#content form.contentForm02 input.textfieldTriple {
height: 60px;
}

#content form.contentForm02 input#password {
margin-bottom: 10px;
}

/* Sonderfall E-Mail-Benachrichtigung "case discussions" */
#content form.contentForm01 table label#informMeLabel {
float: left;
padding-right: 20px;
width: 365px;
width: 380px;
}

#content form.contentForm01 table input#informMe {
margin: 2px -2px 5px 20px;
width: 15px;
height: 15Px;
border: none;
}

#content form.contentForm01 td.infoBlock p input.inline,
#content form.contentForm02 td.infoBlock p input.inline {
display: inline;
margin: 2px 0 0 0;
/* padding: 5px; */
width: auto;
border: none;
}

#content form.contentForm01 input.hidden,
#content form.contentForm02 input.hidden {
display: none;
}

/* Sonderfall input type=file: *kaum* stylebar! */
#content form.contentForm02 td.inputFile input {
margin: 10px 0 10px 145px;
}

#content form.contentForm01 textarea,
#content form.contentForm02 textarea {
margin: 0 0 15px 0;
padding: 1px 0 1px 3px;
width: 196px;
height: 100px;
font-size: 13px;
color: #000;
border: 1px solid #000;
}

#content form.contentForm02 textarea.textfieldTriple {
height: 60px;
}

#content form.contentForm01 .fakeHR,
#content form.contentForm02 .fakeHR,
#content form.contentForm03 .fakeHR {
margin: 10px 0 15px -10px;
width: 520px;
}

/* Sonderfall Captcha-Abfrage "case discussions" */
#content form.contentForm01 #captcha,
#content form.contentForm02 #captcha {
margin: 0 0 -15px 0;
height: 50px;
}

#content form.contentForm01 input.submit,
#content form.contentForm01 input.reset,
#content form.contentForm02 input.submit,
#content form.contentForm02 input.reset,
#content form.contentForm03 input.submit,
#content form.contentForm03 input.reset {
margin: 0 0 15px 10px;
padding: 0 9px;
float: right;
width: auto;
text-align: center;
cursor: pointer;
}

#content form.contentForm01 input.submit:hover,
#content form.contentForm01 input.reset:hover,
#content form.contentForm02 input.submit:hover,
#content form.contentForm02 input.reset:hover,
#content form.contentForm03 input.submit:hover,
#content form.contentForm03 input.reset:hover {
background: #ccc;
}

/* Spezielle Angaben fuer contentForm02 + contentForm03, die nicht in vorhergehenden abgedeckt werden 
======================================================= */
#content form.contentForm02 fieldset,
#content form.contentForm03 {
padding: 0 0 10px 0;
}

/* case discussions = file upload > files markieren und loeschen */
#content form.contentForm02 tr.markItem td {
text-align: right;
}

#content form.contentForm02 tr.markItem td input {
float: left;
margin: 3px 0 0 10px;
width: auto;
border: none;
}

#content form.contentForm02 td input#fileDelete {
margin-top: 15px;
}

/* Spezielle Angaben fuer contentform03, die nicht in vorhergehenden abgedeckt werden 
======================================================= */

#content form.contentForm03 tr.selectRow td label {
display: block;
padding: 0 10px 0 0;
text-align: right;
}

#content form.contentForm03 tr.selectRow td select {
width: 150px;
}

#content form.contentForm03 tr.leadRow td {
padding-top: 10px;
}

#content form.contentForm03 td {
width: 170px;
}

#content form.contentForm03 td.narrowCol {
width: 80px;
}

#content form.contentForm03 td.infoBlock {
width: 500px;
}

#content form.contentForm03 td.narrowCol input {
float: right;
margin: 4px 10px 0 0;
width: auto;
border: none;
}

#content form.contentForm03 td.spineLinks a,
#content form.contentForm03 td.spineLinks a img {
display: inline;
vertical-align: middle;
}

#content form.contentForm03 td.spineLinks a img {
vertical-align: bottom;
}

/* Spezielle Angaben fuer Tabellen mit IDs *innerhalb* der Formularklassen!
======================================================= */

/* People Finder in 2 Formen */
#content form.contentForm03 table#peopleFinder td,
#content form.contentForm03 table#peopleFinderExtended td {
width: 150px;
}

#content form.contentForm03 table#peopleFinder td.firstCol,
#content form.contentForm03 table#peopleFinderExtended td.firstCol {
width: 85px; /* bugfix 080401 rbu */
}

/* #content form.contentForm03 table#peopleFinder input,
#content form.contentForm03 table#peopleFinder select,
#content form.contentForm03 table#peopleFinderExtended input,
#content form.contentForm03 table#peopleFinderExtended select {
width: 180px;
} */

#content form.contentForm03 table#peopleFinder select.searchBy {
width: 100px;
}

#content form.contentForm03 table#peopleFinder input#searchFor {
width: 200px;
margin: 0 10px 10px 0;
padding-top: 2px;
}

#content form.contentForm03 table#peopleFinder input.submit {
margin: 0 10px 0 0;
}

#content form.contentForm03 table#peopleFinder td.txtRight,
#content form.contentForm03 table#peopleFinderExtended td.txtRight {
padding-right: 5px;
}

#content form.contentForm03 table#peopleFinder td.txtRight a {
font-weight: bold;
}

/* People finder ORP/faculty */
#content form.contentForm03 table#peopleFinderExtended input.submit {
margin: 0;
}



/* + + + + Styling of form-elements END + + + + + + + + + + + + + + + + + + + + + + + + + */


/* =========================================================
Fixes for Portal 6 disasters
========================================================= */

#content .wpsPortletBack table .wpsSearchUrlAddressText {
display: none;
}