/*
-----------------------------------------------
$Id: drucken.css
Customer: JKI (Japanisches Kulturinstitut)
Author:   edotz web development www.edotz.de
Version:  1.0
Date:     2006/11/25
----------------------------------------------- */
* {
	margin:0px;
    padding:0px;
}

body {
    margin:0; /* setting top and bottom margin */
	padding:0;
    font-size:100.01%;
}
address, abbr, acronym, dfn	{
	font-variant:normal;
}

a, address, body, blockquote, caption, cite, div, dfn, dl, dt,
fieldset, h1, h2, h3, h4, img, input, label, legend,
li, ol, option, p, q, select, textarea, td, th, ul 	{
	font-family:Arial,Helvetica,sans-serif,"Trebuchet MS";
}

.clear {
	clear:both;
}

#navMain ul,
.navSub ul,
#navMeta ul{
	list-style: none;
    padding:0px;
    margin:0px;
    height:1%;
}

h1, h2, h3, h4 {
   font-weight:bold;
}
h1 {
	font-size:120%;
    color:#000;
}
h2 {
  	font-size:90%;
    color:#5D5D5D;
}
h3 {
	font-size:1em;
    color:#000;
}

h4 {
	font-size:1em;
    color:#000;
}


p {
	padding:0;
	margin:0;
}
form {
	margin:0;
    padding:0;
}
img {
	border:0;
}
a {
    color:#5D5D5D;
	text-decoration:none;
}
fieldset {
 	border:none;
    background:none;
}
#skipToContent a, #skipToNav a {
	position:absolute;
    z-index:2;
    width:10em;
    overflow:hidden;
    top:-100px;
    left:-1000px
}

#skipToContent a:focus, #skipToNav a:focus, #skipToContent a:active, #skipToNav a:active {
	position:absolute;
    z-index:99;
    width:12em;
    top:.5em;
    left:.5em;
    margin-left:4px;
    text-decoration:underline;
    color:#000;
    background:#ccc;
    font-size:.8em
}
.hidden {
	display: none;
}
.clear {
	clear:both;
	font-size:1px;
	line-height:1px;
	margin-top:-1px;
}
#box-main {
	background:#fff;
    width:56.175em;
    padding-right:.05em;
}
* html #box-main {
    width:56.25em;
}
#box-head {
	display:none;
}

#search {
	display:none;
}
#navBox {
	display:none;
}

#contentBox {
    width:56.01em;
    max-width:55.95em;
}
#contentBox .content {
    width:40em;
    padding-bottom:2em;
}
.navSub {
	display:none;
}
#navMeta {
	display:none;
}
.open {
	position:absolute;
    font-size:76%;
    top:25.5em;
    left:.7em;
}
.path,
.breadcrumb {
	display:none;
}

#contentBox .content .cBoxes {
    font-size:76%;
    padding:0 1em 0 .8em;
    color:#5D5D5D;
}

/* allgemeine Content Styles */
#contentBox .content .cBoxes h1 {
	font-size:1em;
    margin-bottom:.2em;
}
#contentBox .content .cBoxes h2 {
	font-size:1em;
    margin-bottom:.5em;
}
#contentBox .content .cBoxes h3 {
    margin-bottom:.5em;
}
#contentBox .content .cBoxes p {
    margin-bottom:1em;
}
#contentBox .content .cBoxes a {
	text-decoration:underline;
}
#popup .spacer,
#contentBox .content .cBoxes .spacer {
    background:url(img/spacer_content.gif) center repeat-x;
    border:0;
    height:10px;
    line-height:10px;
    margin:.5em 0 .5em 0;
    clear:both;
}
.content .cBoxes ol {
    margin:1em 0 1em 24px;
}
* html .content .cBoxes ol {
    margin-left:30px;
}
.content .cBoxes ol li {

}
.content .cBoxes ul {
 	margin:1em 0 1em 16px;
}

