/* BODY ================================================================================================================================ */



html											{ overflow: -moz-scrollbars-vertical !important; }

body 											{ margin: 0; padding: 0; font: 12px/20px Verdana, Arial, Helvetica, sans-serif; color: rgb(5,105,145); background: url(bck.body.jpg) repeat-x rgb(225,235,205); }

#format											{ width: 900px; padding: 40px 0 0 0; margin: 0 auto 0 auto; }



/* BEREICHSÜBERGREIFENDE FORMATIERUNGEN ================================================================================================ */



a:link											{ color: rgb(220,0,0); }

a:visited										{ color: rgb(85,115,0); }

a:hover, a:active,

a:focus											{ color: rgb(220,0,0); text-decoration: none; }



hr												{ margin: 0 0 20px 0; height: 1px; border: 0; border-top: 1px solid rgb(180,220,235); }

.clear											{ clear: both; line-height: 0; }

.nowrap											{ white-space: nowrap; }

.noscreen										{ display: none; }

.nopad											{ padding: 0; }



small 											{ font: 11px/18px Verdana, Arial, Helvetica, sans-serif; }

img												{ border: 1px solid rgb(155,210,230); }



small a:link,

small a:visited									{ color: rgb(5,105,145); }

small a:hover, small a:active,

small a:focus									{ color: rgb(220,0,0); text-decoration: none; }





/* TOPNAVI ============================================================================================================================= */



#topnavi										{ float: left; margin: 0; padding: 0; width: 100%; background: rgb(80,170,205); border-bottom: 1px solid rgb(205,230,240); }

#topnavi li										{ float: right; list-style: none; }

#topnavi li a:link,

#topnavi li a:visited							{ text-decoration: none; color: rgb(205,230,240); }

#topnavi li a:hover,

#topnavi li a:active,

#topnavi li a:focus,

#topnavi li a.active							{ color: white; }



#topnavi li.index								{ float: left; padding: 5px 15px 7px 15px; background: url(bck.topnavi.l.gif) left top no-repeat; }

#topnavi li.kontakt								{ padding: 5px 0 7px 15px; }

#topnavi li.impressum							{ padding: 5px 15px 7px 15px; background: url(bck.topnavi.r.gif) right top no-repeat; }



/* HEADER ============================================================================================================================== */



#header											{ position: relative; height: 296px; background: url(bck.header.jpg) no-repeat; color: rgb(130,195,220); }

#header h1.kalinkalogo							{ position: absolute; left: 180px; top: 35px; width: 559px; height: 144px; padding: 0; margin: 0; }

#header h1 a									{ position: absolute; width: 559px; height: 144px; }

#header h1 strong								{ display: none; }



/* Den IE ausschließend das Hintergrundbild setzen */

html>body #header h1.kalinkalogo	 			{ background: url(kalinkalogo.png) top left no-repeat; }



/* NAVI ================================================================================================================================ */



#navi											{ position: absolute; left: -30px; left: -37px; top: 208px; width: 974px; height: 88px; margin: 0; padding: 0; background: url(navi.jpg) left top no-repeat; }

#navi li										{ list-style: none; float: left; }



#navi li.aktuelles a							{ width: 191px; background-position: left top; }

#navi li.aktuelles a:hover,

#navi li.aktuelles a.active						{ background-position: left bottom; }



#navi li.termine a								{ width: 138px; background-position: -191px top; }

#navi li.termine a:hover,

#navi li.termine a.active						{ background-position: -191px bottom; }



#navi li.buch a									{ width: 113px; background-position: -329px top; }

#navi li.buch a:hover,

#navi li.buch a.active							{ background-position: -329px bottom; }



#navi li.autoren a								{ width: 144px; background-position: -442px top; }

#navi li.autoren a:hover,

#navi li.autoren a.active						{ background-position: -442px bottom; }



#navi li.leseproben a							{ width: 182px; background-position: -586px top; }

#navi li.leseproben a:hover,

#navi li.leseproben a.active					{ background-position: -586px bottom; }



#navi li.gaestebuch a							{ width: 199px; background-position: -768px top; }

#navi li.gaestebuch a:hover,

#navi li.gaestebuch a.active					{ background-position: -768px bottom; }



#navi li a										{ float: left; height: 88px; background: url(navi.jpg) left top no-repeat; }

#navi li a strong								{ display: none; }



/* CONTENT ============================================================================================================================= */



#content										{ float: left; padding: 0 43px 0 42px; background: url(bck.content.jpg) left top repeat-x rgb(230,245,250); }

