/* CSS Document */

/************ Reset CSS nach Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
/*	line-height: 1; */
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/***************************/

/*
html{
overflow: auto;
}
*/

body { 
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
background: #bbb1a0 url(img_nav/BG-body1.gif) repeat-x;
}

html, body {
height: 100%;
margin: 0 0 1px;
padding: 0;
}

h1{font-size: 150%;}
h2{font-size: 140%;}
h3{font-size: 120%;}
h4{font-size: 100%;}
h5{font-size: 100%;}
h6{font-size: 100%;}
p{font-size: 100%;}

strong {
font-weight: bold;
}

em{
font-style: italic;
}

small {
font-size: 0.8em;
}

p, ul, h1, h2, h3, h4, h5, address{
}

h1, h2, h3, h4, h5, address{
font-weight: normal;
}

/***************************/


#wrapper{
width: 1017px;
margin: 0 auto;
/*border-bottom: 1px dotted #fff;*/
position: relative;
background-repeat: repeat-y;
background-image: url(img_nav/BG-content2.gif);
overflow: hidden;
}

#wrapper.Home {background-image: url(img_nav/BG-content1.gif);}


#header{
height: 225px;
background-repeat: no-repeat;
position: relative;
}

/* Klassen für Navi-Bereiche - jeweils im Wrapper anzugeben*/
.Home #header{background-image: url(img_nav/Hd_Home.jpg);}
.Nachrichten #header{background-image: url(img_nav/Hd_Nachrichten.jpg);}
.AktionenUndProjekte #header{background-image: url(img_nav/Hd_Aktionen_und_Projekte.jpg);}
.Veranstaltungen #header{background-image: url(img_nav/Hd_Veranstaltungen.jpg);}
.Wir #header{background-image: url(img_nav/Hd_Wir.jpg);}
.KolpingVorOrt #header{background-image: url(img_nav/Hd_Kolping_vor_Ort.jpg);}
.Download #header{background-image: url(img_nav/Hd_Download.jpg);}
.Kontakt #header{background-image: url(img_nav/Hd_Kontakt.jpg);}
.Impressum #header{background-image: url(img_nav/Hd_Home.jpg);}

/* Klassen für Templates - auch jeweils zusätzlich zum Navi-Bereich im Wrapper anzugeben */
.Template_Homepage {}
.Template_Inhalt1{}
.Template_Inhalt2{}
.Template_Galerie{}
.Template_Listenseite{}
.Template_Downloadseite{}
.Template_Formular{}
/* */

#logo{
background: url(img_nav/Logo_Claim.gif) no-repeat;
width: 219px;
height: 75px;
position: absolute;
top: 33px;
left: 58px;
}

#verband{
background: url(img_nav/Logo_Verband.gif) no-repeat;
width: 300px;
height: 25px;
position: absolute;
top: 33px;
right: 28px;
}

#logo span, #verband span{
display: none;
}

#schriftgroesse{
position: absolute;
top: 93px;
right: 28px;
}

#schriftgroesse ul li{
float: left;
margin-left: 10px;
}

#schriftgroesse a{
display: block;
color: #000;
padding-bottom: 2px;
width: 20px;
text-align: center;
border: 1px solid #D2CCC0;
}

#schriftgroesse a:hover, #schriftgroesse a:active{
background: #E7E4DB;
border: 1px solid #A79988;
}

#sg-normal a    {font-size:12px; line-height: 12px; padding-top: 6px;}
#sg-gross a     {font-size:14px; line-height: 14px; padding-top: 4px;}
#sg-sehrgross  a{font-size:16px; line-height: 16px; padding-top: 2px;}


/* Hauptnavi **************************/

#nav1{
background: url(img_nav/BG-nav1.gif) no-repeat;
padding-top: 10px;
overflow: hidden;
}

#nav1 ul{
height: 30px;
padding: 0 0 0 18px;
overflow: hidden;
}

#nav1 ul li{
float: left;
display: inline;
text-align: center;
margin: 0;
padding: 0;
}

#nav1 ul li a{
display: block;
line-height: 30px;
height: 30px;
background-repeat: no-repeat;
}

#nav1 ul li a.active{
cursor: default;
}

#nav1 ul li a span{
display: none;
}


/* Hauptnavi Menugrafiken **************************/

