/*
AUTHOR+COPYRIGHT:
Wilhelmine Freudenthal
Barrierefreies Webdesign / Semantischer Code

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

last modified: 20/03/2008
*/

/*
Schwarz-Blau: #04041C;
Dunkel-Blau: #0B0C52;
Hell-Blau: #565687;
Knall-Gelb: #FAFD16;
Hell-Gelb: #FFFF8C;
*/

/* ========== Allgemeine Klassen ========== */
@import url("kus_rtf-editor.css");

/* ========== Off-Left Elemente ========== */
#header em,
p.form-legende strong span,
td.tx-seminars-pi1-vacancies strong,
div.tx-seminars-pi1 table td.tx-seminars-pi1-date em,
div.css-bookreview-list .css-bookreview-list-cover a em,
form span.csc-mailform-radio #mailformempfaenger legend 
{ position:absolute !important; left:-9999px !important; }

/* ========== Allgemeine HTML-Elemente ========== */
body
{
 font-family:Verdana, Helvetica, Arial, sans-serif;
 font-size:12px;
 width:892px;
 margin:auto;
 padding:0;
 background:#FFFFFF url("img/body-bg.gif") repeat-y 50% 0;
 position:relative;
 color:#000000; 
}

a { color:#0B0C52; }
a:hover { color:#565687; }

strong { font-weight:bold; }
em { font-style:italic; }
p { line-height:1.5em; margin:8px 0 10px 0; }
ul { margin-left:16px; padding:6px; }
li { line-height:1.4em; }

h1, h2, h3 { color:#0B0C52; margin:0 0 6px 0; padding:0; }
h2 { font-size:18px; line-height:20px; }
h3 { font-size:14px; margin:20px 0 6px 0; }

cite
{
 display:block;
 font-size:16px;
 font-weight:bold; 
 font-style:normal; 
 line-height:1.8em;
 background:#0B0C52;
 color:#FFFFFF;
 padding:2px;
}

code { font-family:Monaco, "Andale Mono", "Courier New", Courier, monospace; color:#666666; }

/* ------------ Tabellen ------------ */
table { border:none !important; border-collapse: collapse; margin:10px 0 10px 0;}
table td { border:1px solid #565687 !important; padding:2px; }
thead { border:1px solid #565687 !important; border-bottom:none; }

thead th /* siehe Box-Style */
{
 font-weight:normal !important;
 white-space:nowrap !important;
 text-align:center !important ;
}

thead a { text-decoration:none; font-weight:bold; color:#000000; }
thead a:hover { text-decoration:underline; }
 
/* ------------ Formulare ------------ */
form { margin:0; padding:0; width:600px; }
form, form fieldset, form input, form textarea, form select, form legend, form select, form option
{ font-family: Verdana, Helvetica, Arial, sans-serif !important; font-size:12px; }

form fieldset { margin:0; padding:0; border:none; width:600px; }
form input, form textarea, form select { border:2px groove #AEAEAE; margin-bottom:6px; }
form textarea { padding:4px; width:590px; }
form select option { padding:2px; margin:1px 0 1px 0; }
form label { display:block; }
form table, form td { border:none !important; }

form span.csc-mailform-label
{
 display:block;
 border:1px solid #D9D9D9 !important;
 background-color:#EEEEEE !important;
 margin:0 0 10px 0; padding:0 0 10px 0;
 position:relative;
 padding:2px;
 color:#0B0C52;
}

form input.csc-mailform-submit,
form input.submit,
div.tx_ablinklist_viewReportBrokenLink table input
/*form td.csc-form-fieldcell input*/
{
 border:1px solid #AEAEAE;
 cursor:pointer;
 padding:4px 8px 2px 8px !important;
 margin:10px 0 20px 0 !important;
}

form input.csc-mailform-submit:hover,
form input.submit:hover,
div.tx_ablinklist_viewReportBrokenLink table input:hover
/*form td.csc-form-fieldcell input*/
{ border-color:#5E5E5E; }

form span.csc-mailform-label
{
 border-bottom:1px solid #AEAEAE;
 border-left:none; border-right:none;
 background:#C8C8C8;
 margin:10px 0 4px -2px;
 padding:4px 2px 1px 2px;
 width:450px;
}

form div.csc-form-label-req label
{
 display:inline;
 font-weight:bold; padding-right:14px;
 background:url("img/input-pflicht.gif") no-repeat 100% 1px;
}

p.form-legende strong
{
 background:url("img/input-pflicht.gif") no-repeat 50% 50%;
 padding-left:14px; display:inline-block; height:14px;
}

form div.csc-form-label-req { padding:0 !important; margin:0; }

/*form span.csc-mailform-radio { border:1px solid yellow !important; display:block; position:relative; }
form span.csc-mailform-radio #mailformempfaenger { border:1px solid red; }
form span.csc-mailform-radio #mailformempfaenger label { border:1px dotted black; }
form span.csc-mailform-radio #mailformempfaenger input.csc-mailform-radio { background:red; padding:5px !important; border:1px solid green !important; display:block !important; margin:3px; float:left; }*/
form span.csc-mailform-radio #mailformempfaenger input.csc-mailform-radio { float:left; margin-right:4px; }

form fieldset label,
form fieldset .csc-form-label-req { margin-bottom:4px; }
form legend { margin-left:0; padding-left:0; color:#565687; font-size:14px; font-weight:bold; }

table.csc-searchform { width:400px; }

form div.csc-mailform-field { margin-bottom:10px; border-bottom:1px solid #EDEDED; }
form input.csc-mailform-check, form input.csc-mailform-radio { width:auto; margin:1px 0 1px 0; }

form legend { display:none; }

/* ========== #header ========== */
#header
{
 background:#FAFD16 url("img/header-bg.gif") repeat-x 0 0;
 min-height:104px;
 width:892px;
 margin:0;
 margin-bottom:80px;
 position:relative;
}

#header a { outline:none; color:#0B0C52; }
#header h1 { margin:0; }

#header h1 a
{
 display:block;
 width:10em;
 background:url("img/kus-logo.gif") no-repeat 50% 10px;
 text-decoration:none;
 font-weight:normal;
 font-size:15px;
 text-align:center;
 padding-top:74px;
 margin-left:20px;
}

#header h2 a
{
 display:block;
 width:280px;
 height:40px;
 background:url("img/bmukk-logo.gif") no-repeat 50% 0;
 position:absolute;
 right:20px;
 top:40px;
}

/* ========== #navigation ========== */
#navigation a { text-decoration:none; }

/* -------- #service-nav -------- */
#navigation ul#service-nav
{
 background:#0B0C52 url("img/serv-nav-shad.gif") repeat-x 0 100%;
 padding:0 0 6px 0;
 margin:0;
 text-align:center;
 position:absolute;
 top:104px;
 left:0;
 width:892px;
 min-height:2em;
 list-style:none;
}

#navigation ul#service-nav li
{
 display:block;
 width:16.4%;
 float:left;
 margin:0;
 border:1px solid #04041C;
 border-left-color:#565687;
 line-height:inherit;
}

#navigation ul#service-nav a
{
 color:#FFFFFF;
 margin:0;
 padding:10px 0 2px 0;
 display:block;
 width:100%;
 outline:none;
 height:22px;
 background:url("img/serv-nav-bg.gif") repeat-x 0 0;
}

#navigation ul#service-nav a:hover { background:url("img/serv-nav-bg_hover.gif") repeat-x 0 100%; }
#navigation ul#service-nav a:active { background:#565687 url("img/serv-nav-bg_active.gif") repeat-x 0 0; }
#navigation ul#service-nav a.current { background:#383859 url("img/serv-nav-bg_current.gif") repeat-x 0 0; }

/* -------- #main-nav -------- */
#navigation ul#main-nav
{
 border:4px solid #FAFD16;
 border-top:none;
 width:198px;
 margin:0 0 20px 20px;
 padding:0;
 background:#FFFF8C url("img/main-nav-bg.gif") repeat-y 100% 0;
}

#navigation ul#main-nav h2
{
 font-weight:normal;
 font-size:12px;
 text-transform: uppercase;
 letter-spacing:1px;
 text-align:center;
 border-bottom:1px solid #FAFD16;
 margin:0;
 padding:0;
 background:#FFFF8C;
}

#navigation ul#main-nav li { list-style:none; padding-left:2px; margin:0; line-height:inherit; }
#navigation ul#main-nav li { padding:4px 0 4px 0; border-top:4px solid #FAFD16; }
#navigation ul#main-nav li li { border-top:1px solid #FFFFFF; padding-right:6px; padding-left:6px; }
#navigation ul#main-nav ul { margin:0; padding:0; }
#navigation ul#main-nav ul ul { margin:0 0 -4px 10px; border-left:1px solid #FFFFFF; }

/*#navigation ul#main-nav li.lastchild
{ border-bottom:none; }*/

#navigation ul#main-nav li strong { color:#565687; background:none; }

#navigation ul#main-nav li.contains-sub em,
#navigation ul#main-nav li.contains-sub strong
{ display:block; }

#navigation ul#main-nav li.contains-sub li em,
#navigation ul#main-nav li.contains-sub li strong
{ border-bottom:none; }

#navigation ul#main-nav li a { display:block; }

#navigation ul#main-nav li strong,
#navigation ul#main-nav li.contains-sub li strong,
#navigation ul#main-nav li a,
#navigation ul#main-nav li li a
{ background:none; }

#navigation ul#main-nav li.contains-sub li a,
#navigation ul#main-nav li.contains-sub li a:hover
{ background:none; }

#navigation ul#main-nav li.contains-sub a:hover,
#navigation ul#main-nav li.contains-sub li.contains-sub a:hover
{ background-image:url("img/arrow-light.gif"); }

#navigation ul#main-nav li.contains-sub strong,
#navigation ul#main-nav li li.contains-sub strong
{
 background:url("img/arrow-light_active.gif") no-repeat 0 4px;
 padding-left:10px;
 color:#565687;
}

#navigation ul#main-nav li.contains-sub strong a,
#navigation ul#main-nav li li.contains-sub strong a
{ padding-left:0; }

#navigation ul#main-nav li li.contains-sub li strong { background:none; }

#navigation ul#main-nav li.contains-sub a,
#navigation ul#main-nav li.contains-sub li.contains-sub a
{
 background:url("img/arrow.gif") no-repeat 0 4px;
 padding-left:10px;
}

#navigation ul#main-nav li.contains-sub em a 
{ 
 background-image:url("img/arrow_open.gif") !important; 
 font-style:normal;
}

/* ========== spezielle Seiten ========== */
/* ::::::: Startseite-Teaser ::::::: */
div.citation,
div.css-bookreview-teaser,
div.fotoimpression,
div.quicklinks
{
 border:1px solid #787878;
 width:388px;
 margin-right:220px;
 margin-bottom:18px;
 background:#FFFFFF;
 clear:both;
 padding:6px;
}

div.css-bookreview-teaser h2, /* siehe Box-Style */
div.tx-skbookreview-pi1 h2,
div.fotoimpression h2,
div.quicklinks h2
{ font-weight:normal; }

div.css-bookreview-teaser ul,
div.tx-skbookreview-pi1 ul,
div.fotoimpression ul,
div.quicklinks ul
{ list-style:none; }

div.css-bookreview-teaser h2 a,
div.tx-skbookreview-pi1 h2 a,
div.fotoimpression h2 a
{ text-decoration:none; font-weight:bold; color:#000000; }

div.css-bookreview-teaser h2 a:hover,
div.tx-skbookreview-pi1 h2 a:hover,
div.fotoimpression h2 a:hover
{ text-decoration:underline; }

.css-bookreview-teaser { margin:0; }

/* ::::::: Startseite-Quicklinks ::::::: */
div.quicklinks
{
 width:176px !important;
 position:absolute;
 top:0;
 right:0;
 margin:0;
}

div.quicklinks h2
{
 font-weight:normal;
 font-size:12px;
 text-transform:uppercase;
 letter-spacing:1px;
 text-align:center;
 color:#0B0C52;
}

div.quicklinks ul
{ margin:0 0 0 12px; padding:0; color:#0B0C52; }

/* ::::::: Startseite-Zitat ::::::: */
div.citation
{
 background:#0B0C52 url("img/quotes.gif") no-repeat 8px 0;
 color:#FFFFFF;
 padding:10px 10px 10px 90px;
 border:none;
 width:300px;
}

div.citation p { margin-left:80px; }

/* ::::::: Sitemap :::::::  */
#content ul#main-nav { margin-left:-220px; padding:0; }
#content ul#main-nav h2 { font-weight:normal; font-size: 1.1em; text-transform:uppercase; border-bottom:3px solid #FAFD16; width:183px; margin:0; }
#content ul#main-nav li { margin:0; padding:0; list-style:none; }

#content ul#main-nav ul { margin-left:180px; padding:0 0 6px 0; border-bottom:3px solid #FAFD16; border-left:3px solid #FAFD16; }
#content ul#main-nav ul ul { width:180px; background:#FFFFFF url("img/gradient_yellow.gif") repeat-y 100% 0; border:1px solid #FAFD16; border-left:none; margin-top:6px; margin-left:0; padding-left:180px; }

#content ul#main-nav ul li { padding-left:6px; }
#content ul#main-nav ul ul li{ margin:0; padding:0 0 4px 0; border-bottom:1px solid #FFFFFF; border-left:none; }
#content ul#main-nav ul ul li li { margin:0 0 4px 6px; }

#content ul#main-nav li.contains-sub a { background:url("img/arrow.gif") no-repeat 0 4px; padding-left:10px; }
#content ul#main-nav li.contains-sub a:hover { background-image:url("img/arrow-light.gif"); }

#content ul#main-nav li.contains-sub li a,
#content ul#main-nav li.contains-sub li a:hover
{ background-image:none; padding-left:0; }

/* ========== #content ========== */
#content
{
 margin:0 40px 40px 20px;
 padding:0 0 20px 0;
 float:right;
 width:600px;
 position:relative;
}

/* -------- #meta-info -------- */
#meta-info
{
 clear:both;
 padding:10px 0 40px 0;
 background:url("img/meta-info-bg.gif") repeat-x 0 100%;
 color:#0B0C52;
 margin:0;
}

#meta-info ul
{
 width:200px;
 margin:0 0 0 20px;
 padding:0;
}

#meta-info li
{
 list-style:none;
 text-align:center;
 margin:4px 0 8px 0;
}

#meta-info p
{
 width:170px;
 text-align:center;
 margin:2px 0 6px 30px;
 padding:2px;
}

/* ========== diverse Inhaltselemente ========== */
/* -------- Box-Style -------- */
div.css-bookreview-list .css-bookreview-list-categorygroup,
div.css-bookreview-totalreview .css-bookreview-result .headline,
div.css-bookreview-teaser h2,
div.tx-skbookreview-pi1 h2,
div.fotoimpression h2,
div.quicklinks h2,
form input.csc-mailform-submit,
form input.submit,
div.tx_ablinklist_viewReportBrokenLink table input,
/*form td.csc-form-fieldcell input,*/
thead th,
div.seminar-facts h2,
div.tx-ablinklist-pi1 h2
{
 background:#f5f5e5 url("img/gradient_grey.gif") repeat-x 0 100%;
 color:#000000;
 padding:2px;
 margin:-6px -6px 6px -6px;
 font-size:12px;
 border-bottom:1px solid #8f8f8f;
}

/* -------- Inhaltselement Text mit Bild -------- */
.csc-textpic { margin-bottom:40px; }
.csc-textpic-intext-left ul { padding:0; }
.csc-textpic-intext-right ul { padding:0; }
.csc-textpic-intext-left li { margin-left:10px; padding:0; }
.csc-textpic-intext-right li { margin-right:10px; padding:0; }

.csc-textpic-intext-left-nowrap h2,
.csc-textpic-intext-left-nowrap h3,
.csc-textpic-intext-right-nowrap h2,
.csc-textpic-intext-right-nowrap h3,
.csc-textpic-intext-left h2,
.csc-textpic-intext-left h3,
.csc-textpic-intext-right h2,
.csc-textpic-intext-right h3
{ margin-top:0; }

/* -------- Bild-Unterschrift -------- */
p.csc-caption
{
 text-align:center;
 border:1px solid #D9D9D9;
 color:#0B0C52;
 background:#EEEEEE;
 padding:6px;
 margin:2px 0 4px 0;
}

/* -------- Rezensionen+Alben -------- */
/*
div.tx-skbookreview-pi1 -> TEASER+DETAIL+UEBERSICHT
div.css-bookreview-teaser -> TEASER
div.css-bookreview-totalreview -> DETAILS
div.css-bookreview-list -> jeder einzelne eintrag in der Uebersicht

div.fotoimpression -> TEASER
*/

div.tx-skbookreview-pi1 img,
div.fotoimpression img
{ float:left; margin:0 6px 6px 0; }

.css-bookreview-backlink a,
.css-bookreview-morelink a,
.headline,
div.fotoimpression a.more
{ clear:both; }

.css-bookreview-backlink a
{
 display:block;
 text-align:left;
 padding-left:10px;
 background:url("img/arrow_left.gif") no-repeat 0 5px;
}

.css-bookreview-morelink a
{
 display:block;
 text-align:right;
 padding-right:10px;
 background:url("img/arrow_right.gif") no-repeat 100% 5px;
}

div.css-bookreview-list .css-bookreview-list-title a,
dl.csc-menu a
{ font-size:14px; font-weight:bold; color:#565687; }

div.css-bookreview-list .css-bookreview-list-title a:hover,
dl.csc-menu a:hover
{ color:#7373b1; }

/* -------- Rezensionen-Uebersicht -------- */
div.css-bookreview-list .css-bookreview-list-categorygroup /* siehe Box-Style */
{
 padding:4px !important;
 border:1px solid #787878;
 border-left:none; border-right:none;
}

div.css-bookreview-list .css-bookreview-list-cover
{ display:inline-block; width:100px; height:100px; margin-right:6px; margin-bottom:6px; background:url("img/icon_preview.gif") no-repeat 50% 50%; }

div.css-bookreview-list .css-bookreview-list-cover a { display:block; width:100px; height:100px; background:#FFFFFF; }

/* -------- Alben-Uebersicht -------- */
dl.csc-menu dd { border-bottom:1px solid #DDDDDD; margin:0 0 12px 0; padding:0 0 6px 0; }

/* -------- Review-Detail -------- */
div.css-bookreview-totalreview .css-bookreview-title { font-size:18px; line-height:20px; margin-top:0px; color:#0B0C52; font-weight:bold; }

div.css-bookreview-totalreview .headline { color:#565687; }

div.css-bookreview-totalreview .css-bookreview-infos,
div.css-bookreview-totalreview .css-bookreview-headerinfos
{ margin:0 0 20px 0; }

div.css-bookreview-totalreview .css-bookreview-result
{
 border:1px solid #787878;
 margin:16px 0 20px 0;
 padding:6px;
}

div.css-bookreview-totalreview .css-bookreview-result .headline /* siehe Box-Style */
{
 display:block;
 clear:both;
 font-weight:bold;
}

div.css-bookreview-totalreview .css-bookreview-impression
{ padding:6px; border:1px solid #CECECE; background:#EEEEEE; }

div.css-bookreview-totalreview .css-bookreview-impression,
div.css-bookreview-totalreview .css-bookreview-description,
div.css-bookreview-totalreview .css-bookreview-cover
{ margin-bottom:30px; }

/* -------- Seminar-Tabelle -------- */
div.tx-seminars-pi1 { }
div.tx-seminars-pi1 table { width:600px !important; }

div.tx-seminars-pi1 table td.tx-seminars-pi1-date
{ width:20px; text-align:left; }

div.tx-seminars-pi1 table td.tx-seminars-pi1-vacancies, ul.legend li { background:url("img/icon_yellow-light.gif") no-repeat 50% 50%; }
ul.legend { margin:0 30px 0 30px; padding:6px; list-style:none; border:1px solid #CECECE; background:#EEEEEE; }
ul.legend li { padding:10px 0 10px 32px; background-position: 0 50%; }

div.tx-seminars-pi1 table td.tx-seminars-pi1-vacancies-rare, ul.legend li.legend-rare { background-image:url("img/icon_yellow-light.gif"); }
div.tx-seminars-pi1 table td.tx-seminars-pi1-vacancies-available, ul.legend li.legend-available  { background-image:url("img/icon_green-light.gif"); }
div.tx-seminars-pi1 table td.tx-seminars-pi1-vacancies-0, ul.legend li.legend-0  { background-image:url("img/icon_red-light.gif"); }
div.tx-seminars-pi1 table td.tx-seminars-pi1-registration-deadline-over, ul.legend li.legend-over  { background-image:url("img/icon_red-light.gif"); }

div.tx-seminars-pi1 span { display:block; }
div.tx-seminars-pi1 span a { display:inline; }
div.tx-seminars-pi1 td.tx-seminars-pi1-title a { display:inline; }

.oetage_title { color:#565687; }

/* -------- Seminar-Pager -------- */
div.tx-seminars-pi1 div.tx-seminars-pi1-browsebox span.tx-seminars-pi1-browsebox-strong { display:inline; }
div.tx-seminars-pi1 div.tx-seminars-pi1-browsebox table { margin:0 0 40px 0; }
div.tx-seminars-pi1 div.tx-seminars-pi1-browsebox table td { padding:0; border:none !important; }
div.tx-seminars-pi1 div.tx-seminars-pi1-browsebox table td p { margin:0; padding:0 2px 0 2px; background:#EEEEEE; border:1px solid #CECECE; }

/* -------- Suche-Pager -------- */
table.csc-searchResultInfo { width:100%; background:#EEEEEE; border:1px solid #CECECE !important; }
table.csc-searchResultInfo tr p { margin:0; padding:0; }
table.csc-searchResultInfo td.csc-searchResultRange, 
table.csc-searchResultInfo td.csc-searchResultPrevNext { border:none !important; margin:0; padding:0 2px 0 2px; }

/* -------- Seminar-Detail -------- */
div.seminar-facts { border:1px solid #787878; padding:6px; }
div.seminar-facts h3 { border-bottom:1px solid #DDDDDD; margin:4px 0 2px 0; padding:2px; font-size:12px; }
div.seminar-facts p,
div.seminar-facts dl,
div.seminar-facts ul
{ padding:0 0 6px 0; margin:0; list-style:none; }

div.seminar-facts dl p { padding-bottom:0; }

div.seminar-facts dt,
div.seminar-facts dd,
div.seminar-facts li
{ padding:0; margin:0; }

div.seminar-facts dt { font-style:italic; margin-top:2px; }
div.seminar-facts dt a { font-style:normal; }

/* -------- Linksliste -------- */
div.tx-ablinklist-pi1 { padding:0; padding-top:0; }
div.tx-ablinklist-pi1 h2 { border:1px solid #787878; border-bottom:none; margin:0; }
div.tx-ablinklist-pi1 h2 em { font-weight:normal; }
div.tx-ablinklist-pi1 div.tx_ablinklist_listView_categories p { color:#787878; background:#EFEFEF; padding:4px; border:1px solid #787878; border-top:none; border-bottom:1px solid #ABABAB; margin:0; }

div.tx-ablinklist-pi1 div.tx_ablinklist_listView_links { border:1px solid #787878; border-top:none; padding:6px 6px 6px 6px; margin:0; }
div.tx-ablinklist-pi1 p.tx_ablinklist_link_actions { color:#787878; text-align:right; margin:0; }

div.tx-ablinklist-pi1 h3 { font-weight:bold; font-size:12px; }
div.tx-ablinklist-pi1 h3 span { font-weight:normal; text-decoration:underline; }
div.tx-ablinklist-pi1 h3 a { text-decoration:none; }

div.tx-ablinklist-pi1 a.top { margin-top:8px; }

/* -------- Links-Kategorien-Tabelle -------- */
div.tx-ablinklist-pi1 table { width:600px; padding:0; margin:0; }
div.tx-ablinklist-pi1 td { width:50% !important; border:none !important; padding:0; margin:0; vertical-align:top; }

/* -------- Links nicht funktionierend melden -------- */
div.tx_ablinklist_viewReportBrokenLink,
div.tx_ablinklist_viewReportBrokenLink table,
div.tx_ablinklist_viewReportBrokenLink tr,
div.tx_ablinklist_viewReportBrokenLink td
{ border:none !important; background:none; color:#0B0C52; font-size:12px; }

div.tx_ablinklist_viewReportBrokenLink tr { border-bottom:1px solid #CECECE !important; }