/* menus de base */
.but {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	text-decoration: none;
	color: #CCCCCC;
}
a.but:hover {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	text-decoration: none;
	color: #FFFFFF;
}


a.butsel {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	text-decoration: none;
	color: #FFFFFF;
}


.proj {
	font: 14px/24px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #CCCCCC;
	vertical-align: bottom;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
}
	

a.proj:hover {
	font: 14px/24px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: bottom;
	padding-right: 10px;
	padding-left: 10px;
}

a.projsel {
	font: 14px/24px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #FFFFFF;
	vertical-align: bottom;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
}



/* Schriften Variationen */
.sel {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #FFFFFF;
	text-align: right;
	vertical-align: bottom;
	padding-right: 15px;
	padding-left: 15px;
}

  
.txt {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #CCCCCC;
	padding-right: 10px;
	padding-left: 10px;
}


.ttxt {
	font: 12px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #CCCCCC;
	padding-right: 10px;
	padding-left: 10px;
}




.mens {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #CCCCCC;
	text-align: right;
	vertical-align: bottom;
	padding-right: 10px;
	padding-left: 10px;
}


.menst {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #CCCCCC;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
}

.menshi {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #ffffff;
	text-align: right;
	vertical-align: bottom;
	padding-right: 10px;
	padding-left: 10px;
}
.menshileft {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #ffffff;
	text-align: left;
	vertical-align: bottom;
	padding-right: 10px;
	padding-left: 10px;
}


.mensthi {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
}


.mensleft10 {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #CCCCCC;
	text-align: left;
	vertical-align: top;
	padding-right: 10px;

}

.mensleft10center {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #CCCCCC;
	text-align: center;

}


.mensleft10_2 {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #CCCCCC;
	text-align: left;
	vertical-align: top;
	padding-right: 15px;
	padding-left: 15px;

}

.mensleft10just {
	color: #CCCCCC;
	text-align: justify;
	vertical-align: top;
	padding-right: 10px;
	font-family: "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	font-size: 10px;
	font-style: normal;
}

.mensleft12 {
	font: 12px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #CCCCCC;
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
	padding-left: 10px;
}
.mensleft12nopad {
	font: 12px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #CCCCCC;
	text-align: left;
	vertical-align: top;
}



.alert {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #C00;
	text-align: center;
	vertical-align: top;
	padding-right: 10px;
	
}

.cour {
	color: #CCCCCC;
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
	padding-left: 10px;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
}


.cour12 {
	color: #CCCCCC;
	text-align: center;
	vertical-align: top;
	padding-right: 10px;
	padding-left: 10px;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	line-height: 13px;
	font-style: italic;
}

.copyright {
	color: #CCCCCC;
	text-align: center;
	vertical-align: top;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	line-height: 13px;
}

.jung {
	color: #CCCCCC;
	vertical-align: top;
	padding-right: 20px;
	text-align: left;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
    line-height: 14px;
}



.mylene {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #666666;
	text-align: left;
	vertical-align: top;
}






/* fin des menus de base */
.border5 {
	border: 5px solid #CCC;
}


/* toutes sortes de bordures! bl, bt, br, bd, c1, c2, c3, c4 pour les tables de bench culture.*/
.bl {
	border-left: 5px #CCCCCC;
	border-left-style: solid;
}



.bt {
	border-top: 5px #CCCCCC;
	border-top-style: solid;
}
.br {
	border-right: 5px #CCCCCC;
	border-right-style: solid;
}


.bd {
	border-bottom: 5px #CCCCCC;
	border-bottom-style: solid;
}
.c1 {
	border-left: 5px #CCCCCC;
	border-left-style: solid;
	border-top: 5px #CCCCCC;
	border-top-style: solid;
}
.c2 {
	border-right: 5px #CCCCCC;
	border-right-style: solid;
	border-top: 5px #CCCCCC;
	border-top-style: solid;
}
.c3 {
	border-right: 5px #CCCCCC;
	border-right-style: solid;
	border-bottom: 5px #CCCCCC;
	border-bottom-style: solid;
}
.c4 {
	border-left: 5px #CCCCCC;
	border-left-style: solid;
	border-bottom: 5px #CCCCCC;
	border-bottom-style: solid;
}
/* fin des tables de bench culture.*/