#nav1 ul li a#nav1Home{background-image: url(img_nav/NavHome.gif); width:72px;}
#nav1 ul li a#nav1Home:hover{background-image: url(img_nav/NavHome-o.gif);}
#nav1 ul li a#nav1Home.active{background-image: url(img_nav/NavHome-o.gif);}
#nav1 ul li a#nav1Nachrichten{background-image: url(img_nav/NavNachrichten.gif); width:131px;}
#nav1 ul li a#nav1Nachrichten:hover{background-image: url(img_nav/NavNachrichten-o.gif);}
#nav1 ul li a#nav1Nachrichten.active{background-image: url(img_nav/NavNachrichten-o.gif);}
#nav1 ul li a#nav1AktionenUndProjekte{background-image: url(img_nav/NavAktionenUndProjekte.gif); width:184px;}
#nav1 ul li a#nav1AktionenUndProjekte:hover{background-image: url(img_nav/NavAktionenUndProjekte-o.gif);}
#nav1 ul li a#nav1AktionenUndProjekte.active{background-image: url(img_nav/NavAktionenUndProjekte-o.gif);}
#nav1 ul li a#nav1Veranstaltungen{background-image: url(img_nav/NavVeranstaltungen.gif); width:165px;}
#nav1 ul li a#nav1Veranstaltungen:hover{background-image: url(img_nav/NavVeranstaltungen-o.gif);}
#nav1 ul li a#nav1Veranstaltungen.active{background-image: url(img_nav/NavVeranstaltungen-o.gif);}
#nav1 ul li a#nav1Wir{background-image: url(img_nav/NavWir.gif); width:65px;}
#nav1 ul li a#nav1Wir:hover{background-image: url(img_nav/NavWir-o.gif);}
#nav1 ul li a#nav1Wir.active{background-image: url(img_nav/NavWir-o.gif);}
#nav1 ul li a#nav1KolpingVorOrt{background-image: url(img_nav/NavKolpingVorOrt.gif); width:154px;}
#nav1 ul li a#nav1KolpingVorOrt:hover{background-image: url(img_nav/NavKolpingVorOrt-o.gif);}
#nav1 ul li a#nav1KolpingVorOrt.active{background-image: url(img_nav/NavKolpingVorOrt-o.gif);}
#nav1 ul li a#nav1Download{background-image: url(img_nav/NavDownload.gif); width:112px;}
#nav1 ul li a#nav1Download:hover{background-image: url(img_nav/NavDownload-o.gif);}
#nav1 ul li a#nav1Download.active{background-image: url(img_nav/NavDownload-o.gif);}
#nav1 ul li a#nav1Kontakt{background-image: url(img_nav/NavKontakt.gif); width:98px;}
#nav1 ul li a#nav1Kontakt:hover{background-image: url(img_nav/NavKontakt-o.gif);}
#nav1 ul li a#nav1Kontakt.active{background-image: url(img_nav/NavKontakt-o.gif);}

/* Sekundäre Navi ******************************/

#nav2{
font-size: 95%;
font-weight: bold;
float: left;
display: inline;
background: url(img_nav/BG-content-top2.gif) no-repeat;
margin-left: 18px;
width: 240px;
}

#nav2 ul{
padding-top: 1px;
margin: 27px 0 20px 13px;
background: url(img_nav/BG-nav2-trenner.gif) no-repeat top left;
}

#nav2 ul li{
padding-bottom: 1px;
background: url(img_nav/BG-nav2-trenner.gif) no-repeat bottom left;
display: block;
}

#nav2 ul li a{
display: block;
background: url(img_nav/BG-nav2-std.gif) no-repeat left;
color: #fff;
padding: 8px 5px;
height: 1%;
}

#nav2 ul li a.active{
background: url(img_nav/BG-nav2-active1.gif) repeat-y left;
color: #463d35;
cursor: default;
}

#nav2 ul li a:link, #nav2 ul li a:visited{
text-decoration:none;
color: #fff;
}

#nav2 ul li a:hover, #nav2 ul li a:active{
color: #ac2a00;
}

#nav2 ul li a:link.active, #nav2 ul li a:visited.active{
color: #463d35;
}

#nav2 ul li ul{
margin: 0 0 -1px 0;
}

#nav2 ul li ul li{
margin: 0;
}

#nav2 ul li ul li a{
background: url(img_nav/BG-nav2-sub1.gif) repeat-y left;
padding-left: 15px;
padding-right: 20px;
}

#nav2 ul li ul li a.active{
background: url(img_nav/BG-nav2-active2.gif) repeat-y left;
}

#nav2 ul li ul li a:link, #nav2 ul li ul li a:visited{
text-decoration:none;
color: #463d35;
}

#nav2 ul li ul li a:hover, #nav2 ul li ul li a:active{
background: url(img_nav/BG-nav2-sub1.gif) repeat-y left;
color: #ac2a00;
}

