/* -------------------------------------------
	Technische Schule Heidenheim

	@Version: 1.0
	@Author: Philipp Tröbst
------------------------------------------- */

* { margin: 0px; padding: 0px; font-family: Verdana, Arial; }
body { font-size: 100.01%; color: black; background-image:url('../images/container/diagonale.gif'); margin-top:0px;}
a:link, a:visited { color:#D08700; font-weight: bold; text-decoration: none; }
a:active, a:hover, a:focus { color: orange; text-decoration: none; }
a { outline:none;  }
p + p { margin-top: 15px; }
br { clear: left; } /* Für die vernünftige Struktur von Formularen nötig */
a img { border: none; }

table { width: 100%; margin: 0px; }
table thead { }
table thead th { font-size: 0.8em; text-align: left; border-bottom: 1px solid black; margin-bottom: 10px; }
table tbody { }
table tbody td { font-size: 0.8em; }

form { margin: 1em 0em; }
form input { width: 300px; border: 1px solid gray; font-size: 12px; }
form input:focus { background-color: #CCC; border: 1px solid black; }
form select { width: 300px; }
form label, span.label { display: block; float: left; width: 150px; }
form fieldset { padding: 9px; font-size: 12px; line-height: 20px; }
form fieldset legend { padding: 0px 5px; font-size: 12px; }
form fieldset.form_buttons { text-align: center; padding: 5px 9px; margin-top: 30px; }
form fieldset.form_buttons input.fbutton_submit { border: 1px solid gray; background-color: darkgreen; color: Yellow; width: auto; padding: 0px 9px; }
form fieldset.form_buttons input.fbutton_submit:hover { border: 1px solid black; background-color: Green; }
form fieldset.form_buttons input.fbutton_reset  { border: 1px solid gray; background-color: darkred; color: white; width: auto; padding: 0px 9px; }
form fieldset.form_buttons input.fbutton_reset:hover  { border: 1px solid black; background-color: red; }


/* -------------------------------------------
	Klassen
------------------------------------------- */
a.logoblau		{ color: #3BA1CE; }
a.dunkelblau	        { color: #00425D; }
a.braun			{ color: #A86D27; }
a.moosgruen		{ color: #7E7915; }
a.ocker			{ color: #D08700; }
a.hellgrau		{ color: #DEDEDE; }

.cred			{ color: red; }
.cgreen			{ color: green; }
.cyellow		{ color: yellow; }
.cblue			{ color: blue; }
.corange		{ color: orange; }

.hide			{ display: none; }
.hidden			{ visibility: hidden; height: 1px; }
.clear			{ clear: both; }
.center			{ text-align: center; }
.italic			{ font-style: italic; }
.bold			{ font-weight: bold; }
.img_edit		{ background: url('../images/edit.gif') left center no-repeat; padding-left: 18px; }
.img_delete		{ background: url('../images/del.gif') left center no-repeat; padding-left: 15px; }
.text-rechts	{ text-align: right; }
div.progressbar	{ text-align: center; color: #e582d6; background: url('../images/icons/prozent.gif') left top repeat; font-size: 9px; }

/* -------------------------------------------
	Homepage
------------------------------------------- */
#header {
	background: white url('../images/container/logo_header.gif') 2.6em 0.5em no-repeat;
	height: 5.5em;
	margin-bottom: 6em;
 }
#header h1 {
	display: block;
	width: 210px;
	height: 55px;
	left: 1.3em;
	top: 0.3em;
	position: absolute;
 }
#header h1 a {
	display: block;
	text-indent: -9999px;
	height: 100%;
	width: 100%;
 }
#content {
	width: 54em;
	margin: 0em 0em 3em 2.3em;
	background: url('../images/container/hg_ecke_weiss.gif') left top no-repeat;
	padding: 1.5em 1em 1em 1.5em;
 }
#sidebar_left {
	margin: 0em 0em 3em 2.9em;
	width: 27em;
	float: left;
	font-size: 0.8em;
 }
#sidebar_left ul {
	background: url('../images/container/hg_ecke_weiss.gif') left top no-repeat;
	padding: 1.5em 1em 1em 1.5em;
	list-style: none;
	margin-bottom: 1em;
 }
#sidebar_left img {
	width: 100%;
	margin: 0em 0em;
        margin-bottom: 3em;
 }
#sidebar_left img#content_cover {
	margin-top: 0em;
 }
#sidebar_left div.text {
	background: url('../images/container/hg_ecke_weiss.gif') left top no-repeat;
	padding: 1.5em 1em 1em 1.5em;
	margin-bottom: 1em;
 }


