/*

	#DEDEDE - helles Grau

*/

* {
	margin: 0pt;
	padding: 0pt;
	}

body { 
	color: #000; 
	background-color: #fff;
	font: 76% "Trebuchet MS", sans-serif;
    }

p.bodytext {
	padding: 0em 1em 1em;
	}
	
p.align-center {
	color: lime;
	text-align: center;
	}

td {}

a:link, a:visited { 
	color: #000; 
	}

a:hover { color: purple }

a:active { color: red }

h1 {
	color: gray;
	padding: 1em 0.6em 0.5em;
	font-size: 1.7em;
	}	

h1 span {
	color: gray;
	font-size: 0.56em;
	}

h1 a:link, h1 a:visited {
	text-decoration: none;
	color: gray;
	}

h1.csc-firstHeader {
	padding: 1em 0.6em 0.5em;
	font-size: 1.7em;
	} 
	
h2 {
	color: gray;
	padding: 1em 0.6em 0.5em;
	font-size: 1.5em;
	} 


.csc-header {
/*	padding: 1em 0.6em 0.5em;
	font-size: 1.7em;*/
	color: red;
	}
	
.csc-bulletlist {
	padding: 0em 2em 1em;
	}

/*
ul#nav {
	padding: 0px 25px 0px;
	list-style: none;
	}
*/


/* Bereiche (von oben nach unten) */

#all {
	width: 760px;
	margin: 0 auto;
	background-color: #fff;
	overflow: hidden;
	position: relative;
	}
	
#header {
	margin-top: 1em;
	height: 110px;
	width: 760px;
	background-color: #ff; /*weiß*/
	}
	
#content {
	float: left;
	width: 75%;
    	background-color: #ff; /*weiss*/
	}
	
#text {
	float: right;
	width: 66.67%;
	background-color: #dedede; /*hellgrau*/
	}
	
#text li {
	# Listen innerhalb des Text-Containers
	/* 1=oulr; 2=ou,lr; 3=o,lr,u, 4=o,r,u,l */
	margin: 1em;
	}

#menu {
	float: left;
	width:33.33%;
	background-color: #fff; /*weiss*/
	/* margin: 0px 10px 0px; */
	}	

/* Erste Menüebene */
	
#menu ul {
	margin: 0;
	padding: 0;
	width: 100%;
/*	overflow: hidden;*/
}	

* html #menu ul {
	margin-bottom: 0; 
}

#menu li {
	border-bottom:1px solid #dedede;
	font: bold 76% "Trebuchet MS", sans-serif;
	list-style: none;
	margin-left: 10px;
	padding-left: 17px;
	background-color: #dedede;
}

#menu li a {
	display:block; 
	height:auto; 
	font-weight:bold; 
	/* 1=oulr; 2=ou,lr; 3=o,lr,u, 4=o,r,u,l */
	margin-left: -17px;
	padding: 1px 2px 1px 17px; 
	text-decoration: none;
	background-color: #fff;
}

#menu li.CUR {
	padding-left: 17px;
/*	color: #cc0000;*/
	color: lime;}

#menu li.CUR li {
	margin-left: 0px;
	padding-left: 0px;
	position: relative;
	left: -17px;
}

#menu a:hover, #menu a:focus, #menu a:active, #menu li a.current {
	color: #cc0000;
/*	background-color: #dedede;*/	
}

/* Zweite Menüebene */

#menu li li {
/*	border-bottom: 1px solid #dedede; */
	font-size: 100%;
	margin-left: -17px;
	padding-left: 34px;
}

#menu li li a {
	display:block; 
	height:auto; 
	font-weight:bold;
	/* die 10px margin von oben mitbeachten */
	margin-left: -34px;
	padding: 1px 2px 1px 34px; 
	text-decoration: none;
}

#menu li li.CUR {
	padding-left: 27px;
	color: #cc0000;
}

#menu li li.CUR li {
	margin-left: 0px;
	position: relative;
	left: -20px;

}

/* Dritte Menüebene */

#menu li li li {
	border-bottom:1px solid #dedede; 
	font-size: 100%;
}

#menu li li li a {
	display:block; 
	height:auto; 
	font-weight:bold; 
	padding: 1px 2px 1px 37px; 
	text-decoration: none
}

#menu li li li.CUR {
	padding-left: 37px;
	color: #cc0000;
}

#menu li li li.CUR li {
	margin-left: 0px;
	position: relative;
	left: -30px;
}

	
#extra {
	float: right;
	width: 25%;
         background-color: #fff;	 /*weiss*/
	}	
	
#footer {
	margin-top: 1em;
	height: auto;
	width: 760px;
	background-color: #fff; /*weiss*/
	clear: both;
	position: relative;
	z-index: 1;
	}
	
#content, #menu, #extra, #text {
	padding-bottom: 32767px; 
	/* Beschraenkung durch Safari, der keinen groeszeren Wert zulaesst. */
	margin-bottom: -32767px;
	}