#recommend_container							{ float: left; padding: 30px 43px 0 42px; background: url(bck.recommend.jpg) left top repeat-x rgb(205,230,240); border-top: 1px solid rgb(155,210,230); }

#footer											{ float: left; background: url(bck.footer.gif) left bottom repeat-x rgb(230,245,250); border-top: 1px solid rgb(180,220,235); }



.twocol											{ float: left; width: 530px; padding: 0 40px 0 0; }

.onecol											{ float: left; width: 245px; padding: 0; }



h3,

h4,

h5,

p,

form,

ul												{ padding: 0 0 20px 0; margin: 0; }



h2												{ padding: 0; margin: 0; width: 800px; height: 70px; }

h2 strong										{ display: none; }

h2.error404										{ background: url(h2.404.gif) left top no-repeat; }

h2.index										{ background: url(h2.willkommen.gif) left top no-repeat; }

h2.aktuelles, h2.aktuell						{ background: url(h2.aktuelles.gif) left top no-repeat; }

h2.termine										{ background: url(h2.termine.gif) left top no-repeat; }

h2.buch											{ background: url(h2.buch.gif) left top no-repeat; }

h2.autoren										{ background: url(h2.autoren.gif) left top no-repeat; }

h2.leseproben									{ background: url(h2.leseproben.gif) left top no-repeat; }

h2.gaestebuch									{ background: url(h2.gaestebuch.gif) left top no-repeat; }

h2.gaestebucheintrag							{ background: url(h2.gaestebucheintrag.gif) left top no-repeat; }

h2.kontakt										{ background: url(h2.kontakt.gif) left top no-repeat; }

h2.impressum									{ background: url(h2.impressum.gif) left top no-repeat; }



h3, h4											{ font: 18px/24px Verdana, Arial, Helvetica, sans-serif; }

h4												{ padding: 0; }

h5												{ font: 12px/20px Verdana, Arial, Helvetica, sans-serif; }



ul.list li										{ margin: 0; padding: 0 0 0 13px; list-style: none; background: url(li.bullet.gif) 2px 8px no-repeat; }



ul.linklist										{ list-style: none; }

ul.linklist li									{ margin: 0 0 1px 0; }

ul.linklist .file								{ margin: 0 0 20px 0; }



ul.linklist a									{ height: 1%; display: block; text-decoration: none; padding: 0 0 0 35px; }

ul.linklist .forth a							{ background: url(li.forth.gif) left top rgb(180,220,235); padding: 5px 10px 7px 40px; }

ul.linklist .back a								{ background: url(li.back.gif) left top rgb(180,220,235); padding: 5px 10px 7px 40px; }

ul.linklist .add a								{ background: url(li.add.gif) left top rgb(180,220,235); padding: 5px 10px 7px 40px; }



ul.linklist a:link,

ul.linklist a:visited							{ background-repeat: no-repeat; color: rgb(5,105,145); }

ul.linklist a:hover,

ul.linklist a:active,

ul.linklist a:focus								{ background-position: left -200px; background-color: rgb(120,165,0); color: white; }



ul.linklist .file a:link,

ul.linklist .file a:visited						{ background: url(li.download.file.gif) left top no-repeat; color: rgb(5,105,145); }

ul.linklist .file a:hover,

ul.linklist .file a:active,

ul.linklist .file a:focus						{ background-position: left -200px; color: rgb(220,0,0); }



ul.linklist a:hover small,

ul.linklist a:active small,

ul.linklist a:focus small						{ color: rgb(235,125,145); }



.teaser											{ position: relative; margin-bottom: 25px; background: rgb(255,250,205); color: rgb(150,140,0); }

.teaser h3										{ padding: 10px 15px 10px 15px; margin: 0; background: rgb(255,245,125); }

.teaser p, .teaser ul							{ padding: 15px 15px 15px 15px; margin: 0; }

.teaser hr										{ margin: 0 10px 0 10px; border-color: rgb(230,215,0); }

.teaser h4										{ position: absolute; padding: 0; margin: 0; }

.teaser h4 b									{ display: none; }



/* Den IE ausschließend das Hintergrundbild setzen */

html>body .teaser h4.klara	 					{ left: 65px; top: -94px; width: 96px; height: 106px; background: url(teaser.klara.png) top left no-repeat; }

html>body .teaser h4.pilu	 					{ left: 154px; top: -97px; width: 133px; height: 134px; background: url(teaser.pilu.png) top left no-repeat; }

