/*
Screen-CSS für kjf.de
Autor: Nicole Hinze
*/

/* === Layout === */
html, body {height:100%; font-size:12px;}
#wrapper {width:1000px; margin:0 auto; background-color:#fff; min-height:101%; height:auto !important; height:101%; position:relative;}
#container {min-height:350px; height:auto !important; height:200px; padding:20px 0; background:transparent url(../images/bg_container.gif) top right repeat-y;}
#left {float:left;width:231px; height:100%;}
#main {margin:0 245px 0 255px;}
#right {float:right; width:225px;}
#right .inside {padding:0 10px 120px 10px;}

/* === Allgemeines === */
body {background-color:#fef4ec;}
div,p,li,td,span,input,textarea {font-family:Trebuchet MS,sans-serif; font-size:1em; line-height:1.6em; color:#000;}
#main p, #right p, #main form, div.empty {margin-bottom:16px;}
a {color:#f58a44; text-decoration:none;}
a.pfeil, .cartlink a {padding-left:10px; background:transparent url(../images/link.png) 0 4px no-repeat;}
.back a {padding-left:10px; background:transparent url(../images/link-back.png) 0 5px no-repeat;}
div {position:relative;}
h1, h2, h3, h4, h5, h6 {color:#f78b43; margin-bottom:16px;}
h1, h2, h3 {font-size:1.3em;}
h2 {color:#000;}
#right h2 {font-size:1.2em; color:#000;}
h4, h5, h6 {font-size:1em;}
h4, h5, h5 {color:#000;}
h5, h6 {margin-bottom:5px;}
.nowrap {white-space:nowrap;}
.error {color:#990000;}
#main ul, #right ul {list-style-type:disc; margin:0 0 8px 16px;}
li {padding-bottom:8px;}
.clearAll {clear:both;}

/* === Header === */
#header {height:255px;}
#imgHeader {z-index:1; position:absolute; top:0; left:231px; width:769px; height:232px; background-color:#aaa;}
#kjf {position:relative; top:109px; left:0;}
#arrow {position:absolute; top:255px; left:-40px; width:222px; height:240px; background:transparent url(../images/background-arrow.jpg) top left no-repeat;}
/* navMain */
#navMain {z-index:100; position:absolute; top:209px; left:231px; width:769px; height:23px; background:transparent url(../images/bg_navMain.png) top left repeat; overflow:hidden;}
#navMain ul {padding-left:2px; position:absolute; width:769px;}
#navMain li {float:left; padding:0 6px 0 5px; background:transparent url(../images/spacer-navMain.gif) top right no-repeat; line-height:16px;}
#navMain a, #navMain span {color:#000; font-size:12px; line-height:23px; font-weight:bold;}
#navMain li.active, #navMain li.trail {background:transparent url(../images/orange-active.png) top right no-repeat;}
#navMain a.kjf {}
/* navSec */
#navSec {z-index:101; position:absolute; top:232px; left:231px; width:769px; height:23px; background:transparent url(../images/bg_navMain.png) top left repeat; overflow:hidden;}
#navSec ul {position:absolute;  width:720px;padding-left:2px; background:transparent url(../images/spacer-navMain2.gif) top left no-repeat;}
#navSec li, #navSec li.active, #navSec li.trail {line-height:16px; float:left; padding:0 6px 0 5px; background:transparent url(../images/spacer-navMain2.gif) top right no-repeat;}
#navSec a, #navSec span {color:#000; font-size:12px; line-height:23px; font-weight:bold;}
#navSec li.active span, #navSec li.trail a {color:#F99545;}
/* navService */
#navService {position:absolute; top:209px; left:0; width:231px; height:23px; background-color:#f99545;}
#navService ul {position:absolute; width:200px; margin-left:10px; padding-left:3px; background:transparent url(../images/spacer-navService.gif) top left no-repeat;}
#navService li {float:left; font-size:10px; line-height:23px; padding:0 4px 0 3px; background:transparent url(../images/spacer-navService.gif) top right no-repeat;}
#navService a, #navService span {color:#000; font-size:10px;}
/* navSocial */
#navSocial {position:absolute; top:235px; right:2px; z-index:200; line-height:16px; font-size:12px;}
#navSocial2 {position:absolute; top:260px !important; top:265px; left:10px; width:155px; text-align:right; z-index:200; line-height:16px; font-size:12px;}
/* navLanguage */
.changeLanguage {position:absolute; top:215px; right:5px; z-index:250;}
.changeLanguage li {float:left; margin-left:5px;}
.changeLanguage a {display:block; width:16px; height:11px; overflow:hidden; background:transparent url(../images/languages.gif) top left no-repeat;  text-indent:-9999px;}
.changeLanguage a.lang-de {background-position: 0 top;}
.changeLanguage a.lang-en {background-position: -16px top;}
.changeLanguage a.lang-fr {background-position: -32px top;}
.changeLanguage a.lang-es {background-position: -48px top;}
.changeLanguage a.lang-tr {background-position: -64px top;}

/* === Header & Credit Slider === */
#elements1 {position:absolute;}
.mask1 {width:769px; height:232px; position:relative; overflow:hidden;}
.mask1 img {position:absolute; display:block; border:none; }
#elements2 {position:absolute;}
.mask2 {width:230px; height:165px; position:relative; overflow:hidden;}
.mask2 div {position:absolute; display:block; border:none; background-color:#fff;}
.mask2 p {position:absolute; width:230px; left:0; bottom:80px; font-size:10px; line-height:12px; color:#666666; background-color:#fff;}
.mask2 img.creditImg {margin-top:90px;}
#credits {position:absolute; z-index:2000; top:215px; left:10px;}
#credit a.pfeil {line-height:16px;}
#fontsizer {display:inline;}

/* === Rechter Rand === */
#right, #right .inside {position:static;}
#foerderer {background-color:#fff; position:absolute; bottom:0; right:0;}
#foerderer p {padding-left:57px; font-size:8px; margin-bottom:0;}

/* === Aktuelles, Presse === */
.layout_latest h2, .layout_latest h2 a {font-size:12px; margin-bottom:0; color:#f58a44;}
.layout_latest .image_container {float:left; margin:0 25px 16px 0;}
.mod_newsreader .image_container {float:right; margin:0 0 0 18px;}

/* === Termine, Veranstaltungen === */
.event h2, .event h2 a {font-size:12px; margin-bottom:0;}
.event h2 {color:#000;}
#main .event p.time {margin-bottom:0;}
.seminar {padding-bottom:10px;}
.seminar h2, #main .seminar p {margin-bottom:6px;}

/* === Formulare === */
.ce_form td {padding:5px 0; vertical-align:top;}
.ce_form td.col_0 {width:195px; text-align:right;}
.ce_form td.col_1 {padding-left:10px;}
.ce_form input, .ce_form textarea {width:255px; background-color:#cccccc; border:0; padding-left:3px;}
.ce_form input.submit, .ce_form input.radio {width:auto; padding-left:0;}
.ce_form input.captcha {width:35px;}
.ce_form textarea {height:64px;}
#main .ce_form p {margin-bottom:0;}
#sucheHeader {position:absolute; width:231px; top:237px; left:10px;  font-size:12px; line-height:16px;}
#sucheHeader input.text, .mod_search input.text {width:150px; height:16px; border:1px solid #cccccc; padding-left:3px;}
#sucheHeader input.submit, .mod_search input.submit {width:45px; height:16px; background-color:#fff; border:0; width:auto; color:#666; padding:0; margin:0; cursor:pointer;}
.mod_search .header {font-style:italic; margin:16px 0;}
.mod_search h3 {margin-bottom:0;}

/* === Kontakt === */
.dlh_googlemap {margin-bottom:16px;}

/* === Sitemap === */
#main .mod_sitemap ul {list-style:circle; margin:0 0 0 16px;}
#main .mod_sitemap li {padding:0; margin:0;}
.mod_sitemap a {color:#000; font-weight:bold;}
.mod_sitemap a:hover {color:#f58a44;}
.mod_sitemap .level_2 a {font-weight:normal;}

/* === individuelle Seitenformatierungen === */
/* Aktuell/Presse */
#aktuell h1, #presse-liste h1 {color:#000;}
/* Newsletter */
p.confirm {font-size:14px; font-weight:bold;}
/* Team */
#team-text div.ce_text {min-height:136px;}

/* Shop */
#shopListe .shopListeLinks, #shopListe .shopListeRechts {width:48%;}
#shopListe .shopListeLinks {float:left;}
#shopListe .shopListeRechts {float:right;}
#shopListe h2 {font-size:1em; margin-bottom:0.75em;}
#shopListe div.item {padding-bottom:5px;}
#shopListe span.image {display:block; float:left; width:25px; height:35px; background-color:#e2e2e2;}
#shopListe span.info {display:block; padding-left:30px; line-height:16px;}
#shopListe form {float:right; margin-bottom:0;}
.shopLeser .imageContainer, .shopListe .imageContainer {float:left; width:125px;}
.shopLeser .textContainer, .shopListe .textContainer {float:right; width:365px;}
.shopLeser h1 {color:#000;}
.shopLeser .preis, .shopListe .preis {color:#f78b43;}
.shopListe .item {padding-bottom:16px;}
.shopListe .noImg {background-color:#e2e2e2; height:175px;}
/* Warenkorb */
.mod_chshop_cart table, .mod_chshop_overview table, .mod_chshop_order table {width:95%; margin-bottom:16px;}
.mod_chshop_cart td, .mod_chshop_cart th, .mod_chshop_overview td, .mod_chshop_overview th, .mod_chshop_order td, .mod_chshop_order th {border-bottom:1px solid #eee; padding:5px 0;}
.mod_chshop_cart form {display:inline;}
total1, .mod_chshop_cart .total, .mod_chshop_overview .total1, .mod_chshop_overview .total, .mod_chshop_order .total {font-weight:bold;}
.mod_chshop_order .prepayment .message {color:#f78b43; margin-bottom:16px; font-size:16px; font-weight:bold;}
.mod_chshop_cart .price {text-align:right;}
.productdata {width:40%;}
.price {width:15%;}
.subtotal {width:15%;}
.amount {width:30%; text-align:center;}
.amount input {width:30px; text-align:center;}
.vats {padding-bottom:16px;}
.overview .label, .accountinfo .label {width:30%;}
input.submit_ok, input.submit_delete {width:20px; height:20px; border:0; cursor:pointer;}
input.submit_ok {background:transparent url(../images/shop-confirm.gif) top left no-repeat;}
input.submit_delete {background:transparent url(../images/shop-delete.gif) top left no-repeat;}
.mod_chshop_cart div.cartlink {width:95%; text-align:right; padding-top:16px;}
.mod_chshop_terms .check, .mod_chshop_revocation .check {padding-bottom:16px;}
/* Warenkorb Mini */
#warenkorbMini {position:absolute; top:280px !important; top:285px; left:10px; min-width:150px; z-index:200; line-height:16px; font-size:12px; border:1px solid #ccc;}
#warenkorbMini a {color:#666; font-size:10px; padding:0 5px;}
/* Buttons als Link */
.shopLeser .submit,
.mod_chshop_terms .submit,
.mod_chshop_revocation .submit,
.orderlink a,
.shopListe .submit,
#shopListe .submit
{color:#f58a44; border:0; padding:0 0 0 10px; margin:0; background:transparent url(../images/link.png) 0 5px no-repeat; cursor:pointer;}