/*
 *
 * CSS Layout fuer Kochstern 2007 
 *
 */

html{
	height:100%;
}
body{
	width:80%;
	height:100%;
	margin:0;
	padding:0;
	background:#E7E7E7 url(images/slice_o.gif) repeat-x;
	text-align:center;
}
/* zentrierter Hauptlayer */
#mitte{
	text-align:left;
	width:660px;
	height:80%;
	min-height:80%;
	margin-left:auto;
	margin-right:auto;
	background:url(images/slice_m.gif) left top repeat-y;
}
/* Hoehenanpassung bei Textzoom fuer Hauptlayer */
body>#mitte{
	height:auto;
}
/* Seitenkopf im Hauptlayer */
#kopf{
	height:205px;
	min-height:205px;
	background: url(images/oben.gif) left top no-repeat;
}
/* Unsichtbare Firmenbezeichnung im Seitenkopf */
#kopf h1{
	display:none;
	visibility:hidden;
}
/* Schriftzug im Seitenkopf */
#kopf h3{
	color:#FFFFFF;
	font-size:30px;
	line-height:30px;
	margin-top:0;
	margin-bottom:0;
	padding-top:80px;
}
/* Menue oben */
#kopf p{
	margin-top:180px;
	margin-bottom:0;
	margin-left:0;
}
/*Schriftzug im Inhaltsbereich */
.ueberschrift{
	margin:0 0 24px 0;
	border:0;
}
/* Linker Container */
#containerleft{
	float:left;
	width:176px;
}
/* verhindert oberen Abstand bei Absatz */
#containerleft p{
	margin-top:0;
}
#containerleft img{
	border:1px solid #993;
}
/* Rechter Container */
#containerright img{
	border:1px solid #993;
}
/* verhindert oberen Abstand bei Absatz */
#containerright h4{
	margin-top:2em;
	margin-bottom:1.2em;
	font-size:95%;
}
#containerright p{
	margin-top:0;
	margin-bottom:0.8em;
}
/* Seitenabschluss unten */
#unten{
	text-align:center;
	width:80%;
	height:20%;
	min-height:130px;
	margin-left:auto;
	margin-right:auto;
	background-color:#E7E7E7;
	
}
/* Seitenfuss */
#fuss{
	text-align:left;
	width:660px;
	height:100%;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	background:#E7E7E7 url(images/unten.gif) left top repeat-y;
}
/* Linkcontainer Seitenanfang */
.seitenanfang{
	text-align:right;
	margin-top:0;
	margin-right:100px;
	margin-bottom:30px;
	color: #E7E7E7
}
.textkleiner{
	text-align:left;
	margin-left:120px;
	margin-top:30px;
	color: #666666
	
}
.textauf{
	text-align:left;
	margin-top:30px;
	color: #FFFFFF
	
}

/* Klasse für kleinen Text / Seitenanfang */
.textkleiner, .seitenanfang, .textauf{
	font-size:90%;
	
}
/*
 *
 * Schrift und Groesse
 *
 */
body{
	font-family:"Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
	font-size:70%;
	color: #666666;
}
#containerright p, ul{
	font-size:90%;
}
#containerleft p, ul{
	font-size:90%;
}

/*
 *
 * Randabstaende
 *
 */
/* Links */
#kopf p, #kopf h3, #inhalt, #fuss p{
	padding-left:44px;
}
/* Rechts */
#inhalt{
	padding-right:140px;
}
/* Linker Rand des rechten Containers */
#containerright{
	padding-left:220px;
}
* html #containerright{
	padding-left:40px;
}
/*
 *
 * Linkauszeichnungen
 *
 */
/* Links allgemein */
a:link, a:visited{
	color:#F56F0A;
	text-decoration:none;
}
a:hover, a:active{
	color:#F56F0A;
	text-decoration:underline;
}
/* Menue oben und unten */
a.menue, a.menue:link, a.menue:visited{
	color:#666;
	text-decoration:none;	
}
a.menue:hover{
	color:#F56F0A;
	text-decoration:underline;	
}
/* Seitenfuss */
a.fuss, a.fuss:link, a.fuss:visited{
	color:#666;
	text-decoration:underline
}
a.fuss:hover, a.fuss:active {
	color:#F56F0A;
	text-decoration:underline
}

/* IE Three Pixel Gap \*/
* html #containerright {
	height: 0;
}