/* Bitte lasst euch von diesem Code für eure eigenen originellen Designs inspirieren. */
/* Please feel free to let this code inspire you for your own original designs. */


/*	***** GENERAL PAGE LAYOUT *****	*/


body{
	line-height:		1.2em;
	font-family:		Verdana,Tahoma,Arial,Helvetica,Geneva,sans-serif;
	font-size:		0.9em;
	background-color:	#006699;
	background-image:	url('/images/bg_screen.jpg');
	background-position:	top;
	background-repeat:	repeat-x;
	margin:			0px 0px 30px 0px;
	text-align:		center;
	color:			#333333;
}
div#screen{
	position:		relative;
	font-size:		0.8em;
	margin:			0px auto;
	text-align:		left;
	width:			770px;
	overflow:		hidden;
	background-color:	#e3e3e3;
}
div#page{
	margin:			0px;
	background-color:	#e3e3e3;
	background-image:	url('/images/bg_page.jpg');
	background-position:	top center;
	background-repeat:	repeat-y;
}
div#header{
	position:		relative;
	margin:			0px;
	background-color:	#00334e;
	background-image:	url('/images/bg_header.jpg');
	background-position:	bottom;
	background-repeat:	no-repeat;
	height:			79px;
	overflow:		hidden;
}
	div#header img{
		position:		absolute;
		top:			21px;
		left:			15px;
		border:			none;
	}
div#langnav{
	position:		relative;
	float:			right;
	margin:			22px 15px 5px 5px;
}
	div#langnav a{
		color:			#ffffff;
		text-decoration:	none;
		margin-left:		0.8em;
		padding-left:		20px;
		background-position:	left;
		background-repeat:	no-repeat;
	}
	div#langnav a#language_selected{
		color:			#ffdd00;
	}
	div#langnav a:hover{
		text-decoration:	underline;
	}
	div#langnav ul{
		list-style-type:	none;
		padding:		0px;
		margin:			0px;
	}
		div#langnav ul li{
			display:		inline;
			margin-right:		5px;
		}
		div#langnav li#lang_de a:hover{
			background-image:url('/images/lang_de.gif');
			border:none;
		}
		div#langnav li#lang_en a:hover{
			background-image:url('/images/lang_en.gif');
			border:none;
		}
		div#langnav li#lang_fr a:hover{
			background-image:url('/images/lang_fr.gif');
			border:none;
		}
div#leftnav{
	float:			left;
	width:			160px;
	overflow:		hidden;
	padding:		5px 0px 15px 0px;
}
	div#leftnav a{
		text-decoration:	none;
	}
	div#leftnav a:hover{
		text-decoration:	underline;
	}
	div#leftnav ul{
		list-style-type:	none;
		padding:		0px;
		margin:			0px 0px 0px 20px;
	}
		div#leftnav ul li{
			padding:		3px 15px 3px 0px;
		}
		div#leftnav ul li.level_0{
			background-image:	url('/images/bg_menurule.jpg');
			background-position:	bottom;
			background-repeat:	no-repeat;
			padding:		3px 15px 5px 15px;
		}
		div#leftnav ul li#menuactive{
			font-weight:		bold;
			color:			#993300;
		}