.content .cBoxes ul.circle {
    list-style-image:url(img/bg_list.gif);
}
.content .cBoxes ul.circle li {
    list-style-image:url(img/bg_list.gif);
}
.content .cBoxes ul.triangle {
    list-style-image:url(img/bg_list_triangle.gif);
}
.content .cBoxes ul.triangle li {
    list-style-image:url(img/bg_list_triangle.gif);
}
* html .content .cBoxes ul.triangle li,
* html .content .cBoxes ul.circle li {

}

/* Startseite */
.homeTeaserBox {
    margin-bottom:.5em;
    overflow:hidden;
    width:100%;
}
.institutBox {
	background:#EEE2E9;
}
.programmBox{
	background:#F5E5E1;
}
.sprakursBox {
	background:#F4EDE3;
}
.bibliothekBox {
	background:#F1E8DE;
}
.publikationBox {
	background:#E0E8DA;
}
.serviceBox {
    background:#E2E9D8;
}
.linksBox {
    background:#CDE4F2;
}
#contentBox .content .cBoxes .homeTeaserBox h2 {
	color:#646567;
    padding:.5em .5em .3em .5em;
    margin-bottom:0;
}
.institutBox h2 span {
	color:#A06A8A;
}
.programmBox h2 span {
	color:#CD4020;
}
.sprachkursBox h2 span {
	color:#C19F5E;
}
.bibliothekBox h2 span {
	color:#A3866A;
}
.publikationBox h2 span {
	color:#6E7B64;
}
.serviceBox h2 span {
	color:#A0C06C;
}
.linksBox h2 span {
	color:#96C7E3;
}
.homeTeaserBox h3 {
	color:#646567;
    padding:0 .5em .5em .5em;
}
.homeTeaserBox img {
}
.homeTeaserBox img {
    float:right;
}
#contentBox .content .cBoxes .homeTeaserBox p {
    padding:0 .5em;
    margin-bottom:0;
    width:22.5em;
    font-size:100%;
}
.homeTeaserBox a {
    padding-left:9px;
}

#contentBox .content .cBoxes .homeTeaserBox p {
    padding:0 .5em;
    margin-bottom:0;
    width:19em;
    font-size:100%;
}
.homeTeaserBox a {
	background:url(img/link_arrow_home.gif) 3px center no-repeat;
	padding-left:8px;
}


/* Programm */
#contentBox .content .cBoxes .programm h2 {
    border-top:1px dotted #969694;
    border-bottom:1px dotted #969694;
    padding:.2em 0 .2em .5em;
    font-weight:normal;
    font-size:.9em;
}
#contentBox .content .cBoxes .jki h2 {
	background:#F4E5E0;
}
#contentBox .content .cBoxes .aushaus h2 {
	background:#F1EFF0;
}
#contentBox .content .cBoxes .aushaus div,
#contentBox .content .cBoxes .jki div {
	clear:both;
    overflow:hidden;
    width:41.5em;
    margin-bottom:1em;
}
* html #contentBox .content .cBoxes .aushaus div,
* html #contentBox .content .cBoxes .jki div {
    margin-bottom:.2em;
}
#contentBox .cBoxes .programm h3 {
	color:#000;
    font-size:1em;
    width:28em;
    margin-bottom:.1em;
}
.cBoxes .programm h4 {
	color:#818181;
    font-size:1em;
}
.cBoxes .programm p {
	width:29em;
}
.cBoxes .programm a {
	display:table-cell;
}
* html .cBoxes .programm p a {
	display:block;
}
.cBoxes .programm img {
	float:right;
    margin-top:.2em;
}
.catlist {
    background:url(img/spacer_content.gif) top repeat-x;
    padding-top:.5em;
    clear:both;
    width:auto;
    overflow:hidden;
    padding-bottom:.5em;
}
.catlist span {
	display:block;
}

.pdf-liste h2 {
	font-size:1em;
    color:#000;
    padding-left:.4em;
}

