/*----------------------------------------------------------------------------*/
/* light_cms.css - CMS stylesheet
/* Version: 2017-01-10
/*--------------------------------------------------------------------------- */
/* history:
/* 110511: übernahme lightchannel
/* 161008: class 'foto' (Fotoalbum, Startseite)
/* Headers (h3-h5)
/*--------------------------------------------------------------------------- */


/* ----------------------------------------------------- */
/* --- Veranstaltungen --- */
/* ----------------------------------------------------- */
.hinweis {
	color: #f00;
	border: solid 1px #ccc;
 	font-size: 1.2em;
	font-weight: bold;
	padding: 5px;
  margin: 13px 5px 0px 5px;
	text-align: center;
}


/* ----------------------------------------------------- */
/* --- Fotoalbum --------------------------------------- */
/* ----------------------------------------------------- */

.foto {
	float:left;
  margin-top:5px;
	margin-right:20px;
	border:solid 1px #ccc;
}


/* ----------------------------------------------------- */
/* --- kontakt form ------------------------------------ */
/* ----------------------------------------------------- */
/* weils in tabelle gekapselt ist ... (tblForm) */
/* ----------------------------------------------------- */
#frmKontakt td
{
	font-size: 1em;
}

#anf_text
{
	font-size: 1em;	
}


#captForm 
{
	font-size: 10pt;
	font-weight: bold;
	float: none;
	margin-bottom: 10px;
	padding: 8px;
	text-align: right;
	
	border: solid 0px #eee;
}



/* --------------------------------- */
/* --- form-fields (req. / opti) --- */
/* --------------------------------- */
.req, .req8, .opt, .opt8
{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
}

.req, .req8
{
	color: #f97010; 
}

.req
{
	font-weight: bold;
}

.opt, .opt8
{
	color: #555;
}



/* --------------------------------- */
/* --- form / input-elem classes --- */
/* --------------------------------- */
form {
  padding: 0;
  margin: 0;
  border: solid 0px #9EAF48;
}

input,
textarea,
select {
  padding: 3px;
  font: 400 1em Arial, Helvetica, sans-serif;
  color: #444;
  background: #FAF7F9;
  border: 1px solid #777;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover
{
  color: #000;
  background: #fdf3dd;
  border: 1px solid orange;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}



input.radio {
	background: none;
	border: 0px;
}

.radioBtn 
{
	background: #FCF2DB;
}



/* --------------------------------- */
/* --- button styles --------------- */
/* --------------------------------- */
input.button,
.btn, .btnB, .btn_grn, .btn_grnB, .btn_red, .btn_redB, .btn_grey, .btn_greyB,
.btn_start, .btn_sml, .btn_click, .btn_go {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	
	height: 25px;
	border: solid 1px #777;
	
	border-top-width: 1px;
	border-bottom-width: 1px;	
	border-right-color: #444;
	border-bottom-color: #444;
	
	background-color: #ddd;
}



/* --------------------------------- */
/* --- subclasses --- */
/* --------------------------------- */
.btnB, .btn_grnB {
	font-weight: bold;
}

.btn_grn, .btn_grnB {
	color: green;
}
.btn_grnB, .btn_redB {
	font-weight: bold;
}
.btn_red, .btn_redB { 
	color: #820f0d;
}
.btn_red:hover, .btn_redB:hover { 
	color: #721f1d;
	background-color: #333;
}

.btn_grey, .btn_greyB { 
	color: #555;
	vertical-align:baseline;
}

.btn_start {
	height: 23px;
	width: 175px;
	font-weight: bold;
}

.btn_sml {
	height: 17px;
	font-size: 11px;
	width: auto;
	background-color: #cdcdcd;
	/*position: relative;
	top: -2px;*/
}

.btn_click {
	font-weight: bold;
	font-weight: normal;
	background-color: #cdcdcd;
	color: #fcfcfc;
}

#btnSave, #btnCancel
{
	background: #ccc;	
}


/* --------------------------------- */
/* --- standard text styles -------- */
/* --------------------------------- */
.sml
{
	font-family: Arial, sans-serif;
	font-size: 11px;
}

.mini 
{
	font-size: 9px;
}

.nodata {
	font-family: Arial, Helvetica;
	font-size: 12px;
	color: #555555;
}

.oki {
	font-family: Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #333333
}

.oki2 {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000099;
	margin-left: 10px;
}

.oki_sml {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #ccffcc;
	background-color: #000000
}

.status {
	font-size: 8pt;
	font-weight: bold;
}

.msg {
	font-size: 10pt;
	font-weight: bold;
	color: Navy;
}

.msg_sml {
	font-size: 8pt;
	font-weight: normal;
	color: Navy;
}

.err, .err_sml, .errSml 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FC0000;
	margin: 15px 0px 15px 0px;
}

.err {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}

.err_sml, 
.errSml {
	font-size: 12px;
	font-weight: normal;
}


.dte {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 10pt;
}



/* --------------------------------- */
/* --- clsGallery class styles ----- */
/* --------------------------------- */

