

	* {
		margin:0;
		padding:0;
		}
 
	html, body {
		height:100%;
		}
 
	body {
		text-align:center;
		background-image:url(/pictures/Hintergruende/HGBlauCyan.gif);
		background-repeat:repeat;
		background-attachment:fixed;
		}
 
	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:auto;
		width:985px;
		clear:left;
		}

@import("iemac-center.css");

#main	{
		position:absolute;
		top:0;
		left:0;
		width:978px;
		height:auto;
		}

#title {
		position:relative;
		width:978px;
		height:auto;
		margin:10px 0 0 0;
		text-align:center;
		font-size:15px;
		color:#FFFFFF;
		clear:both;
		}
#topframe {
		position:relative;
		top:10px;
		left:0;
		width:980px;
		height:auto;
		margin:0 0 15px 0;
		clear:both;
		background-image:url(/pictures/Hintergruende/HG_Noten_Gruen_1052.jpg);
		background-repeat:repeat;
		-webkit-box-shadow:rgba(0,0,0,.1) 5px 5px;
		-moz-box-shadow:rgba(0,0,0,.1) 5px 5px;
		box-shadow:rgba(0,0,0,.1) 5px 5px;
		border:2px groove white; 
		-moz-border-radius:5px;
		border-radius:5px;
		font-size:24px;
		}

#text1	{
		position:relative;
		width:740px;
		float:left;
		margin:15px 0 20px 50px;
		padding:15px 70px 80px 70px;
		background-image:url(/pictures/Buttons/bt_gray_light220.gif);
		background-repeat:repeat;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size:20px;
		line-height:28px;
		text-align:justify;
		-webkit-box-shadow:rgba(0,0,0,.1) 7px 7px;
		-moz-box-shadow:rgba(0,0,0,.1) 7px 7px;
		box-shadow:rgba(0,0,0,.1) 7px 7px;
		border:2px groove white; 
		-moz-border-radius:5px;
		border-radius:5px;
		}
#text1 a:link 	 { color:#0000FF; text-decoration:none; }
#text1 a:visited { color:#0000FF; text-decoration:none; }
#text1 a:hover 	 { color:#0000FF; text-decoration:underline; }

#text1 #title {
		display:block;
		margin:23px 0 40px 0;
		width:740px;
		text-align:center;
		font-size:32px;
		line-height:44px;
		font-weight:bold;
		color:#FF0000;
		text-shadow:3px 3px 3px rgba(0,0,0,.3);
		}
#text1 .target {
		font-size:130%;
		display:block;
		margin:20px 0 0 0;
		 }
#text1 #toptext {
		font-family:'Times New Roman', Times, serif;
		font-size:18px;
		text-align:center;
		font-weight:bold;
		margin:0 0 15px 0;
		line-height:normal;
		border-bottom:1px solid #000000;
		}
#text1 ol {
		margin:0 0 0 30px;
		}
#text1 ul {
		margin:0 0 0 50px;
		font-weight:bold;
		}
.login {
		background-color:#FFFF00;
		color:#000099;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:normal;
		text-align:center;
		}
.login a:link 	 { color:#000099; text-decoration:none; }
.login a:visited { color:#000099; text-decoration:none; }
.login a:hover 	 { color:#0000FF; text-decoration:underline; }



#leftframe {
		position:relative;
		top:10px;
		left:0;
		width:220px;
		height:1360px;
		margin:0 0 35px 0;
		padding:5px;
		float:left;
		background-image:url(/pictures/Hintergruende/HG_Noten_Gruen_1052.jpg);
		background-repeat:repeat;
		-webkit-box-shadow:rgba(0,0,0,.1) 5px 5px;
		-moz-box-shadow:rgba(0,0,0,.1) 5px 5px;
		box-shadow:rgba(0,0,0,.1) 5px 5px;
		border:2px groove white; 
		-moz-border-radius:5px;
		border-radius:5px;
		text-align:center;
		font-family:'Times New Roman', Times, serif;
		}

#leftframe #authortext1 {
		display:block;
		text-align:center;
		font-size:12px;
		line-height:normal;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		}
#leftframe #authortext2 {
		display:block;
		text-align:justify;
		font-size:14px;
		line-height:normal;
		}

#middleframe {
		position:relative;
		top:10px;
		left:8px;
		width:490px;
		height:1330px;
		margin:0 0 35px 0;
		padding:20px 7px 20px 0;
		float:left;
		background-image:url(/pictures/Buttons/bt_gray_light220.gif);
		background-repeat:repeat;
		-webkit-box-shadow:rgba(0,0,0,.1) 5px 5px;
		-moz-box-shadow:rgba(0,0,0,.1) 5px 5px;
		box-shadow:rgba(0,0,0,.1) 5px 5px;
		border:2px groove white; 
		-moz-border-radius:5px;
		border-radius:5px;
		}

