html, body {
	height:100%;
	margin: 0;
}
	
body {
	background-color: #487CAF;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

td {
	font-size: 12px;
	font-weight: normal;
}

a {
	color: #003399;
}

a:hover {
	color: #993333;
}

h1 {
	font-size: 12px;
 	color: #333333;
}

.size_20px {
	font-size: 20px;
}

.size_10px {
	font-size: 10px;
}

.mehr {
	color: #999999;
	font-size: 10px;
	margin-top: -9px;
}

.mehr a {
	color: #666666;
	font-size: 10px;
	text-decoration: none;
}

.mehr a:hover {
	color: #CC0000;
}

.bildrand {
	margin-right: 10px;
	margin-bottom: 5px;
}

.blue {
	color: #0062a5;
}

/*Mainbox*/

#mainbox {
	width: 950px;
	height: 73%;
	text-align: left;
	margin: auto;
}

/*Frame*/

#frame_box {
	width: 950px;
	height: 120px;
	float: left;
	background-image: url(../images/titelframe.jpg);
	background-repeat: no-repeat;
}

#frame {
	width: 760px;
	height: 14px;
	text-align: right;
	margin-top: 106px;
	color: #0062a5;
	font-size: 11px;
}

#frame a {
	color: #0062a5;
	text-decoration: none;
}

#frame a:hover {
	color: #000000;
	text-decoration: none;
}

.frame_active {
	color: #000000;
}

/*Navigation*/

#nav_box dl {
	margin:0;
}

#nav_box dt {
	margin:0;
}

#nav_box dd {
	margin:0;
}

#nav_box {
	width: 180px;
	height: 100%;
	float: left;
	background-color: #fd7d00;
}

#nav {
	width: 163px;
	margin-top: 10px;
	margin-left: 15px;
}
#nav_logo {
	width: 180px;
	height: 85px;
}

.nav a {
	text-align: left;
	padding-top:5px;
	display: block;
	color: #E0E0E0;
	text-decoration: none;
}
.nav a:hover {
	color: #333333;
}

.navactive {
	display: block;
	color: #333333;
	padding-top: 5px;
	text-decoration: none;
	font-weight: bold;
}

.none a {
	color:#f06d00;
	padding-top:30px;
}

.unav a {
	font-size: 12px;
	color: #E0E0E0;
	padding-left: 27px;
	text-decoration: none;
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
}

.unav a:hover {
	color: #333333;
}

.unavactive {
	font-size: 12px;
	color: #333333;
	padding-left: 27px;
	text-decoration: none;
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
}

/*Content*/

#content_box {
	width: 584px;
	height: 100%;
	float: left;
	background-color: #F2F2F2;
	overflow: auto;
}

.content {
	margin: 15px 15px 10px 20px;
}

/*News*/

#news_box {
	width: 186px;
	height: 100%;
	float: left;
	background-color: #CCCCCC;
	overflow: auto;
}

.content_news {
	margin: 15px 13px 10px 15px;
}

/*Infobox Unten*/

#info {
	width: 950px;
	height: 10px;
	text-align: right;
	margin: auto;
	font-size: 10px;
	color: #333333;
}

#info a {
	color: #333333;
	text-decoration: none;
}

#info a:hover {
	color: #CCCCCC;
}

/*Aktuell*/

#titel {
	float: left;
	width: 230px;
	height: 15px;
	font-weight: bold;
}

#content_nav {
	float: left;
	width: 300px;
	margin-top: 2px;
	height: 30px;
	text-align: right;
}

/*Schülerbeiträge*/

.beitraege {
	background-color: #fd7d00;
	color: #E0E0E0;
	font-weight: bold;
	padding: 5px;
}

#titel_beitraege {
	float: left;
	width: 395px;
	height: 30px;
}