body {
	 background-image: url(../images/design/practicalBackground.jpg);	 
	 font-family: Verdana;
	 font-size: 11px;
	 color: #295700;	 
	 text-align:center;
	 vertical-align: middle;
}


.threeColumns {
	 width: 33%;
	 z-index: 0;	 
	 text-align: justify;
	 padding-left: 10px;	 	
	 padding-right: 10px;
	 padding-top: 5px;
	 padding-bottom: 5px;
	 background-color: #eeeeee;
	 color: #295700;
	 vertical-align: top;
}


.practicalField {
	 position: absolute;			 	 
	 left: 16.66%;
	 width: 16.7%;
	 height: 25px;
	 line-height: 25px;
	 vertical-align: middle;
	 background-color: #e0e0e0;
	 background-image: url(../images/design/normalPracticalBar.jpg);	 
	 color: #295700;	 	 
	 font-weight: 200;	 
	 cursor: pointer;
	 display: inline;
	 text-align: center;
	 font-size: 12px;
}


.mainHeadline {
	z-index: 0;	 
	background-color: #b6df7e;
	background-image: url(../images/design/mainPracticalHeadline.jpg);
	font-size: 14px;
	font-weight: 600;	 
	padding-left: 20px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;	 	 
	color: #295700; 
	margin-top: 40px;
	text-align: left;
}

a.mainHeadlineLink {
	z-index: 0;	 
	font-size: 14px;
	font-weight: 600;	 
	height: 30px;
	line-height: 30px;
	vertical-align: middle;	 	 
	color: #295700; 
	text-align: left;
}

.subHeadline {
	z-index: 0;	 
	font-size: 14px;
	font-weight: 600;	 
	background-color: #729b3a;
	background-image: url(../images/design/subPracticalHeadline.jpg);	
	color: #ffffff;
	padding-left: 20px;
	height: 20px;
	line-height: 20px;
	margin-top: 5px;
	vertical-align: middle;
	text-align: left;
}

a.subHeadlineLink {
	z-index: 0;	 
	font-size: 14px;
	font-weight: 600;	 
	color: #ffffff;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-align: left;
}

.subsubHeadline {
	z-index: 0;	 
	font-size: 12px;
	font-weight: 600;	 
	background-color: #729b3a;	 
	color: #ffffff;
	padding-left: 20px;
	height: 18px;
	line-height: 18px;
	margin-top: 3px;
	vertical-align: middle;
	text-align: left;
}

a.subsubHeadlineLink {
	z-index: 0;	 
	font-size: 12px;
	font-weight: 600;	 
	color: #ffffff;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	text-align: left;
}

.text {	
	 z-index: 0;	 
	 text-align: justify;
	 padding-left: 20px;	 	
	 padding-right: 20px;
	 padding-top: 15px;
	 padding-bottom: 15px;
	 background-color: #eeeeee;
	 color: #295700; 
	 position: relative;
	 line-height: 20px;
}


.text1 {	
	 z-index: 0;	 
	 text-align: justify;
	 padding-left: 20px;	 	
	 padding-right: 20px;
	 padding-top: 15px;
	 padding-bottom: 15px;
	 background-color: #ffff99;
	 color: #295700; 
	 position: relative;
	 line-height: 20px;
}

td.threeColumnsText {	
	 z-index: 0;	 
	 vertical-align: top;	 
	 padding-left: 20px;	 	
	 padding-right: 20px;
	 padding-top: 15px;
	 padding-bottom: 15px;
	 background-color: #eeeeee;
	 color: #295700; 	 
	 line-height: 25px;
	 width: 33%;
}

td.threeColumnsHeadline {
	 z-index: 0;	 
	 font-size: 14px;
	 font-weight: 600;	 
	 background-color: #729b3a;
	 background-image: url(../images/design/subPracticalHeadline.jpg);	
	 color: #ffffff;
	 padding-left: 20px;
	 height: 20px;
	 line-height: 20px;	 
	 vertical-align: middle;
	 text-align: left;
	 width: 33%;
}

td.threeColumnsLargeHeadline {
	 z-index: 0;	 
	 font-size: 14px;
	 font-weight: 600;	 
	 background-color: #729b3a;
	 background-image: url(../images/design/largeSubPracticalHeadline.jpg);	
	 color: #ffffff;
	 padding-left: 20px;
	 height: 20px;
	 line-height: 20px;	 
	 vertical-align: middle;
	 text-align: left;
	 width: 33%;
}

td.threeColumnsMediumHeadline {
	 z-index: 0;	 
	 font-size: 14px;
	 font-weight: 600;	 
	 background-color: #729b3a;
	 background-image: url(../images/design/mediumSubPracticalHeadline.jpg);	
	 color: #ffffff;
	 padding-left: 20px;
	 height: 20px;
	 line-height: 20px;	 
	 vertical-align: middle;
	 text-align: left;
	 width: 33%;
}

.markText {
	 z-index: 0;	 
	 text-align: justify;
	 margin-top: 20px;
	 padding-left: 20px;	 	
	 padding-right: 20px;
	 padding-top: 15px;
	 padding-bottom: 15px;
	 background-color: #ccffaa;
	 color: #295700; 
	 width: 90%;
	 position: relative;
}

.contactLine {
	 position: relative;	 
	 margin-top: 20px;	
	 height: 25px;
	 line-height: 25px;
	 width: 100%;
	 background-color: #ddffdd;
	 text-align: center;	 
	 vertical-align: middle;
}

