* {
	margin: 0; 
	padding: 0; 
	border: 0;
	-moz-outline: 0;
}

body {
	text-align: center; 
	background: #fff;
	color: #000;
	min-width: 700px;
	font-family:  tahoma,arial, verdana, sans-serif;
	font-size: 14px;
	margin:5px 0 0 0;}

/***** General formatting ****/

#wrapper { /* also holds the left "sliding" tab */
	position: relative;
	
	text-align: left;
	width: 776px; /* this can fixed or fluid */
	margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
	font-size: 80%;}

#contentfloatholder {/* also makes the right "sliding" tab */
	float: left;
	width: 100%;
	position: relative;
	background: URL('/fileadmin/template/images/bg_content.gif') repeat-y;
	}

#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;}

#center {
  	color: #000;
  	float:left;
  	width: 100%; 
 	 margin-right: -95%; 
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}

#centerpad {
	margin: 0 150px 0 180px;
	padding-top:10px;
	font-size:95%;
	letter-spacing:1px;}

#centerpad p{
	border:0px solid black;
	margin:10px 0 0 0;
	padding: 0 15px 0px 10px;}
	
#centerpad p.align-center {
	text-align: center;
}	

#centerpad ul{
	border:0px solid black;
	letter-spacing:1px;
	margin:20px 0 20px 35px;
	line-height:25px;}	
	
#centerpad ul li{
	list-style:none;
	background-image: url(../images/listimage.gif);
	background-repeat:no-repeat;
	background-position: 0px 8px;
	padding: 0 0 0 20px;}	
	
#centerpad h1 {
	font-size: 16px;
	margin:0 0 0 5px;}

#centerpad h2 {
	margin: 10px 0px 0px 10px;
	font-size: 12px;
	color:#333333;
	height:15px;
	background:url(../images/h2-verlauf.gif) no-repeat 0 14px;}

#centerpad a {
	color:#333333;}

table {
	font-size:100%;
	margin-left: 10px;
}	
	
/* HEADER & FOOTER........................................ */

#header, #footer{
	clear: both; 
	width: 100%;}

#header {
	background:#FFF url(../images/boys.jpg) right no-repeat;
	height:167px;
	width: 776px;
	border-top: 4px solid #990000;
	border-bottom: 4px solid #000077;}

#header .logo{
	margin: 3px 0 0 10px;
	float:left;
	width:auto;}

#header .slogan {
	font-size:18px;
	font-family: "Comic Sans MS","Courier New", Courier, monospace;
	float:left;	
	margin: 20px 0 0 20px;
	}

#footer {
	text-align: center;
	color: #fff;
	background-color:#000077;
	font-size: 10px;
	padding:5px 0 5px 0;
	font-family:arial;
	width: 768px;
	border-left: 8px solid #7575FF;}

#footer a {
	color: #fff;}

/* LEFT & RIGHT SIDEBAR........................................ */

#left {
  float:left;
  width: 170px;
  height:580px;
  margin-left: -5%; /* the difference to make the left colum appear flush left */
  padding:10px 0 0 8px;

}

#left a {
	text-decoration: none;}

#left ul {
	list-style: none;}

#left ul li {
	font-size:14px;
	font-weight:bold;}	

#left ul ul {
	margin: 0 0 0 8px;}

	
#right {
  float:right;
  width: 124px;
  height:590px;
  color:#000;
  margin:15px 0 0 0 0;
  padding:0 5px 0 15px;}

#right img {
	margin: 9px 0 5px -2px;
	
}
	
a {
	color: #000;}

p {
	padding: 0px;
	margin: 0px;}

.tabulator {
	display:block;
	width:60px;
	float:left;}


/************ TAB-Menue *******************************/
#container {
  position:relative;   }
#navi_2 { 
  text-align:center; 
  position:relative; 
  height:8em;  }
.box {
  position:relative; 
  background-color: #fff;
  float:left; 
  top:131px;
  padding-top: 5px;
  left:-245px;
  width:80px;
  height:35px;
  background: URL('/fileadmin/template/images/bg_topnavi.gif') no-repeat top left;
  }
  
.box a {
	color:#FFF;
}


/************ FORM *************************************/
.hover { /* Hintergrundfarbe für aktive Form-Controls */
	background-color:#FFDDDD;}

label
{
	width: 94px;
	float: left;
	margin: 2px;
	padding-left:5px;
	height:16px;}

input, textarea
{
	background: #fff;
	border: 1px solid #990000;
	margin:2px;
	height:16px;}

input.submit 
{
	clear:both;
	background-color:#D8AEAF;
	border:1px solid black;
	height:20px;
	width:70px}
 
fieldset{
	margin:0px auto 0 auto;
	padding-bottom:5px;}


form {
	width:350px;
	margin: 10px 0 0 50px;
}
legend
{
	font-weight:bold;
	padding: 2px 6px;
	margin: 0 0 0 10px;}
	
form .captchafield {
	width:96px; 
	float:left; 
	background-color:#DFDFDF; 
	height:25px;
	text-align:center;
	font-weight:bold;	
	font-size:16px
}	
	
form .error {
	color:red;
	float:left;
	margin: 0 0 0 105px;
	font-size: 11px;
}

form img {
	margin-top:2px;
	border: 1px solid #990000;
}



/* News in right column */
.news-single-item h2 {
	font-size:14px;
}

.news-single-item h3 {
	color: #333333;
	font-size:11px;
}

.news-single-item {
	border-bottom:2px solid #990000;
}

.news-single-item p{
	padding-bottom: 3px;
}


/************ STAFF MEMBER *************************************/
.staffmember {
	margin:5px;
}

.staffmember .tab {
	float:left;
	width:80px;
}

.staffmember .header {
	border-bottom: 1px solid gray;
}

.staffmember p {

}

.staffmember img {
	margin-right: 5px;
	float:left;
}