.bbl {
	border-left: 5px #CCCCCC;
	border-left-style: solid;
	border-bottom: 5px #CCCCCC;
	border-bottom-style: solid;
	border-top: 5px #CCCCCC;
	border-top-style: solid;
	
}
.bbr {
	border-right: 5px #CCCCCC;
	border-right-style: solid;
	border-bottom: 5px #CCCCCC;
	border-bottom-style: solid;
	border-top: 5px #CCCCCC;
	border-top-style: solid;
	
}
.bbx {
	
	border-bottom: 5px #CCCCCC;
	border-bottom-style: solid;
	border-top: 5px #CCCCCC;
	border-top-style: solid;
	
}
/* toutes sortes de bordures! */




	
div.boxsimple {
		width: 120px;
		height: 35px;
		padding-top: 20px;
		
	}
	
	
	
	
div.boxcenterrightnoheight {
		width: 703px;
		padding-right: 20px;
	    padding-left: 20px;
	}
	
div.boxcenterright {
		width: 703px;
		height: 40px;
		padding-right: 20px;
	    padding-left: 20px;
	}
	
div.bigboxcenterright {
		width: 703px;
		height: 624px;
		padding-right: 20px;
	    padding-left: 20px;
	}
	
	
	div.bigboxsample {
		width: 993px;
		height: 680px;
		padding-right: 20px;
	    padding-left: 10px;
	}
	
	
div.bigboxfullside {
		width: 743px;
		height: 680px;

}
	
div.boxzitatleft {
		width: 240px;
		height: 145px;
		padding-right: 20px;
	    padding-left: 20px;
	}
	
div.boxright{
		width: 341px;
		height: 40px;
		text-align: center;

	}
	
	



/* box für die oberen Menus H120 combination frühere box und mens*/
div.bigmenubox120_100 {
		font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
		color: #CCCCCC;
		width: 120px;
		height: 100px;
		padding-top: 20px;
		text-align: right;
		vertical-align: bottom;
		padding-right: 10px;
		padding-left: 10px;
		float: left;
	}
	
	div.bigmenubox110_100 {
		font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
		color: #CCCCCC;
		width: 110px;
		height: 100px;
		padding-top: 20px;
		text-align: right;
		vertical-align: bottom;
		padding-right: 10px;
		padding-left: 10px;
		float: left;
	}
	
		
	div.bigmenubox130_100 {
		font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
		color: #CCCCCC;
		width: 130px;
		height: 100px;
		padding-top: 20px;
		text-align: right;
		vertical-align: bottom;
		padding-right: 10px;
		padding-left: 10px;
		float: left;
	}

	div.bigmenuboxX_100 {
		font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
		color: #CCCCCC;
		width: 95px;
		height: 100px;
		padding-top: 20px;
		text-align: right;
		vertical-align: bottom;
		padding-right: 10px;
		padding-left: 10px;
		float: left;
	}


.baercolor {

	background-color: #b65404;
	}

.folcolor {

	background-color: #7f003e;
	}

.ppcolor {

	background-color: #071658;
	}

.asymcolor {

	background-color: #084547;
	}

.skkcolor {

	background-color: #316b02;
	}
	
	.archivcolor {

	background-color: #43207c;
	}
	
.paddingtop50 {

	padding-top: 50px;
	}
	
.darkgreenbgkdcolor {

	background-color: #2b3a3c;
	}	

	
/* box für die oberen Menus H55*/
div.menubox120_35 {
		font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
		color: #CCCCCC;
		width: 120px;
		height: 35px;	
		padding-top: 20px;
		text-align: right;
		vertical-align: bottom;
		padding-right: 10px;
		padding-left: 10px;
		float: left;
	}
	
	

/* Menus Left */
	
div.boxleft {
		width: 240px;
		height: 40px;
		padding-right: 20px;
	    padding-left: 20px;
	}
	
		
div.boxleftco {
		width: 180px;
		height: 40px;
		padding-right: 20px;
	    padding-left: 20px;
	}
	
	div.boxleftco95 {
		width: 190px;
		height: 40px;
		padding-right: 20px;
	    padding-left: 20px;
	}
	
	
	/* boite entre contact et drapeaux */
div.boxplatzhalter {
		width: 700px;
		height: 35px;
		padding-top: 20px;
		background-color:#888888;
		float: left;
		
	}
	
/* box oben für die Flagge - height 110 für index & co*/	

div.boxflagge {
		width: 43px;
		height: 45px;
		padding-top: 5px;
		padding-bottom: 5px;
		text-align: center;
		background-color:#888888; 
		float: left;
	}
	
	

/* ------------------------------------------------------------------------------- */

