/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
background:#ccccf0;
padding:0;
margin:0;
font-family: Arial,sans-serif;
line-height: 1.166;}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: Verdana, Arial, sans-serif;
 font-size: 120%;
 color: #003399;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Verdana,Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	color:black;
	height: 130px;
	border-bottom: 1px solid #0A4277;
	background-color: #ccccf0;
	padding-top:0px;
	margin:0;
	background-image: url(http://www.kruempi-sp.de/gospelchor/images/kopf_rechts.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#navbar{
	float:left;
	width:15%;
	font-size: 90%;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#rechts{
	float:right;
	width:15%;
	font-size: 80%;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#content{
	font-size: 90%;
	color:black;
	background:#ededed;
	margin:0 16%;
	padding:10px 20px 20px;
	border-left:2px solid black;
	border-right:2px solid black;
	height:500px;
	min-height:500px;
}

body>#content{height:auto;}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	background:#ededed;
	margin:0 16%;
	padding: 10px 0px 0px 17px;
	border-left:2px solid black;
	border-right:2px solid black;
	height:20px;
}

/************* #navbar styles *************/

#navbar h3{
	padding: 0px 0px 2px 10px;
}

/* Menu 1 column */
TD#menu_1 {	
	vertical-align: top; 
	width: 20%;	
	padding-top: 0px;
}
TD#menu_1 DIV {
	width: 95%;
}
TD#menu_1 DIV A {
	color: #333333;
	text-decoration: none;
}
TD#menu_1 DIV A:hover {
	text-decoration: underline;
}

/*  MENU 1, level 1, normal state (NO) */
TD#menu_1 DIV.menu1-level1-no {
  font-size: 90%;
  padding-top:0px;
  padding-left:0px;
}
/*  MENU 1, level 1, active state (ACT) */
TD#menu_1 DIV.menu1-level1-act {
	font-size: 90%;
	padding-top:0px;
	padding-left:0px;
}
TD#menu_1 DIV.menu1-level1-act H3 {
  color:#003399;
}

/*  MENU 1, level 2, normal state (NO) */
TD#menu_1 DIV.menu1-level2-no {
	font-size: 90%;
	line-height: 1.5;
	padding-left:20px;
}
/*  MENU 1, level 2, active state (ACT) */
TD#menu_1 DIV.menu1-level2-act A{
  font-size: 90%;
  font-weight:bolder;
  color:#003399;
  line-height: 1.5;
  padding-left:20px;
}

/************** .rechts styles *****************/

#rechts h3{
	font-size: 100%;
	padding: 0px;
}

#rechts p{
	padding: 0px;
}

#rechts img{
	padding: 0px 0px 0px -10px;
}

/************** .anrisse styles *****************/

#anrisse .csc-firstHeader {
	font-size: 100%;
	color: #334d55;
	padding: 0px 0px 10px;
}

/************** .flash styles *****************/

#flash .csc-firstHeader {
	font-size: 100%;
	color: #334d55;
	padding: 0px 0px 10px;
}


/************** .content styles *****************/

.csc-firstHeader{
	padding: 10px 0px 0px;
	margin-bottom: 10px;
	text-align: left;
	color: #0A4177;
}

.csc-textpic-imagewrap{
	background:#ccccf0;
	margin: 0px;
	margin-top: 20px;
	border: 1px solid #000000;
}

*[class="csc-textpic-imagewrap"] {margin-top:0px;}

.csc-textpic-caption{
	font-size: 85%;
	padding: 2px 3px 1px 5px;
	text-align: left;
	color: #000000;
	border-top: 1px solid #000000;
}

#content h1{
	padding: 10px 2px 0px;
	text-align: left;
	color: #0A4177;
	border-left:10px solid #a8a8a8;
	border-bottom:1px solid #a8a8a8;
}

#content h2{
	padding: 10px 2px 0px;
	text-align: left;
	color: #0A4177;
}

#content p{
	padding: 0px;
}

#content td{
	padding: 5px;
	font-size: 90%;
}

.content img{
	width: 240px;
}
.csc-caption{
	font-size: 85%;
	padding: 2px 3px 1px 5px;
	text-align: left;
	color: #000000;
	border-top: 1px solid #000000;
}