/* ähnlich h1 */
.imggal_group 
{
	font: normal 210%/110% Arial, sans-serif;
  color: #555;
	font-size: 1.75em;
	font-weight: normal;
	border-bottom: dotted 1px #888;
}


.imggal_tblPreview 
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: solid 0px red;
}

td.imggal_tblPreview 
{
	background-color: #f0f0f0;
	padding: 0px;
	margin: 0px;
}


.imggal_tblBig 
{
	margin: 0px 0px 0px 8px;
	padding: 15px 0px 10px 0px;
	border: solid 0px lime;
}


.imggal_bigView, 
.imggal_smlView
{
	/*width: 100%;*/
	border: solid 6px #777;
	background: #f0f0f0;
	padding: 5px;
}


.imggal_bigView
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.imggal_smlView
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}


.imggal_pageNum 
{
/*	font-size: 16px; */
}

.imggal_pageNumAct
{
	font-size: 12px;
	font-weight: bold;
}

.imggal_desc 
{
	font-size: 10px;
	float: right;	
}

.imggal_copy
{
	font-size: 7pt;
	color: #efefef;
}


#imggal_dotted		/* dotted line background (group-links) */
{
	background: url('img/dotted.gif') repeat 0% 0%;
	height: 1px;	
}




/* --------------------------------- */
/* --- CMS content tables / Headers --- */
/* --------------------------------- */

td {
	font: normal 0.95em "Heebo", Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 160%;
	color: #5F5F5F;
/*	
	color: Red;
	text-align: justify;
*/
}


td.block, 
td.block_left, 
td.block_right
{
	vertical-align: top;
	line-height: 130%;
	padding: 20px;
}


td.block_left {
	padding-left: 29px;
	padding-right: 18px;
}


td.block_right {
	padding-left: 8px;
}


h3, h4, h5, 
td.block_right h3
{
	margin: 15px 0px 5px 0px;
	padding: 13px 0px 5px 0px;
}


h3,
td.block_right h3
{
	font-size: 17px;
	border-top: solid 1px #ccc;
}


h4,
td.block_right h4
{
	font-size: 15px;
	border-top: solid 1px #ccc;
}


h5, 
td.block_right h5
{
	font-size: 13px;
	border-bottom: solid 1px #ccc;
	margin: 0px 0px 5px 0px;
	padding: 0px:
}


h6
{
	font-family: Arial, Helvetica;
	font-size: 1em;
	font-weight: bold;
	border: solid 1px #999;
	color: #555;
	margin: 0px 0px 0px 0px;
	padding: 3px;
}



/* --------------------------------- */
/* --- CMS styles ------------------ */
/* --------------------------------- */
.header 
{
	margin: 28px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: dotted 1px #888;
}

.hdr_blk 
{
	color: #fd7800;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13pt;
	font-weight: normal;	
	text-indent: 1px;
	letter-spacing: 1px;
}

.main_hdr 
{
	text-decoration: underline;
	padding-bottom: 10px;
	font-weight: bold;
}

.horizLine
{
	background-color: #C6C6C6;
	height: 1px;
}


.tblLocalMenu
{
	margin-bottom: 10px;
	padding-left: 5px;	
}


.tblDotList, 
.tblPoints,
.tblLinkTable
{
	/*width: 90%;*/
	width: 545px;
	background: #F3F3F3;
	border: solid 1px #D0D0D0;
	padding-left: 3px;
	padding-bottom: 3px;
	margin-left: 0px;
	margin-top: 8px;
	margin-bottom: 2px;
}


.tblPoints
{
	border: solid 1px #9EAF48;
}


/* greift tats. NUR linktable header-tag, nicht table selber! */
.tblLinkTable th
{
	background: #ddd;	/*lime;*/
	color: Black;
}



.tblSitemap 
{
	/*background: red;*/
	margin-bottom: 10px;
	padding-left: 5px;
	border: solid 0px orange;	
}

.sitePoint
{
	border-bottom: dotted 0px #9EAF48;	
	padding-bottom: 0px;
}

.textRight 
{
	text-align: right;
	/*margin-right:42px;*/
}	



/* --------------------------------- */
/* --- Company (modContent) ---      */
/* --------------------------------- */
.CompanyAdress 
{
	padding: 5px;
	border: solid 0px gold;	
}



/* --------------------------------- */
/* --- ImagePack (modImgPack) ---    */
/* --------------------------------- */
#ImagePackBar
{
/*	width: 100%;	*/
	margin: 0px;
	background: #F3F3F3;
	border: solid 2px #E3E3E3;
	padding: 3px;
}

#ImagePackBar td 
{
	padding: 3px;
}

.ImagePackImage, .ImagePackText
{
	padding: 0px;
}




/* --------------------------------- */
/* --- sonstiges class styles ------ */
/* --------------------------------- */
#printer_icon, #loginTable
{
	float: right;
	clear: right;
	padding: 0px 0px 0px 0px;
	border: solid 0px grey;
	position: relative;
	left: -5px;
	top: 3px;
}



/* --------------------------------- */
/* --- CMS debugging --------------- */
/* --------------------------------- */
.showme
{ 
	border: solid 5px lime;
}

.debug {
	font-family: courier new;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	color: #c00;
}