#nav2 ul li ul li a:link.active, #nav2 ul li ul li a:visited.active{
background: url(img_nav/BG-nav2-active2.gif) repeat-y left;
color: #463d35;
}

/* Contentbereich *********************************/

#content{
float: left;
display: inline;
width: 741px;
background: url(img_nav/BG-content-top2.gif) -240px 0 no-repeat;
position: relative;
overflow: hidden;
}

.Template_Homepage #content {
float: none;
display: block;
width: 100%;
height: 626px;
background: url(img_nav/BG-content-top1.gif) no-repeat;
margin: 0 18px;
}

#content p{
margin: 0 0 1em 0;
}

#content h2, h3{
color: #e56303;
font-weight: bold;
margin: 0 0 0.8em 0;
}

#content a, #content a:link, #content a:visited{
color: #ac2a00;
text-decoration: none;
}

#content a:hover, #content a:active{
color: #ac2a00;
text-decoration: underline;
}

#col1{
margin: 14px 40px 0px 30px;
float: left;
display: inline;
width: 361px;
}

.Template_Homepage #nav2{
display: none;
}

.Template_Homepage #col1{
width: 650px;
margin: 14px 10px 0px 10px;
}

.Template_Inhalt1 #col1 ul{
list-style-type:none;
list-style-position: outside;
margin: 0 0 1em 1em;
}

.Template_Inhalt1 #col1 ul li{
padding-left: 0.8em;
background: url(img_nav/ListImg1.gif) no-repeat 0em 0.45em;
}

.Template_Inhalt1 #col1 h6.dl{
font-weight: bold;
color: #463D35;
margin-bottom: 3px;
/*margin-top: 1em;*/
border-bottom: 1px solid #463D35;
padding-bottom: 3px;
}

.Template_Inhalt1 #col1 ul.dl{
margin: 0;
}

.Template_Inhalt1 #col1 ul.dl li{
font-size: 90%;
background: none;
padding: 0;
line-height: 1.3em;
}


#pdfreader{
float: right;
display: inline;
width: 250px;
margin: 0 0 10px 20px;
background: #d2ccc0 url(img_nav/BG-box1-bottom-250.gif) no-repeat bottom left;
}

#pdfreader p, #pdfreader h6{
padding: 5px 10px 0 10px;
font-size: 95%;
}

#pdfreader h6{
background: #d2ccc0 url(img_nav/BG-box1-top-250.gif) no-repeat;
font-weight: bold;
}

#pdfreader p{
padding-top: 0.5em;
margin-bottom: 5px;
}
/* Contentbereich Extras für Homepage 1 **********************/


.Template_Homepage #welcome{
position: relative;
height: 244px;
}

.Template_Homepage #col1 #welcometext{
position: absolute;
bottom: -3px;
left: 204px;
width: 417px;


left: 264px;
width: 357px;
}

.Template_Homepage #col1 #welcometext h2{
font-size: 140%;
color: #e56303;
font-weight: bold;
}

.Template_Homepage #col1 #welcometext p{
margin: 1em 0 0 0;
}

.Template_Homepage #col1 #adresse{
background: #d2ccc0 url(img_nav/BG-box1-bottom-320.gif) no-repeat bottom left;
width: 320px;
height: 172px;
position: absolute;
bottom: 143px;
left: 10px;
overflow: hidden;
}

.Template_Homepage #col1 #adresse h5 {
position: absolute;
top: 0;
left: 0;
width: 300px;
height: 35px;
line-height: 35px;
background: url(img_nav/BG-box1-top-320.gif) no-repeat;
font-size: 100%;
color: #948170;
font-weight: bold;
padding: 0 10px;
z-index: 10;
}

.Template_Homepage #col1 #adresse address {
position: absolute;
top: 36px;
left: 0;
width: 300px;
z-index: 5;
height: 126px;
font-style:normal;
font-size: inherit;
text-indent: 0;
padding: 0 10px 10px 10px;
overflow: auto;
}

.Template_Homepage #col1 #adresse address span{
float: left;
width: 5em;
}

.Template_Homepage #col1 #links{
width: 320px;
height: 132px;
position: absolute;
bottom: 0;
left: 10px;
background: #d2ccc0 url(img_nav/BG-box1-bottom-320.gif) no-repeat bottom left;
overflow: hidden;
}

.Template_Homepage #col1 #links ul{
background-image: url(img_nav/BG-box1-top-320.gif);
background-repeat: no-repeat;
/*background-attachment: fixed;*/
padding: 6px 10px;
margin: 0;
list-style:none;
height: 120px;
overflow: auto;
}

