
/* ++++ Basics ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

*	{
	margin: 0; padding: 0; border: 0;
	text-align: left; list-style-type: none; text-decoration: none; outline: none;
}

/* ++++ Body ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
body	{
	background-color: rgb(213,210,203); background-repeat: no-repeat; background-attachment: fixed; 
	color: rgb(75,75,75); padding-bottom: 100px;
	font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
	font-size: 11px; line-height: 1.5em;
}

table, form, input, textarea {
	font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif;
	font-size: 11px; line-height: 1.5em;
}


/* ++++ Layout Hauptcontainer +++++++++++++++++++++++++++++++++++++++++++++++++ */

.c-header { position: absolute; z-index: 10; width: 700px; height: 120px; left: 100px; top: 0; background: url(/files/logo_header.png) -10px 10px no-repeat; }
.c-page { 
	position: absolute; z-index: 10; width: 650px; left: 100px; top: 120px; 
	padding: 25px 25px 0 25px; background: white; margin-bottom: 100px; border-bottom: 100px solid rgb(213,210,203); 
}
.c-main { margin: 0 0 100px 0; }
.c-main.menu { margin: 0 0 100px 0; background-position: 0 100px; background-repeat: no-repeat; }
.c-main.formular { margin: 20px 0 100px 166px; }
.c-main.ueberschrift { margin: 22px 0 100px 0; }
#c-sidebar { position: absolute; left: 810px; top: 380px; width: 140px; }

#c-foot { clear: both; background-color: rgb(213,210,203); }
.m-breadcrumb { position: absolute; right: 25px; top: 5px; padding: 0 0 5px 0; font-size: 0.91em; line-height: 1.2em; }
.header-image { display: block; margin-bottom: 12px; }


/* ++++ Headlines +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

h1, h2, h3 { font-weight: normal; color: rgb(90,90,90); }

h1 { font-size: 1.8em; padding: 0 0 1.0em 0; line-height: 1.1em; }
h2 { font-size: 1.3em; padding: 0.7em 0 0.7em 0; line-height: 1.3em; }
h3 { font-size: 1.1em; padding: 0.7em 0 0.7em 0; }
h4 { font-size: 1.0em; padding: 0.3em 0 0.3em 0; color: rgb(150,150,150); } /* nur Subhead Presse */
h5 { font-size: 1.1em; line-height: 1.1em; font-weight: normal; padding: 0.3em 0 0.3em 0; } /* Teaser */


h2#h-kurstermine { margin-top: 2.0em; }
h2.eng { padding-top: 0; }


/* ++++ Absätze, Listen und Auszeichnung ++++++++++++++++++++++++++++++++++++++ */

p, ul, ol { padding: 0 0 0.7em 0; }
ul ol { position: relative; }
ul li  { padding: 0 0 0 10px; background: url(/files/bullet_standard.png) 0 0.7em no-repeat; }
ol li { list-style-type: decimal; margin: 0 0 0 2.0em;}
blockquote { color: rgb(100,100,100); padding: 0 0 0 20px; background: url(/files/bg_blockquote.png) 0 0 no-repeat; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }
del, strike { text-decoration: line-through;}
.errorlabel { color: rgb(204,0,0); }
p.error { background: rgb(204,0,0); color: white; padding: 5px; font-weight: bold; }
p.pos-response { background: rgb(199,195,187); color: white; padding: 5px; font-weight: bold; }
p.eng { padding: 0; }
hr { height: 2px; background: rgb(178,173,162); color: rgb(178,173,162); margin: 2.0em 0; }
hr.partial { margin-left: 249px; }

/* ++++ Spezial-Listen ohne Bullets +++++++++++++++++++++++++++++++++++++++++++ */

#c-startboxen li,
#l-navi-main-de li, #l-navi-main-en li, #l-navi-page li, #l-gaestehaus-zimmer li, #l-klosterhof li, 
#l-kursgruppen li, #l-einzelkurse li, .m-uebersicht-abschluss ul li { background: none; }

