@charset "UTF-8";
/* CSS Document */

@import url(style-olpe-navi.css);
@import url(htmlarea-ids.css);
@import url(styles-mailformular.css);
@import url(bildwechsel.css);

html, body {
	margin: 0;
	padding: 0;
	widht: 100%;
	height: 100%;
	background: #fff url(img/top.jpg) no-repeat 50% 0;
}



#header {
	float: left;
	display: inline;
	width: 950px;
	margin: 0 auto;
	background-image:url(img/olpe-jena_02.jpg);
	height:150px;
}

#navi-top {
	float:left;
	display:inline;
	width:800px;
	padding:125px 0 0 82px;
}


/* ------------ Inhalt --------------- */

#wrapper {
	width: 950px;
	margin: 0px auto;
	font-size: 1em;
	background-image:url(img/olpe-jena_05.jpg);
}



#column1 {
	float: left;
	width: 165px;
	display: inline;
	padding: 5px;
	margin-left: 0;
	overflow:hidden;
}

#column2 {	
	float: left;
	width: 530px;
	display: inline;
	padding: 5px;
	margin-left: 5px;
	overflow:hidden;
}

#column2b {
	display:inherit;
	width:530px;
	height:100px;
	overflow:auto;
}

.rand-unten {
	width:auto;
	padding:0 0 0 185px;
	}

#column3 {
	float: left;
	width: 210px;
	display: inline;
	padding: 5;
	margin-left: 10px;
	overflow:hidden;
}


#column3 img {
	padding:0 10px 5px 0;
	}


/* --------------- footer ---------*/


.alles {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* margin bottom muss die gleich höhe wie der Footer haben */
	width: 950px;
	background:url(img/olpe-jena_05.jpg) repeat-y;
}
.footer, .push {
	height: 50px; /* .push muss die gleiche höhe wie der .footer haben */
	
}



.footer {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background:url(img/bottom.jpg) no-repeat 50% 0;
	height:50px;
	overflow:hidden;
}

#footer-innen {
	width: 950px;
	margin: 0 auto;
	background-image:url(img/olpe-jena_08.jpg);
	height: 50px;
	padding:0;
	overflow:hidden;
}

#footer-text-links {
	padding:15px 0 0 142px;
	float:left;
	display:inline;
	width:180px;
	overflow:hidden;
	}
	
#footer-text-rechts {
	padding:15px 0 0 465px;
	float:left;
	display:inline;
	font-size:0.5em;
	}
	
/* --------------- Schrift ---------*/


#column1, #column2, #column3, #footer-text-rechts, .rand-unten {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#666;
}
	
#footer-text-links, #navi-top {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#ffffff;
}


.bodytext, .contenttable {
	font-family:Arial, Helvetica, sans-serif;
	}

/* --------------- Tabelle ---------------*/


.contenttable {
	border:none;
	padding:0;
	margin:0;
	}
	
.contenttable td {	
	padding:0;
	margin:0;
}

.contenttable p {	
	padding:0;
	margin:0;
}


/* --------------- Überschriften ---------*/


h1 {
	font-family:Arial, Helvetica, sans-serif;
	color: #009ee0;
	font-size:1.5em;
	font-weight:normal;
	}
	
	
h2 {
	font-family:Arial, Helvetica, sans-serif;
	color: #009ee0;
	font-size:1.2em;
	font-weight:bold;
	margin-top:0;
	margin-bottom:0;	
	}


h3 {
	font-family:Arial, Helvetica, sans-serif;
	color: #999;
	font-size:1.2em;
	font-weight:bold;
	}



h4 {
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	font-size:1.2em;
	font-weight:normal;
	text-decoration:underline;
	
}


h5 {
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	font-size:1.2em;
	font-weight:normal;
	text-decoration:underline;
	
}

h6 {
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	font-size:1.2em;
	font-weight:normal;
	text-decoration:underline;
	
}




/* --------------- Links colum2 ---------*/

#column2 a:link, a:hover, a:visited, a:active {
	font-family:Arial, Helvetica, sans-serif;
	
}