.Template_Homepage #col1 #links ul li{
padding: 0;
margin: 0;
overflow: hidden;
}

.Template_Homepage #col1 #links ul li+li{
border-top: 1px solid #e9e6e0;
}

.Template_Homepage #col1 #links ul li:first-child{
border-top: none;
padding-top: 2px;
}

.Template_Homepage #col1 #links ul li a{
padding: 3px 0;
display: block;
background: url(img_nav/Pfeil1.gif) no-repeat right;
}

.Template_Homepage #col1 #aktuell{
width: 320px;
height: 315px;
position: absolute;
bottom: 0;
left: 340px;
background: #d2ccc0 url(img_nav/BG-box1-bottom-320.gif) no-repeat bottom left;
}

.Template_Homepage #col1 #aktuell #aktuellmeldung{
position: relative;
background-image: url(img_nav/BG-box1-top-320.gif);
background-repeat: no-repeat;
/*background-attachment: fixed;*/
padding: 10px;
width: 300px;
height: 260px;
overflow: auto;
/*overflow-x: hidden;*/
}

.Template_Homepage #col1 #aktuell #aktuellmeldung div.bild1{
margin: 0;
overflow: hidden;
width: 100%;
}

.Template_Homepage #col1 #aktuell #aktuellmeldung div.bild1 span{
display: block;
max-height: 180px;
}

.Template_Homepage #col1 #aktuell #aktuellmeldung div.bild1 img{
/*width: 100%;*/
}

.Template_Homepage #col1 #aktuell #aktuellmeldung h3{
font-size: 120%;
font-weight: bold;
margin: 0.8em 0 0 0;
color: #e56303;
}

.Template_Homepage #col1 #aktuell #aktuellmeldung h4{
font-size: 100%;
font-weight: bold;
margin: 0;
color: #948170;
}

.Template_Homepage #col1 #aktuell #aktuellmeldung p{
margin: 0em 0 0 0;
}

.Template_Homepage #col1 #aktuell #aktuellmehr{
position: absolute;
right: 0;
bottom: 0;
width: 300px;
height: 34px;
border-top: 1px solid #e9e6e0;
background: #d2ccc0;
margin: 0 10px;
}

.Template_Homepage #col1 #aktuell #aktuellmehr a{
margin: 0;
background: url(img_nav/Pfeil1.gif) no-repeat right;
padding-right: 22px;
padding-top: 2px;
line-height: 32px;
display: block;
text-align: right;
}

/* */

.Template_Galerie #col1{
width: 701px;
position: relative;
}

.Template_Galerie #content h3{
width: 550px;
}

.Template_Galerie .bild1{
position: relative;
width: 550px;
margin-top: 2em;
margin-right: 21px;
overflow: visible;
text-align: center;
}

.Template_Galerie #bildsteuerung{
overflow: hidden;
position: absolute;
width: 550px;
top: -0.8em;
left: 0;
font-size: 90%;
}

.Template_Galerie #bildsteuerung ul{
float: right;
display: inline;
}

.Template_Galerie #bildsteuerung ul li{
float: left;
display: inline;
margin: 0 8px 0 0;
}

.Template_Galerie #bildsteuerung ul li a,
.Template_Galerie #bildsteuerung ul li a:link,
.Template_Galerie #bildsteuerung ul li a:visited,
.Template_Galerie #bildsteuerung ul li a:active{
display: block;
padding: 1px 4px;
border: 1px solid #fff;
color: #fff;
background: #E56303;
text-decoration: none !important;
}

.Template_Galerie #bildsteuerung ul li a:hover{
color: #E56303;
background: #fff;
text-decoration: none;
border: 1px solid #E56303;
}

.Template_Galerie #thumbnails{
position: relative;
padding: 8px 0;
margin: 0 0px 0px 0;
margin-top: 1em;
float: right;
display: inline;
background: #e6b085;
}

.Template_Galerie #thumbnails div{
/*width: 140px;*/
max-height: 400px;
padding: 0px 0px;
/*margin: 8px 0 8px 0;*/
overflow: auto;
overflow-x: hidden;
}

.Template_Galerie #thumbnails img{
width: 100px;
border: none;
}

.Template_Galerie #thumbnails a{
display: block;
width: 100px;
border-left: 8px solid #e6b085;
border-right: 8px solid #e6b085;
margin-top: 4px;
}

.Template_Galerie #thumbnails a:first-child{
margin-top: 0;
}

.Template_Galerie #thumbnails a:active{
border-left: 8px solid #e6b085;
border-right: 8px solid #e6b085;
}

