/* tag definitions and tag-specific classes */

body {
	background-color: #FFFFFF;
	background-image:  url("images/system/bg.gif");
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

h1 {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 16px;
}

h2 {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	font-size: 12px;
}

p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 12px;
	text-indent: 20px;
	border-bottom-color: #FFFFFF;
}

p.author {
	font-size: 11px;
	font-weight: bold;
	text-indent: 0px;
}

p.divider {
	margin: 10px 0px;
	text-align: center;
	text-indent: 0px;
}


img.left {
	float: left;
}
img.bildrechts {
	float: right;
	margin-right: 10px;
}
img.bildlinks {
	float: left;
	background-color: #FFFFFF;
	border-color: #FFFFFF;
}

a:link {
	color: #577FBB;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #577FBB;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #577FBB;
	text-decoration: underline;
	font-weight: bold;
}

a:active {
	color: #577FBB;
	text-decoration: none;
	font-weight: bold;
}


/* ids and classes */

#topbar {
	width: 750px;
	height: 60px;
	margin: 0px auto;
	text-align: right;
	font-size: 11px;
}

#topbar p {
	color: #FFFFFF;
	margin: 0px;
	padding: 7px 10px 0px 0px;
}

#topbar a:link, #topbar a:visited, #topbar a:active {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#topbar a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

.tophaupt {
	background-color: #577FBB;
}
.topschule {
	background-color: #6EB3D6;
}
.topeltern {
	background-color: #88CF96;
	}
.topschueler {
	background-color: #E4B65E;
}
.topehem {
	background-color: #E19253;
}

#topbar2 {
	width: 750px;
	height: 150px;
	margin: 0px auto;
}

.top2haupt {
	background-image:  url("images/system/h_haupt.jpg");
}
.top2schule {
	background-image:  url("images/system/h_schule.jpg");
}
.top2eltern {
	background-image:  url("images/system/h_eltern.jpg");
}
.top2schueler {
	background-image:  url("images/system/h_schue.jpg");
}
.top2ehem {
	background-image:  url("images/system/h_ehem.jpg");
}


#content {
	width: 748px;
	min-height: 300px;
	margin: 0px auto;
	padding-top: 20px;
	background-color: #FFFFFF;
	text-align: left;
}

.contenthauptseite {
	border-left: 1px solid #577FBB;
	border-right: 1px solid #577FBB;
}
.contentschueler {
	border-left: 1px solid #E4B65E;
	border-right: 1px solid #E4B65E;
}
.contentschule {
	border-left: 1px solid #6EB3D6;
	border-right: 1px solid #6EB3D6;
}
.contenteltern {
	border-left: 1px solid #88CF96;
	border-right: 1px solid #88CF96;
}
.contentehem {
	border-left: 1px solid #E19253;
	border-right: 1px solid #E19253;
}


#left {
	width: 150px;
	float: left;
}

/*Hauptmenue*/
ul#mainnav {
	list-style: none;
	font-size: 12px;
	margin: 0px;
	left: 0px;
	padding: 0px;
}
ul#mainnav li a:link, ul#mainnav li a:visited {
	text-decoration: none;
	display: block;
	font-weight: bold;
	color: white;
	width: 100%;
	height: 20px;
}
ul#mainnav li a:hover {
	text-decoration: underline;
	display: block;
	font-weight: bold;
	color: white;
	width: 100%;
	height: 20px;
}
li.hauptseite {
	background-color: #577FBB;
	padding: 8px 10px 2px 10px;
}
li.unsereschule {
	background-color: #6EB3D6;
	padding: 8px 10px 2px 10px;
}
li.eltern {
	background-color: #88CF96;
	padding: 8px 10px 2px 10px;
}
li.schueler {
	background-color: #E4B65E;
	padding: 8px 10px 2px 10px;
}
li.ehemalige {
	background-color: #E19253;
	padding: 8px 10px 2px 10px;
}

#center {
	width: 350px;
	margin-left: 170px;
	padding-right: 20px;
	border-right: 1px solid #577FBB;
}

#full {
	width: 580px;
	height: auto;
	margin-left: 170px;
}

#right {
	width: 180px;
	height: auto;
	float: right;
	padding-left: 10px;
}

#right p {
	margin: 0px;
	padding: 0px 10px 10px 0px;
	font-size: 11px;
	text-indent: 0px;
}

#bottom {
	width: 750px;
	margin: 0px auto;
}

#bottom p {
	color: #FFFFFF;
	margin: 0px;
	padding: 7px 10px;
	font-size: 11px;
}

#bottom a:link, #bottom a:visited, #bottom a:active {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#bottom a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

.bottomhaupt {
	background-color: #577FBB;
}
.bottomschule {
	background-color: #6EB3D6;
}
.bottomeltern {
	background-color: #88CF96;
}
.bottomschueler {
	background-color: #E4B65E;
}
.bottomehem {
	background-color: #E19253;
}