/* bench culture */	
/* box für die untere Menus Sitzbankkultur */	
	div.benchbox {
		font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
		width: 135px;
		height: 45px;
		padding-top: 20px;
		text-align: right;
		vertical-align: bottom;
		float: left;
	}
	
/* box für die description der unteren Menus Sitzbankkultur */		
.benchdescription {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #CCCCCC;
	width:810px;
	clear:both;
	text-align: right;	
}
/* table core*/	
.benchtablecore {
clear:both; 
width:810px; 
margin-left:auto; 
padding-right: 43px;

}
/* nötig???*/	
.benchcore {
height:625px; 
clear:both; 
margin: 0 auto;
}

/* sollte vertical zentrieren, tut es nicht, aber erlaubt eine constrain to proportion, warum auch immer.*/
.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: ...;
    height: ...;
}


/* ------------------------------------------------------------------------------- */	
/* bench culture bilder */	
/* Bilder core*/	



/* Bilder*/
.bcpict {
padding-left: 140px;
clear:both; 
/*nur zur Info, Bild größe, nicht originalgröße 
width:873px;
height:491px;
*/
}

/* navigation H124*/
.navi {
	padding-top: 72px;
	width: 140px;
	height: 52px;
	float:left;

}

/* Bilder Titel*/
div.benchpicturetitelleft {
	font: 12px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #CCCCCC;
	height: 49px;
	width:878px;
	text-align: right;
	float: left;
	padding-top: 75px;
	padding-right: 5px;
}


/* ------------------------------------------------------------------------------- */	
/* bench culture project */	
/* main text  	height: 436px;*/	
.benchprojectdescription {
	font: 12px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #CCCCCC;
	line-height: 17px;
	width:840px;
	height: 170px;
	text-align: justify;
	padding-top: 55px;
	padding-left: 140px;
	padding-right: 43px;
	clear:both; 

}

/* imagebox */	
div.benchprojectbox {
	
		clear:both; 
		width: 840px;
		height: 260px; 
		margin-left:auto; 
		padding-right: 43px;
		padding-top: 43px;

	}
/* images */		
div.benchprojectpicturebox_l {
		width: 420px;
		text-align: left;
		float: left;
	}

div.benchprojectpicturebox_r {
		width: 420px;
		text-align: right;
		float: left;
	}

/* navigation H124*/
.projectnavi {
	height: 79px;
	padding-top: 45px;
	width: 140px;
	float:left;

}


/* images titres*/
div.benchprojectpicturetitelleft {
	font: 12px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #CCCCCC;
	float: left;
	width:840px;
	text-align: right;
	height: 76px;
	padding-top: 48px;
}

/* ------------------------------------------------------------------------------- */	

/*can be deleted

#headerInside {
       position:     absolute;
       top:          0px;
       left:         50%;
       width:        1100px;
       margin-left:  -550px;
}
  
#headerInside_b {
       position:     absolute;
       top:          0px;
       left:         50%;
       width:        1380px;
       margin-left:  -690px;
}

  .bgkd10 {
	font-size: 10px;
	text-align: left;
	background-color: #2b3a3c;
	margin-top: 20px;
	color: #CCCCCC;
	font-family: Lucida Grande CE, Verdana, Trebuchet MS, Futura Condensed;
  }
  
.bgkd2 {
	font-size: 12px;
	text-align: left;
	background-color: #2b3a3c;
	color: #CCCCCC;
	font-family: Lucida Grande CE, Verdana, Trebuchet MS, Futura Condensed;
	padding-left: 0px;
	
  }
  
  .bgkdcenter {
	font-size: 10px;
	text-align: center;
	background-color: #2b3a3c;
	color: #CCCCCC;
	font-family: Lucida Grande CE, Verdana, Trebuchet MS, Futura Condensed;
	padding-left: 0px;
	
  }
  
  
.bgkd {
	font-size: 12px;
	text-align: left;
	background-color: #2b3a3c;
	margin-top: 20px;
	color: #CCCCCC;
	font-family: Lucida Grande CE, Verdana, Trebuchet MS, Futura Condensed;
  }
  
small font- wird nicht erkannt, warum?
div.small {
	font: 8px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	color: #CCCCCC;
}




a.butred {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	text-decoration: none;
	color: #C00;
}

a.butred:hover {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	text-decoration: none;
	color: #FFFFFF;
}

a.butred:sel {
	font: 10px "Lucida Grande CE", Verdana, "Trebuchet MS", "Futura Condensed";
	text-decoration: none;
	color: #FFFFFF;
}


/*