.content .cBoxes .pdf-liste ul {
	margin:.3em 0 .5em 0;
	list-style:none;
}
.content .cBoxes .pdf-liste ul li {
	list-style-image:none;
    margin-bottom:.5em;
}
a.pdf,
.pdf-liste ul li a {
	background:url(img/pdf.gif) left center no-repeat;
    padding:.2em 0 .2em 20px;
    display:block;
    text-decoration:underline;
}
.content .cBoxes .addinfo ul {
	list-style:none;
    margin:.2em 0 1.5em 0;
}
.content .cBoxes .addinfo ul li {
	list-style-image:none;
    padding-bottom:.3em;
}
.search-archiv {
	width:100%;
    overflow:hidden;
    background:url(img/spacer_content.gif) bottom repeat-x;
    min-height:7em;
    position:relative;
    margin-bottom:1em;
}
* html .search-archiv {
    height:7em;
}
.search-archiv div {
	float:left;
    width:8em;
}
.search-archiv select {
    width:13em;
}
.search-archiv .jahr select {
    width:6em;
}
.search-archiv label {
	display:block;
    margin-bottom:.2em;
}
.search-archiv select {
	border:1px solid #A5ACB2;
}
.search-archiv a {
	position:absolute;
    left:28em;
    top:4em;
    background:url(img/archiv_submit.gif) left center no-repeat;
    padding-left:10px;
}

/* Programm Popup */
#popup {
	width:52em;
    font-size:76%;
    background:#fff;
    border-bottom:2px solid #ccc;
    border-right:2px solid #ccc;
    border-left:2px solid #ccc;
}
#popup .head {
	background:#CD4120;
    position:relative;
    height:3.5em;
}
#popup .head h1 {
	color:#fff;
    font-size:120%;
    position:absolute;
    left:1em;
    top:.8em;
}
#popup .head a {
	color:#fff;
    background:url(img/close.gif) left 4px no-repeat;
    font-size:90%;
    position:absolute;
    right:2em;
    top:1em;
    padding-left:10px;
}
#popup .inhalt {
	padding:2em 1em 1em 1em;
}
#popup .inhalt .kanji,
#popup .inhalt h2 {
	color:#5D5D5D;
    font-size:110%;
}
#popup .inhalt h3 {
	color:#B1B1B1;
    font-size:110%;
}
#popup .inhalt img {
	float:left;
    margin:0 2em 1em 0;

}

#popup .inhalt .filminfo {
	list-style:none;
    margin-left:0;
}
#popup .inhalt .filminfo li {
	list-style:none;
    padding-bottom:.3em;
}
#popup .inhalt p {
	width:50em;
}
#popup .inhalt ul {
	margin:.5em 1em .5em 16px;
}
.print {
	background:#F4F4F4;
    text-align:right;
    border-bottom:.5em solid #fff;
    padding:.4em 0 .4em 0;
}
.print a {
	font-weight:bold;
    margin-right:1em;
    background:url(img/link_arrow_prog.gif) left center no-repeat;
    padding-left:8px;
}
.print a:hover {
	text-decoration:underline;
}



/* Text mit Bild */
.bild-box {
	width:100%;
    overflow:hidden;
}
.bild-text {
	float:left;
    min-width:200px;
    padding-right:1em;
}
.bild-text-rechts {
	float:right;
    min-width:200px;
    padding-left:1em;
}
* html .bild-text {
    width:200px;
}
.bild-text p {
    font-size:.9em;
}
/* Bild */
.bild {
	float:left;
}
.bild img {
	margin:0 .5em .3em 0;
}
.bild p {
    font-size:.9em;
}



/* Sprachkurs */
table {
	border:none;
    width:100%;
    border-bottom:.4em solid #AF9F82;
    margin-bottom:1em;
}
table .col3-1 {
	width:14%;
}
table .col3-2 {
	width:36%;
}
table .col3-3 {
	width:50%;
}
table .col2-1 {
	width:20%;
}
table .col2-2 {
	width:80%;
}
table .col5-1 {
	width:14%;
}
table .col5-2 {
	width:28%;
}
table .col5-3 {
	width:22%;
}
table .col5-4 {
	width:18%;
}
table .col5-5 {
	width:18%;
}
table th {
	background:#AF9F82;
    color:#fff;
    text-align:left;
    padding:.2em 0 .2em .7em;
    border-bottom:2px solid #fff;
}
table td {
	background:#EAE4D8;
    padding:.5em 1em .5em .7em;
    vertical-align:top;
    border-bottom:2px solid #fff;
}
table td.cell1 {
	font-weight:bold;
}
table td.cell2 {
	background:#F2EDE5;
    border-left:2px solid #fff;
}
table td.cell3 {
	background:#F9F6F2;
    border-left:2px solid #fff;
}
table td.cell4 {
	background:#F5F1EC;
    border-left:2px solid #fff;
}