.Template_Galerie #thumbnails a:hover{
display: block;
border-left: 8px solid #E56303;
border-right: 8px solid #E56303;
}

/* */

.Template_Listenseite #col1{
width: 680px;
}

.Template_Listenseite #col1 ul{
position: relative;
overflow: auto;
}

.Template_Listenseite #col1 ul li{
margin-bottom: 10px;
background: #d2ccc0 url(img_nav/BG-box1-bottom-680.gif) no-repeat bottom left;
overflow: visible;
position: relative;
}

.Template_Listenseite #col1 ul li h5{
background: url(img_nav/BG-box1-top-680.gif) no-repeat;
font-weight: bold;
padding: 5px 10px 0px 190px;
margin-bottom: 5px;
line-height: 1.2em;
height: 1%;
overflow: hidden;
position: relative;
}

.Template_Listenseite #col1 ul li h5 span{
display: none;
}

.Template_Listenseite #col1 ul li h5 a, .Template_Listenseite #col1 ul li h5 a:link, .Template_Listenseite #col1 ul li h5 a:visited, .Template_Listenseite #col1 ul li h5 a:hover, .Template_Listenseite #col1 ul li h5 a:active{
color: #000;
/*color: #D25A02;*/
}

.Template_Listenseite #col1 ul li h5 span.date{
position: absolute;
display: block;
top: 5px;
left: 10px;
font-size: 90%;
font-weight: bold;
/*font-weight: normal;/*
width: 180px;
color: #fff;
/*color: #E56303;*/
color: #463D35;
}

.Template_Listenseite #col1 ul li p{
border-top: 1px solid #e9e6e0;
padding-top: 5px;
margin: 0 10px 5px 190px;
}

.Template_Listenseite #col1 ul li img{
position: relative;
float: right;
padding-top: 5px;
margin: 0 10px 5px 10px;
width: 100px;
}

.Template_Listenseite #col1 ul li div.link, .Template_Listenseite #col1 ul li div.pdf{
clear: both; 
overflow: hidden;
/*font-size: 90%;*/
margin: 0 0 0px 0;
}

.Template_Listenseite #col1 ul li div.link a{
float: right;
display: inline;
margin: 0 10px 5px 10px;
background: url(img_nav/Pfeil1.gif) no-repeat right;
padding-right: 20px;
line-height: 120%;
}

.Template_Listenseite #col1 ul li div.link a:hover{
text-decoration: none;
}

.Template_Listenseite #col1 ul li div.pdf a{
float: right;
display: inline;
margin: 0 10px 5px 10px;
background: url(img_nav/DL-PDF.gif) no-repeat;
width: 23px;
height: 16px;
}

.Template_Listenseite #col1 ul li div.pdf a span{
display: none;
}

/* */







.Template_Inhalt2 #col1{
width: 680px;
}

.Template_Inhalt2 #col1 div.Abschnitt{
clear: right;
/*overflow: visible;*/
overflow: hidden;
position: relative;
height: 1%;
/*border: 1px dotted #a00;*/
}

.Template_Inhalt2 #col1 div.Abschnitt div.text{
margin: 0 10px 0 190px;
width: 360px;
}

.Template_Inhalt2 #col1 div.Abschnitt h5.Abschnitt_HL{
font-weight: bold;
/*width: 360px;*/
padding: 0.5em 10px 0.5em 190px;
line-height: 1.2em;
height: 1%;
overflow: hidden;
position: relative;
}

.Template_Inhalt2 #col1 div.Abschnitt h6.Stichwort{
/*
position: absolute;
display: block;
top: 5px;
left: 10px;
*/
/*font-style:italic;*/
font-size: 100%;
float: left;
display: inline;
width: 180px;
font-weight: bold;
color: #463D35;
}

.Template_Inhalt2 #col1 div.Abschnitt p{
margin: 0 0 0.5em 0;
height: 1%;
}

.Template_Inhalt2 #col1 div.Abschnitt img{
position: relative;
float: right;
margin: 2px 10px 0.5em 10px;
width: 100px;
}

/* */


.Template_Downloadseite #col1{
width: 680px;
}

.Template_Downloadseite #col1 ul{
clear: both;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
}

.Template_Downloadseite #col1 ul li{
clear: both;
overflow: hidden;
padding-top: 10px;
border-top: 1px solid #fff;
margin-top:  10px;
height: 1%;
}

.Template_Downloadseite #col1 ul li p.datei{
width: 200px;
padding: 0;
}

.Template_Downloadseite #col1 ul li p.datei span{
font-size: 80%;
white-space: nowrap;
}