#inhalt_right {
	float: left;
	margin: 0em 0em 3em 2em;
	width: 33em;
 }
#inhalt_right h2 {
	background: url('../images/container/hg_ecke_weiss.gif') left top no-repeat;
	margin-bottom: 0px;
	height: 40px;
	padding: 15px 0px 0px 1.4em;
	font-size: 1.1em;
 }
#inhalt_right h3 {
	margin-bottom: 1em;
	font-size: 1.1em;
 }
#inhalt_right table {
	margin: 1em 0em;
	width: 100%;
 }
#inhalt_right table td {
	text-align: left; font-size: 1em; }
#inhalt_right div#text {
	padding: 0px 1.5em 1.5em 1.5em;
	background-color: white;
	margin-top: 0px;
	font-size: 0.8em;
 }
#inhalt_right ul, #inhalt_right ol {
	list-style: url('../images/container/li_item.gif');
	margin: 0em 0em 1em 1em;
	padding-top: 1em;
 }
#inhalt_right ol {
	list-style: upper-roman;
 }
#inhalt_right ul li, #inhalt_right ol li {
	margin-left: 1em;
 }


#news_startseite {
	float: left;
	margin: 0em 0em 3em 2.2em;
	width: 32em;
	background: url('../images/container/hg_ecke_weiss.gif') left top no-repeat;
	padding: 5em 1.5em 2em 1.5em;
	font-size: 0.8em;
	list-style: none;
 }
#news_startseite li {
	margin-bottom: 3em;
	padding-bottom: 1em;
 }
#news_startseite li span.headline {
	font-size: 1em;
	margin-bottom: 1em;
	font-weight: bold;
	display: block;
	overflow: hidden;
	border-bottom: 1px solid gray;
 }
#news_startseite li span.datum {
	font-weight: normal;
	border-right: 1px solid Black;
	margin-right: 5px;
	padding-right: 5px;
 }
#news_startseite li p {
	font-size: 0.9em;
	text-align: justify;
 }


/* -------------------------------------------
	ausgelagertes style für module

#startseite_module {
	float: left;
	width: 27em;
	margin: 0em 0em 0em 3em;
	list-style: none; }

------------------------------------------- */


#startseite_module {
	position:absolute; 
	top:190px; 
	left:450px; 
	width:500px;
	margin: 0em 0em 0em 3em;
	list-style: none; }
#startseite_module li {
	width: 120px;
	height: 120px;
	float: left;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
 }
#startseite_module li a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
 }

#statistiken {
	margin: 5em 2.8em;
	width: 65.8em;
	background: url('../images/container/hg_ecke_weiss.gif') left top no-repeat;
	padding: 20px 10px 20px 40px;
	font-size: 13px;
 }
#statistiken h2 {
	margin-bottom: 12px;
	border-bottom: 1px solid gray;
 }
#statistiken p {
	margin-bottom: 10px;
 }

#content_error {
	width: 54em;
	margin: 0em 0em 3em 2.3em;
	background: url('../images/container/hg_ecke_weiss.gif') left top no-repeat;
	padding: 1.5em 1em 1em 1.5em;
 }
#content_error h2 {
	color: red;
	border-bottom: 1px dotted Black;
	margin-bottom: 1em;
	font-size: 1.2em;
 }