/*
FARBEN
    Schriftgrau
    color: #777;
    dunkelblau
    color: #09529d;

*/
/**************************   Page Setup     **********************************/
html {
    height: 100%;
    background: url(/fileadmin/layouts/main/public/gfx/kacheln-bg.png) repeat;
}
body {
    font-family: verdana,tahoma,helvetica,arial,sans-serif;
    height: 100%;
    width: 100%;
    color: #333;
}
#main {
    width: 972px;
}
#header {
    position: absolute;
    top: 0;
    left: 0;
    height: 212px;
    width: 972px;
    background: transparent url(/fileadmin/layouts/main/public/gfx/header-bg.png) no-repeat 0 100%;
}
#navimain {
    position: absolute;
    left: 208px;
    bottom: 27px;
    width: 530px;
    height: 25px;
}
#search-form {
    position: absolute;
    bottom: 27px;
    left: 734px;
    height: 24px;
    width: 203px;
    background: transparent url(/fileadmin/layouts/main/public/gfx/search-form-bg.gif) no-repeat 0 0;
}
#breadcrumb {
    height: 28px;
    position: absolute;
    left: 221px;
    bottom: 0;
    clear: both;
    line-height: 28px;
    width: 666px;
}
#content {
    margin: 212px 0 0 0;
    padding: 0 30px 0 0;
}
.content-3 {
    background: url(/fileadmin/layouts/main/public/gfx/content-3-bg.gif) repeat-y;
}
.content-2 {
    background: url(/fileadmin/layouts/main/public/gfx/content-2-bg.gif) repeat-y;
}
#content-side,
#content-text,
#col-navi {
    float: right;
}

#content-side {
    width: 265px;
    margin: 0 0 0 13px;
    min-height: 10px;
    background: url(/fileadmin/layouts/main/public/gfx/elements-bg.png) -1448px -23px no-repeat;
}
#content-text {
    margin: 0 0 0 13px;
    min-height: 10px;
    background-repeat: no-repeat;
    background-image: url(/fileadmin/layouts/main/public/gfx/elements-bg.png);
}
.middle-column {
    width: 455px;
    background-position: -980px -23px; 
}
.wide-column {
    width: 734px;
    background-position: -233px -23px; 
}
.content-2 #content-bottom,
.content-3 #content-bottom {
    height: 23px;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url(/fileadmin/layouts/main/public/gfx/elements-bg.png);    
}
.content-2 #content-bottom {
    background-position: -24px 0;
}
.content-3 #content-bottom {
    background-position: -771px 0;
}
#col-navi {
    width: 195px;
}
#navisub {
    padding: 0 1px 0 0;
}
#termine {
    
}
#footer {
    position: relative;
    height: 200px;
    width: 956px;
    background: url(/fileadmin/layouts/main/public/gfx/footer-bg.png) no-repeat 0 0;
}

/***************************    general classes   *****************************/
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.tx-billitongalleriffic-pi1, .csc-textpic, .clearfix {display: inline-block;}
.tx-billitongalleriffic-pi1:after, .csc-textpic:after, .clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html .tx-billitongalleriffic-pi1, * html .csc-textpic, * html .clearfix {height: 1%;}
.tx-billitongalleriffic-pi1, .csc-textpic, .clearfix {display: block;}
.clear {clear: both;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
/***************************   Header              ***************************/
#navimain li {
    float: left;
    height: 24px;
    display: block;
    margin: 1px 10px 0 0;
    background: url(/fileadmin/layouts/main/public/gfx/navimain-li.gif) no-repeat 0 0;
}
#navimain li a {
    display: block;
    float: left;
    position: relative;
    left: 8px;
    padding: 0 20px;
    margin: 0 0 0 -8px;
    line-height: 24px;
    height: 24px;
    background: url(/fileadmin/layouts/main/public/gfx/navimain-a.gif) no-repeat 100% 0;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 92%;
}
#navimain li:hover a {
    height: 25px;
}
#navimain li:hover {
    margin: 0 10px 0 0;
    height: 25px;
}
/* Searchbox */
#search-form input {
    background-color: transparent;
    border: 0 none;
}
#search-form #search-input {
    position: absolute;
    top: 6px;
    left: 14px;
    width: 122px;
    height: 18px;
    color: #09529d;
}
#search-form #search-button {
    position: absolute;
    top: 0;
    left: 154px;
    width: 49px;
    height: 26px;
}
#header a.homelink {
    display: block;
    position: absolute;
    top: 7px;
    left: 12px;
    width: 150px;
    height: 166px;
}
/* Breadcrumb */
#breadcrumb li {
    float: left;
	font-size: 85%;
    list-style: none inside;
}
#breadcrumb li.last {
}
#breadcrumb a {
	color: #333;
	font-weight: normal;
	text-decoration: none;
}
#breadcrumb li a:hover {
    text-decoration: underline;
    color: #09529d;
}
/***************************   content elements    ***************************/
#content {
    line-height: 1.4em;
}

