/* CSS SCRIPT */

* {margin: 0px; padding: 0px; border: 0px;
}/* Setzt alles auf 0 */

html {
	height: 100.1%;
	font-size: 62.5%;
	background: #333333;
} /* Font Size das entspricht 10px */

body {
	text-algin: center; /* Text wir eingemittet     */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Schriftarten  */
	font-size: 1.2em; /*   Textgrösse  in EM = 12   */
	line-height: 1.8em; /* Zeilenabstand    */
	color: #333333; /* Farbe    */
}

/*=================================
Überschriften
=================================*/

h1 {
	font-size: 14px;
	font-weight: bold;
}

h2 {
	font-size: 12px;
	font-weight: bold;

}

/*=================================
Überschriften ende
=================================*/

/* Links werden für die ganze Seite definiert */

  

/* Aussenrahmen */
div#wrapper {
	width: 1024px;
	/*border: 1px dashed #333333;*/
	margin: 20px auto;
	text-algin: left;
}

/* Kopfteil */	
div#header {
	background: #666666;
	height: 60px;
	padding: 0px;
}

/* Navigation */
div#nav {
	background: #336699;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* Abstand der ungeordneten lIste nach aussen */
div#nav ul {padding: 4px 20px 6px 20px;
}

/* margin-right:10px ist der zwischenabstand zwischen den Links */
div#nav li {display: inline; margin-right:10px; /* margin-right:10p = Abstand zwischen der Nav */
} /* margin-right:10px ist der zwischenabstand zwischen den Links */

/* Innenrahmen */
div#wrapcontent {background: #CCCCCC;
}

/* Maintext */
div#maintext {
	background: #cccccc;/* alt E8E8E8 */
	width: 800px;
	padding: 20px;
	height: 500px; /* ergibt einen Scrollbalken im Maintext */
	overflow: auto;
	float: right;
}

div#fieldset {
	border: thin;
}

/*=================================
Bild im Maintext
=================================*/
	
div#img {
	margin: 10px;
	float : right;
	
}  

div#img2 {
	margin: 10px;
	float : left;
	
}

/*=================================
Bild im Maintext ende
=================================*/

/* Menuteil    mit Float schwebt das Menu rechts vom Maintext */
div#menu {
	float: left;
	background: #CC9933;
	width: 150px;
	height: 500px;
	padding: 20px 10px;
}

/* Menuteil    Listenpunkte entfernen */
div#menu ul {list-style-type: none;
}

/* Menuteil    Listenteile einrücken */
div#menu ul ul {margin-left: 10px;
}

/*=================================
Links
=================================*/
a {	
	color:#333333;
	text-decoration: none; 
	outline: none;
	}
	
a:link {
}

a:visited {
}

a:Hover {
	color: #000000;
	}
	
a:active {
	color: #ffffff;
	text-decoration: none;
}
/*=================================
Links Ende
=================================*/

/* Fussteil dashed=gestrichelt */
div#footer {
	background: #336699;
	color: #FFFFFF;
	margin-top: 10px;
	padding: 4px 20px 6px 20px;
	text-algin: center;
	border: 1px #333333; /* 3 Befehle in einem (Rahmen, Stärke, gestrichelt und Farbe */
}/* (text-algin: center;) Text einmitten */

/* Hebt das umfliessen auf */
.defloat {clear: both;}