html>body .teaser h4.schnecke	 				{ left: 55px; top: -40px; width: 201px; height: 83px; background: url(teaser.schnecke.png) top left no-repeat; }



#pagefunctions									{ float: left; width: 815px; margin: 0; padding: 30px 43px 30px 42px; }

#pagefunctions li								{ float: left; list-style: none; }

#pagefunctions li.recommend						{ float: right; }

#pagefunctions a								{ padding: 0 30px 0 0; }

#pagefunctions .toplink a						{ float: left; width: 77px; height: 65px; background: url(i.toplink.gif) left top no-repeat; }

#pagefunctions .printlink a						{ float: left; width: 91px; height: 65px; background: url(i.printlink.gif) left top no-repeat; }

#pagefunctions .recommend a						{ float: left; width: 79px; height: 68px; background: url(i.recommend.gif) left top no-repeat; }

#pagefunctions a:hover							{ color: rgb(220,0,40); background-position: 0 -70px; }

#pagefunctions a em								{ display: none; }



#copyright										{ padding: 7px 0 30px 0; text-align: center; }

#copyright small								{ color: rgb(85,115,0); }

#copyright small a:link,

#copyright small a:visited						{ color: rgb(85,115,0); }

#copyright small a:hover,

#copyright small a:active,

#copyright small a:focus						{ color: rgb(220,0,0); text-decoration: none; }



p.zoompics										{ float: left; padding: 0 0 10px 0; margin: 0; }



a.zoom											{ float: left; margin: 0 18px 18px 0; text-decoration: none; font-size: 11px; line-height: 18px; }

a.zoom:link,

a.zoom:visited									{ background-color: rgb(205,230,240); color: rgb(5,105,145); border: 1px solid rgb(205,230,240); }

a.zoom:hover,

a.zoom:active,

a.zoom:focus									{ background-color: rgb(120,165,0); color: white; background-position: 4px -15px; border-color: rgb(120,165,0); }

a.zoom img										{ border: 0; border-bottom: 1px solid rgb(230,245,250); }

a.zoom span										{ float: left; padding: 1px 1px 3px 21px; background: url(i.zoomlink.gif) 4px 5px no-repeat; }

a.zoom:hover span								{ background-position: 4px -15px; }



#chaser											{ position: absolute; top: -1000px; left: -1000px; display: none; border: 1px solid rgb(120,165,0); z-index: 1; }

#chaser p										{ padding: 11px 15px 12px 15px; margin: 0; color: white; background: rgb(120,165,0); }

#chaser.img										{ background: url(loading.gif) center center no-repeat white; }

#chaser img										{ border: 0; }

#chaser .content small							{ float: left; width: 60px; }



table											{ margin: 0 0 20px 0; width: 100%; table-layout: auto; border-collapse: collapse; }

td, th											{ padding: 6px 10px 6px 10px; vertical-align: top; text-align: left; }

th												{ background: rgb(180,220,235); font-weight: bold; }

td												{ border-top: 1px solid rgb(180,220,235); }

table th.date, table th.location				{ width: 15%; }

table th.date, table td.nowrap					{ white-space: nowrap; }

td div.details									{ display: none; }

tr.grey td										{ background: rgb(205,230,240); }



tr.hover										{ cursor: pointer; }

tr.hover:hover td								{ background: rgb(255,250,205); color: rgb(150,140,0);}

tr.hover:hover a,

tr.hover:hover a:link							{ color: rgb(150,140,0); }



tr.active td									{ background: rgb(255,250,205); color: rgb(150,140,0); }

tr.active div.details							{ display: block; }



/* ALERTS ============================================================================================================================== */



p.alert											{ padding: 10px 15px 10px 15px; margin: 0 0 20px 0; color: white; background: rgb(185,5,5); }



/* FORMULARE =========================================================================================================================== */



form											{ padding: 0; margin: 0; }

form img										{ border: 0; }

form .hide										{ display: none; }

fieldset										{ padding: 0; margin: 0 0 20px 0; border: 0; border-top: 3px solid rgb(180,220,235); }



.info ul										{ padding: 0; margin: 0; }

.info ul li										{ list-style: none; margin: 0; padding: 0 0 0 11px; background: url(li.forminfo.gif) 1px 8px no-repeat; }



.man, .opt, .void, .info						{ margin: 1px 0 0 0; }



.man input, .man textarea,

.opt input, .opt textarea,

.void input, .void textarea						{ background: transparent; border: 0px solid; width: 99%; font-size: 12px; font-family: Courier New, courier, monospace; color: rgb(5,105,145); }



