
* {
	margin: 0px;
	padding: 0px;
}

body {
	background: url(../images/Quergestreift.jpg);
}

body, th, td, textarea {
	text-align: justify;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
input {
	text-align: justify;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
h1, h2, h3 {
	margin-top: 0,0em;
	color: black;
}

h1 {
	letter-spacing:-1px;
	font-size: 3em;
}

h2 {
	letter-spacing: 0em;
	text-transform: none;
	font-size: 16px;


}

h3 {
	font-size: 14px;
	color: #0000BF;
}
h4 {
	font-size: 14px;
	color: #FFFFFF;
}
p, ul, ol {
	margin-top: 10px;
	line-height: normal;
	font-size: 14px;
}


a {
	text-decoration: none;
	color: #0000BF;
}

a:hover {
	border: none;
}

h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
	color: #0000BF;
	letter-spacing:0px;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	background: none;
	color: #0000BF;
}

hr {
	display: block;
}
.werbung img {
	border:0px solid grey;
}
.pdf img {
	border:0px solid grey;
}
/* Page */

#page {
	width: 900px;
	margin-left: auto ;
	margin-right: auto ;
	margin-bottom: auto ;
	margin-top: 30px ;
	background: #FFFFFF;
	padding-top: 0px;
	border: 1px solid grey;


}

#start {
	width: 900px;
	height: 361px;
                 position: absolute;
                 top: 50%;
		left: 50%;
	background: #FFFFFF;
	padding-top: 0px;
	background: #FFFFFF;
	border: 1px solid black;
	margin-top: -180px;
	margin-left: -450px;
}

/* Header */

#header {
	width: 900px;
         height: 215px;
	margin: 0px;

}
.headerokidele {
	background: url(../images/header/okidele.jpg) no-repeat top left ;
}

.headerangebote {
	background: url(../images/header/angebote.jpg) no-repeat top left ;
}

.headerfud {
	background: url(../images/header/fud.jpg) no-repeat top left ;
}
.headerabw {
	background: url(../images/header/abw.jpg) no-repeat top left ;
}

.headerwohnen {
	background: url(../images/header/wohnen.jpg) no-repeat top left ;
         }
.headerwohnen1 {
	background: url(../images/header/wohnen1.jpg) no-repeat top left ;
         }

.headerwell {
	background: url(../images/header/wellcome.jpg) no-repeat top left ;
         }
.headerreisen {
	background: url(../images/header/reisen.jpg) no-repeat top left ;
         }
.headermachet {
	background: url(../images/header/machet.jpg) no-repeat top left ;
}
.headersex {
	background: url(../images/header/sex.jpg) no-repeat top left ;
}
.headeraktuell {
	background: url(../images/header/aktuell.jpg) no-repeat top left ;
}
.headerruhr {
	background: url(../images/header/ruhr.jpg) no-repeat top left ;
}
/* Logo */

#logo {
	width: 900px;
	margin: 0px ;
}
.logo {
	background: url(../images/lh-logo.gif) no-repeat top left ;
}
#logo h1, #logo h2 {
	margin: 0px;
	padding: 0px;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;

}

#logo h1 {
	padding: 5px 0px 0px 70px;
	margin: 0px 0px -5px 0px;
	font-size: 40px;
	color: #000000;
}

#logo h2 {
	padding: 0px 0px 0px 70px;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 90%;
	color: #000000;
}
.foto {
	padding: 80px 0px 0px 70px;
	margin: 0px 0 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50px;
	color:#0000BF;
}
/* Menu oben*/
#menu {
	height: 30px;
	width: 900px;
	background: #003ECE ;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 25px ;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	float: left;
	padding: 4px 10px 4px 10px;
	letter-spacing: 0px;
	text-decoration: none;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	border-left: ##0066CC 1px solid;
	color: #FFFFFF;
}

#menu a:hover {
	background: #0000BF;
	color: #FFFFFF;
}

#menu .current_page_item a {
	background: #0000BF;
	padding: 4px 10px 4px 10px;
	color: #FFFFFF;
}

#menu .last{
	border-right: #0066CC 1px solid;
}

/* Navi links */
#navi {
	width: 182px;
	margin: 30px 0px 20px 15px !important; /* Firefox, Opera & CO */
	margin: 30px 0px 20px 7.5px ;
	float: left;
	background: none;
}