#l-navi-main-de, #l-navi-main-en  { width: 160px; position: absolute; z-index: 10; left: 800px; top: 120px; }
#l-navi-main-de li a  { display: block; height: 21px; width: 160px; background: url(/files/but_start.png) 0 0 no-repeat; }
#l-navi-main-en li a  { display: block; height: 21px; width: 160px; background: url(/files/but_start.png) -480px 0 no-repeat; }
#l-navi-main-de li a:hover  { background-position: -160px 0; }
#l-navi-main-en li a:hover  { background-position: -640px 0; }
#l-navi-main-de li a.active  { background-position: -320px 0; }
#l-navi-main-en li a.active  { background-position: -800px 0; }
#l-navi-main-de li a#a-klosterhof-brunshausen, #l-navi-main-en li a#a-klosterhof-brunshausen { background-image: url(/files/but_klosterhof.png); }
#l-navi-main-de li a#a-handwerk, #l-navi-main-en li a#a-woodworking { background-image: url(/files/but_handwerk.png); }
#l-navi-main-de li a#a-cafe, #l-navi-main-en li a#a-cafe { background-image: url(/files/but_cafe.png); }
#l-navi-main-de li a#a-gaestehaus, #l-navi-main-en li a#a-guest-house { background-image: url(/files/but_gaestehaus.png); }
#l-navi-main-de li a#a-presse, #l-navi-main-en li a#a-press { background-image: url(/files/but_presse.png); }
#l-navi-main-de li a#a-kalender, #l-navi-main-en li a#a-calendar { background-image: url(/files/but_kalender.png); }
#l-navi-main-de li a#a-kontakt, #l-navi-main-en li a#a-contact  { background-image: url(/files/but_kontakt.png); }
#l-navi-main-de li a#a-newsletter, #l-navi-main-en li a#a-newsletter  { background-image: url(/files/but_newsletter.png); height: 24px; }
#l-navi-main-de li a#a-sprachwahl, #l-navi-main-en li a#a-sprachwahl  { background-image: url(/files/but_sprache.png); height: 24px; }

#l-navi-page { margin: 0 0 0 0; padding: 0;	}
#l-navi-page { position: absolute; bottom: 10px; right: 25px; }
#l-navi-page li { display: inline; vertical-align: center; background: none; padding: 0; }
#l-navi-page li a { display: block; float: left; width: 24px; height: 28px; background: url(/files/pagebut_up.png) 0 0 no-repeat; margin: 0 0 0 5px; }
#l-navi-page li#a-top a { background-image: url(/files/pagebut_top.png); }
#l-navi-page li#a-prev a { background-image: url(/files/pagebut_prev.png); }
#l-navi-page li#a-next a { background-image: url(/files/pagebut_next.png); }
#l-navi-page li a:hover { background-position: 0 -30px; }
#l-navi-page li a span, #l-navi-page li i { display: block; width: 0; height: 0; overflow: hidden; }

#l-navi-kalender { margin: 0 0 0 0; padding: 0;	}
#l-navi-kalender { position: absolute; bottom: 10px; right: 25px; }
#l-navi-kalender li { display: inline; vertical-align: center; background: none; padding: 0; }
#l-navi-kalender li a { display: block; float: left; width: 75px; height: 28px; background: url(/files/pagebut_archiv_de.png) 0 0 no-repeat; margin: 0 0 0 5px; }
#l-navi-kalender li#a-aktuell a { background-image: url(/files/pagebut_aktuell_de.png); }
#l-navi-kalender li a:hover { background-position: 0 -30px; }
#l-navi-kalender li a span, #l-navi-kalender li i { display: block; width: 0; height: 0; overflow: hidden; }

#l-gaestehaus-zimmer { margin: 14px 0 -7px 0; }
#l-gaestehaus-zimmer li { width: 318px; float: left; margin: 0 14px 14px 0; padding: 0 0 14px 0; border-bottom: 2px solid rgb(164,169,127); overflow: hidden; }
#l-gaestehaus-zimmer li.toprow { padding: 14px 0; border-top: 2px solid rgb(164,169,127); }
#l-gaestehaus-zimmer li.lastcell { margin: 0 0 14px 0; }
#l-gaestehaus-zimmer li h5 { padding: 0 0 0.3em 0; }
#l-gaestehaus-zimmer li p { padding: 0 0 5px 0; font-size: 0.91em; line-height: 1.2em; }
#l-gaestehaus-zimmer li img { display: block; float: left; padding: 0; margin: 0 10px 0 0; }

#l-klosterhof { padding: 7px 0 0 0; margin: 14px 0 14px 0; border-top: 2px solid rgb(178,173,162); }
#l-klosterhof li { margin: 0 0 7px 0; padding: 0 0 7px 0; border-bottom: 2px solid rgb(178,173,162); overflow: hidden; }
#l-klosterhof li h5 { padding: 0.3em 0 0.3em 0; }
#l-klosterhof li p { padding: 0 0 5px 0; font-size: 0.91em; line-height: 1.2em; }
#l-klosterhof li img { display: block; float: left; margin: 0 14px 0 0; }