/* Publikationen */
.browseBox {
	display:none;
}
.orderBox {
	display:block;
}
.browseBox2 {
	display:none;
}
.browseBox div {
    background:url(img/spacer_content.gif) top repeat-x;
    padding-top:5px;
}
.browseBox div p {
	position:absolute;
    left:12em;
    top:.85em;
}
#contentBox .content .cBoxes ul.pageBrowser {
	list-style:none;
    line-height:10px;
    position:absolute;
    top:1.1em;
    left:.5em;
	margin:0;
}

ul.pageBrowser li {
    float:left;
    padding:0 .2em 0 .2em;
    border-left:1px solid;
    line-height:.8em;
}
ul.pageBrowser  li.p_right {
    line-height:.85em;
}
ul.pageBrowser  li.p_left {
    border:none;
}
ul.pageBrowser li span {
	font-weight:bold;
    color:#6D7B61;
    line-height:10px;
}
#contentBox .content .cBoxes .pageBrowser li a {
	text-decoration:none;
    line-height:10px;
    padding:0 .2em 0 .2em;
}
#contentBox .content .cBoxes .pageBrowser li a:hover {
	text-decoration:underline;
}
#contentBox .content .cBoxes .pageBrowser li img {
    float:left;
    padding:.1em 0 .1em .2em;
    border:none;
}
#contentBox .content .cBoxes .orderBox ol {
	margin:.5em 0 0 0;
    padding:0;
    list-style:none;
    clear:both;
}
.orderBox ol li {
	margin:0;
    padding:0 0 .5em .5em;
    list-style:none;
    clear:both;
    position:relative;
    line-height:1.4em;
}
.orderBox ol li strong {
	display:block;
    position:relative;
    float:left;
    width:2.5em;
    text-align:right;
    padding-right:.5em;
}
.orderBox ol li span {
	position:absolute;
    right:1em;
    top:0;
    clear:both;
}
#contentBox .content .cBoxes .publListe h2 {
    padding:.2em 0 .2em .5em;
    font-weight:normal;
    font-size:.8em;
	background:#E0E8D9;
    margin-top:.5em;
    font-size:14px;
}
.publListe div {
    position:relative;
    left:-15em;
    width:39.3em;
    min-height:4em;
    clear:both;
    padding-bottom:.5em;
}
* html .publListe div {
    height:4em;
    width:39.5em;
}
.publListe div h3 {
    font-size:12px;
    width:12em;
}
.publListe div p {
	position:absolute;
    left:16em;
	top:0.1em;
}
.publListe div label {
	display:none;
}
.publListe div select {
	display:none;
}
.publListe div span {
	position:absolute;
    top:0;
    left:24.5em;
}
#contentBox .content .cBoxes .submit {
    display:block;
    text-align:right;
    margin:0 1em 2em 0;
}
#contentBox .content .cBoxes .browseBox .submit,
#contentBox .content .cBoxes .publListe div a,
#contentBox .content .cBoxes .submit a {
	display:none;
}
#contentBox .content .cBoxes .browseBox .submit,
#contentBox .content .cBoxes .publListe div a {
	display:none;
}
#contentBox .content .cBoxes .browseBox .submit {
	top:.85em;
}

.orderoverview {
 	overflow:hidden;
    width:41.8em;
}
.orderoverview .summe,
.orderoverview .trartikel,
.orderoverview .trhead {
 	overflow:hidden;
    width:41.8em;
    margin-bottom:1em;
    padding:.5em 0 .5em 1em;
}
.orderoverview .trartikel {
    margin-bottom:.5em;
    padding:.5em 0 .5em 0;
}