.kontakt {
	width: 158px;
	margin: 0px 0px 0px 0px ;
	padding: 10px 10px 10px 10px ;
	border: 1px solid silver ; border-radius: 1em;

	background: none;
	text-align: left;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;

	}
.spendino {
	width: 158px;
	margin: 0px 0px 0px 0px ;
	padding: 10px 10px 10px 10px ;
	border: 0px solid silver ;

	background: none;
	}
.werbung {
	width: 180px;
	margin: 20px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	border: 0px solid silver ;
	background: none;
	text-align: center;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;

	}


#navi ul {
	width: 180px;
	margin: 0px 0px 0px 0px ;
	list-style: none;
	line-height:normal ;
	background: none;

}

#navi li a {
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 0px 0px ;
	text-decoration: none;
	border: 1px solid lightgrey ;
}
.hoch {
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 0px 0px ;
	text-decoration: none;
	border: 0px solid lightgrey ;
}
#navi li {
	margin: 0px 0px 0px 0px ;

}
.text {
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px ;
	color: #FFFFFF ;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/liste.gif) no-repeat ;
	padding: 3px 0 0 10px;
}
.text2 {
 	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px ;
	color: #FFFFFF ;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	background: url(../images/liste_big.gif) no-repeat ;
	padding: 3px 0 0 10px;
}
#links a:link, #links a:visited {
	color: #FFFFFF;
	display: block;

}

.textleer {
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px ;
	color: #FFFFFF ;
	font-weight: bold;
	text-decoration: none;
	background:#FFFFFF;
	padding: 3px 0 0 10px;
}
#navi li a:link, #navi li a:visited {
	color: #000000;
	display: block;
	background: #FFFFFF;

	padding: 3px 0 0 10px;
}

#navi li a:hover {
	color: #003ECE;

	background:silver;
	padding: 3px 0 0 10px;
}

/* Navi rechts */
#navirechts {
	width: 182px;
	margin: 30px 15px 20px 0px !important; /* Firefox, Opera & CO */
	margin: 30px 0px 20px 0px ;/* IE 5.01, 5.5, 6 */
	float: right;
	background:#FFFFFF;
	}
.listerechts {
	width: 180px;
         height: 24px;
	background: url(../images/kastenoben.jpg) no-repeat;
	padding: 4px 10px 0px 10px ;
	text-align: left;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 13px;
	}
.spende {
	width: 180px;
         height: 220px;
	background: url(../images/sticker/sticker_gross.gif) no-repeat;
	padding: 6px 12px 0px 9px ;
	text-align: left;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 13px;
	}
.suche {
	width: 180px;
         height: 64px;
	background: url(../images/sticker/sticker_klein.gif) no-repeat;
	padding: 6px 8px 0px 9px ;
	margin: 0px 0px 30px 0px ;
	text-align: left;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 13px;
	}
.suche p {
	margin: 3px 0px 0px 0px ;
	}
.spende p {
	margin: 5px 0px 0px 0px ;
	text-align: left;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 13px;
	}
.listerechtsmitte {
	width: 180px;
	background: url(../images/kastenmitte.jpg) repeat-y;
	padding: 5px 10px 0px 10px ;
	text-align: left;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 13px;
	}
.listerechtsunten {
	width: 180px;
	background: url(../images/kastenunten.jpg) no-repeat;
	padding: 5px 10px 0px 10px ;

	}

.spenden {
	width: 180px;
	background: url(../images/symbole/euro.jpg) no-repeat;
	padding: 15px 10px 10px 10px ;
	text-align: left;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;
	}
#navirechts ul {
	width: 180px;
	margin: 0px 0px 0px 0px ;
	list-style: none;
	line-height: normal;
}

#navirechts li a {
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 0px 0px ;
	text-decoration: none;
	border: 1px solid lightgrey ;
	}

#navirechts li a:link, #navirechts li a:visited {
	color: #000000;
	display: block;
	background: #FFFFFF;
	padding: 3px 0 0 10px;
	}

#navirechts li a:hover {
	color: #003ECE;
	background:silver;
	padding: 3px 0 0 10px;
	}

#links {
	width: 180px;
	margin: 10px 12px 0px 0px ;
	float: right;
	background:none;
	border: 1px solid lightgrey ;
	}