#l-kursgruppen { margin: 14px 0 -7px 0; }
#l-kursgruppen li { width: 152px; height: 19em; float: left; margin: 0 14px 14px 0; padding: 0; border-bottom: 2px solid rgb(168,187,201); overflow: hidden; }
#l-kursgruppen li.toprow { padding: 14px 0 0 0; border-top: 2px solid rgb(168,187,201); }
#l-kursgruppen li.lastcell { margin: 0 0 14px 0; }
#l-kursgruppen li.clear { width: 0; height: 0; clear: left; border: none; overflow: hidden; float: none; margin: 0; padding: 0; }
#l-kursgruppen li h5 { padding: 0.6em 0 0.3em 0; }
#l-kursgruppen li p { padding: 0 0 5px 0; font-size: 0.91em; line-height: 1.2em; }
#l-kursgruppen li img { display: block; padding: 0; margin: 0; }

#l-klosterhof li img.teaser-pfeil,
#l-kursgruppen li img.teaser-pfeil, 
#l-einzelkurse li img.teaser-pfeil, 
#l-gaestehaus-zimmer li img.teaser-pfeil,
img.teaser-pfeil { float: none; display: inline; vertical-align: middle; margin: 0 0 0 0.5em; }

#m-kursleiter-preview { margin-bottom: 5.0em; }
#m-kursleiter-preview img { display: block; float: left; margin: 0; }
#m-kursleiter-preview img.firstimg { margin-left: 0; }
p.sonderegger { position: relative; z-index: 9000; left: 0; top: 0; }

#l-einzelkurse { padding: 7px 0 0 0; margin: 14px 0 14px 0; border-top: 2px solid rgb(168,187,201); }
#l-einzelkurse li { margin: 0 0 7px 0; padding: 0 0 7px 0; border-bottom: 2px solid rgb(168,187,201); overflow: hidden; }
#l-einzelkurse li h5 { padding: 0.3em 0 0.3em 0; }
#l-einzelkurse li p { padding: 0 0 5px 0; font-size: 0.91em; line-height: 1.2em; }
#l-einzelkurse li img { display: block; float: left; margin: 0 14px 0 0; }

.m-uebersicht-abschluss { padding: 5px 0 0 0; }
.m-uebersicht-abschluss ul li { padding: 0 0 0.3em 0; }
.m-uebersicht-abschluss ul li p { padding: 0 0 5px 0; font-size: 0.91em; line-height: 1.2em; }

.m-kursleiter { margin: 0 0 14px 0; padding: 0 0 14px 0; border-bottom: 1px solid rgb(168,187,201); }
.m-kursleiter.toprow { padding-top: 14px; border-top: 1px solid rgb(168,187,201); }
.m-kursleiter h3 { font-size: 1.1em; padding: 0 0 0.3em 0; }
.m-kursleiter img { display: block; float: left; margin: 0 14px 0 0; } 

.m-zimmerbox { width: 235px; float: left; border-top: 2px solid rgb(164,169,127); border-bottom: 2px solid rgb(164,169,127); padding: 14px 0 10px 0; }
.m-zimmerbox ul li { background: url(/files/bullet_gaestehaus.png) 0 0.7em no-repeat; padding: 0 0 0 12px; }

/* ++++ Allgemein: Fließtext ++++++++++++++++++++++++++++++++++++++++++++++++++ */

.m-text, .m-text-breit { clear: both; }
.m-text { margin: 0 0 0 249px; }

/* ++++ Allgemein: Vollspalten-Bildsequenz ++++++++++++++++++++++++++++++++++++ */

.m-bild, .m-bild-breit { clear: both; }
.m-bild { margin: 0 0 0 249px; }
.m-bild img, .m-bild-breit img { display: block; }

.navi-bildsequenz { height: 18px; position: absolute; right: 25px; }
.navi-bildsequenz a {
	display: block; float: left; border: 1px solid; 
	text-align: center; font-size: 10px; line-height: 10px; text-decoration: none;
	width: 18px; height: 13px;
	margin: 0 0 0 3px; padding: 3px 0 0 0;
}
.navi-bildsequenz a:hover, .navi-bildsequenz a.activeSlide  { color: rgb(75,75,75);  }