.orderoverview .trhead .c1 {
	display:none;
}

.orderoverview .summe {
	background:url(img/spacer_content.gif) bottom repeat-x;
}
.orderoverview .trartikel .c1 {
	display:none;
}
.orderoverview .trartikel .c1 img {
	display:none;
}
#contentBox .content .cBoxes .orderoverview .trartikel .spacer {
    background:url(img/spacer_content.gif) bottom repeat-x;
    clear:both;
    float:none;
    width:41.8em;
	padding:0 0 .5em 0;
    display:block;
    margin:0;
    height:10px;
    line-height:10px;
}

.orderoverview h2 {
	background:url(img/spacer_content.gif) bottom repeat-x;
    padding-bottom:1em;
}

.orderoverview span {
	display:block;
    float:left;
}
.orderoverview .c1 {
	width:8em;
    max-width:7.5em;
}
.orderoverview .trartikel .c1 {
	width:6.2em;
}
.orderoverview .c2 {
	width:21em;
    min-width:21.5em;
    padding-bottom:.5em;
}
.orderoverview .c2 strong {
	display:block;
}
.orderoverview .c3 {
	width:5em;
    min-width:5.2em;
}
.orderoverview .trartikel .c3 {
    width:3.9em;
    min-width:3.2em;
    padding-left:1.2em;
}
.orderoverview .c4 {
	width:5em;
    text-align:right;
}
.orderoverview .trhead .c4 {
    text-align:right;
}

.orderoverview .trartikel input {
	width:2em;
    border:1px solid;
    margin-left:.2em;
}
.orderoverview .summe {
 	padding:0 0 1em 1em;
}
.orderoverview .summe p {

}
.orderoverview .summe p span {
	float:left;
}
.orderoverview .summe p strong {
	float:left;
    padding-right:.5em;
}


.order {
	border:none;
}
.order .col4,
.order .col3,
.order .col1 {
	width:20%;
}
.order .col2 {
	width:40%;
}
.order caption {
	text-align:left;
    font-weight:bold;
    padding-bottom:1em;
	background:url(img/spacer_content.gif) bottom repeat-x;
}
.order th {
    color:#5B5B5B;
    font-weight:normal;
    padding:.8em 0 .8em 0;
	background:url(img/spacer_content.gif) #f3f3f3 bottom repeat-x;
    padding-left:.7em;
}
.order th.preis {
	text-align:center;
}
.order td {
    background:url(img/spacer_content.gif) #fff bottom repeat-x;
}
#contentBox .content .cBoxes .order td h2 {
	margin:0;
}
.order td.preis {
	text-align:right;
}
.order td input {
	width:2em;
    border:1px solid;
    margin-left:.2em;
}
.order tfoot td {
	text-align:right;
    padding-bottom:1.2em;
}
.order td img {
	margin:.5em 0 0 1.2em;
}
.sum {
 	text-align:right;
    padding-right:.5em;
}
.content .cBoxes form input:focus,
.content .cBoxes form textarea:focus {
	color: #000;
	background: #ddd;
}
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
	cursor: pointer;
}

.content .cBoxes form fieldset {
	width:41.5em;
    margin:.5em 0 0 0;
    display:block;
}
* html .content .cBoxes form fieldset {
    margin:.5em 0 .7em 0;
}
.content .cBoxes form legend {
	font-size:100%;
    font-weight:bold;
    color:#000;
    margin:0 0 .5em 0;
    padding:0;
}
* html .content .cBoxes form legend {
    margin-left:-.5em;
}
.content .cBoxes form label {
	display:block;
    width:15em;
    float:left;
    margin-bottom:15px;
}
.content .cBoxes form div {
	clear:both;
    overflow:hidden;
}
.content .cBoxes form label.plz {
    width:auto;
    padding-right:2px;
}
.content .cBoxes form label.ort {
    width:12.8em;
}
.content .cBoxes form input.plz {
    width:4em;
    float:left;
    margin-right:.5em;
}
.content .cBoxes form input.ort {
    width:20.8em;

}
* html .content .cBoxes form input.ort {
    width:18.8em;
}
.content .cBoxes form input {
	display:block;
    width:25.5em;
    float:left;
    border:1px solid #949BA3;
    margin-bottom:15px;
}
* html .content .cBoxes form input {
    width:23.5em;
}
.content .cBoxes form select {
	display:block;
    width:25.6em;
    float:left;
    border:1px solid #949BA3;
    margin-bottom:15px;
}
* html .content .cBoxes form select {
	width:23.7em;
}


