/*
Theme Name: Kirchenchor Rafzerfeld
Description: Theme fuer den Kirchenchor Rafzerfeld basierend auf dem Basic-Theme von Frank Bueltge
Version: 1.0
Author: ursina zwingli
*/

* {
margin: 0;
padding: 0;
}

html, body {
height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}


body {
font-family:      Candara, Skia, Helvetica, Geneva, Arial, sans-serif;
background-color:  #e3e3e3;
background-image:  url(http://www.kirchenchor-rafzerfeld.ch/img/Noten.jpg);
background-repeat: repeat;
line-height: 150%;

}

a {
color: #760d1e;
text-decoration: none;
font-weight:bold;
border-bottom: 1px solid #760d1e;
}

a img {
border: none;
border-bottom: none;
}

h1, h2 {
margin-bottom: 20px;
color: #C61715;

}

h3 {
color: #C61715;

}
ul.anlassliste  {
float: left;
}

.anlassliste {
list-style-type: none;
}

.anlassliste2 li p {
}

.anlassliste2 li div {
float: left;
height: 100%;
width: 110px;
padding-bottom: 3px;
}

.anlassliste div {
float: left;
}

.anlassliste div.datum-anlass {
width: 120px;
font-weight: bold;
}

.datum-anlass-liste {
font-weight: bold;
margin-bottom: 5px;
line-height: 120%;
width: 100px;
}

.datum-anlass-liste li p {
display: inline;
float: left;
}

.datum-anlass-liste li div {
float: left;
}


.anlassliste2 li
{
line-height: 120%;
}

.liste-auftritt-z {
float: right;
width: 600px;
}

/* ALL */



/* HEADER */
#header {
position: relative;
}

#header a img {
border: 0 solid #cccccc;
text-decoration: none;
}

#header a {
text-decoration: none;
border: 0 solid #cccccc;
}


/* CONTENT */
#content {
position: relative;
width: 878px;
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
left: 43px;
background-color: #f5f5f5;
}

#content img.alignright {
float: right;
margin-left: 15px;
}


#content img.alignleft {
float: left;
margin-right: 15px;
}


.bildervorstand div  { float: left; margin-right: 20px; margin-bottom: 20px; border: dotted 1px #C61715
	  }
.bildervorstandrechts { float: left; margin-bottom: 20px; border: dotted 1px #C61715
	  }		


.r_hauenstein img{
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/r_hauenstein.jpg		
);
width: 150px;
height: 190px;
display: inline;
}

.r_hauenstein a:hover img {
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/r_hauenstein_over.jpg);
width: 150px;
height: 190px;

}

.v_vonkaenel img{
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/v_vonkaenel.jpg);
width: 150px;
height: 190px;
}

.v_vonkaenel a:hover img {
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/v_vonkaenel_over.jpg);
width: 150px;
height: 190px;

}
.s_angst img{
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/s_angst.jpg);
width: 150px;
height: 190px;
}

.s_angst a:hover img {
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/s_angst_over.jpg);
width: 150px;
height: 190px;

}
.m_albiker img{
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/m_albiker.jpg);
width: 150px;
height: 190px;
}

.m_albiker a:hover img {
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/m_albiker_over.jpg);
width: 150px;
height: 190px;

}
.r_schweizer img{
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/r_schweizer.jpg);
width: 150px;
height: 190px;
}

.r_schweizer a:hover img {
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/r_schweizer_over.jpg);
width: 150px;
height: 190px;

}
.a_lenz img{
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/a_lenz.jpg);
width: 150px;
height: 190px;
}

.a_lenz a:hover img {
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/a_lenz_over.jpg);
width: 150px;
height: 190px;

}

.s_zwingli img{
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/s_zwingli.jpg);
width: 150px;
height: 190px;
}

.s_zwingli a:hover img {
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/s_zwingli_over.jpg);
width: 150px;
height: 190px;

}


.m_siegrist img{
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/m_siegrist.jpg);
width: 150px;
height: 190px;
}

.m_siegrist a:hover img {
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/m_siegrist_over.jpg);
width: 150px;
height: 190px;

}
.l_manz img{
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/l_manz.jpg);
width: 150px;
height: 190px;
}

.l_manz a:hover img {
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/l_manz_over.jpg);
width: 150px;
height: 190px;

}
.c_green img{
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/c_green.jpg);
width: 150px;
height: 190px;
}

.c_green a:hover img {
background-image: url(http://www.kirchenchor-rafzerfeld.ch/img/c_green_over.jpg);
width: 150px;
height: 190px;

}


/* SIDEBAR */
#sidebar {
}





address {
	font-size: 80%;
	font-style: normal;
	text-align: center;
	letter-spacing: 2px;
	line-height: 130%;
	margin-top: 10px;
	}
address a {	color: #181818;	}	
strong {font-weight: bold;}

/* LINKS */


/* Formatierungen f�r das Grundlayout */
/*#################################################
           Navigation
#################################################*/

#topnavigation {
width: 984px;
background-color: #C61715;
color: #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
padding-left: 40px;
}

