/* ======================================== */
/* home.dwt, texseite.dwt, textseite2.dwt   */
/* ======================================== */


body {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
}
h1 { /* titel */
	font-weight: bold;
	font-size: 130%;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	letter-spacing: 1px;
	color: #3c4d62;
	font-family: Gill Sans Ultra Bold, Arial, Helvetica, sans-serif;
	border-bottom: 6px solid #3c4d62;
}
.home { /* Lerneinheiten title > home.dwt */
	font-weight: bold;
	font-size: 140%;
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 10px 0px;
	letter-spacing: 3px;
	color: #3c4d62;
	font-family: Gill Sans Ultra Bold, Arial, Helvetica, sans-serif;
	border-bottom: 24px solid #3c4d62;
}


/* ======================================== */
/* content  */
/* ======================================== */

#wrapper{
	margin: 160px 0px 0px 80px;
	padding:  0px 0px 45px  0px;
}
#title{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	float: left;
	text-align: center;
	width:500px;
	height: 75px;
}

/* ======================================== */
/* table layout */
/* ======================================== */


.content1 { /* tabellenzelle links = inhalt > textseite */
	margin: 0px 0px 0px 0px;
	padding: 10px;
	width:580px;
	min-height: 340px;
	/*
	background-color: #FFF;
	*/
}
.content100 { /* layer links fuer inhalt > textseite2 */
	margin: 0px 0px 0px 0px;
	padding: 10px;
	width:90%;
	min-height: 340px;
	/*
	background-color: #FFF;
	*/
	z-index:5;
	background-color: #FFFFFF;
}
.content2 { /* tabellenzelle rechts = boxes > textseite */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 11px;
}



/* ======================================== */
/* boxes   */
/* ======================================== */
.box{
    position:relative;
	left:0px; 
	top:15px;
	z-index: 3;
	margin: 0px 0px 1px 0px;
	width: 345px;
	min-height: 140px;
}

.tdBoxL {
    position:relative;
	left:0px;
	top:0px;
	z-index: 4;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 35px;
	height: 130px;
	background-image: url(../images/bgL.gif);
	background-repeat: no-repeat;
}
.boxMitte{ /* contens top, content & bottom */
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0p 0px 0px 0px;
	width: 269px;
	min-height: 130px;
}
.tdBoxT {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0p 0px 0px 0px;
	width: 269px;
	height: 38px;
	/*
	background-color: #61A690;
	*/
	background-image: url(../images/bgT.gif);
	background-repeat: no-repeat;
}

.tdBoxContent {
	float: left;
	margin: 0px;
	padding: 5px 10px;
	width: 245px; /*269 minus padding links uns rechts, minus border */
	min-height: 62px;	/* 71 minus padding oben und unten */
	color: #004880;
	background-color: #FFFFFF;
	border-left: 1px dotted #c1d3e0;
	border-right: 3px solid #c1d3e0;	
}
.tdBoxB {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 269px;
	height: 21px;
	/*
	background-color: #538F7C;
	border-bottom: 1px solid #3c4d62;
	*/
	background-image: url(../images/bgB.gif);
	background-repeat: no-repeat;
}
.tdBoxR {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0p 0px 0px 0px;
	width: 25px;
	height: 130px;
	/*
	background-color: #3C4D62;
	*/
	background-image: url(../images/bgR.gif);
	background-repeat: no-repeat;
}