* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	position: absolute 0px 0px;
	background-image: url('images/logo02_back.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center bottom;
	background-color: #cbc7a0;
	color: #000;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: underline;
}

table.center {
    margin-left:15%; 
    margin-right:15%;
    width: 70%;
}

table.content {
    margin-left:0; 
    margin-right:0;
    width: 70%;
}

table.pageMainTable {
	width: 100%;
}

tr.pageHead {
 	border-top: 2px solid #fff;
 	border-bottom: 2px solid #fff;
 	display: block;
 	background-color: #783531;
 }

td {
	background: transparent;
}

td.mainLeft {
	width: 15%;
	background-image: url('images/jugendSuende_backLeft2.jpg');
	background-size: 90% 90%;
	background-position: center left;
	background-repeat: no-repeat;
	background-attachment: local;
}

td.mainRight {
	width: 15%;
	background-image: url('images/jugendSuende_backRight2.jpg');
	background-size: 90% 90%;
	background-position: center right;
	background-repeat: no-repeat;
}

td.pageMenu {
 	width:19%;
 	background: transparent;
 	display:inline-block;
 	color: #000;
 	font-weight: bold;
 	font-size: 1.8em;
 	height: 95%;
 	text-align: center;
 }

td.pageMenuCell {
	display: inline-block;
	text-align: center
}

td.pageMenu a {
	color: #000;
}

a {
 	text-decoration: none;
}

img.mainHeaderPic {
	height: 145px;
	width: auto;
}


h1, h2, h3{
	color: #783531;
}


ul {
  list-style-type: square;
  list-style-position: inside;
  margin: 0;
  padding: 10;
}

/******************************************
	
	Page Menu

*******************************************/
/*Strip the ul of padding and list styling*/
ul.pageMenuList {
	list-style-type:none;
	list-style-position: inside;
	padding:0;
	width: 100%
}

ul.hidden {
	list-style-type:none;
	list-style-position: inside;
	padding:0;
}

/*Create a horizontal list with spacing*/
li.pageMenuItem {
	display:inline-block;
	float: left;
	margin-right: 1px;
}
/*Style for menu links*/
li.pageMenuItem a {
	display:block;
	min-width:160px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
 	font-size: 1.8em;
	color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
/*	background: #2f3036;*/
	text-decoration: none;
}

li.pageMenuItem #current {
	background: #000;
}

/*Hover state for top level links*/
li.pageMenuItem:hover a {
	/*background: #19c589*/;
	background: #000;
}

/*Style for dropdown links*/
li.pageMenuItem:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
li.pageMenuItem:hover ul a:hover {
	/*background: #19c589;*/
	background: #6699CC;
	color: #fff;
}
/*Hide dropdown links until they are needed*/
li.pageMenuItem ul {
	display: none;
}


/*Make dropdown links vertical*/
li.pageMenuItem ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li.pageMenuItem ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
	text-align: left;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
	position: absolute;
	z-index: 1;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #000;
	background: #6699CC;
	text-align: center;
	padding: 0px 20px;
	display: none;
	min-width:160px;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #pageMenu{
    display: block;
}