.content .cBoxes form textarea {
	display:block;
    width:25.5em;
    float:left;
    border:1px solid #949BA3;
    margin-bottom:15px;
    font-size:100%;
}
* html .content .cBoxes form textarea {
	width:25.7em;
}
.pflicht {
	display:block;
    text-align:right;
    font-size:90%;
    padding-right:.9em;
    margin-bottom:1.3em;
}
.but-contact {
    position:relative;
    display:block;
    height:2em;
}
#contentBox .content .cBoxes .but-contact a {
    position:absolute;
    right:.9em;
    background:url(img/link_arrow_kontakt.gif) left center no-repeat;
    padding-left:8px;
    font-weight:bold;
    text-decoration:none;
}
.but-contact a.reset {
    left:15em;
}

/* Links */
.linkliste-3col,
.linkliste-2col {
    overflow:hidden;
    clear:both;
    float:none;
    width:38em;
}
.content .cBoxes .linkliste-2col ul,
.content .cBoxes .linkliste-3col ul {
	list-style:none;
    margin:0;

}
.content .cBoxes .linkliste-3col ul li,
.content .cBoxes .linkliste-2col ul li {
    margin:0 0 0 0;
    padding:.5em 1em .3em 0;
    display:block;
    min-height:5em;
    float:left;
}
* html .content .cBoxes .linkliste-3col ul li,
* html .content .cBoxes .linkliste-2col ul li {
    height:5em;
}
.content .cBoxes .linkliste-2col ul li {
	width:18em;
}
.content .cBoxes .linkliste-3col ul li {
	width:11.5em;
}
.linkliste-3col li strong,
.linkliste-2col li strong {
	display:block;
    margin-bottom:.3em;
    padding-right:1em;
}
.linkliste-3col li a,
.linkliste-2col li a {
    display:table-cell;
    padding-top:.2em;
    color:#86BBD9;
}
* html .linkliste-3col li a,
* html .linkliste-2col li a{
    display:block;
}

/* Teaser Bereich */

.teaserBox {
	display:none;
}
.teaserBox h2 {
    font-size:.8em;
    background:url(img/bg_lines.gif) #ECECEC;
    padding:.5em 0 .5em .9em;
    width:13.32em;
    min-width:14.38em;

}
.teaserBox div {
	margin:.5em .5em 1em .5em;
    padding-bottom:.5em;
    background:url(img/spacer.gif) bottom repeat-x;
}
.teaserBox h3 {
    margin-left:.3em;
    line-height:1.1em;
    padding-left:.3em;
    font-size:.7em;
    width:14em;
}
.teaserBox div p {
	font-size:.7em;
    color:#707070;
    margin:.5em 0 0 .3em;
    padding-bottom:5px;
    width:14.5em;
    min-width:15em;
}
.teaserBox div a {
    color:#707070;
	text-decoration:underline;
}
.teaserBox .institut h3 {
	border-left:.3em solid #A06A8A;
    color:#A06A8A;
}
.teaserBox .programm h3 {
	border-left:.3em solid #CD4020;
    color:#CD4020;
}
.teaserBox .sprachkurs h3 {
    border-left:.3em solid #AF9F82;
    color:#AF9F82;
}
.teaserBox .bibliothek h3 {
    border-left:.3em solid #A3866A;
    color:#A3866A;
}
.teaserBox .publikation h3 {
    border-left:.3em solid #6E7B64;
    color:#6E7B64;
}
.teaserBox .service h3 {
    border-left:.3em solid #A0C06C;
    color:#A0C06C;
}
.teaserBox .links h3 {
    border-left:.3em solid #96C7E3;
    color:#96C7E3;
}