div#section{
	clear:			both;
	margin:			0px;
	width:			160px;
	height:			800px;
	background-repeat:	no-repeat;
	background-position:	top left;
}
div#content{
	float:			left;
	width:			360px;
	overflow:		hidden;
	margin:			0 0 0 25px;
	padding-top:		10px;
}
	h1{
		font-family:		Georgia,"Times New Roman",Times,serif;
		font-size:		2.2em;
		font-weight:		normal;
		color:			#333333;
		line-height:		1.2em;
		padding-bottom:		14px;
		border-bottom:		2px solid #ffdd00;
		margin-top:		0px;
	}
	h2{
		font-family:		Georgia,"Times New Roman",Times,serif;
		font-size:		1.5em;
		font-weight:		normal;
		color:			#333333;
		line-height:		1.6em;
	}
	h3{
		font-family:		Georgia,"Times New Roman",Times,serif;
		font-size:		1.1em;
		font-weight:		bold;
		color:			#333333;
		line-height:		1.4em;
	}
	h4{
		font-family:		Georgia,"Times New Roman",Times,serif;
		font-size:		1.2em;
		font-weight:		normal;
		color:			#333333;
		line-height:		1.3em;
	}
		span.dateline{
			font-style:		italic;
			font-weight:		bold;
			color:			#666666;
		}
	p{
		margin:			0 0 15px 0;
	}
	a{
		color:			#006699;
	}
	div.slideshow{
		position:		relative;
		margin:			10px -5px 20px -5px;
		background-color:	#000000;
		height:			280px;
	}
	div.slideshow div.img{
		position:		absolute;
		top:			5px;
		left:			5px;
		width:			360px;
		height:			270px;
		overflow:		hidden;
		background-color:	#000000;
		text-align:		center;
	}
	div.slideshow div.caption{
		position:		absolute;
		bottom:			5px;
		left:			5px;
		overflow:		visible;
		background-color:	#000000;
		color:			#eeeeee;
		text-align:		center;
	}
div#rightcol{
	float:			left;
	width:			160px;
	margin:			0 0 0 40px;
	padding:		0px;
	overflow:		hidden;
}
	div.lightbox{
		background-color:	#f0f0f0;
		background-image:	url('/images/bg_lightbox_top.jpg');
		background-position:	top left;
		background-repeat:	no-repeat;
		padding:		0px;
		margin:			0 0 15px 0;
		line-height:		1.2em;
	}
		div.lightbox_bottom{
			text-align:		center;
			background-image:	url('/images/bg_lightbox_bottom.jpg');
			background-position:	bottom left;
			background-repeat:	no-repeat;
			padding:		70px 12px 20px 12px;
			margin:			0px;
		}
	div.centered{
		text-align:		center;
		padding:		10px 10px 30px 10px;
		border-bottom:		1px solid #dddddd;
	}
div#lizard{
	clear:			both;
	position:		relative;
	margin:			0px;
	background-color:	#006699;
	background-image:	url('/images/bg_footer.jpg');
	background-position:	top;
	background-repeat:	no-repeat;
	height:			122px;
}
div#footer{
	position:		relative;
	font-size:		0.7em;
	line-height:		1.1em;
	letter-spacing:		1px;
	margin:			0px auto;
	width:			770px;
	overflow:		hidden;
	background-color:	#006699;
	clear:			both;
	margin:			0px auto;
	text-align:		center;
	color:			#6EA3BD;
	padding:		0px;
}
	div#footer a{
		color:			#6EA3BD;
		text-decoration:	none;
	}
	div#footer a:hover{
		text-decoration:	underline;
	}
	div#footer div#siret{
		display:		inline;
	}
	div#footer div#subfooter p{
		margin:			15px 0px 0px 0px;
	}



// FORMATTING



/*	***** LEFT-HAND NAVIGATION *****	*/


div#leftnav{
	float:left;
	width:160px;
	margin:20px 20px 0px 0px;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
}
a img{
	border:none;
}
div#leftnav a{
	text-decoration:none;
}
div#leftnav a:hover{
	text-decoration:underline;
}
div#leftnav{
	font-weight:bold;
}
div#leftnav span{
	white-space:normal;
}
div#leftnav ul{
	list-style:none;
	margin:0;
	padding:0;
}
div#leftnav ul ul{
	font-weight:normal;
}
div#leftnav li{
	line-height:1.5em;
	display:inline;
	float:left;
	clear:both;
	width:100%;
}
div#leftnav span.current_span{
	/* background-color:#fffbec; */
}
div#leftnav a.current{
	color:#990000;
	/* background-color:#fffbec; */
}
div#leftnav span{
	display:block;
	margin:0px 0px 0px 5px;
	padding-left:9px;
	background-repeat:repeat-y;
	background-position:top left;
}
div#leftnav span.tree0{
	background-image:url('/images/0.gif');
}
div#leftnav span.tree1{
	background-image:url('/images/1.gif');
	background-repeat:no-repeat;
}
div#leftnav span.tree2{
	background-image:url('/images/2.gif');
}
div#leftnav span.tree3{
	background:none;
}