.Template_Downloadseite #col1 ul li p{
width: 460px;
float: left;
display: inline;
padding: 0 0 0 20px;
margin: 0;
overflow: hidden;
}

.Template_Formular #col1{
width: 680px;
}


/****************/

#col2{
position: relative;
margin: 4px 0 0px 0px;
float: left;
display: inline;
width: 300px;
}

/* Contentbereich Extras für Homepage 2 **********************/

.Template_Homepage #col2,
.Template_Homepage #col3{
background: #e6b085 url(img_nav/BG-box2-bottom-300.gif) no-repeat bottom left;
margin: 14px 0 0px 0px;
width: 300px;
height: 387px;
float: none;
position: absolute;
bottom: 225px;
right: 47px;
z-index: 10;
}

.Template_Homepage #col3{
height: 215px;
bottom: 0;
}

.Template_Homepage #col2 h3,
.Template_Homepage #col3 h3{
background: #e56303 url(img_nav/BG-box3-top-300.gif) no-repeat;
font-size: 120%;
font-weight: bold;
height: 20px;
line-height: 20px;
color: #fff;
padding: 5px 10px;
margin: 0;
} 

.Template_Homepage #col2 ul,
.Template_Homepage #col3 ul{
position: relative; 
height: 312px;
overflow: auto;
padding: 10px 10px 0 10px;
} 

.Template_Homepage #col3 ul{
height: 168px;
} 

.Template_Homepage #col2 ul li,
.Template_Homepage #col3 ul li{
position: relative; 
border-bottom: 1px solid #f0d0b6;
padding-bottom: 4px;
margin-bottom: 4px;
overflow: hidden;
} 

.Template_Homepage #col2 ul li p,
.Template_Homepage #col3 ul li p{
font-size: 95%;
margin: 0;
padding: 0;
}

.Template_Homepage #col2 ul li p.t-datum{
font-weight:bold;
color: #fff;
}

.Template_Homepage #col2 ul li p.t-thema,
.Template_Homepage #col3 ul li p.t-thema{
font-weight:bold;
color: #000;
}

.Template_Homepage #col2 ul li p.t-ort,
.Template_Homepage #col3 ul li p.t-ort{
font-weight:normal;
color: #000;
margin-right: 5em;
}

.Template_Homepage #col2 ul li div.t-link, .Template_Homepage #col2 ul li div.t-pdf,
.Template_Homepage #col3 ul li div.t-link, .Template_Homepage #col3 ul li div.t-pdf{
overflow: hidden;
font-size: 90%;
float: right;
margin: -1.2em 0 0 0;
}

.Template_Homepage #col2 ul li div.t-link a,
.Template_Homepage #col3 ul li div.t-link a{
display: block;
margin: 2px 0 0 10px;
background: url(img_nav/Pfeil2.gif) no-repeat right;
padding-right: 20px;
line-height: 120%;
}

.Template_Homepage #col2 ul li div.t-link a:hover,
.Template_Homepage #col3 ul li div.t-link a:hover{
text-decoration: none;
}

.Template_Homepage #col2 ul li div.t-pdf a,
.Template_Homepage #col3 ul li div.t-pdf a{
display: block;
margin: 0;
background: url(img_nav/DL-PDF.gif) no-repeat;
width: 23px;
height: 16px;
}

.Template_Homepage #col2 ul li div.t-pdf a span,
.Template_Homepage #col3 ul li div.t-pdf a span{
display: none;
}


#col2 #terminemehr{
position: absolute;
right: 0;
bottom: 0;
width: 280px;
height: 34px;
border-top: 1px solid #f0d0b6;
background: #e6b085;
margin: 0 10px;
}

#col2 #terminemehr a{
margin: 0px 0;
background:url(img_nav/Pfeil2.gif) no-repeat right;
padding-right: 22px;
padding-top: 2px;
line-height: 32px;
display: block;
text-align: right;
}

/*START Homepage zusätzlicher RSS-Newsblock*/

.Template_Homepage #col2.makeroom{ 
height: 442px;
bottom: 150px;

height: 256px;
bottom: 356px;
}

.Template_Homepage #col2.makeroom ul{ 
height: 352px;

height: 181px;
}

.Template_Homepage #col3.makeroom{ 
height: 442px;
bottom: 150px;

height: 203px;
bottom: 143px;
}

.Template_Homepage #col3.makeroom ul{ 
height: 352px;

height: 156px;
}



.Template_Homepage #kolpingaktuell{ 

display: none; /* bis auf weiteres deaktiviert */