/* ++++ Allgemein: Bild/Text 2-spaltig ++++++++++++++++++++++++++++++++++++++++ */

.m-text-links { margin: 0 0 0 249px; }
.m-text-rechts { margin: 0 249px 0 0; }
.m-bild-links { width: 235px; float: left; margin: 0.3em 14px 0 0; }
.m-bild-rechts { width: 235px; float: right; margin: 0.3em 0 0 14px; }
.m-bild img, .m-bild-breit img,  .m-bild-links img, .m-bild-rechts img { display: block; margin-bottom: 1.3em; }

/* ++++ Allgemein: Bilderalbum ++++++++++++++++++++++++++++++++++++++++++++++++ */

.m-album { margin: 0 0 0 249px; }
.album-box  { border: 1px solid rgb(178,173,162); width: 89px; height: 89px; float: left; text-align: center; margin: 0 12px 12px 0; }
.m-album-breit .album-box  { width: 98px;  height: 98px; margin: 0 10px 10px 0; }
.album-box img { border: 1px solid rgb(151,145,132); }
.album-box img:hover { border-color: rgb(178,173,162); }

/* ++++ Allgemein: Download Bilder ++++++++++++++++++++++++++++++++++++++++++++ */

.m-download-img { margin: 0 0 0 249px; }

.dl-img-box  { width: 124px; float: left; margin: 0 14px 14px 0; font-size: 0.91em; color: rgb(125,125,125); line-height: 1.3em; }
.dl-img-box-img  { border: 1px solid rgb(178,173,162); width: 122px; height: 84px; text-align: center; margin-bottom: 0.2em; }
.dl-img-box img { border: 1px solid rgb(151,145,132); }
.dl-img-box img:hover { border-color: rgb(178,173,162); }

.m-download-img-breit .dl-img-box  { width: 152px; }
.m-download-img-breit .dl-img-box-img  { width: 150px; }

/* ++++ Allgemein: Download Files +++++++++++++++++++++++++++++++++++++++++++++ */

.m-download-files  { margin: 0 0 0 249px; }

.dl-file-box  { 
	width: 360px; min-height: 32px; float: left; margin: 0 0 14px 0; font-size: 0.91em; color: rgb(125,125,125); line-height: 1.3em; 
	padding: 1.5em 0 0 40px; background: url(/files/icon_pdf.png) 0 1.5em no-repeat; border-top: 1px solid rgb(178,173,162);
}

.m-download-files-breit .dl-file-box  { width: 278px; margin: 0 14px 14px 0; }
.m-download-files .rtf  { background-image: url(/files/icon_rtf.png); }
.m-download-files .doc  { background-image: url(/files/icon_doc.png); }
.m-download-files .ppt  { background-image: url(/files/icon_ppt.png); }
.m-download-files .xls  { background-image: url(/files/icon_xls.png); }
.m-download-files .gen  { background-image: url(/files/icon_gen.png); }


/* ++++ Presse: Downloadpaket +++++++++++++++++++++++++++++++++++++++++++++++++ */

.m-download-presse  { margin: 0 0 0 249px; border-bottom: 2px solid rgb(178,173,162); padding: 1.0em 0; }
.m-download-presse.toprow { border-top: 2px solid rgb(178,173,162); }
.m-download-presse p.datum { padding: 0; font-size: 0.91em; }
.l-download-presse li  { line-height: 1.0em; margin-bottom: 0.5em; padding: 0 0 0 30px; background: url(/files/icon_s_pdf.png) left center no-repeat;  }
.l-download-presse li.rtf  { background-image: url(/files/icon_s_rtf.png); }
.l-download-presse li.doc  { background-image: url(/files/icon_s_doc.png); }
.l-download-presse li.ppt  { background-image: url(/files/icon_s_ppt.png); }
.l-download-presse li.xls  { background-image: url(/files/icon_s_xls.png); }
.l-download-presse li.zip  { background-image: url(/files/icon_s_zip.png); }
.l-download-presse li.gen  { background-image: url(/files/icon_s_gen.png); }