/*	***** CONTENT *****	*/

img{
	vertical-align:middle;
}
div.para{
	clear:left;
	position:relative;
	margin-bottom:17px;
}
div{
	margin-top:0px;
	margin-bottom:20px;
}
ul{
	margin-top:0px;
	margin-bottom:0px;
}
body#bible ul{
	margin-top:0px;
	margin-bottom:10px;
}
div.links{
	float:left;
	clear:both;
	width:100%;
	margin:0px 0px 15px 0px;
}
div.teasers{
	float:left;
	clear:both;
	width:100%;
	margin:0px 0px 15px 0px;
}
div.teasers img, img.embedded{
	float:left;
	margin:5px 8px 1px 0px;
	border:1px solid #9f9999;
}
div.teasers a, div.links a{
	font-weight:bold;
}
div.teasers div{
	line-height:1.3em;
	float:left;
	margin:1px 10px 0px 0px;
}
div.sidenote{
	width:140px;
}
div.infobox{
	border-top:1px solid #336699;
	border-bottom:1px solid #336699;
	padding-top:2px;
	padding-bottom:4px;
	line-height:1.5em;
	float:right;
	width:160px;
	color:#335577;
}
div.navbox{
	border-top:1px solid #336699;
	border-bottom:1px solid #336699;
	padding-top:2px;
	padding-bottom:4px;
	position:absolute;
	line-height:1.5em;
	left:0px;
	width:160px;
	color:#335577;
}
div.column{
	line-height:1.3em;
	width:160px;
	float:left;
	padding-right:20px;
	margin:0px 20px 5px 0px;
}
div.column_3{
	line-height:1.3em;
	width:160px;
	float:left;
}
div.column_l{
	line-height:1.3em;
	width:260px;
	float:left;
	margin:0px 0px 5px 0px;
}
div.column_r{
	line-height:1.3em;
	width:279px;
	float:left;
	padding-left:19px;
	margin:0px 0px 5px 20px;
	border-left:1px solid #cccccc;
}
div#content table{
	border:1px solid #cccccc;
	border-spacing:0px;
	empty-cells:show;
	border-collapse:collapse;
	font-size:inherit;
}
div#content table td{
	border:1px solid #cccccc;
	padding:5px;
	font-size:inherit;
}



/*	***** SLIDESHOW *****	*/


div.slideshow_560{
	position:relative;
	background-color:#000000;
	background-image:url('/images/slideshow_shadow.gif');
	background-repeat:no-repeat;
	background-position:bottom;
	color:#ffffff;
	width:570px;
	padding:5px 0px 6px 0px;
	clear:both;
	margin:10px -5px 30px -5px;
}
div.slideshow_560 div.img{
	width:560px;
	height:418px;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	margin:0px 5px 5px 5px;
	background-color:#333333;
}
div.slideshow_560 div.controls img{
	margin:0px 3px 0px 3px;
	width:22px;
	height:22px;
}
div.slideshow_560 p{
	text-align:center;
	margin:0px 5px 5px 5px;
	padding:1px 10px 1px 10px;
}
div.slideshow_560 div.controls{
	float:right;
	padding:0px 0px 2px 2px;
	margin:0px 2px 0px 2px;
	border-left:2px solid #333333;
}


/*	***** SLIDEBOX *****	*/