position: absolute;
height: 132px;
width: 300px;
bottom: 0;
right: 47px;
background: #d2ccc0 url(img_nav/BG-box1-bottom-300.gif) no-repeat bottom left;
margin: 14px 0 0px 0px;
}

.Template_Homepage #kolpingaktuell h3{
background: #665d4c url(img_nav/BG-box4-top-300.gif) no-repeat;
background: #948170 url(img_nav/BG-box5-top-300.gif) no-repeat;
font-size: 120%;
font-weight: bold;
height: 20px;
line-height: 20px;
color: #fff;
padding: 5px 10px;
margin: 0;
} 

.Template_Homepage #kolpingaktuell p{
position: relative; 
height: 40px;
overflow: auto;
margin: 10px 10px 0 10px;
} 

.Template_Homepage #kolpingaktuellmehr{
position: absolute;
right: 0;
bottom: 0;
width: 280px;
height: 34px;
border-top: 1px solid #e9e6e0;
background: #d2ccc0;
margin: 0 10px;
}

.Template_Homepage #kolpingaktuellmehr a{
margin: 0px 0;
background:url(img_nav/Pfeil1.gif) no-repeat right;
padding-right: 22px;
padding-top: 2px;
line-height: 32px;
display: block;
text-align: right;
}

.Template_Homepage #kolpingaktuell div.link{
position: relative;
overflow: hidden;
font-size: 90%;
float: right;
margin: -0.7em 0 0 0;
padding: 0 10px;
}

.Template_Homepage #kolpingaktuell div.link a{
display: block;
margin: 2px 0 0 10px;
background: url(img_nav/Pfeil1.gif) no-repeat right;
padding-right: 20px;
line-height: 120%;
}

.Template_Homepage #kolpingaktuell div.link a:hover{
text-decoration: none;
}

/*ENDE Homepage zusätzlicher RSS-Newsblock*/

/*START Homepage zusätzlicher Buttonblock*/
.Template_Homepage #bub{ 
position: absolute;
height: 132px;
width: 300px;
bottom: 0;
right: 47px;
margin: 14px 0 0px 0px;
}
/*ENDE Homepage zusätzlicher Buttonblock*/






/* */

.Template_Galerie #col2{
display: none;
}

.Template_Listenseite #col2{
display: none;
}

.Template_Downloadseite #col2{
display: none;
}

.Template_Formular #col2{
display: none;
}


/* Footer ************************/

#footer{
clear: left;
height: 80px;
position: relative;
background: #bbb1a0 url(img_nav/BG-footer-bottom2.gif) no-repeat;
overflow: hidden;
}

.Template_Homepage #footer{
background: #bbb1a0 url(img_nav/BG-footer-bottom1.gif) no-repeat;
}

#footer ul{
float: right;
display: inline;
padding: 30px 0 0 0;
margin: 0 18px 0 0;
}

#footer ul li{
color: #fff;
display: inline;
padding-left: 8px;
}

#footer ul li a{
color: #fff;
padding-right: 12px;
border-right: 1px solid #fff;
}

#footer ul li a:link, #footer ul li a:visited{
text-decoration:none;
color: #fff;
}

#footer ul li a:hover, #footer ul li a:active{
text-decoration: underline;
color: #fff;
}
















/* Kontaktformular ***************************/

form#Kontaktformular{
background: #d2ccc0 url(img_nav/BG-box1-bottom-680.gif) no-repeat bottom left;
overflow: auto;
}

#Kontaktformular div{
margin: 2px 0;
width: 550px;
overflow: hidden;
}

#Kontaktformular h5{
background: url(img_nav/BG-box1-top-680.gif) no-repeat;
padding: 20px 0 0 140px;
font-weight: bold;
color: #000;
}

#Kontaktformular h6{
padding: 0px 0 0 140px;
font-weight: bold;
color: #000;
}

#Kontaktformular p{
width: 390px;
margin: 10px 0 10px 140px;
}

#Kontaktformular label{
width: 130px;
margin: 3px 10px 3px 0;
float: left;
text-align: right;
}

#Kontaktformular #CKF_anrede, #Kontaktformular #CKF_zimmerwunsch, #Kontaktformular #CKF_zahlungsweise{
/*margin-left: 140px;
width: auto;*/
}

#Kontaktformular #CKF_anrede label, #Kontaktformular #CKF_zimmerwunsch label, #Kontaktformular #CKF_zahlungsweise label{
/*
float: left;
width: auto;
margin-right: 0;*/
}

#Kontaktformular label.radio_labels{
width: 100px;
}

#Kontaktformular #CKF_anrede label.radio_labels{
width: 60px;
}

