/*----Inhaltsverzeichnis----*/
/*-1.0 Reset*/
/*-2.0 Basisangaben*/
/*-2.1 Uebergreifende Klassen und Angaben*/
/*-2.2 Überschriften*/
/*-3.0 Kopfbereich*/
/*-3.1 Hauptbild*/ 
/*-3.2 Suchbox*/
/*-4.0 Inhalt*/
/*-4.1 Links im Inhaltsbereich*/
/*-4.2 Markierung fuer externe Links */
/* -4.3 Events */

#sponsoren .subcolumns {margin-bottom:20px;}
#sponsoren  .c50l, #sponsoren .c50r {vertical-align:middle;}
#buidl  .img-l {height: 180px;}
#start .image_container { margin: 0 0 1.3em 0;}
#start {border-bottom: 1px solid #E5BFC2; }



p#logo1 {float:left;height:155px;width:200px;vertical-align:center;padding:30px 0 0 10px;}
#headbox {float:right;height:150px;position:relative;width:18em;padding-top:35px;}

#programm .ce_colsetStart{border-bottom: 1px solid #D3D1A6;padding: 0.5em 0 0.5em 0;}



/* ---- 1.0 Reset Anweisungen ---- */
html, body, div, span, applet, object, iframe, img, 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, 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-family: inherit; vertical-align: baseline;
}
:focus { outline: 0; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
strong {font-weight:bold;}

/* ---- 2.0 Basisangaben ---- */
a,body,div,em,input,label,li,ol,p,select,span,strong,td,th,textarea,u,ul{font-family:Verdana, sans-serif;}
/*a,body,div,input,label,li,ol,p,select,td,th,textarea,u,ul{font-size:11px;}*/
/*h1{margin:0px 0px 12px 0px;padding:0px;font-weight:bold;font-size:13px;}
h2{margin:0px 0px 6px 0px;padding:0px;font-weight:bold;font-size:11px;}*/
/*a{text-decoration:none;color:#a84204;}
a:hover{text-decoration:underline;color:#a84204;}*/
img{vertical-align:middle;border:0px;}
p,pre,form{margin:0px;padding:0px;}
#musi {height:700px;}
.ce_text, .ce_table, .mod_sitemap, .mod_newslist {margin-top: 1.3em;}
.l_o {border-top: 1px solid #98000C;}
.l_u {border-bottom: 1px solid #98000C;}
.l_ou {border-top: 1px solid #98000C; border-bottom: 1px solid #98000C;}

/* -------- 2.1 Uebergreifende Klassen und Angaben -------- */
.out, .invisible, caption { position: absolute; left: -3000px; top: -3000px; width: 0; height: 0; overflow: hidden; display: inline; } /* Inhalt aus sichtbarem Bereich verschieben */

/* --- 2.2 Überschriften --- */
h1 { color: #98000C; width:100%; font: normal 180% Trebuchet MS, 'Times New Roman', serif; margin: 0.8em 0 0.8em 0; border-bottom: 1px solid #E5BFC2;}
h2 { font-size: 120%; color: #98000C; font-weight: bold; margin: 1em 0 1em 0; }
h3 { font-size: 100%; color: #98000C; font-weight: bold; padding: 0 0 1px 0; border-bottom: 1px solid #D3D1A6; margin: 0 0 0.5em 0; }
h4 { font-size: 100%; color: #98000C; font-weight: bold; padding: 0 0 1px 0; margin: 0 0 0.5em 0; }
/*h4 { font-size: 110%; color: #333; padding: 2px; background-color: #F4F4E8; font-weight: bold; }
h5 { font-size: 100%; color: #666; padding: 2px; background-color: #F4F4E8; font-weight: bold; }*/
h5 { color: #98000C; width:100%; font: normal 180% Trebuchet MS, 'Times New Roman', serif; margin: 0.8em 0 0 0; border-bottom: 1px solid #E5BFC2;}
h6 { font-size: 100%; color: #666; padding: 2px; font-weight: bold; }

.event h2 { font-size: 120%; color: #98000C; font-weight: bold; margin: 0 0 1em 0; width:100%; padding-bottom:10px;}
.mod_eventreader h2 { font-size: 120%; color: #98000C; font-weight: bold; margin: 1em 0 1em 0; width:100%; padding-bottom:10px;}
#fahnen h1 { margin: 0.8em 0 0.8em 0;}

h1 em { font-style: normal; }
table h5 { color: #333; }
/*
h2.zeit { font-size: 130%; margin: 2em 0 0.5em 0; background-color: #F4F4E8; font-weight: bold; padding: 0; }
.ergebnis h2 { background-color: #EAEAD5; padding: 2px; }
.ergebnis h2 strong { font-size: 85%; }
h2.mnews { background-color: #ECECEC; padding: 2px; font-size: 100%; }
*/
#spalte1 h1, #spalte1 h2 { background-color: #720000; color: #fff; padding: 2px; font: bold 100%/1.4 Arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
  
/* ---- 3.0 Kopfbereich ---- */
/*p.logo { width: 100%; height: 120px; float: left; background: #fff; }*/

/* --- 3.1 Hauptbild --- */  
.headimg {width: 100%; height: 185px !important;}
.start #header {background: transparent url(/tl_files/lh/gfx/start.jpg) no-repeat bottom left;}
.aktuelles #header {background: transparent url(/tl_files/lh/gfx/aktuelles.jpg) no-repeat bottom left;}
.gruendungsfest #header {background: transparent url(/tl_files/lh/gfx/gruendungsfest-2010.jpg) no-repeat bottom left;}
.termine #header {background: transparent url(/tl_files/lh/gfx/termine.jpg) no-repeat bottom left;}
/*.verein #header {background: transparent url(/tl_files/lh/gfx/da-verein.jpg) no-repeat bottom left;}*/
.verein #header {background: transparent url(/tl_files/lh/gfx/gruendungsfest-2010.jpg) no-repeat bottom left;}
.buidl #header {background: transparent url(/tl_files/lh/gfx/buidl.jpg) no-repeat bottom left;}
.kontakt #header {background: transparent url(/tl_files/lh/gfx/kontakt.jpg) no-repeat bottom left;}
.platteln #header {background: transparent url(/tl_files/lh/gfx/platteln.jpg) no-repeat bottom left;}


/* --- 3.2 Suchbox --- */
/*#suchbox { border: 1px solid #EBEAD6; background-color: #DFE6EC; padding: 4px; margin-bottom: 20px; }
#suchbox form { margin: 2px ; }
#suchbox form p { margin: 0; padding: 4px 0 0;}
#suchbox label { float: none; display: block; width: 96%; }
#suchbox input { -moz-box-sizing: content-box; height: 1.4em; margin:0; padding:0; vertical-align:middle; color: #333; }
#suchbox input#ctrl_12 { border: 1px solid #9A9999; background-color: #fff; color: #333; font-size:90%; width: 96%; }
#suchbox input.send { border-width: 1px; font-size:90%; width: 6em; max-width: 98%; background-color: #720000; color: #fff; }
*/

/* ---- 4.0 Inhalt ---- */
.mod_article {margin:0 10px 0 10px;font: normal 90% Trebuchet MS, 'Times New Roman', serif;}
.mod_newsreader h1 {margin-bottom: 1.3em;}

/* --- 4.1.1 Links im Inhaltsbereich --- */
.mod_article a:link, .inside_r a:link { color: #98000c; text-decoration: underline; }
.mod_article a:visited, .inside_r a:visited { color: #98000c; text-decoration: underline; }
.mod_article a:hover, .mod_article a:focus, .mod_article a:active, .inside_r a:hover, .inside_r a:focus, .inside_r a:active { color: #000; text-decoration: none; }
 
/*#content a.feed { background: #fff url(../img/feed.gif) no-repeat left center; padding-left: 16px; } */
 
#content a.bild:link, #content a.bild:visited { text-decoration: none; }
#content a.bild:hover, #content a.bild:focus, #content a.bild:active { text-decoration: none; } 

/* 4.1.1.1 Hover-Effekt fuer Galerie-Bilder
#content .gallery_row a img, #content .image_container a img { display: block; }
#content .gallery_row a, #content .gallery_row a img, 
#content .image_container a, #content .image_container a img { float: left; overflow:hidden; }

#content .gallery_row a:hover, #content .gallery_row a:focus, #content .gallery_row a:active,  
#content .image_container a:hover, #content .image_container a:focus, #content .image_container a:active { border:2px solid #D3D1A6; }

#content .gallery_row a:hover img, #content .gallery_row a:focus img, #content .gallery_row a:active img
#content .image_container a:hover img, #content .image_container a:focus img, #content .image_container a:active img { margin: -2px; }
 */

/* 4.2 Markierung fuer externe Links */
span.extlink { position: absolute; left: -3000px; top: -3000px; width: 0; height: 0; overflow: hidden; display: inline; }
a.extern:link { background: url(../gfx/extern.gif) no-repeat 100% 0; padding: 0 20px 0 0; }
a.extern:visited { background: url(../gfx/extern.gif) no-repeat 100% -100px; padding: 0 20px 0 0; }
a.extern:hover, a.extern:focus, a.extern:active { background: url(../gfx/extern.gif) no-repeat 100% -200px; padding: 0 20px 0 0; }




/* --- 4.2.2 Events --- */
.mod_eventlist h1 { margin-bottom:20px;}
.mod_eventlist h2 { margin: 1em 0 0 0; }
.mod_eventlist .item { padding-top:0px;}
.mod_eventlist .event.odd.last h2{ margin: 0 0 0 150px;}
.mod_eventlist .event.even.first{ width:480px;margin:0 10px 0 10px;}
.mod_eventlist .event.odd.last{ width:530px;}
.mod_eventlist .header {margin: 0.2em 0 0 0;}
/*..event .ce_text { margin: 20px 0 1.3em 0; }
*/
.mod_upcoming_events .event { border-bottom: 1px solid #E5BFC2;padding-top:20px;}
.mod_upcoming_events .event .first{ padding-top:0;}



/* --- 4.3 Tabellen --- */ 
#minicalendar table { border-spacing: 1px; background-color: #666; color: #333; margin: 1.3em 0 1.5em 0; }
#minicalendar td, #minicalendar th { padding: 4px; }
#minicalendar th { text-align: center; background-color: #EAEAD5; color: #98000C; border: 1px solid #fff; font-weight: bold; }
#minicalendar tbody th { background-color: #F0F0E0; color: #000; font-weight: normal; }
#minicalendar tr { background-color: #fff;  text-align: center; }
#minicalendar tr td { border: 1px solid #fff; }
#minicalendar td.active { font-weight:bold;}
.verein .ce_table td, .verein .ce_table th { padding-right: 4px; }




/* --- 4.4 Formulare --- */ 
form p { margin: 0 0 0.5em 0; }
fieldset { border: 1px solid #E5BFC2; padding: 10px; margin-bottom: 15px; }
legend { font-size: 100%; background-color: #fff; padding: 2px 4px; color: #042F5A; }

label, .lab { float: left; width: 10em; }
input, select { border: 1px solid #aaa; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 20em; height: 1.4em; }
textarea { border: 1px solid #aaa; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 25em; }

input.send, input.send_long { 
  background-color: #D8D7D6; border: 1px solid #F3F3F3; border-right: 1px solid #9A9999; border-bottom: 1px solid #9A9999; 
  /*-moz-box-sizing:content-box;*/ height:1.4em; margin:0; padding:0; vertical-align:middle; font-size: 100%; max-width:98%; width:10em; line-height:1.4em; 
}

.antispam label { display: inline; float: none; width: auto; }
.antispam input { width: 3em; }
.antispam label em { color:#042F5A; font-style: normal; }

/* --- 4.4.1 Hovereffekte in Formularen --- */
input:hover, input:focus, input:active,
textarea:hover, textarea:focus, textarea:active,
select:hover, select:focus, select:active { background-color: #EAEAD5; color: #000; border-color: #000; }

#suchbox input:hover#ctrl_12, #suchbox input:focus#ctrl_12, #suchbox input:active#ctrl_12,
#suchbox input:hover.send, #suchbox input:focus.send, #suchbox input:active.send , 
#suchbox input:hover.send_long, #suchbox input:focus.send_long, #suchbox input:active.send_long { background-color: #DFE6EC; color: #000; border-color: #000; }

/* --- 4.5 Infobox / Glossarbox --- */
.infobox { border: 1px solid #D7D7D7; background-color: #ECECEC; margin-bottom: 20px; }
#content .infobox p { padding: 4px 4px 8px 4px; margin: 0; }
#content .infobox p.image_container { padding: 0; }

.infobox a:link, .infobox a:visited { background: url(../img/boxpfeil.gif) no-repeat center left; padding-left: 12px; }
.infobox a:hover, .infobox a:focus, .infobox a:active { background: url(../img/boxpfeil2.gif) no-repeat center left; padding-left: 12px; }

.gbox { border: 1px solid #ECECEC; background-color: #DFE6EC; margin-bottom: 20px; }
#content .gbox p { padding: 4px 4px 8px 6px; margin: 0; }

/* --- 4.6 Newsliste / allgemeine Liste --- */
.newslist h2 { font-size: 110%; }
.newslist .info { color: #666 }
.layout_short { margin: 0 0 1.3em 0; border-bottom: 1px solid #E5BFC2; }

#content ul.mehr_news { list-style: none; margin: 0 0 1.5em 0; font-size: 100%; }
#mainspalte .mehr_news li { text-align: left; background: url(../img/boxpfeil_we.gif) no-repeat center left; padding: 2px 2px 2px 12px; margin: 0; border-bottom: 1px solid #ECECEC; }
.mehr_news small.info { color: #666; font-size: 100%; padding-right: 1em; }
.mehr_news .nline { text-align: left;  }


/* --- 4.8 Bilderanzeige --- */
/*#content .gallery_row .g_image { float: left; width: 120px; margin: 0 1em 1em 0; }*/
/* Grafik rechts oder links */
#impressum .image_container img {border: 0; margin-top: 3em;}
#verein .image_container img {margin-bottom: 2em;}
.image_container img {border: 1px solid #999; padding: 2px;}
.image_container .caption {font-weight:bold; padding-top:5px;}
.img-r .image_container {float:right; margin-left:1em; margin-bottom: 0.5em;}
.img-l .image_container {float:left; margin-right:1em; margin-bottom: 0.5em;}
.hoizbach .image_container {float:left; margin-right:2.5em; margin-bottom: 0.5em;}

/* --- 4.9 Inhaltsverzeichnis --- */
#content #sitemap ul { margin: 0 0 1.5em 0; }
#content #sitemap ul ul { margin: 0 0 4px 3em; }

#content #mainspalte #sitemap li { margin: 0 0 1px 0; list-style: none; }

#content #sitemap ul li a:link, 
#content #sitemap ul li a:visited, 
#content #sitemap ul li a:hover, 
#content #sitemap ul li a:focus, 
#content #sitemap ul li a:active { font-weight: bold; background-color: #F0F0E0; display: block; padding: 4px; margin-bottom: 4px; }

#content #sitemap ul li a:hover, 
#content #sitemap ul li a:focus, 
#content #sitemap ul li a:active { background-color: #fff; }
 
#content #sitemap ul ul li a:link, 
#content #sitemap ul ul li a:visited { font-weight: normal; background-color: #EAEAD5; }

#content #sitemap ul ul li a:hover, 
#content #sitemap ul ul li a:focus, 
#content #sitemap ul ul li a:active { font-weight: normal; background-color: #fff; }
 
#content #sitemap ul ul ul li a:link, 
#content #sitemap ul ul ul li a:visited { background-color: #DEDCBC; }
 
#content #sitemap ul ul ul li a:hover,
#content #sitemap ul ul ul li a:focus, 
#content #sitemap ul ul ul li a:active { font-weight: normal; background-color: #fff; }


/* -- 4.11 Pagination -- */
/*.pagination { background-color: #EBEBEB; padding: 4px; }
#content .pagination p { margin: 0 0 0.2em 0; }
#content .pagination ul { margin: 0; padding: 0; text-align: left; }
#mainspalte .pagination li { list-style: none; display: inline; padding-bottom: 1px; margin: 0; }
#content .pagination a, #content .pagination_current { padding: 2px 4px; border: 1px solid #720000; }
#content .pagination a:link, #content .pagination a:visited { border-color: #720000; text-decoration: none; color: #720000; }
#content .pagination a:hover, #content .pagination a:focus, #content .pagination a:active { border-color: 1px solid #333; text-decoration: underline; color: #fff; background-color: #720000; }
#content .pagination_current { background-color: #720000; color: #fff; border-color: #333; font-weight: bold; }*/



/* --- 6.0 Lightbox-Bildfunktion --- 
#lightbox { position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer { padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;	}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(/tl_files/js/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
/*#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover, #prevLink:focus, #prevLink:visited:focus, #prevLink:active, #prevLink:visited:active { background: url(/tl_files/js/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover, #nextLink:focus, #nextLink:visited:focus, #nextLink:active, #nextLink:visited:active { background: url(/tl_files/js/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font-size: 90%; background-color: #fff; color: #333; margin: 0 auto; line-height: 1.4em; }
#imageData{ padding:0 10px; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;
	filter:alpha(opacity=60);	-moz-opacity: 0.6; opacity: 0.6;
}*/

/* ------ 7.0 Sprunglink ------ */
/*#sprunglink { margin: 0; list-style: none; }
#sprunglink li { display: inline; float:left; } 
  
#sprunglink a:link, #sprunglink a:visited {
  position:absolute; top:-3000px; left: -3000px; width: 1px;
  font-size: 82%; background: transparent; color: #720000; text-decoration: none; border: 0px none;
}
#sprunglink a:hover, #sprunglink a:focus, #sprunglink a:active {
  position:absolute; top: 8px; left: 270px; width: 15em; z-index: 20;
  font-size: 82%; color: #720000;
  background: #ECECEC url(../img/boxpfeil.gif) no-repeat left center;
  border: 0px none; padding: 2px 2px 2px 12px; text-decoration: underline; 
}

h2:target, h3:target, h4:target, h5:target, h6:target { color: #EAEAD5; background-color: #720000; } /* Zielpunkte hervorheben */
*/
/* ---- 8.0 Clearfix ---- */
.cfix:after { content: ".";  display: block;  height: 0;  clear: both; visibility: hidden; }
.cfix { display: block;}
/* Hides from IE-mac \*/
* html .cfix {height: 1%;}
.cfix {display: block;}
/* End hide from IE-mac */

/* ---- 9.0 Behebung diverser Bugs --- */
/* 9.1 Floatbug Mozilla */
/*#content .mod_article { float: left; margin: 0; width: 100%; }  Breitenangabe NICHT weglassen */
#left .mod_article { margin: 0 12px; }