/* ++++ Links +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a { color: rgb(151,145,132); outline: none; }
a:hover { text-decoration: underline; }


/* ++++ Tabellen ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

table { border-collapse: collapse; }
th, td { vertical-align: top; padding: 0; margin: 0; border: 0; }
td.form-submit { text-align: right; }

/* ++++ Sonstiges +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.m-download-files, .m-download-files-breit,
.m-text, .m-text-breit,
.m-bild, .m-bild-breit,
.m-download-img, .m-download-img-breit,
.m-album, .m-album-breit, .m-zweispalter, .m-zimmerbox { margin-bottom: 2.0em; }
.m-bildsequenz-wrapper { margin-bottom: 50px; }
.m-bild.bildsequenz, .m-bild-breit.bildsequenz { margin-bottom: 0; }

/* ++++ Termine +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.m-kalender-wrapper { border-bottom: 2px solid rgb(178,173,162); }

.t-termine, .termin { width: 650px; background: white; }
.t-termine { border-top: 2px solid rgb(178,173,162); }
.termin { margin: 1.3em 0 1.5em 0; }
.t-termine .links, .termin .links  { width: 190px; }
.t-termine .sep, .termin .sep  { width: 14px; }
.t-termine .rechts, .termin .rechts  { width: 446px; }

.termin td { padding-bottom: 0.2em; }
.termin td.links { border-top: 1px solid rgb(178,173,162); }
.termin td.zusatzinfo { padding-top: 0.5em; }

.t-termine .links a, .t-termine .rechts a { display: block; padding-bottom: 1.8em; }
.t-termine .rechts a { font-weight: bold; }

.termin .rechts p, .termin .links p { padding: 0 0 0.1em 0; }
.termin td.zusatzinfo p { padding: 0 0 0.7em 0; }

.m-terminbilder { padding-top: 0.3em; }
.m-terminbilder img { display: block; margin: 0 0 1.3em 0; padding: 0; }

.t-termine .rechts { background: url(/files/but_kollaps.png) right 0 no-repeat; }
.t-termine .rechts:hover { background-position: right -200px; }
.t-termine .rechts.active { background-position: right -100px; }
.t-termine .rechts.active:hover { background-position: right -300px; }


.t-kurstermine { width: 650px; border-bottom: 2px solid rgb(168,187,201); border-top: 2px solid rgb(168,187,201); }
.t-kurstermine td  { border-top: 1px solid rgb(168,187,201); vertical-align: center; line-height: 1.0em; padding: 0.5em 0; }
.t-kurstermine button  { width: 73px; height: 18px; background: url(/files/submit_anmelden.png) 0 0 no-repeat; }
.t-kurstermine button.dick-kurs  { width: 125px; background: url(/files/submit_anmelden_dick.png) 0 0 no-repeat; }
form { line-height: 0; }
.t-kurstermine button:hover { background-position: 0 -20px; }

p.legende { font-size: 0.91em; line-height: 1.0em; color: rgb(125,125,125);  }
.m-bild-breit p.legende, .m-bild p.legende, .m-bild-rechts p.legende, .m-bild-links p.legende, .m-terminbilder p.legende { margin-top: -1.2em; }


/* ++++ Formularelemente ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

textarea, input { padding: 2px; margin-bottom: 1.5em; border: 1px solid rgb(178,173,162); background: rgb(244,244,242); }
textarea:focus, input:focus { background: white; }
input.basic, textarea { width: 326px; }
td.label { width: 152px; }
td.wide { padding-top: 1.0em; }
td.right { text-align: right; }
#kopie, #newsletter { vertical-align: top; margin-right: 10px; }
label.checker { display: inline; padding: 0; margin: 0; }
button#submit-de, button#submit-en  { margin-top: 2.0em; width: 86px; height: 18px; background: url(/files/submit_abschicken_de.png) 0 0 no-repeat; }
button#submit-en  { background-image: url(/files/submit_abschicken_en.png); }
button#submit-de:hover, button#submit-en:hover { background-position: 0 -20px; } 
label, button { cursor: pointer; outline: none; }


/* ++++ Sidebar-Boxen +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.sidebar-box { 
	border: 2px solid white; border-left: none; border-right: none;
	font-size: 0.91em; line-height: 1.2em; color: rgb(100,100,100); padding: 0.6em 0 0.3em 0;
}
.sidebar-box.follower { border-top: none; }
.sidebar-box h5 { font-size: 1.3em; text-transform: uppercase; font-weight: bold; color: white; padding: 0 0 0.4em 0; }
.sidebar-box ul li { 
	background: url(/files/bullet_sidebar.png) 0 0.5em no-repeat;
}

/* ++++ Invisibles ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


li a span, button span { display: block; width: 0; height: 0; overflow: hidden; }
.clear { clear: both; height: 0; overflow: hidden; }


img.dick-kurs { text-align: right; margin: 20px 0 0 280px;}