#middleframe #leftbox {
		position:relative;
		width:210px;
		margin-left:5px;
		float:left;
		}
#middleframe #leftbox #box1 {
		position:relative;
		width:230px;
		margin-bottom:30px;
		padding-bottom:10px;
		height:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		border-bottom:1px solid red;
		}
#middleframe #leftbox #box2 {
		position:relative;
		width:230px;
		margin-bottom:10px;
		padding:3px;
		background-color:#CCCCFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		}



#middleframe #middlebox2 {
		position:relative;
		width:15px;
		top:110px;
		height:1100px;
		margin-left:40px;
		float:left;
		border-top:3px solid red;
		border-left:3px solid red;
		border-bottom:3px solid red;
		}
		


#middleframe #rightbox {
		position:relative;
		width:210px;
		margin-right:5px;
		float:right;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		}
#middleframe #rightbox #box1 {
		position:relative;
		width:210px;
		margin:0 7px 10px 0;
		padding:3px;
		}
#middleframe #rightbox #box2 {
		position:relative;
		width:210px;
		margin:0 7px 10px 0;
		padding:3px;
		background-color:#CCCCFF;
		border:1px solid red;
		font-size:12px;
		font-weight:bold;
		}
#middleframe #rightbox #box3 {
		position:relative;
		width:210px;
		margin-bottom:10px;
		padding:3px;
		font-weight:bold;
		font-size:12px;
		}
#middleframe #rightbox #box4 {
		position:relative;
		width:210px;
		margin-bottom:10px;
		padding:3px;
		background-color:#CCCCFF;
		border:1px solid red;
		}

#middleframe a:link		{ color:#000000; text-decoration:none; }
#middleframe a:visited	{ color:#000000; text-decoration:none; }
#middleframe a:hover	{ color:#FF0000; text-decoration:none; }


#rightframe {
		position:relative;
		top:10px;
		left:7px;
		width:220px;
		height:1360px;
		margin:0 0 35px 0;
		padding:5px;
		float:right;
		background-image:url(/pictures/Hintergruende/HG_Noten_Gruen_1052.jpg);
		background-repeat:repeat;
		-webkit-box-shadow:rgba(0,0,0,.1) 5px 5px;
		-moz-box-shadow:rgba(0,0,0,.1) 5px 5px;
		box-shadow:rgba(0,0,0,.1) 5px 5px;
		border:2px groove white; 
		-moz-border-radius:5px;
		border-radius:5px;
		text-align:center;
		font-family:'Times New Roman', Times, serif;
		}

#rightframe #authortext1 {
		display:block;
		text-align:center;
		font-size:12px;
		line-height:normal;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		}
#rightframe #authortext2 {
		display:block;
		text-align:justify;
		font-size:14px;
		line-height:normal;
		}


#pagelink	{
		position:relative;
		width:970px;
		height:32px;
		margin:75px 0 120px 5px;
		text-align:center;
		background-image:url(/pictures/Buttons/bt_gray_light220.gif);
		background-repeat:repeat;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size:24px;
		-webkit-box-shadow:rgba(0,0,0,.1) 7px 7px;
		-moz-box-shadow:rgba(0,0,0,.1) 7px 7px;
		box-shadow:rgba(0,0,0,.1) 7px 7px;
		border:2px groove white; 
		-moz-border-radius:5px;
		border-radius:5px;
		clear:both;
		}
#pagelink a:link 	{ color:#0000FF; text-decoration:none; }
#pagelink a:visited { color:#0000FF; text-decoration:none; }
#pagelink a:hover 	{ color:#FF0000; text-decoration:none; }

#pagelink .left {
		display:block;
		float:left;
		margin-left:15px;
		}
#pagelink .right {
		display:block;
		float:right;
		margin-right:15px;
		}

#foot	{
		position:relative;
		margin:90px 0 100px 10px;
		width:980px;
		clear:both;
		text-align:center;
		}
.copyright	{
		font-size:10px;
		font-family:'Times New Roman', Times, serif;
		color:#FFFFFF;
		}
.global	{
		font-family:Arial, Helvetica, sans-serif;
		}


.copyright a:link 	 { color:#FFFFFF; text-decoration:none; }
.copyright a:visited { color:#FFFFFF; text-decoration:none; }
.copyright a:hover 	 { color:#FF0000; text-decoration:none; }
		

