@charset "UTF-8";

/* CSS Document */

/* -------------------------  ALLGEMEIN  ------------------------- */
*{

margin:0px;
padding:0px;
}

body{
width:100%;
height:101%;
text-align:center;
font-family:arial, helvetica, sans-serif;
}

/* -------------------------  WRAP  ------------------------- */
	#teaser{
	margin:0 auto;
	text-align:left;
	width:845px;
	}
		
/* -------------------------  KOPF - sizer  ------------------------- */
		#header{
		width:845px;
		margin:0px;
		height:135px;
		padding-bottom:5px;
		}
		
			#header-in{
			text-align:right;
			padding:5px;
			border-bottom:1px solid #f8ae01;
			background-image: url(../nav/logo.jpg);
			background-repeat: no-repeat;
			height:125px;
			vertical-align: bottom;
			}
			#header-in img{
			margin-top:100px;
			}

/* -------------------------  CONTENT - 3COL - BEREICH - MIT BILD ------------------------- */
		#content{
		width:845px;
		background-image: url(../nav/header7.jpg);
		background-repeat: no-repeat;
		display:table;
		padding-top:350px;
		}

		#content_b2{
		width:845px;
		background-image: url(../nav/header2.jpg);
		background-repeat: no-repeat;
		display:table;
		padding-top:350px;
		}
		#content_b3{
		width:845px;
		background-image: url(../nav/header3.jpg);
		background-repeat: no-repeat;
		display:table;
		padding-top:350px;
		}
		#content_b4{
		width:845px;
		background-image: url(../nav/header6.jpg);
		background-repeat: no-repeat;
		display:table;
		padding-top:350px;
		}
		#content_b5{
		width:845px;
		background-image: url(../nav/header_team.jpg);
		background-repeat: no-repeat;
		display:table;
		padding-top:350px;
		}
		#content_wei{
		width:845px;
		background-image: url(../nav/header_wei.jpg);
		background-repeat: no-repeat;
		display:table;
		padding-top:350px;
		}
		#content_b6{
		width:845px;
		background-image: url(../nav/header.jpg);
		background-repeat: no-repeat;
		display:table;
		padding-top:350px;
		}
		#content_b7{
		width:845px;
		background-image: url(../nav/header4.jpg);
		background-repeat: no-repeat;
		display:table;
		padding-top:350px;
		}
		#content_on{
		width:845px;
		background-image: url(../nav/header_online.jpg);
		background-repeat: no-repeat;
		display:table;
		padding-top:350px;
		}
		#content_kon{
		width:845px;
		background-image: url(../nav/header_kontakt.jpg);
		background-repeat: no-repeat;
		display:table;
		padding-top:350px;
		}
		#content_team{
		width:845px;
		background-image: url(../nav/header1.jpg);
		background-repeat: no-repeat;
		display:table;
		padding-top:350px;
		}
		#content_arbeit{
		width:845px;
		background-image: url(../nav/header_arbeit.jpg);
		background-repeat: no-repeat;
		display:table;
		padding-top:350px;
		}
		#content_nutzerbeirat{
		width:845px;
		background-image: url(../nav/header_nutzerbeirat.jpg);
		background-repeat: no-repeat;
		display:table;
		padding-top:350px;
		}
		#content_schatzkiste{
		width:845px;
		background-image: url(../nav/header_schatzkiste.jpg);
		background-repeat: no-repeat;
		display:table;
		padding-top:350px;
		}
/* -------------------------  CONTENT - 3COL - BEREICH - BOX - OHNE BILD ------------------------- */
		#content2{
		width:845px;
 		display:table;
		padding-top:30px;
		}
			
		#nav2{
		width:210px;
		float:left;
		margin-top:-10px;
		margin-bottom:10px;
		}
		
			#nav2-in{
			padding:10px 0 0 10px;
			}	
/* -------------------------  CONTENT - NAVIGATION - BOX ------------------------- */
		#nav{
		width:210px;
		margin-top:-105px;
		float:left;
		margin-bottom:10px;
		}
		
			#nav-in{
			padding:10px 0 0 10px;
			}
	
/* -------------------------  CONTENT - NAVIGATION  - TEXTSTYLE------------------------- */

ul, li{
list-style:none;
}

a:link, a:visited{
text-decoration:none;
color:#666;
line-height:2.2em;
font-size:1.0em;
font-weight:600;
}

a:hover, a:active{
text-decoration:underline;
color:#666;
line-height:2.2em;
font-size:1.0em;
font-weight:600;
}
.active{
text-decoration:underline;
color:#666;
line-height:2.2em;
font-size:1.0em;
font-weight:600;
}

.line{
width:100%;
height:1px;
border-bottom:1px solid #F8AE01;
margin:5px 0;
}
/* -------------------------  CONTENT - RECHTE BOX - index + newsletter ------------------------- */
		#box-right{
		float:right;
		width:150px;
		height:100%;
		border-left:1px solid #f8ae01;
		}
			#box-right-in{
			padding-left:10px;
			text-align:left;
			display:block;
			margin:0;
			margin:5px 0 5px 5px;
			color:#666666;
			}


/* -------------------------  CONTENT - RECHTE BOX - index + newsletter ------------------------- */
		#box-right_x1{
		float:right;
		width:135px;
		height:100%;
		}
		.x1{/*infotext bold - Markenzeichen*/
		color:#aaa;
		line-height:1.8em;
		font-size:1.4em;
		font-weight:600;
		font-style:normal;	
		text-align:right;			
		}
