/*
Theme Name: Kirchengemeinde Remels
Theme URI: http://www.familie-nanninga.de
Description: Templateset fuer die Kirchengemeinde Uplengen Remels. <br />Erstellt von Edgar Nanninga &copy; 2008
Version: 1.1
Author: Edgar Nanninga
Tags: mantle color, two columns,
*/
body { background:url(images/bg-verlauf.jpg) repeat-x #4394bc; font-family: Verdana, Arial, Helvetica, sans-serif; }

.clearer { clear:both; }
strong { font-weight:bold;}
em { font-style:italic;}

#completeWrap { background:url(images/bg-verlauf-2.jpg) repeat-x bottom; width:100%;}
#wrapper { width:980px;  background:#fff; margin:20px auto; padding-top:00px; border:2px solid #4394bd; background:url(images/bg-content.gif) repeat-y; }
#header { width: 960px; margin:auto; height:180px; background-image:url(images/bg-header-kirche.jpg); background-position:right top; border-top:10px solid #fff; }
	#header img.logo { padding: 10px; float:left;}
	#header #hcontent { position:relative;  top:108px;}
	#header #hcontent a { text-decoration:none;}
	#header #hcontent h1 { font-size:35px; font-weight:normal;  font-family:Georgia, "Times New Roman", Times, serif; line-height:45px; letter-spacing:-1px;}
/*	#header #hcontent h2 { font-size:14px; color:#fff; font-weight:normal; line-height:20px;}*/
	#header #hcontent h2 { font-size:16px; color:#fff; font-weight:normal; line-height:20px; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-weight:bold;}
	#header #hcontent h1 {font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;}
#navigation { width:960px; margin:0px auto; height:30px; background:#4394bd; font-size:12px; border-top:5px solid #fff;}

#contentWrap { background:url(images/bg-content.gif) repeat-y #fff; }
#content { width:570px; padding: 0 20px 30px 20px; float:left; font-size: 13px; line-height:18px;}
#content h1,
#content h2,
#content h3,
#content h4 {  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; }
#content h1 {  font-weight:normal; font-size:25px; line-height:35px; padding:10px 0 15px 0; font-weight:bold;}
#content h1 a { text-decoration:none; color: #4394bd;}
#content h1 a:hover { border-bottom: 1px solid #4394bd;}
#content h2 { color:#000; font-size:18px; font-weight:bold; line-height: 25px;}
#content h3 { color:#000; font-size:16px; line-height:20px; font-weight:bold; }
#content h4 { color:#000; font-size:14px; line-height:18px; font-weight:bold; padding: 10px 0 5px 0; }
#content a { color: #4394bd; text-decoration:none;}
#content a:hover { color: #fd8d03; text-decoration:underline;}

#content p,
#content table,
#content ul { font-size:13px; line-height:18px; margin-bottom:10px; text-align:justify;}
#content table td { padding: 3px 10px 3px 0px; vertical-align: top; }
#content table th { padding: 7px 10px 5px 0px; font-weight:bold; }
#content ul { list-style-type:square; margin: 10px 25px ; }
#content ul li { line-height:18px;}
#content .alignright { float:right; padding: 4px 0 10px 20px;} 
#content .alignleft { float:left; padding:4px 20px 10px 0;}
#content aligncenter { margin:auto; }
#content .post { clear:both; padding:20px 0; border-bottom:1px dotted #ccc;}
#content small { font-size:10px; }



#sidebar { width: 350px;  background:#ececec; float:right; position: relative; right:10px; margin-bottom:5px;}
#sidebar .box { width: 270px; margin:20px; background:#fff; font-size:12px; padding:20px; line-height:18px;}
#sidebar strong { font-weight:bold;}
#sidebar .box strong.headline { font-size:14px; line-height:20px; font-weight:bold; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; color: #4394bd;}
#sidebar .box ul { margin: 10px 18px; list-style-type: square;}
#sidebar .box ul li { line-height:1.2em; margin-bottom:10px;}
#sidebar a { color:#4394bd; text-decoration:none; }
#sidebar a:hover { text-decoration:underline;}
/*#sidebar .box ul.events { font-weight:bold;}
#sidebar .box ul.events a { font-weight:normal}*/
#sidebar .rssEvlka small { display:none;}
#sidebar p.quelle { width:270px; text-align:right; margin-top: 5px; font-size:9px; color:#ccc; line-height:1.4em;}

#footer { clear:both; width: 960px; margin:10px; margin-bottom:0; border-bottom:10px solid #fff; background:#4394bd; height:20px;}
#footer p { padding: 0 10px; font-size:10px; color:#fff; line-height:20px; float:left; }
#footer .rechts { float: right; line-height:20px;}
#footer .rechts a { line-height:20px;}
#footer a { color: #fff; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

#kontaktformular label { width:150px; display:block; padding: 10px 0 5px 0; }
#kontaktformular .inputText,
#kontaktformular .inputTextarea { width:500px; display:block; padding: 5px; color:#4394bd; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px;}
#kontaktformular .inputTextarea { height:300px; }
#kontaktformular .inputSubmit { margin: 10px 0; padding:5px;}


#auflistung ul { list-style-type:none; margin:0; padding:0; }
#auflistung ul li { margin-bottom: 20px; font-weight:bold;}
#auflistung ul ul { list-style-type:square; padding-left:20px;}
#auflistung ul ul li { margin: 0; font-weight:normal;}

#links { line-height:18px;}
#links a { display:block;}
#links h3 { margin: 15px 0 5px 0;}
#links ul li { margin-bottom:5px;}

.paginationLeft,
.paginationRight { padding:5px 20px; font-size:12px; line-height:18px;}

.paginationLeft { float:left;}
.paginationRight { float:right;}

#content .gallery { display:block; float:none; }
#content .gallery-item { width: 150px; float:left; margin:0 20px 20px 0;}
#content p.gallery-icon { margin:0;}