* {
	margin: 0;
	padding: 0;
}

.clearfix {
	overflow: hidden;
}

.clear {
	clear: both;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	background-color: white;
	/* background-image: url(../images/background.gif);*/
}


#slider {
	height:300px;
	width:900px;
	background-image: url(../images/twe_logo.jpg);
	background-repeat: no-repeat;
}


#page {
	width: 900px;
	margin: auto;
	margin-top: 10px;
	background-color: #ececec;
}


#menu {
		background-color: #ececec;
		/*margin: 0; margin ( Abstand aussen) rundherum, margin-left, margin-top, margin-right, margin-bottom, margin mit zwei werten: 1. Wert oben und unten, 2. Wert rechts und links. Bei vier Werten: 1 oben, 2. rechts, 3. unten, 4. links Bei Wert 0 ist keine Masseinheit */
		width: 690px;
		height: 55px;
		margin-left: 120px;
		}

#menu ul {
		list-style: none; /* entfernt die Punkte der Liste */
		margin: 0; /* */
		padding:0;
}

#menu ul li{
		float:left; /* macht aus Block-Elementen Inline-Elemente */
}

#menu a {
		font-family: arial, helvetica, sans-serif; /* bestimmt die verwendete Schriftart */
		font-size: 13px; /* bestimmt die Schriftgröße */
		text-decoration: none; /* spezielle Schrifteigenschaften (untenliniert, hochgestellt, durchgestrichen none, underline, overline, line-through, blink */
		background-color: #555555;
		display: block;
		margin: 1px;
		padding: 10px 40px;
		color: white; /*Schriftfarbe verändern */
		font-weight: bold; /* Auszeichnung bestimmen */
		text-transform: uppercase; /* Groß- oder Kleinbuchstaben*/
		border: 2px solid #555555; /* erzeugt einen Rand: Randstärke, Linienart (solid = durchgezogen, dotted = Punktlinie, dashed = gestrichelt), Farbe */
		
}

#menu span {
		text-transform: lowercase;
		font-weight: normal;
		color: #561;
}

#menu a:hover { /* Pseudo-Selektor: hover, bestimmt den Zustand bei Maus drüber */
		background-color: #0469b3;
}

#right {
	float: left;	
}

#right {
	width: 393px;
	background-color: #ececec;
	margin-top: 30px;
	margin-left: 120px;
	margin-bottom: 30px;
}

#left {
	float: left;
}

#left {
	width: 240px;
	height: 160px;
	background-image: url(../images/two_logo_klein.jpg);
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-left: 70px;
	margin-bottom: 30px;
}

#footer {
	background-color: grey;
	text-align: center;
	line-height: 30px;
	color: white;
}

#footer a {
	color: black;
}