#column2 a:link { color: #666; }
#column2 a:visited { color: #666; }
#column2 a:hover { color: #009ee0; }
#column2 a:active { color: #009ee0; }




/* --------------- Links colum3 ---------*/

#column3 a:link, a:hover, a:visited, a:active {
	font-family:Arial, Helvetica, sans-serif;
	
}

#column3 a:link { color: #666; text-decoration:underline; }
#column3 a:visited { color: #666; text-decoration:underline; }
#column3 a:hover { color: #009ee0; text-decoration:underline; }
#column3 a:active { color: #009ee0; text-decoration:underline; }


/* --------------- Links Footer ---------*/

.footer  a:link, a:hover, a:visited, a:active {
	font-family:Arial, Helvetica, sans-serif;
}

.footer a:link { color: #fff; text-decoration:none; }
.footer a:visited { color: #fff; text-decoration:none; }
.footer a:hover { color: #333; text-decoration:underline; }
.footer a:active { color: #333; text-decoration:underline; }



/* ----------------------- Suche ----------*/


.csc-form-label, {
	visibility:hidden;
	font-size:1px;
}
	
.csc-form-fieldcell {
	font-size:0.5em;
	padding-left:-5px;
	}
	
.tx-indexedsearch-rules {
	visibility:hidden;
	font-size:1px;
}


/* ----------------------- Bildbeschreibung ----------------------*/

.csc-textpic-caption {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#666;
	padding-top:3px;
}




/* ----------------- Pfeile -------------- */


#pfeile {
	margin: 0px auto;
	text-align:center;
	width:530px;
	height:110px;
	overflow:hidden;
	vertical-align:top;
}
	
	
	
#pf1 a {
	display: inline;
	background:url(img/pfeil_01-n.jpg) no-repeat;
	width:133px;
	height:110px;
	float:left;
	overflow:hidden;
	color:#FFFFFF;
	
	}
#pf1 a:hover {
	background:url(img/pfeil_01.jpg) no-repeat;
}



#pf2 a {
	display: inline;
	background:url(img/pfeil_02-n.jpg) no-repeat;
	width:131px;
	height:110px;
	float:left;
	overflow:hidden;
	}
#pf2 a:hover {
	background:url(img/pfeil_02.jpg) no-repeat;
}
	
	
	
#pf3 a {
	display: inline;
	background:url(img/pfeil_03-n.jpg) no-repeat;
	width:132px;
	height:110px;
	float:left;
	overflow:hidden;
	}
#pf3 a:hover {
	background:url(img/pfeil_03.jpg) no-repeat;
}




#pf4 a {
	display: inline;
	background:url(img/pfeil_04-n.jpg) no-repeat;
	width:134px;
	height:110px;
	float:left;
	overflow:hidden;
	}
#pf4 a:hover {
	background:url(img/pfeil_04.jpg) no-repeat;
}


	
	
#column2 .pfeil-farbe a:link { color: #fff; text-decoration:none; }
#column2 .pfeil-farbe a:visited { color: #fff; text-decoration:none; }
#column2 .pfeil-farbee a:hover { color: #009ee0; text-decoration:underline; }
#column2 .pfeil-farbe a:active { color: #009ee0; text-decoration:underline; }




#column2 .pfeil-farbe h1{
	color: #009ee0;
	text-decoration:underline;
	font-size:1.3em;
	margin-top:12px;
	margin-bottom:6px;	
}


#column2 .pfeil-farbe a{
	font-size:0.8em;
}


/* ------------------ Liste  ----------- */

.csc-textpic-text ul {
	list-style:square;
	list-style-position:outside;
	margin-top:5px;
	}

.csc-textpic-text li {
	margin-left:-2em;
	}
	
.csc-textpic-text ul {
	
		}	
	
/* --------------- Abstand zwischen den Datensätzen im IE */

.csc-textpic-firstcol {
	padding-bottom:15px;
}
	
.csc-textpic-firstcol[class] {
	padding-bottom:0;
	padding-top:0;
}