.fieldcontainer									{ padding: 2px 5px 5px 5px; }



.man label, .opt label, .void label,

.info label, .checkboxhead, .radiohead,

.innerformalert, .innerformnote					{ display: block; padding: 0 5px 0 5px; font-size: 11px; }



label a, label u								{ text-decoration: none; }

label .lefty									{ float: left; }

label .righty									{ float: right; }



.man span, .opt span, .void span				{ display: block; border-bottom: 1px dotted rgb(205,230,240); background: white; }



.man, .man .bbcode a							{ background: white; }

.man .fieldcontainer							{ background: white; }

.man input, .man textarea						{ color: black; }



.man label a:link,

.man label a:visited							{ color: rgb(5,105,145); }

.man label a:hover,

.man label a:active,

.man label a:focus								{ color: rgb(220,0,0); }



.opt, .opt .bbcode a							{ background: white; }

.opt .fieldcontainer							{ background: white; }

.opt input, .opt textarea						{ color: black; }



.opt label a:link,

.opt label a:visited							{ color: rgb(5,105,145); }

.opt label a:hover,

.opt label a:active,

.opt label a:focus								{ color: rgb(220,0,0); }



.void, .void .bbcode a							{ background: rgb(250,230,230); color: rgb(130,0,0); }

.void .fieldcontainer							{ background: rgb(250,230,230); }

.void input, .void textarea						{ color: rgb(130,0,0); }

.void label, .void .radiohead,

.void .checkboxhead								{ color: rgb(130,0,0); padding: 0 20px 0 20px; background: url(i.form.alert.ani.gif) 5px center no-repeat rgb(250,230,230); }



.void label a:link,

.void label a:visited							{ color: rgb(130,0,0); }

.void label a:hover,

.void label a:active,

.void label a:focus								{ color: rgb(220,0,0); }



.info											{ background: rgb(240,240,240); color: rgb(100,100,100); }

.info .fieldcontainer							{ padding: 2px 5px 5px 5px; background: rgb(240,240,240); }

.info .infovalue								{ color: rgb(100,100,100); }

.info label										{ padding-left: 20px; background: url(i.form.info.gif) 5px center no-repeat;}



.opt .xcheckbox, .opt .checkbox,

.man .xcheckbox, .man .checkbox,

.void .xcheckbox, .void .checkbox,

.opt .xradio, .opt .radio,

.man .xradio, .man .radio,

.void .xradio, .void .radio						{ cursor: pointer; height: 1%; display: block; }



.xcheckbox label, .checkbox label,

.xradio label, .radio label						{ font-size: 12px; font-family: Courier New, courier; background: transparent; margin: 0px 0px 0px 22px; padding: 2px 0 3px 0; cursor: pointer; }



.opt .checkbox									{ background: url(radiocheck.gif) left -900px no-repeat; color: black; }

.opt .xcheckbox									{ background: url(radiocheck.gif) left -1050px no-repeat; color: black; }

.opt .radio										{ background: url(radiocheck.gif) left top no-repeat; color: black; }

.opt .xradio									{ background: url(radiocheck.gif) left -150px no-repeat; color: black; }



.man .checkbox									{ background: url(radiocheck.gif) left -1200px no-repeat; color: black; }

.man .xcheckbox									{ background: url(radiocheck.gif) left -1350px no-repeat; color: black; }

.man .radio										{ background: url(radiocheck.gif) left -300px no-repeat; color: black; }

.man .xradio									{ background: url(radiocheck.gif) left -450px no-repeat; color: black; }



.void .checkbox									{ background: url(radiocheck.gif) left -1500px no-repeat; color: #c80000; }

.void .xcheckbox								{ background: url(radiocheck.gif) left -1650px no-repeat; color: #c80000; }

.void .radio									{ background: url(radiocheck.gif) left -600px no-repeat; color: #c80000; }

.void .xradio									{ background: url(radiocheck.gif) left -750px no-repeat; color: #c80000; }



a.submit:link,

a.submit:visited,

a.cancel:link,

a.cancel:visited								{ display: block; height: 1%; padding: 5px 10px 7px 10px; font-weight: bold; text-decoration: none; color: white; background: rgb(80,170,205); margin: 0 0 1px 0; }



a.cancel:link,

a.cancel:visited								{ background: rgb(130,195,220); }



a.submit:hover,

a.submit:active,

a.submit:focus,

a.cancel:hover,

a.cancel:active,

a.cancel:focus									{ background: rgb(120,165,0); color: white; }