/* -------------------------  CONTENT - RECHTE BOX - breit für bilder  ------------------------- */
		#box-right2{
		float:right;
		width:250px;
		height:100%;
		}
			#box-right2-in{
			padding:0 0 5px 5px;
			text-align:right;
			}
			
	
/* -------------------------  FORMULAR  ------------------------- */

input{
width:120px;
color:#666;
font-size:0.9em;
margin:5px 0;
padding-left:5px;
}			

.btn{
width:64px;
border:1px solid #999;
background-color:#fff;
margin-left:3px;
padding:0px;
}	
.btn2{
width:64px;
border:1px solid #999;
background-color:#fff;
padding:0px;
}		
/* -------------------------  CONTENT - 3COL - BEREICH  ------------------------- */
			#mitte{
			margin-left:230px;
			width:430px;
			float:inherit;
			}
				#mitte-in{
				width:430px;
				}
/* -------------------------  CONTENT - 2COL - BEREICH  ------------------------- */
			#mitte2{
			margin-left:230px;
			margin-right:10px;
			}
				#mitte2-in{
				}
					
/* -------------------------  CONTENT - 3COL - BEREICH - rechte box breiter ------------------------- */
			#mitte3{
			margin-left:230px;
			margin-right:10px;
			}
				#mitte3-in{
				width:350px;
				}
				
/* -------------------------  CONTENT - 3COL - BEREICH - TEAM ------------------------- */
			.team{
			width:280px;
			float:left;
			margin-bottom:20px;
			margin-right:10px;
			display: block;
			overflow: hidden;
			}
				.team-in{
				width:280px;
				float:right;
				margin-top:5px;
				}
				.team img{
				float:left;
				}	

/* -------------------------  TERMINE  ------------------------- */

.thumb{float:right; margin-left:10px;margin-top:5px; width:120px;}
.text{float:left; display:block; width:450px;}
.text2{float:left; display:block; width:450px;}
.textbild{float:left; display:block; width:310px;}
.box {width:600px; display:table; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:5px;}
.box2 {width:450px; display:table; padding-bottom:10px; margin-bottom:5px;}
/* -------------------------  KALENDER  ------------------------- */

/* div for the calendar markup - text must be centered */
div#calendar {
/*  margin : 0 auto;*/
  width : 600px;
  padding:10px 0;
also die  display:table;
  line-height:2.6em;
}


/* calendar heading color */
h2.calendar {
  color : #669900;
  font-weight : normal;
  display:none;
}

/* list info - monospace font must be used */
ul#days, ul.weeks {
  list-style-type : none;
}


/* day-box span styles - adjust with padding */ 
ul#days li span {
  background-color : #669900;
  border : 1px solid #000;
  font-weight : bold;
  color : #fff;
  padding : 5px;
}

/* active links boxes default state - adjust with padding */
ul.weeks li a.al, ul.weeks li a.na  { 
  color : #666;
  text-decoration : none;
  background-color : #ffffcc;
  border : 1px solid #999;
  padding : 5px; 

}

/* all states of not-used links */
ul.weeks li a.na, ul.weeks li a.na:hover, ul.weeks li a.na:focus, ul.weeks li a.na:active   { 
  background : transparent;
  color : #666;
}

/* hover and focus state of active links */
ul.weeks li a.al:hover, ul.weeks li a.al:focus, ul.weeks li a.al:active {
  color : #000;
  background-color : #eecc11;
  border : 1px solid #000;
  text-decoration : none;
}


/* not used link boxes - color and background should match - adjust with padding */
ul.weeks li a.nu { 
  color : #eee;
  padding : 5px;
  border : 1px solid #ccc;
  background-color : #eee;
}

/* to hide link separators */
span.sep {
  display : none;
}

/* this needs to be in conditional comment for IE only */
div#calendar {
  font-size : 0.9em;
  letter-spacing : 0.001em;
}



				
/* ---------------------------------   FOOTER ---------------------------------  */
 #footer {
	clear:both;
	text-align:right;
	width:845px;
	height:110px;
	background-image: url(../nav/footer_bg.jpg);
	background-repeat: repeat-x;
	padding-top:2px;
 }

/* -------------------------  SCHRIFTFORMATIERUNG  ------------------------- */

				h1{ /*HEADLINE bold*/
				color:#666666;
				line-height:1.8;
				font-size:1.8em;
				font-weight:600;
				}
				/* BOX_CONTENT - Textformatierung */
				h2{ /*HEADLINE light*/
				color:#666666;
				line-height:1.6em;
				font-size:1.8em;
				font-weight:400;
				}
				h3{/*fliesstext*/
				color:#666666;
				line-height:1.6;
				font-size:1.1em;
				font-weight:400;
				}
				
				h4{/*fliesstext bold*/
				color:#666666;
				line-height:1.6;
				font-size:1.2em;
				font-weight:600;
				}
				h5{/*infotext*/
				color:#999;
				line-height:1.8;
				font-size:1.1em;
				font-weight:400;
				font-style:normal;
				}
				h6{/*infotext bold - Markenzeichen*/
				color:#999; /* bei anderem style fuer claim-boxen #666*/
				line-height:1.8em;
				font-size:1.1em;
				font-weight:400;
				font-style:normal;				
				}
				
				.nl{/*infotext bold*/
				color:#999;
				line-height:1.6;
				font-size:1.4em;
				font-weight:600;
				font-style:normal;
				}

.schatzkistetext {
   position:relative;
   width:360;
   margin-left:70px;
}