/* css für mbnJournal */


body {	
	text-align: center;
	background-color: #ccff99; 
	margin: 0;
	padding: 0;	
}

hr { display: none }

p { margin: 0.5em 0 }

img { border:0; margin: 2px; }

blockquote {
	margin: 1em 1em;
	padding: 5px 10px;
	border: 1px solid 
}

dt {font-weight: bold;}

h1 {
	/* Title  */
	font-size: 3em;
	font-family: times, 'times new roman', serif;
	color: #f9f9f9;
	font-style: italic;
	letter-spacing: 2px;
	padding: 30px 0 15px 0;
	margin: 0;
}
h3 {
	/* Titel der beiträge */
	font-family: georgia, garamond, times, 'times new roman', serif; 
	font-style: italic;
	font-size: 1.5em;
	color: #99cc33;
	margin: 0;
	}
h4 { 
	font-size: 1.2em;
	margin-bottom: 5px;
	}

ul, li {padding: 0; margin: 0;	
	list-style-position: outside;
	}


/* ===== LINKS GENERAL ===== */
a:link, a:visited {
	color: #99cc33; 
	text-decoration: none;
	font-weight: bold;	
	outline: none;
}
a:hover {
	color: #99cc33; 
	text-decoration: underline;
	font-weight: bold;	
	}
.skiplink  { 
	display: none; }
	
/* EXTERNE LINKS im Content mit Grafik versehen */
 #content a[href^="http:"], #content a[href^="https:"]{
	padding-left: 12px; 
	background-image: url('../grafiken/pfeil4.gif');	 
    background-repeat: no-repeat;
	background-position: left;
	font-weight: bold;
	}	
	#content a:hover[href^="http:"]
	#content a:hover[href^="https:"] { 
		background-position: left;
		}
		
.meldungen a[href^="http:"], .meldungen a[href^="https:"]{
	padding-left: 20px; 
	padding-top: 4px;
	background-image: url('../grafiken/pfeil1.gif');	 
    background-repeat: no-repeat;	
	background-position: 0 5px;
	
	}	
	.meldungen a:hover[href^="http:"], .meldungen a:hover[href^="https:"] { 
	background-position: 0 5px;
		}



/* ===== DIV CONTAINER ALL ELEMENTS BLOCK ===== */
#wrapper {
	font-size: small;	
	line-height: 1.5em;
	font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;	
	text-align: left;
	background-color: white;	
	width: 80%;
	padding: 10px 5px 5px 5px;
	margin: 20px auto 40px auto;
}

#header {
	font-size: 120%;
	color: gray;
	background-color: #ccff33;	
	padding: 45px 10px 15px 20px; 
	margin: 0 5px 5px 5px;	
	}
	#header a { color: #f9f9f9; text-decoration: none } 


#navibereich { 
	color: gray;	
	background-color: #CCFF33;	
	text-align: center; 
	padding: 4px 20px 4px 20px;
	margin: 0 5px 5px 5px; 
	height: 19px;		
	vertical-align: middle;
	}
	#navibereich span {display: none}
	#navibereich ul {margin: 0;}
	#navibereich li {
		display: inline; 
		list-style-type: none;
		margin: 0; 	
		}
	#navibereich a { 
		color: gray; 
		background-color: #CCFF33;
		font-weight: lighter;
		text-decoration: none;				
		padding: 3px 15px 4px 15px;
		border-left: 1px solid white;
		border-right: 1px solid white;			
		}
	#navibereich a.menuactive:link, #navibereich  a.menuactive:visited  {
		color: gray;		
		background-color: white;
		}
	#navibereich a.menupassive:hover {
		color: gray;
		background-color: white;
		}
#navi_zusatz {display:none}	
#url {display:none}	
	
#container {	
	padding: 15px;	
	margin: 5px;
	}
		
	
/* ===== Hauptbereich ===== */
#textcontainer {	
	width: 68%;
	width: 68%;
	margin: 0;
	float: left;
	}
