/* Default Stylesheet */
#bild {
   text-align:left;
   margin-left:5px;
   margin-top:10px;
   float:left;

}
* html #text {
  text-align:left; 
  height:120px;   

}

#text {
  text-align:left;
  margin-left:160px;
  min-height:120px;
}

* html #text2 {
  text-align:left; 
  height:60px;   

}

#text2 {
  text-align:left;
  margin-left:100px;
  min-height:60px;
}
#text2 {
  text-align:left; 
}
* {
	margin:0px;
	padding:0px;
		}																/* >>> ELEMENTS <<< */

	body {
		color: #000;
		background-color: #fff;
		font-family: "Arial", "Tahoma", "MS Sans Serif", sans-serif;
		font-size: 75%;
		text-align: center;
		margin: 0;
		padding: 0;
		height:100%;
		}

																		/* >>> CONTAINERS <<< */

div#container {
	width: 800px;
	margin: 0px auto;
	text-align: left;
	height:100%;
	}
	div#header-wrap {
		margin:0px 0px 8px 0px;

		}
		 /*   START - INDEX  */
		div#header-in {
			padding: 10px;
			color: inherit;
			background-color: #B5D8FF;
			background:url(pix/head.jpg);
			height:160px;
			border:1px solid #EDF4F7;
			border-width: 0 1px 1px 0;
		}
		
		/*  LH IM KREIS GT   */
		div#header-in2 {
					padding: 10px;
					color: inherit;
					background-color: #B5D8FF;
					background:  url(pix/head_2.jpg);
					height:160px;
					border:1px solid #EDF4F7;
					border-width: 0 1px 1px 0;
				}
		/*    FOERDERSTELLE   */		
		div#header-in3 {
					padding: 10px;
					color: inherit;
					background-color: #B5D8FF;
					background:  url(pix/head_3.jpg);
					height:160px;
					border:1px solid #EDF4F7;
					border-width: 0 1px 1px 0;
				}
				
		/*   FREIZEIT SPORT UND REISEN */		
		div#header-in4 {
					padding: 10px;
					color: inherit;
					background-color: #B5D8FF;
					background:  url(pix/head_4.jpg);
					height:160px;
					border:1px solid #EDF4F7;
					border-width: 0 1px 1px 0;
				}
				
		/* WOHNBEREICHE */
		div#header-in5 {
					padding: 10px;
					color: inherit;
					background-color: #B5D8FF;
					background:  url(pix/head_5.jpg);
					height:160px;
					border:1px solid #EDF4F7;
					border-width: 0 1px 1px 0;
				}
				
		/* WERKSTATT */
		div#header-in6 {
					padding: 10px;
					color: inherit;
					background-color: #B5D8FF;
					background:  url(pix/head_6.jpg);
					height:160px;
					border:1px solid #EDF4F7;
					border-width: 0 1px 1px 0;
				}
		
		/* TERMINE */		
		div#header-in7  {
					padding: 10px;
					color: inherit;
					background-color: #B5D8FF;
					background:  url(pix/head_7.jpg);
					height:160px;
					border:1px solid #EDF4F7;
					border-width: 0 1px 1px 0;
				}
				
		 /*  FOTOGALERIE */
		div#header-in8 {
					padding: 10px;
					color: inherit;
					background-color: #B5D8FF;
					background:  url(pix/head_8.jpg);
					height:160px;
					border:1px solid #EDF4F7;
					border-width: 0 1px 1px 0;
				}
/*  FACHBEGRIFFE  */
		div#header-in9 {
					padding: 10px;
					color: inherit;
					background-color: #B5D8FF;
					background:  url(pix/head_9.jpg);
					height:160px;
					border:1px solid #EDF4F7;
					border-width: 0 1px 1px 0;
				}
				/*  KONTAKT UND IMPRESSUM  */
		div#header-in10 {
					padding: 10px;
					color: inherit;
					background-color: #B5D8FF;
					background:  url(pix/head_10.jpg);
					height:160px;
					border:1px solid #EDF4F7;
					border-width: 0 1px 1px 0;
				}
		

		div#center {
			margin: 0 165px;
			color: inherit;
			background-color: #ffffff;
			border:1px solid #B7DBFF;
			
			}
*html div#center{
			margin: 0 165px;
			m\argin: 0 165px;

			}

			div#center-in {
				padding-bottom:10px;
				vertical-align:top;
				}
				


		div#left {
			float: left;
			width: 150px;
			height:100%;
			color: inherit;
			background-color: #fFF;
			border:1px solid #fFF;
			visibility:relative;
			}
			div#left-in {
	padding: 1px;
	page-break-before: always;
	page-break-after: always;
				}
				
	div#right {
	float: right;
	width: 155px;
	color:#005ab0;
	background-color: #CFE1F7;
	font-style: italic;
	font-size: 130%;
	margin-left:10px;

			}
			

			
			
			div#box {
				background-color: #ffffff;
				color:#005ab0;				
				}
			div#right-in {
			background-color: #CFE1F7;
			border:1px solid #B7DBFF;
			width:148px;
			padding-left:5px;
			}
*html div#right-in {
			height:160px;
			h\eight:160px;
			}			






																/* >>> SUB CONTAINERS <<< */

.nav-left {
 color:#fff;}

#box1, #box3, #box5, #box7, #box9, #box11, #box13, #box15, #box17, #box19{
	display:none;
	}

* html #box1, #box3, #box5, #box7, #box9, #box11, #box13, #box15, #box17, #box19 {
	display:none;
	d\isplay:none;
	}
#box2, #box4, #box6, #box8, #box10, #box12, #box14, #box16, #box18, #box20 {
	display:static;
	}