div.slideshow_360{
	position:relative;
	background-color:#000000;
	background-image:url('/images/slidebox_shadow.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	color:#ffffff;
	width:370px;
	padding:5px 0px 6px 0px;
	margin:0px -5px 30px -5px;
}
div.slideshow_360 div.img{
	display: table-cell;
	width:360px;
	height:268px;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	margin:0px 5px 5px 5px;
	background-color:#333333;
}
div.slideshow_360 div.controls img{
	margin:0px 3px 0px 3px;
	width:22px;
	height:22px;
}
div.slideshow_360 p{
	text-align:center;
	margin:0px 5px 5px 5px;
	padding:1px 10px 1px 10px;
}
div.slideshow_360 div.controls{
	float:right;
	padding:0px 0px 2px 2px;
	margin:0px 2px 0px 2px;
	border-left:2px solid #333333;
}


/*	***** TEXT FORMATTING *****	*/


em{
	background-color:#d6e3af;
	text-decoration:none;
	padding:0px 2px 0px 2px;
	font-style:normal;
	font-weight:normal;
}
.ii{
	background-color:#c3e9ff;
	font-style:normal;
	padding:0px 2px 0px 2px;
}
a{
	text-decoration:underline;
	color:#1661aa;
}
a:visited{
	color:#1661aa;
}
sup{
	font-size:0.9em;
	vertical-align:top;
}
sub{
	font-size:0.9em;
	vertical-align:bottom;
}
span.thinsp{
	font-size:0.4em;
}
.subtext{
	color:#667788;
	font-size:0.9em;
	line-height:1.4em;
}


/*	***** KATEGORIENANSICHT *****	*/


div.entry{
	margin-bottom:15px;
}
div.entry h1{
	font-size:1.5em;
	line-height:1.5em;
	margin:0px 0px 10px 0px;
}
div#comments input.text,div#comments textarea{
	width:360px;
	border:1px solid #29639d;
	background-image:url('/images/bg_input.jpg');
	background-position:top;
	background-repeat:repeat-x;
	background-color:#f6fbfe;
}
div.comment{
	margin-bottom:20px;
	border-bottom: 1px solid #cccccc;
	font-size:0.9em;
	line-height:1.5em;
}
div.comment img{
	float:left;
	margin:0px 8px 3px 0px;
}
input.button{
	border:2px solid #29639d;
	background-color:#f6fbfe;
	font-weight:bold;
}
div.tags{
	font-size:0.8em;
	line-height:1.2em;
}
div.imagebox{
	margin:			0px;
	text-align:		right;
	color:			#bbaa99;
	font-size:		90%;
	line-height:		1.2em;
	display:		inline;
}
form.loginform{
	text-align:		left;
	margin:			2px 0px 5px 0px;
	padding:		10px;
	font-size:		0.8em;
	line-height:		1.1em;
}
	form.loginform div.login_error{
		background-color:	#fcfcfc;
		margin:			0px 0px 10px 0px;
		border:			1px solid #990000;
		padding:		3px 4px 3px 4px;
		color:			#990000;
	}
	form.loginform div.input{
		float:			left;
		width:			130px;
		margin:			0px 0px 2px 0px;
		padding:		2px 4px 0px 0px;
	}
	form.loginform input.text{
		width:			120px;
		background-color:	#ffffff;
		background-image:	url('/images/bg_text.jpg');
		background-position:	top;
		background-repeat:	repeat-x;
		border:			1px solid #cccccc;
		margin-bottom:		5px;
	}
	form.loginform label{
		color:			#999999;
		font-weight:		bold;
	}
	form.loginform input.button{
		font-family:		Arial,Helvetica,sans-serif;
		color:			#888888;
		width:			120px;
		background-color:	#dfdfdf;
		background-image:	url('/images/bg_button.jpg');
		background-position:	top;
		background-repeat:	repeat-x;
		border:			1px solid #cccccc;
	}

div.infobox_subdued{
	color:			#bbbbbb;
	border-top:		1px solid #bbbbbb;
	margin:			5px 0px 5px 0px;
	padding:		1px 0px 1px 0px;
}
	div.infobox_subdued div.label{
		float:			left;
		width:			60px;
		text-align:		right;
		clear:			both;
		margin:			0px;
	}
div.white{
		border-top:		1px solid #e0e0e0;
		border-left:		1px solid #e0e0e0;
		border-right:		1px solid #e0e0e0;
		background-color:	#ffffff;
		background-image:	url('/images/bg_shadow_360.gif');
		background-position:	bottom left;
		background-repeat:	no-repeat;
		padding:		15px 15px 20px 15px;
}