.wide-column .csc-header,
.middle-column .csc-header,
#col-navi .csc-header,
#content-side .csc-header {
    background-color: transparent;
    background-image: url(/fileadmin/layouts/main/public/gfx/elements-bg.png);
    background-repeat:  no-repeat;
    padding: 31px 1px 0 1px;
    height: 1%;
}
.wide-column .csc-header {
    background-position: -233px 0;
}
.middle-column .csc-header {
    background-position: -980px 0; 
}
#content-side .csc-header {
    background-position: -1448px 0;
}
#col-navi .csc-header {
    padding: 39px 1px 0 0;
    background-position: -772px 8px; 
}
/* first headers without bottom of previous element */
.wide-column .csc-header-n1,
.middle-column .csc-header-n1,
#content-side .csc-header-n1 {
    padding: 8px 1px 0 1px;
}

.wide-column .csc-header-n1 {
    background-position: -233px -23px; 
}
.middle-column .csc-header-n1 {
    background-position: -980px -23px; 
}
#content-side .csc-header-n1 {
    background-position: -1448px -23px; 
}

#content h2 {
    padding: 0;
    font-weight: bold;
    background-color: #fff;
    font-size: 92%;
    color: #09529d;
    border-bottom: #bdd1e3 1px solid;
    margin-bottom: 8px;
}

#content h1,
#content .csc-header h2,
#col-navi h2 {
    border-bottom: #bdd1e3 1px solid;
    color: #fff;
    font-size: 92%;
    background-color: #09529d;
    padding: 0 19px 4px 19px;
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 1.3em;
}
#content-text h3 {
    font-weight: bold;
    color: #09529d;
    font-size: 85%;
    margin-bottom: .7em;
}
#content-text h4 {
    font-size: 85%;
    font-weight: bold;
    margin-bottom: .7em;
}
#content-text h5,
#content-text h6 {
    font-size: 85%;
}
#content-text p {
    font-size: 85%;
    margin-bottom: .7em;
}
/*
#content-text ul,
#content-text ol {
    margin-bottom: .7em;
}
#content-text ul li {
    list-style-type: disc;
}
#content-text ol li {
    list-style-type: decimal;
}
#content-text li {
    font-size: 85%;
    list-style-position: outside;
    position: relative;
    left: 2.5em;
    padding-right: 2.5em;
}
*/
#content-text blockquote{
    font-family: Monotype Corsiva, script;
    font-size: 174%;
}

.csc-texttext ul,
.csc-texttext ol,
.csc-textpic-text ul,
.csc-textpic-text ol {
    margin-bottom: .7em;
}
.csc-texttext ul li,
.csc-textpic-text ul li {
    list-style-type: disc;
/* in case of list images *
    list-style-image: url(/fileadmin/layouts/main/public/gfx/ul-li.gif);
*/
}

.csc-texttext ol li,
.csc-textpic-text ol li {
    list-style-type: decimal;
}
.csc-texttext li,
.csc-textpic-text li {
    list-style-position: outside;
    position: relative;
    font-size: 85%;    
    left: 2.5em;
    padding-right: 2.5em;
}

#content-text li li {
    font-size: 100%;
}




#content a {
    color: #09529d;
}
#content-text td,
#content-text td {
    font-size: 85%;
    padding: .2em .6em .2em 0;
}

/*#content-text .tx-billitongalleriffic-pi1,*/
#content-text .csc-texttext,
#content-text .csc-textpic,
#content-text .csc-textpic-text,
#content-text .contenttable,
#content-text .news-list-container,
#content-text .tx-indexedsearch,
#content-text .news-amenu-container,
#content-text form {
    padding: 0 19px;
}
/* beware of the editor ;-) */
#content-text .csc-textpic .csc-textpic-text {
    padding: 0;
}
#content-side .pageteaser-list {
    padding: 0 10px;
}
 