* html #box2, #box4, #box6, #box8, #box10, #box12, #box14, #box16, #box18, #box20 {
	display:static;
	d\isplay:static;
	} 

																/* >>> LISTS <<< */
ul#nav-left {
	margin: 0px;
	list-style: none;
	width: 155px;
	position:fixed;
	table-layout:fixed;
	word-break:break-all;
	white-space:normal;
	overflow:hidden;
	}
	ul#nav-left li{
	width: 133px;
	border-left: 1px solid #B5D8FF;
	border-right: 1px solid #B5D8FF;

	white-space:normal;
		}
		ul#nav-left li a{
			display: block;
			width: 133px;
			padding: 5px 10px;
			color: #fff;
			background-color: #357EC3;
			text-decoration: none;
			border-bottom: 1px solid #B5D8FF;
			}
		ul#nav-left li a:hover{
			color: #4494ff;
			background-color: #ECF9FF;
			border-bottom: 1px solid #fff;
			}
			
		ul#nav-left li a.spann {
			padding: 2px 0px 2px 20px;
			margin:0px;
			color: #4494ff;
			background-color: #ffffff;
			text-decoration: none;
			font-size: 95%;

			}
		ul#nav-left li a:hover.spann {
			color: #4494ff;
			background-color: #B5D8FE;
			border-bottom: 1px solid #B5D8FF;

			}
			
ul#nav-left li a:active.spann  {
			color: #4494ff;
			background-color: #B5D8FE;
			border-bottom: 1px solid #B5D8FF;

			}
			

ul.list {
	margin: 20px 30px;
	font-size: 90%;
	line-height: 20px;
	}
																/* eventkalender */
		
			
div#kalender {
	width:155px;
	background-color:#fff;
	text-align:center;
	font-size:0.8em;
	font-style: normal;
	vertical-align:middle;
}

div#kalender table{
		border:1px solid #357ec3;
}	

div#kalender td{
		border:1px solid #357ec3;
}			

div#kalender #kopf {
	background-color:#357ec3;
	padding-top:5px;
	vertical-align:middle;
	text-align:center;
	padding-bottom:5px;
}	



div#kalender #kopf a{	
   color:#fff;
	text-decoration:none;
}	

div#kalender #akttag{	
   background-color:#CFE1F7;
	text-decoration:none;
}	
						
div#kalender #akttag a{	
   color: #333;
	text-decoration:none;
}			


																				/* image_MAP */
div#map{
	position: relative;
	width:430px; /*der gesammten map*/
	height:440px; /*der gesammten map*/
	margin:0px;
	padding:0px;
	background:url(pix/map.gif) no-repeat;
	text-align:center;
	}


*html #map {
	position:relative;
	p\osition:relative;
	}

#map li{
	position: absolute;
	list-style:none;
	top:0px;
	}
#map li a span{
	visibility:hidden;
	}

#map li a:hover span{
	color:#4494ff;
	font-size: 90%;
	line-height: 1.2em;
	visibility:block;
	}


#map li a{
	text-decoration: none;
	background:url(pix/out.gif) no-repeat;

	}

#map li a:hover {
	text-decoration:none;
	background:url(pix/on.gif) no-repeat;
	background-repeat:none;
	visibility: visible;
	}

#map li#hl1 {
	top:80px;
	left:180px;
	}


#map li#hw2 {
	top:188px;
	left:103px;
	}
#map li#hw3 {
	top:186px;
	left:115px;
	}


#map li#hw4 {
	top:196px;
	left:111px;
	}

/*Standpunkt mit alter Adresse*/
#map li#gt5 {
	top:242px;
	left:193px;
	}

/*Standpunkt mit neuer Adresse*/	
#map li#gt6 {
	top:252px;
	left:193px;
	}
	
#map li#bw6 {
	top:244px;
	left:170px;
	}


#map li#bw7 {
	top:239px;
	left:205px;
	}
	
#map li#ve8 {
	top:269px;
	left:295px;
	}
																	/* >>> GALLERY <<< */
div#gallery {
				width:450px;
				visibility:static;
				padding:5px;
				vertical-align:top;
				text-align:center;
				}

																
div#thumbnails {
		  		width:450px;
				border:1px solid #ccc;
				}

div#thumbnails img{
				padding:5px;
				}

				
div#bigview {
				width:450px;
				border:1px solid #ccc;				
				}																

																/* >>> TYPOGRAPHY <<< */



div#center p {
	margin: 0;
	color: #444;
	background-color: inherit;
	font-size: 90%;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	}
/* Bildunterschriften */
div#center p span{
	margin: 5px 0 5px 0;
	color: #444;
	background-color: inherit;
	font-size: 90%;
	font-weight: bold;

	}
/* text fett allg */
div#center p span.fett{
	margin: 5px 0 5px 0;
	color: #444;
	background-color: inherit;
	font-size: 98%;
line-height: 1.2em;
	font-weight: bolder;	
	}
						
div#left p {
	margin: 0 20px 5px 20px;
	font-size: 90%;
	}
div#right p {
	font-size: 85%;
	}

p a {
	color: #4494FF;
	background-color: inherit;
	text-decoration: none;
	}
	
p a:hover, ul.list a:hover {
		color: #4494ff;
		}


h2 {
	color:#3D83C6;
	}

h4 {
	font-size:100%;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	line-height: 1.2em;
	}
		
input.btn {
		background-color: #CFE1F7;
		border:1px solid #91bdef;
		color:#005ab0;
		margin-left:10px;
	}

																/* >>> FORMS <<< */
*html input.btn{
		background-color: #CFE1F7;
		border:1px solid #91bdef;
		color:#005ab0;
		margin-left:0px;
		margin-bottom:0px;
		padding:0px;
		}
														/* >>> END <<< */