#content, #content1  {	
	padding-top: 5px;
	margin: 20px 10px;	
	font-size: 103%;
	}
#linksammlung { 			
			height: 400px; 
			overflow: auto;	
			padding: 10px 18px; 			
			margin: 10px 0;
			}
#kleiner{
		color: #99CC33;
		font-size: x-small;
		margin-bottom: 10px;
		}
		#kleiner a {
			color: #99CC33;
			}	
	.kleiner{
		color: #99CC33;
		font-size: x-small;
		margin-bottom: 10px;
		}
		#kleiner a {
			color: #99CC33;
			}
	.datum { 
		font-size: 80%;
		font-style: oblique;
		color: gray;
		margin: .2em 0 .8em 0
	}
	.untertitel { 
		font-size: 80%;	
		color: gray;
		margin: 3em 0 1em 0; /*  vorher  2em 0 .5em 0*/
		text-align: right;	
		}
		
	.untertitel1 { 
		font-size: 80%;	
		color: gray;
		margin: 3em 0 5em 0; /*  vorher  2em 0 .5em 0*/
		float: right;
		text-align: right;
		}	
	
	.untertitel_rechts { 
		float: right;
		
		}
	.nach_oben { 
		font-size: 80%;	
		color: gray;
		margin: 1.5em 0; 
		text-align: right;
		}
	.nach_oben a { 
		font-weight: both;
		}
	.bildunterschrift {
		font-size: 80%;	
		color: gray;
		padding: 0 4px;
		text-align: left;
		}
		.bildunterschrift a { 
		font-weight: bold;		
		}
	.quelle { 
		font-size: 85%;		
		padding-left: 10px;
		margin: .2em 0 .8em 20px;
		border-left: 3px solid #ccc;
		}
		.quelle a { 
		font-weight: lighter;
		}
		.quelle li {
			display: inline;
			list-style-type: none;
			}	
	
	.albumbox {
		padding: 10px;
		border: 1px solid #ccc;
		background-color: black;
		}
	.bild_links {	
	float: left;
	padding: 4px;
	border: 1px solid #ccc;		
	margin: 0px 20px 10px 0;
	}	
		.bild_links a [href^="http"] {
		padding-left: 18px; 
		background-image: url('../grafiken/pfeil5.gif');	 
	    background-repeat: no-repeat;
		background-position: left;
		}
	.bild_rechts {	
	float: right;
	padding: 4px;
	border: 1px solid #ccc;		
	margin: 0px 20px 10px 0;
	}	
		.bild_rechts a [href^="http"] {
		padding-left: 18px; 
		background-image: url('../grafiken/pfeil5.gif');	 
	    background-repeat: no-repeat;
		background-position: left;
		}
	.bild2 {
		background-repeat: no-repeat;}
		.bild2 a {display: none;}
		
	.kasten {
	padding: 0 10px;
	border: 1px solid #ccc;		
	margin: 0 10px 20px 0;
	}
	
	.kasten_rechts {	
	float: right;
	padding: 10px;	
	margin: 0 30px 10px 0;
	}	
	
		
	.thumbsbox1{	
	float: left;
	padding: 4px;
	border: 1px solid #ccc;		
	margin: 10px;
	margin-bottom: 30px;
	width: 91%;
	}	

.text {
		margin-bottom: 20px;
		}	
	.text li {
		padding-left: 20px;
		list-style-type: none;
		list-style-position: outside;
		}
		
.linkliste  {
	margin: 0 0 20px 20px;
	}
	.linkliste li {
	padding-left: 20px;
	list-style-type: none;
	list-style-position: outside;
	}
	.linkliste p {		
	font-weight: bold;
	}
.newsliste  {
	margin: 0 0 20px 0;
	padding:0;
	}
.newsliste li {
	padding:0;
	list-style-type: none;
	list-style-position: outside;
	border-bottom:1px solid gray;
	}
	.newsliste span {		
	position:absolute;
	left:310px;
	}
.fenster  {display: none;}
.banner {
	text-align: center;
	}