/***********************************  Seitenspalte rechts *******************/
/* Spielergebnisse */
#content-side .contenttable {
    margin: -8px 1px -7px 1px;
    border-collapse: separate;
    width: 263px;
}
#content-side .contenttable .js-tr-odd td {
    background-color: #dee8f1;
}
#content-side .contenttable td {
    padding: .2em 5px;
    font-weight: bold;
    font-size: 85%;
    vertical-align: bottom;
    border-bottom: 1px solid #bdd1e3;
}
#content-side .js-contenttable {
    border-bottom: 0 none;
}
#content-side .contenttable .js-td-1 {
    width: 40px;
    border-left: 1px solid #bdd1e3;
    margin-right: 1px;
}
#content-side .contenttable td strong {
    color: #09529d;
    font-size: 108%;
}
/* Spielberichte *//*
.pageteaser-list .item {
    margin-bottom: 10px;
    line-height: 1.3em;
}
.pageteaser-list .text {
    float: left;
    width: 156px;
    font-size: 85%;
    
}
.pageteaser-list .text a {
    font-weight: bold;
    color: #333;
    text-decoration: none;
}
.pageteaser-list .text a:hover {
    text-decoration: underline;
}
.pageteaser-list .image {
    float: left;
    margin: 0 10px 0 0;
}
.pageteaser-list .img {
    padding: 1px;
}
.pageteaser-list .image a,
.pageteaser-list .image span {
    display: block;
    height: 100%;
    text-decoration: none;
}
.pageteaser-list .image a {
    position: relative;
}
.pageteaser-list .image span {
    position: absolute;
    left: 0;
    width: 100%;
    cursor: pointer;
}
.pageteaser-list .image span.img-wrap-1 {
    top: 0;
    background: url(/fileadmin/layouts/main/public/gfx/pageteaser-img-wrap.png) 0 0 no-repeat;
}
.pageteaser-list .image span.img-wrap-2 {
    bottom: 0;
    height: 6px;
    background: url(/fileadmin/layouts/main/public/gfx/pageteaser-img-wrap.png) 0 -114px no-repeat;
}
.pageteaser-list .image:hover span {
}
*/
/* Disclaimer */
#content-text a.hidden-link {
    color: #333;
    text-decoration: none;
}
#content-text .tx-billitonextdisclaimer-pi1 p a img {
    margin-bottom: -1px;
}
/* Suchergebnisse    */
#content-text .tx-indexedsearch-searchbox td {
    width: 10em;
}
#content-text .tx-indexedsearch-redMarkup {
    color: #09529d;
}
#content-text .tx-indexedsearch-searchbox-sword {
    border: 1px solid #333;
    width: 200px;
}
#content-text .tx-indexedsearch-searchbox-button {
    width: 202px;
    margin-top: .5em;
    color: #fff;
    border: 0 none;
    background-color: #09529d;
}
/* News */
#content-text .news-list-item {
    margin-bottom: -9px;
}
#content-text .news-list-item h2 {
    border-bottom: 0 none;
    border-top: 1px solid #bdd1e3;
    background-color: #fff;
    padding: 1em 0 0 0;
    font-size: 85%;
    line-height: 1.4em;
    margin: -9px 0 0 0;
}
#content-text .news-amenu-container li {
    font-size: 85%;
    margin:0 0 10px 0;
}
#content-text .news-amenu-container li.news-amenu-item-year {
    font-weight: bold;
    margin: 0;
}
#content-text .news-list-item h2 a {
    text-decoration: none;
}
#content-text .news-list-item h2 a:hover {
    text-decoration: underline;
}
#content-text .news-list-item p {
    margin-bottom: 0;
}
#content-text .news-list-item .morelink {
    margin-bottom: 2em;
}
#content-text .news-list-item .morelink a {
    font-weight: bold;    
}

/* News Single */
#content #news-single-item h2 {
    color: #09529d;
    background-color: #fff;
    border: 0 none;
    padding: 0;
}