/* Content */

#content {
	float: left;
	width: 476px;
	margin: 25px 15px 20px 15px !important; /* Firefox, Opera & CO */
	margin: 25px 12px 20px 15px ;/* IE 5.01, 5.5, 6 */
	background: #FFFFFF;
}
#contentlinks {
	float: left;
	width: 135px;
	margin: 5px 20px 0px 0px ;
	background: none;
	text-align: left;

}
#contentrechts {
	float: right;
	width: 313px;
	margin: 5px 0px 0px 0px ;
	background: none;

}
#contentchronikr {
	float: right;
	width: 363px;
	margin: 5px 0px 0px 0px ;
	background: none;

}
#contentchronikl {
	float: left;
	width: 85px;
	margin: 5px 20px 0px 0px ;
	background: none;
	text-align: left;

}
#contentvorr {
	float: right;
	width: 298px;
	margin: 5px 0px 0px 0px ;
	background: none;

}
#contentvorl {
	float: left;
	width: 150px;
	margin: 5px 20px 0px 0px ;
	background: none;
	text-align: left;

}
.post .title {
	margin: 0;
	font-weight: normal;
}

.post h1.title {
	padding: 0px 0  0 0px;
	height: 40px;
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #0000BF;
}
.post h2.title {
	padding: 0px 0  0 0px;
	height: 40px;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #0000BF;
}

.post .entry {
	padding: 0 10px 0px 0px;
	font-size: 14px;
}
.post p.rahmen {
	width: 400px ;
	padding: 5px 10px 5px 10px;
	margin: 10px 0 0 0px;
	font-size: 14px;
	text-align: left;
	font-family: "Arial", Helvetica, sans-serif;
	border: 1px solid black ;
}

.blau {

	font-size: 14px;
	font-weight: bold;
	color: #0000BF;
}

.right {
	float: right;
	font-size: 14px;
	margin: 25px 10px 0 0px;
}
.right2 {
	float: right;
	font-size: 18px;
	margin: 10px 35px 0 0px;

}

#content ul {
	list-style: disc outside mediumblue;
	display: block ;
	margin: 5px 0 0 15px;
	padding: 0px 0px 0px 0px ;
	}

#content li {
	padding: 5px 0 0 10px; /* Abstand zum Aufzählungszeichen   */
	}

/* Footer */

#footer {
	background: none;
	height: 12px;
	width: 900px;
	padding-top: 0px;
	margin-left: auto ;
	margin-right: auto ;
	margin-bottom: auto ;
}


#footer ul {
	margin: 0;
	padding: 20px 0px 0px 0px ;
	list-style: none;
	line-height: normal;
}

#footer li {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 35px 20px 0px;
}

#footer a {
	display: block;
	float: left;
	letter-spacing: 0px;
	text-decoration: none;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-left: ##0066CC 1px solid;
	color: #000000;
}

#footer a:hover {

	color: #0000BF;
}
/* Fotostrecken */

#fotoauswahl {
	position: relative;
	width: 870px;
	height: 480px;
	margin:10px 15px 20px 15px ;
	background: white;
	border: 1px solid black;
}
#menufoto {
	float: left;
	padding: 3px 0 0 18px;
	font-size: 20px;
	font-weight: bold;
	color: white
}
/* Hoverbox */

.hoverbox
{
	cursor: default;
	list-style: none;
	align: left;
         width: 300px;

}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: 60px;
	left: 320px;


}

.hoverbox img
{

	border-style: solid;
	border-width: 1px;
	color: inherit ;
	padding: 0px;
	vertical-align: top;
	width: 110px;
}

.hoverbox li
{
	background: #FFFFFF;


	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: ;
	padding:5px 6px 5px 10px;

}

.hoverbox .preview
{
	border: 2px solid black;
	width: 500px;

}

p a:hover
{
	background: inherit;
	color: #000;
}

.abstand
{
	padding:10px 0 10px 0;
}
#rat {
	width: 150px;
	margin: 20px 8px 0px 0px ;
	float: left;
	background:none;
	border:none;
	}
#rat2 {
	width: 225px;
	margin: 20px 8px 0px 0px ;
	float: left;
	background:none;
	border: none;
	}
