/* CSS Document www.oes-moebs.de*/

body, div, p, img, span, ul, li, a, table, h1, h2, h3, h4, h5, h6{
	padding:0px;
	margin:0px;
}
body{
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
}

h1 {
	font-size: 20px;
	color: #f88c00;
	padding-top:15px;
	padding-bottom: 15px;
}

h2 {
	font-size:14px;
	padding-top:10px;
}

h3 {
	font-size:14px;
	font-size: bold;
	padding-top:0px;
	padding-bottom:0px;
	color: #666666;	
}

h4 {
	font-size:14px;
	font-size: bold;
	padding-top:5px;
	color: #f88c00;;	
}

h5 {
	font-size:12px;
	padding-top:10px;
}
h6 {
	font-size:9px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}


p {
	margin-top:10px;
	text-align:left;
}

img {
	border:none;
}

ul {
	padding-left:20px;
	margin-top:4px;
	margin-bottom: 17px;
	list-style:square;
}

li {
	padding-top:3px;
}

#li stil3{
	color: #f88c00;
}

.zitat{
	font-size:14px;
	color:#f88c00;
	font-style:italic;
	font-weight: normal;
}
.lob{
	font-size:9px;
	color:#000000;
	font-weight: normal;
}

.bildRechts {
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 25px;
}

.bildLinks {
	float: left;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 10px;
}

a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
	text-decoration: none;}
	
a:focus {
	color: #f88c00;
	text-decoration: none;	
}

a:hover {
	color: #f88c00;
	text-decoration: none;		
}

a:active {
	text-decoration: none;	
	color: #f88c00;		
}


.ActiveLink{
	color: #f88c00;
}

/*******************/
/* Logo plus Links */
#HeaderDiv {
	/*border: 1px solid #000000;	*/
	position:relative;
	width:100%;
	height:74px;
	background-image:url(bilder/verlauf.jpg);
	background-repeat:repeat-x;
}

	#LogoDiv {
		/*border: 1px solid #000000;	*/
		width:450px;
		height: 50px;
		background-image:url(bilder/logo.jpg);
		background-repeat:no-repeat;
		top:0px;
		left:0px;
		position:absolute;		
	}
	
	.LinkContainer {
		font-size:12px;
		/*border: 1px solid #000000;	*/
		padding-left: 11px; 	/* Abstand zw. den Links */
		padding-right: 11px; 	/* Abstand zw. den Links*/
		padding-top:3px;
		height: 18px;
		width: auto;
		position:relative;
		margin-top: 52px;
		float: left;	
	}

		#FirstContainer{
			margin-left:16px;
		}
	
		.TabLeft{
			/*border: 1px solid #000000;	*/	
			background-image:url(bilder/reiter_links.jpg);
			background-repeat:no-repeat;
			position:absolute;
			left:0px;
			top:0px;
			height:20px;
			width:7px;
		}
		.TabMid {
			background-image:url(bilder/reiter_mitte.jpg);
			background-repeat:repeat-x;	
		}
		.TabRight{
			/*border: 1px solid #000000;	*/	
			background-image:url(bilder/reiter_rechts.jpg);
			background-repeat:no-repeat;
			position:absolute;
			right:0px;
			top:0px;
			height:20px;
			width:7px;
		}

/*******************************/
/* Neun Bilder plus Adressfeld */
#PicDiv {
	/*border: 1px solid #000000;	*/
	position:absolute;
	left:9px;
	top: 82px; /* Header hat noch 1pix weiß, daher nicht 83px */
	width: 300px;
	height: auto;
}
	.SquareDiv{
		/*border: 1px solid #000000;	*/
		background-color:000000;	
		position:relative;
		float:left;
		height:89px;
		width:89px;
		margin-right: 7px;
		margin-bottom: 7px;
	}
	#Square2{
		background-color:#fff3db;
	}
	#Square4{
		background-color:#ffcc99;
	}	
	#Square6{
		background-color:#e4e4e4;
	}
	#Square8{
		background-color:#fff3db;
	}
		
	#AdressDiv {
		/*border: 1px solid #000000;	*/	
		position: relative;
		float:left;
		width:281px;
		height:210px;
		background-color:#fffaf0;
		padding-top:10px;
		
	}
	
	#AdressDiv p{
		margin-left:20px;
	}
	
/**********/
/* Inhalt */
#ContentDiv {
	/*border: 1px solid #000000;	*/
	position:absolute;
	top:82px;  /* Header hat noch 1pix weiß, daher nicht 83px */
	left: 340px;
	width:600px;
	height:auto;
	padding-bottom:20px;
}

/**********/
/* Newsticker */

#newsticker {
	border: 1px solid #f88c00;
	background-image:url(bilder/fff3db.jpg);
	position:absolute;
	left: 607px;
	width:200px;
	height:150px;
	padding-bottom:20px;
	padding-left:15px;
	padding-right:15px;
	top: 20px;
}

#sprueche {
	
	position:absolute;
	left: 607px;
	width:200px;
	height:150px;
	padding-bottom:20px;
	padding-left:15px;
	padding-right:15px;
	top: 230px;
}