/* ===== Fotogrossaufnahmen ===== */
.thumbsbox{	
	padding: 8px;
	border: 1px solid #ccc;		
	margin: 10px;
	}
		.thumbsbox img{
		margin: 0;
		}
a.mouseover {
	position: relative;
	z-index: 0;
	}
	a.mouseover:hover {
		background-color: transparent;
		z-index: 50;
		}
	a.mouseover span {
		position: absolute;		
		background-color: white;
		padding: 5px;
		border: 1px solid #ccc;
		visibility: hidden;
		left: -1000px;
		text-decoration: none;			
		font-size: 80%;	
		color: gray;
		font-weight: normal;
		/*min-width: 338px;*/
		}
	a.mouseover span img {
		border-width: 0;
		padding:2px;
		}
	a.mouseover:hover span {
		visibility: visible;		
		top: -50px;
		left: 15px;
		}
		
/* ===== Formular ===== */
#formularrahmen  {
	width: 400px;
	padding: 40px;
	padding-left:60px;
	border: 1px dotted #666;
	margin-bottom: 20px;
	}
	
/* ===== Suche ===== */
#suche {
	padding-top: 5px;
	margin: 20px 10px;	
	font-size: 103%;	
	color: gray;
	}	
span.such-highlight { /** die span's mit klasse highlight werden von $ergebnis->gibTreffendes() generiert */
    font-weight: bold;
	}
div.such-ergebnis {
    width: 98%;
	color: black;
}
.button { background-color:#ccff33; color:#fff; width:30px; border:2px solid #ddd;}
.suche_datum {color: gray;}
a.current {color: gray;}
	
/* ===== SIDEBAR ===== */		
#sidebar  {
	float: right;
	width: 22%;
	font-size: 85% !important;
	font-size: 80%;				
	padding: 20px;
	border-left: solid 1px #ccc;
	margin: 0;	
	}
#sidebar h4 {margin-bottom: .5em;}
#sidebar p { margin: 10px 5px }
#sidebar a { color: #666;  }
#sidebar a.menuactive:link, #sidebar a.menuactive:visited  {
	color: #99cc33;
	}
	#sidebar a.menupassive:hover {
	color: #444;
	}

.projekte  { font-size: 100%; margin-bottom: 2.5em; }
.projekte ul {
	list-style-type: none;
	margin-right: 10px;
	margin-bottom: 3em;
	border-top: 1px solid #ccc;
	}
	
.menu ul, li, table { font-size: 100%;}
.menu ul {
	list-style-type: none;
	margin-right: 10px;
	margin-bottom: 20px;
	padding-left: 20px;
	}
	.menu li {list-style-type: none;}
	.menu a {font-weight: bold;}

.neu ul li { 
	font-size: 100%}
.neu ul {
	color: gray;	
	list-style-type: none;
	margin-bottom: 3em;
	}
.neu li {margin-bottom: 5px;}
.neu a {font-weight: lighter;}

.meldungen ul li { 
	font-size: 100%}
.meldungen ul {
	color: gray;	
	list-style-type: none;
	margin: 10px 3em 3em 0;
	border-bottom: 1px solid gray; 
	}
.meldungen li {margin-bottom: 5px;}
.meldungen a {font-weight: lighter;}
.meldungen {line-height: 14px;}
	
	
/* ===== FOOTER ===== */
#footer {
	clear: both;
	text-align: left;
	font-size: 85%;
	color: #555;
	margin: 0 25px;
	}
	#footer a {
	color: #555;
	font-weight: bold;
	}
#copy  {
	color: #555;
	padding-top: 10px;
	margin: 0 ;
	border-top: 1px solid #ccc;
	}
#werbung {
	font-size: 130%;
	color: #f9f9f9;	
	background: #ccff33;
	letter-spacing: 2px;
	text-align: center;
	padding: 10px 0;	
	margin: 5px;
	}
	#werbung a {
	color: #f9f9f9;	
	font-weight: normal;
	}