#topnavigation ul li{
display: inline;
float: left;
margin-right: 20px;
padding-bottom: 5px;
padding-top: 5px;
line-height: 10px;
}
#topnavigation a {
text-decoration: none;
color: #ffffff;
font-weight: normal;
}

#topnavigation a:hover {
color: #000000;
}

#topnavigation .current_page_ancestor a{
color: #bbbbbb;
}


#subnavigation {
height: 26px;
margin-top: 30px;
margin-left: 40px;
}
#subnavigation ul li {
text-align: center;
width: 130px;
height: 26px;
display: inline;
float: left;
margin-left: 3px !important;
font-size: 13px;
text-transform: uppercase;
}

#subnavigation ul li.active {
background-image: url(http://www.kirchenchor-rafzerfeld.ch/wp-content/themes/kcr/img/tab-active-neu.gif);
}

#subnavigation ul li a {
text-decoration: none;
color: #5C402B;
background-image: url(http://www.kirchenchor-rafzerfeld.ch/wp-content/themes/kcr/img/tab-neu.gif);
background-repeat: no-repeat;
display: block;
width: 130px;
height: 26px;
padding-top: 5px;
font-weight: normal;

}


#subnavigation ul li a:hover {
background-image: url(http://www.kirchenchor-rafzerfeld.ch/wp-content/themes/kcr/img/tab-active-neu.gif);
width: 130px;
height: 26px;
display: block;
}


#subnavigation .current_page_item a {
background-image: url(http://www.kirchenchor-rafzerfeld.ch/wp-content/themes/kcr/img/tab-active-neu.gif);

}

#subnavigation .current_page_parent a {
background-image: url(http://www.kirchenchor-rafzerfeld.ch/wp-content/themes/kcr/img/tab-active-neu.gif);

}




.info {
font-size: 11px;
text-align: right;
margin-top: 15px;
border-bottom: 1px dotted #C61715;
margin-bottom: 20px;
}

.info-ohne {
font-size: 11px;
text-align: right;
margin-top: 15px;
}


#oben {
width: 838px;
border: 1px solid #C61715;
padding: 20px;
margin-bottom: 50px;
}

#oben h3 {
margin-right: 30px;
width: 194px;
}

.datum-anlass {
font-weight: bold;
margin-right: 20px;
}

.datum-top {
float: right;
font-size: 12px;
color: #000000;
font-weight: normal;
}

#links {
float: left;
width: 224px;
font-size: 12px;
margin-bottom: 50px;
padding-bottom: 20px;

}

#links ul {
list-style-type: none;
border-bottom: 1px dotted #C61715;

}

#links ul.anlassliste2 {
border-bottom: 0 solid #000000;
}

#links ul.newsliste-ul {
border-bottom: 0 solid #000000;

}




#links ul.rg-anlass {
border-bottom: 0 solid #000000;
}



#links ul li {
border-top: 1px dotted #C61715;
padding-top: 2px;
padding-bottom: 2px;

}

#links ul li a {
border-bottom: 0 solid #C61715;
color: #000000;
}


.newsliste div {
float: left;
width: 130px;
line-height: 140%;
margin-bottom: 2px;
}

.newsliste div.datum {
width: 90px;
}

#rechts {
float: right;
width: 630px;
margin-bottom: 50px;
padding-bottom: 20px;
}

#abstandmacher {
height: 50px;
}



.linkliste, .linkliste ul{
list-style-type: none;
}

.linkliste ul{
margin-top: 0;
margin-bottom: 20px;
}

.einzelbeitrag h2 a {
color: #C61715;
border-bottom: none;
}

.post h2 a {
color: #C61715;
border-bottom: none;
}

.story h3 {
margin-top: 10px;
}


#news-unten {
width: 838px;
border: 1px solid #C61715;
padding: 20px;
margin-bottom: 50px;
}

#news-unten h3 {
margin-right: 30px;
width: 194px;
}

p {
margin-bottom: 8px;
}

/*#################################################
           Zuruecksetzen von Abstaenden und float
#################################################*/
.clearing 	{clear: both; height: 0;}


	html
	{
		height: 100%;
	}

	body
	{
		height: 100%;
	}

	#nonFooter
	{
		position: relative;
		min-height: 100%;
		width: 1024px;
left: 50%;
margin-left: -512px;
top: 0;
min-height: 100%;
background-image: url(img/wrapper.gif);
padding-left: 4px;
padding-right: 4px;

	}

	* html #nonFooter
	{
		height: 100%;
	}
/* FOOTER */
#footer {
clear: both;
background-color: #f0f0f0; 
border-top: 1px solid #000000; 
border-left: 1px solid #000000; 
border-right: 1px solid #000000; 
position: relative;
		margin: -50px auto 0 auto;
		height: 50px;
		width: 1022px;

left: 50%;
margin-left: -512px;
padding-left: 4px;
padding-right: 4px;
	}

	/* A CSS hack that only applies to IE -- specifies a different height for the footer */

	* html #footer
	{
		margin-top: -50px;
	}	

	
.slideshowlink  a{
font-size: 12px;
}