#news-single-item .csc-header-n2 {
    padding: 8px 1px 0 1px;
    background-position:-233px -23px;
}
/****** Kontaktformulare ******/
.tx-pilmailform-pi1 form {
	width: 590px;
	margin-bottom: 2.6em;
}
#content-text ol.mailform li {
	list-style-type: none;
	float: left;
	width: 99.9%;
	clear: left;
	margin: 0 0 1.3em 0;
	position: static;
	padding: 0;
	left: 0;
}
/* Auswahlfeld */
#content-text ol.mailform li select {
	display: block;
	min-width: 50%;
	width: auto !important;
	width: 50%;
}
#content-text ol.mailform li select option {
	padding-right: 20px;
}
#content-text ol.mailform li label {
    font-weight: bold;
}
#content-text ol.mailform li input {
	display: block;
}
#content-text ol.mailform li select, #content-text ol.mailform li input, #content-text ol.mailform li textarea {
	border: 1px solid #bdd1e3;
}
#content-text ol.mailform li input.text {
	width: 99.9%;
}
#content-text ol.mailform li textarea {
	height: 5.2em;
	width: 99.9%;
}
#content-text ol.mailform li input.file {
	width: 60%;
}
#content-text ol.mailform li input.submit {
	padding: 2px 18px;
    background-color: #09529d;
	font-weight: bold;
	cursor: pointer;
	color: #fff;
}
#content-text ol.mailform li.p20 {
	display: inline;
	float: left;
	width: 18%;
}
#content-text ol.mailform li.p80 {
	float: right;
	display: block;
	width: 80%;
	position: relative;
	right: 1px;
	clear: none;
	margin: 0;
}
#content-text ol.mailform li div {
    margin-bottom: 1.3em;
}
#content .error label {
	font-weight: bold;
	color: #cf0c0c;
}
#content .error input, #content .error textarea {
	border: 2px solid #cf0c0c !important;
}
/**************************  Sidebar   *************************************/
/* Navigation */
#navisub a {
    display: block;
    margin: 0 0 1px 0;
    padding: .4em 10px .4em 21px;
    font-weight: bold;
    text-decoration: none;
    font-size: 92%;
}
#navisub .a1 {
    background-color: #09529d;
    color: #fff;
}

#navisub .a2 {
    background-color: #dee8f1;
    color: #09529d;
    font-size: 85%;
    padding: .5em 10px .5em 21px;
}
#navisub .a3 {
    background-color: #fff;
    color: #09529d;
    padding: .5em 10px .5em 36px;
    font-size: 85%;
}
#navisub li a:hover,
#navisub .cur1,
#navisub .cur2,
#navisub .cur3 {
    background-color: #bdd1e3;
    color: #09529d;
}
/* Termine */
#col-navi #termine h4 {
    padding: .4em 10px .4em 21px;
    font-weight: bold;
    font-size: 85%;
    background-color: #bdd1e3;
    color: #09529d;
}
.tx-cscounter-pi1 p,
#col-navi #termine h3,
#col-navi #termine p {
    padding: 0 5px 0 21px;
}
.tx-cscounter-pi1 p,
#col-navi #termine h3 a,
#col-navi #termine p {
    color: #333;
    font-size: 85%;
    text-decoration: none;
}
#col-navi #termine h3 a{
    font-weight: bold;
}

#col-navi #termine h3 a:hover {
    text-decoration: underline;
}
#col-navi #termine h4,
#col-navi #termine p {
    margin-bottom: 1.4em;
}

/*********************************  Footer  ****************************/
#footer a {
    position: absolute;
    display: block;
    height: 68px;
    width: 295px;
}
#footer #link-1,
#footer #link-2,
#footer #link-3 {
    top: 5px;
}
#footer #link-4,
#footer #link-5,
#footer #link-6 {
    top: 79px;
}
#footer #link-1,
#footer #link-4 {
    left: 10px;
}
#footer #link-2,
#footer #link-5 {
    left: 322px;
}
#footer #link-3,
#footer #link-6 {
    left: 648px;
}
/***************************  Extensions  ******************************/

/* galleriffic */
#content-text .galleriffic-js-initialized {
    padding: 0 0 0 19px;
}
#content-text .galleriffic-js-initialized .gallery {
    float: left;
}
.tx-billitongalleriffic-pi1 .gallery .magnifier {
    cursor: pointer;
    top: 11px;
    background-color: #fff;
}
.tx-billitongalleriffic-pi1 div.pagination a, .tx-billitongalleriffic-pi1 div.pagination span.current {
    margin-bottom: 10px;
}
/* download-links */
#content-text a.js-download {
    padding: 2px 0 1px 33px;
    display: inline-block;
    color: #333;
    text-decoration: none;
}
#content-text a.js-download:hover {
    font-weight: bold;
    color: #09529d;
}