#Kontaktformular #CKF_anrede input, #Kontaktformular #CKF_zimmerwunsch input, #Kontaktformular #CKF_zahlungsweise input{
margin-right: 20px;
background: transparent;
border: none;
}

input#KF_vorname, input#KF_name, input#KF_firma, input#KF_funktion, input#KF_strasse, input#KF_fax, input#KF_telefon, input#KF_email, input#KF_kolpingfamilie, input#KF_telefon_p, input#KF_telefon_d, input#KF_telefon_m, input#KF_thema-kurs, input#KF_geburtsdatum, input#KF_staatsangehoerigkeit, input#KF_beruf, input#KF_weitere_teilnehmer, input#KF_bankverbindung, input#KF_betreff{
width: 390px;
}

#Kontaktformular textarea{
width: 390px;
max-width: 400px;
height: 120px;
max-height: 400px;
overflow: auto;
}

#Kontaktformular input#KF_land{
width: 20px;
}

#Kontaktformular input#KF_plz{
width: 40px;
}

#Kontaktformular input#KF_ort{
width: 194px;
margin-right: 0px;
}

#Kontaktformular #CKF_land_plz_ort label{
width: 40px;
}

#Kontaktformular #CKF_land_plz_ort input{
margin-right: 10px;
}

#Kontaktformular #CKF_land_plz_ort span{
display: block;
float: left;
width: 130px;
margin: 3px 10px 3px 0;
text-align:right;
}

#Kontaktformular #CKF_land_plz_ort span label{
float: none;
margin-right: 0;
}

#Kontaktformular input, #Kontaktformular textarea{
float: left;
font-family: inherit;
font-size: 90%;
padding: 3px;
background: #fbfaf7;
border: 1px solid #B6AA9E;
-moz-border-radius: 4px;
}

#Kontaktformular input#KF_submit{
margin: 2px 0 20px 140px;
padding: 2px;
color: #fff;
background: #E5633C;
border: 1px solid #fff;
}

#Kontaktformular .muss{
/*font-weight: bold;*/
}

#Kontaktformular .optional{
width: 100%;
width: 540px;
/*background: #C8C2B7;*/
padding: 10px 0;
margin: 10px 0;
border-top: 1px solid #E9E6E0;
}

#Kontaktformular .seminaranmeldung{
width: 100%;
width: 540px;
/*background: #C8C2B7;*/
padding: 10px 0;
margin: 10px 0;
border-top: 1px solid #E9E6E0;
border-bottom: 1px solid #E9E6E0;
}


/****/

#Kontaktformular #CKF_anrede{
padding-top: 10px;
/*border-top: 1px solid #000;*/
}

/****************************/



#significa{
border-top: 1px solid #FFF;
padding-top: 4px;
font-size: 10px;
line-height: 13px;
}

#significa a:link, #significa a:visited{
font-weight: normal;
text-transform:lowercase;
font-size: 10px;
}


/* Container mit runden Ecken - benötigt entsprechende spans ***********************/
.bild1{
position: relative;
/*float: left;
display: inline;*/
margin: 10px 0 0 0;
padding: 0;
overflow: hidden;
background: #d2ccc0;
/*border-bottom: 1px dotted #000;*/
}

#content .bild1 p{
text-align:left;
position: relative;
font-size: 90%;
padding: 4px 10px;
margin: 0;
color: #463d35;
overflow: hidden;
}

.ecken1-ol, .ecken1-or, .ecken1-ul, .ecken1-ur, .ecken2-ol, .ecken2-or, .ecken2-ul, .ecken2-ur{
position: absolute;
display: block;
width: 8px;
height: 8px;
overflow: hidden;
line-height: 0;
}

.ecken1-ol{background: url(img_nav/Ecken1-ol.png) no-repeat top left; top:0; left:0;}
.ecken1-or{background: url(img_nav/Ecken1-or.png) no-repeat top right; top:0; right:0;}
.ecken1-ul{background: url(img_nav/Ecken1-ul.png) no-repeat bottom left; bottom:0; left:0;}
.ecken1-ur{background: url(img_nav/Ecken1-ur.png) no-repeat bottom right; bottom:0; right:0;}

.ecken2-ol{background: url(img_nav/Ecken2-ol.png) no-repeat top left; top:0; left:0;}
.ecken2-or{background: url(img_nav/Ecken2-or.png) no-repeat top right; top:0; right:0;}
.ecken2-ul{background: url(img_nav/Ecken2-ul.png) no-repeat bottom left; bottom:0; left:0;}
.ecken2-ur{background: url(img_nav/Ecken2-ur.png) no-repeat bottom right; bottom:0; right:0;}

/****************************/