.csc-frame { border: 0px; }
.csc-frame-invisible {}
.csc-frame-rulerBefore { border-top: 1px solid #333333; }
.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
.csc-frame-indent { padding-left: 100px; }
.csc-frame-indent3366 { padding-left: 33%; }
.csc-frame-indent6633 { padding-right: 33%; }
.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }

/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {

	border:0px solid #000;
	background-color:transparent;
	margin-top:10px;
}


.news-list-item {
	/* IE hack */
	line-height: 1.3;
	/* IE hack end */
	padding:3px;
	margin-bottom:5px;
	border:1px solid #a8a8a8;
	background-color:#ededed;

	}
.news-search-form {
	padding:3px;
	margin-bottom:5px;
	border:1px solid #666;
	background-color:#F9FFE5;

}
.news-search-emptyMsg{
	margin:0px;
}
.news-search-form FORM {
	margin:0px;
}
.news-list-container H3 {
	margin-bottom: 5px;
	padding: 2px;
	border-bottom: 1px solid #CCCCF0;
	background-color: #CCCCF0;
}
.news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER {
	color:#000;
	padding-left:2px;
}
.news-list-container H3 A {
	color:#000;

}
.news-list-container P {
	padding-left:3px;
}
.news-list-date {
	float: right;
	color: #000000;
	width: 30%;
	text-align: right;
	height: 20px;
	margin-top: -2px;
	margin-right: -2px;
	font-size: 90%;
	font-weight: normal;
	background-color: #ededed;
	}

.news-list-imgcaption {
	float: right;
	padding-top:3px;
	padding-right:3px;
	font-size: 9px;

	}

.news-list-container IMG {

	float: right;
	border:1px solid #666;
	margin-bottom:5px;
	margin-right:2px;
	margin-left:5px;
}
.news-list-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-list-morelink,.news-list-category {
	font-size:9px;
	margin-left:3px;
}
.news-list-morelink  {
	margin-bottom:3px;
}
.news-list-browse {
	text-align: center;
}


/************** .foot styles *****************/

#foot{
	color:white;
	background:#a8a8a8;
	padding:0;
	margin:0;
	border-top:2px solid black;
	font-size: 80%;
	clear: both;
}

#foot p{
	margin:0;
	padding:4px;
	text-align: center;
}

#foot a{
	color:white;
}

/************** .gaestebuch styles *****************/

	.tx-veguestbook-pi1 {padding-top: 10px}
	.tx-guestbook-list-table { border-style: solid; border-color: #000000; border-width: 1px; }
    .tx-guestbook-list-header { background-color: #ccccf0; color: #0A4177; font-weight:bold; }
    .tx-guestbook-list-row { background-color: #EEEEEE;	padding-top:5px; padding-left:5px; }
    .tx-guestbook-list-rowleft { background-color: #CCCCCC; padding-top:5px; padding-left:5px; border-right: 1px solid #000000; }
    .tx-guestbook-list-entrycomment-title {font-weight: bold; }
    .tx-guestbook-list-entrycomment { font-style: italic; }
    .tx-guestbook-list-small { font-size: 9px; color: #666666; }
    .tx-veguestbook-pi1-browsebox TD { font-size: 9px; color: #666666; }
    .tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
    .tx-veguestbook-pi1-browsebox-SCell { background-color: #EEEEEE; }
    .tx-guestbook-latest-header { background-color: #ccccf0; color: #FFFFFF; font-weight:bold; }
    .tx-guestbook-latest-row { background-color: #FFFFFF; }
    .tx-guestbook-latest-small { font-size: 9px; color: #666666; }
    .tx-guestbook-form-inputfield-med { border-style: solid; border-width: 1pt; border-color:#ccccf0; font-size:14px; color:#333333; width:100px; }
    .tx-guestbook-form-inputfield-big { border-style: solid; border-width: 1pt; border-color:#ccccf0; font-size:14px; color:#333333; width:150px; }
    .tx-guestbook-form-textarea { border-style: solid; border-width: 1pt; border-color:#ccccf0; font-size:14px; color:#333333; width:250px; }
    .tx-guestbook-form-obligationfield { color: #CC0000; }
    .tx-guestbook-form-error { color: #CC0000; }
	.tx-srfreecap-pi2-cant-read { color: #000000; font-size: 100%; }