.marking {		 
	 padding: 20px;
	 border-style: solid;
	 border-width: 1px;
	 background-color: #ffffff;	 
}

.tableHeadline {
	 background-color: #d6ff9e;
}

.tableRow1 {
	 background-color: #f8f8f8;
}

.tableRow2 {
	 background-color: #ffffff;
}

.normalColumn {
	 width: 20%;
	 padding-left: 10px;
	 padding-right: 10px;
	 vertical-align: middle;
	 text-align: left;
}

.doubleColumn {
	 width: 33%;
	 padding-left: 10px;
	 padding-right: 10px;
	 vertical-align: middle;
	 text-align: left;
	 line-height: 20px;
}

.tinyColumn {
	 width: 10%;
	 padding-left: 10px;
	 padding-right: 10px;
	 vertical-align: middle;
	 text-align: left;
	 line-height: 20px;
}

.smallColumn {
	 width: 17%;
	 padding-left: 10px;
	 padding-right: 10px;
	 vertical-align: middle;
	 text-align: left;
	 line-height: 20px;
}

.largeColumn {
	 width: 40%;
	 padding-left: 10px;
	 padding-right: 10px;
	 vertical-align: middle;
	 text-align: left;
	 line-height: 20px;
}


.bookTable {
	 width: 100%;
}

.bookColumn {
	 width: 50%;
	 background-color: #f0f0f0;	 
	 vertical-align: middle;
	 padding: 20px;	 
	 font-size: 14px;
	 font-width: 600;
	 
}

.linkTable {
	 width: 100%;
}

.linkColumn {
	 width: 33%;
	 vertical-align: top;
	 z-index: 0;	 
	 text-align: justify;
	 padding-left: 20px;	 	
	 padding-right: 20px;
	 padding-top: 15px;
	 padding-bottom: 15px;
	 background-color: #eeeeee;
	 color: #295700; 	 	 
	 line-height: 20px;
}

.linkColumnLarge {
	 width: 50%;
	 vertical-align: top;
	 z-index: 0;	 
	 text-align: justify;
	 padding-left: 20px;	 	
	 padding-right: 20px;
	 padding-top: 15px;
	 padding-bottom: 15px;
	 background-color: #eeeeee;
	 color: #295700; 	 
	 line-height: 20px;	 
}

.tableBox {
	 z-index: 0;	 
	 text-align: center;
	 padding-left: 20px;	 	
	 padding-right: 20px;
	 padding-top: 15px;
	 padding-bottom: 15px;
	 background-color: #eeeeee;
	 color: #295700; 
	 position: relative;
}
	 

.filmTable {
	 width: 95%;
}

.religiousFilmStart {
	 background-color: #ffffaa;
	 background-image: url(../images/design/tableYellowLong.jpg);	 
	 padding: 5px;
}

.worseFilmStart {
	 background-color: #ff9999;
	 background-image: url(../images/design/tableRedLong.jpg);
	 padding: 5px;
}

.normalFilmStart { 
	 background-color: #dddddd;
	 background-image: url(../images/design/tableGreyLong.jpg);
	 padding: 5px;
}

.religiousFilm {
	 background-color: #ffffaa;
	 background-image: url(../images/design/tableYellow.jpg);	 
	 padding: 5px;	 	 
	 width: 33.3%;
}

.worseFilm {
	 background-color: #ff9999;	 
	 background-image: url(../images/design/tableRed.jpg);
	 padding: 5px;
	 width: 33.3%;	 
}

.normalFilm {
	 background-color: #dddddd;
	 background-image: url(../images/design/tableGrey.jpg);	 
	 padding: 5px;
	 width: 33.3%;	 
}

.worseSymbol {
	 width: 20px;
	 height: 15px;	 	 
}

.veryWorseSymbol {
	 width: 30px;
	 height: 23px;	 
}

.goodSymbol {
	 width: 12px;
	 height: 12px;	 
}

th {
	 text-align: left;
	 font-size: 11px;	
	 line-height: 20px;
}

.genre {
	 width: 23%;
}

.filmDescription {
	 width: 43%;
}
	 
.magicBox {
	 color: #000000;
	 background-color: #000000;
	 padding: 20px;
	 text-align: left;
	 line-height: 20px;
}

.magicBoxHeadline {
	 color: #ff0000;
	 font-weight: 600;
}

.magicBoxColumn {
	 color: #000000;
	 line-height: 20px;
}

.cube {
	 width: 100px;
	 height: 100px;
}

.demonstrate {
	 margin-top: 20px;
	 color: #ffffff;
	 background-color: #226600;
	 padding-left: 20px;
	 padding-bottom: 10px;
	 padding-top: 10px;
	 font-weight: 600;
	 text-align: left;
}

.small {
	 font-size: 10px;
}

.prayColumn {	 
	 background-color: #eeeeee;
	 color: #295700; 
	 padding-left: 20px;
	 padding-right: 20px;
	 padding-top: 10px;
	 padding-bottom: 10px;
	 width: 50%;
	 line-height: 20px;
}

.prayTable {
	 width: 100%;
}

a#demo {
	 color: #99ff99;
	 font-decoration: none;
}

a:hover#demo {
	 color: #ddffdd;
	 font-decoration: none;
}

table.creditTable {
	 width: 90%;	 
}

td.picCol {
	 vertical-align: top;
	 padding-top: 20px;
	 padding-right: 0px;
	 text-align: right;
}

.linksrand {
	z-index: 5;
}

.rechtsrand {
	z-index: 5;
}