/*Style Sheet for Version 4 Browsers */
body {
	background-color : #FFFFFF;
	background-image : url(assets/pics/spiralen.jpg);
	background-repeat : repeat;
}
td {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #B0C4DE;
	margin-bottom : 5px;
	margin-top : 10px;
}

.indextable {
	margin-top : 190px;
	margin-left : 250px;
}

/*Styles for the Main Content Layer */
.maindiv {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 14px;
	padding-left : 48px;
	padding-right : 36px;
	position : absolute;
	top : 200px;
	left : 180px;
	width : 500px;
	background-color : #8840B0;
	background-image : url(assets/pics/spiral.jpg);
}

.maindiv p { line-height : 180%; margin-top : 3px;  font : Verdana, Geneva, Arial, Helvetica, sans-serif;  color : #FFFAF0;   }

.maindiv h1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	margin-bottom : 12px;
	margin-top : 0px
}

.maindiv h2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 22px;
	margin-top : 10px;
	color : #E0FFFF;
}
.maindiv h5 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-top : 10px;
	color : #2F4F4F;
}

.maindiv a:link { color : White;
}
.maindiv a:visited { color : #7FFFD4;
}
.maindiv a:hover { color : #00FF7F;
}

/* Lists*/
ul {
	color : #9999CC;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 14px;
	margin-right : 36px
}

ol {
	color : #99CC66;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 14px;
	margin-right : 36px
}


/*Style Applied to the Sidebar Layer */
.navDiv {
	color : #999999;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 14px
}

.navDiv h1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px
}

.navDiv h2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px
}

/*Style Applied to the Paragraphs for Main Section Links */
p.navButts {
	color : White;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	margin-bottom : 4px;
	margin-left : 0px;
	margin-top : 6px
}

.navButts a { color : #F5DEB3; text-decoration : underline }

.navButts a:hover { color : #98FB98; text-decoration : none }

/*Style Applied to the Paragraphs for the Sub-Section Links */
p.navSubs {
	color : #FFA07A;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-bottom : 2px;
	margin-left : 12px;
	margin-top : 0px
}

.navSubs a { color : #FF7F50; text-decoration : none }

.navSubs a:hover { color : #2F4F4F; text-decoration : none }

/*Style Applied to the Paragraphs for Static Down-State Main Section Links */
p.navViz {
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	margin-bottom : 6px;
	margin-left : 0px;
	margin-top : 6px;
	background-color : #B074D8;
}

.navViz a { color : #EEE8AA; text-decoration : underline }

/*Style Applied to the Paragraphs for Copyright-Small-Text */
p.copyrights {
	color : #999999;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 12px;
	margin-top : 60px
}

p.footer {
	color : #999999;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-top : 6px
}


/*Turns off Borders around Hyperlinked Images- Apply to a-tags*/

a.nn4imgWhite { color: #FFFFFF}

.message {
	margin-left : 15px;
	margin-right : 10px;
	margin-top : 15px;
}
img { border : 0px; display : block;
}
.inlinimg { display : inline;    }

/*Styles Applied to Form Elements*/
form td {
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px
}
.select {
	font-size : -10%;
	background-color : #B074D8;
	border-width : 1px 0px 1px 0px;
	color : #333333;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : right;
}

/*Styles Applied to Float Images left or right */
.imgfloatright { float : right }

.imgfloatleft { float : left }

.select {
	font-size : -10%;
	background-color : #B074D8;
	border-width : 1px 0px 1px 0px;
	color : #333333;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;	
	}
.selecttext {
	font-size : small;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #E0FFFF;
	padding-top : 5px;
}
.normal {
	font-size : small;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #E0FFFF;
	}

input { background-color : #778899; border : 1px solid #999999;  color : #660066;  }

input:focus { background : #FFFFFF }

textarea { 
	background-color : #80AC98;
	border : 1px solid #999999; 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #660066;
}

.checks { background-color : #FFFFFF; border : 1px none }

.formBut { background-color : #CCCCCC;
}

.hervorheben {
	color : #191970;
	font : italic 145% Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top : 8px;
	padding-bottom : 8px;
}
.review {
	position : absolute;
	top : 526px;
	left : 230px;
	width : 420px;
	background-color : #336699;
	border : thin solid #DCDCDC;

}
.review h2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 22px;
	margin-top : 10px;
	color : White;
	text-align : center;
}
.review p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-top : 5px;
	color : #FFFACD;
	padding-left : 15px;
	padding-right : 15px;
	padding-bottom : 10px;
	text-align : left;
}

.wishdiv h2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 18px;
	margin-top : 15px;
	color : #660066;
	font-weight : bold;
	margin-bottom : 25px;
	padding-left : 10px;
	padding-right : 10px;
	text-align : center;
}
.wishdiv p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 13px;
	margin-top : 5px;
	color : #FFFACD;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 10px;
	text-align : center;
	}

.wishdiv li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	list-style : disc outside;
	color : #E0FFFF;
	margin-top : 10px;
	margin-left : 25px;
	}
.wishdiv a:link { color : Purple;
}

.wishdiv a:visited { color : #7FFFD4;
}

.wishdiv a:hover { color : #00FF7F;
}
.newsdiv {
	position : absolute;
	top : 200px;
	left : 200px;
	width : 500px;
	background-image : url(assets/pics/spiral.jpg);
	border : 2px inset #770077;
}

.newsdiv p { line-height : 110%; margin-top : 3px;  font : 12px Verdana Geneva Arial Helvetica sans-serif;  color : #E0FFFF;  margin-bottom : 5px;  text-align : center;     }

.newsdiv h1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 22px;
	margin-bottom : 8px;
	margin-top : 20px;
	color : #E0FFFF;
}

.newsdiv h2 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 18px;
	margin-top : 8px;
	color : #8FBC8F;
	font-weight : bold;
	margin-bottom : 8px;
}
.poemdiv {
	font-size : 14px;
	padding-left : 48px;
	padding-right : 36px;
	position : absolute;
	top : 200px;
	left : 180px;
	width : 400px;
	background-image : url(assets/pics/spiral.jpg);
}
.poemdiv h2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 24px;
	margin-top : 20px;
	color : #C0FDC0;
	font-weight : bold;
	margin-bottom : 25px;
	text-align : center;
}
.poemdiv p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	margin-top : 5px;
	color : #E0FFFF;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 10px;
	text-align : center;
	line-height : 140%;
	}
.messdiv {
	font-size : 14px;
	position : absolute;
	top : 200px;
	left : 180px;
	width : 500px;
	background-color : #8840B0;
	background-image : url(assets/pics/spiral.jpg);
}	
.messdiv h2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 24px;
	margin-top : 20px;
	color : #C0FDC0;
	font-weight : bold;
	margin-bottom : 25px;
	text-align : center;
}
.messdiv h1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 30px;
	margin-top : 20px;
	color : #C0FDC0;
	font-weight : bold;
	margin-bottom : 25px;
	text-align : center;
}

.mp3div {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 14px;
	padding-left : 48px;
	padding-right : 36px;
	position : absolute;
	top : 200px;
	left : 200px;
	width : 400px;
	background-color : #8840B0;
	background-image : url(assets/pics/spiral.jpg);
	
}
.mp3div a:link { color : White;
}

.mp3div a:visited { color : #7FFFD4;
}

.mp3div a:hover { color : #00FF7F;
}