* {
	margin: 0px;
	padding: 0px;
}
body  {
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #999999;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    }


#container  {
	width: 800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 600px;
	overflow: visible;
    }
#header {
	height: 98px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
#schatten {
	position:absolute;
	left:50%;
	top:130px;
	width:738px;
	height:446px;
	z-index:-10;
	margin-left: -400px;
	padding-left: 62px;
}
#mainContent/* Tipps für mainContent:
    1. Der Abstand zwischen mainContent und sidebar1 entsteht durch den rechten Rand des mainContent-div. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen rechten Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet.
    2. Zur Vermeidung von Float-Drops bei einer unterstützten Mindestauflösung von 800 x 600 sollten Elemente im mainContent-div eine Größe von maximal 430 Pixel aufweisen (dies gilt auch für Bilder).
    3. Im unten stehenden bedingten Kommentar für Internet Explorer wird die Zoom-Eigenschaft verwendet, um mainContent die Eigenschaft hasLayout zuzuweisen. Dadurch werden verschiedene IE-spezifische Fehler verhindert.
    */
      {
	width: 480px;
	height: 375px;
	background-color: #FFFFFF;
	margin: 0 0 0 70px;
	border: 1px solid #999;
    }


#sidebar {
	width: 235px;
	height: 350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#mehr {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #090;
}
#sidebar ul {
	list-style-type: none;
}

.mainContent {
	background-image: url(../bilder/flips.gif);
}



.head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	font-weight: bold;
	font-variant: normal;
	text-transform: lowercase;
	color: #8CDD36;
	text-decoration: none;
}

.arbeit {
	padding-bottom: 30px;
}

.arbeit a {
	text-decoration: none;
	color: #009900;
	border: 0 px;
}
.arbeit a:active {
	color: #663399;
}

.arbeit   a:hover {
	color: #663399;
}
.shirts {
	padding-bottom: 30px;
}
.shirts a {
	color: #339966;
	text-decoration: none;
}
.shirts a:hover {
	color: #663399;
}
.play {
	padding-bottom: 30px;
}
.play a {
	color: #999900;
	text-decoration: none;
}
.play a:hover {
	color: #663399;
}
.fotos {
	padding-bottom: 30px;
}
.fotos a {
	color: #99CC00;
	text-decoration: none;
}
.fotos a:hover {
	color: #663399;
}
.links a {
	text-decoration: none;
	color: #33CC00;
}
.links {
	padding-bottom: 30px;
}

.links a:hover {
	color: #663399;
}




.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: lighter;
	color: #999999;
}

.text a {
	color: #8CDD36;
	text-decoration: none;
}
.text a:hover {
	color: #663399;
}
#navihaupdiv {
	position:absolute;
	left:50%;
	top:0px;
	width:800px;
	height:73px;
	z-index:4;
	margin-left: -400px;
}
#kontakt2 {
	margin-left: 70px;
	height: 25px;
	padding-top: 5px;
}
#kontakt2 a {
	color: #339933;
	font-size: 12px;
	text-decoration: none;
}
#kontakt2 a:hover {
	color: #663399;
}
#linksammlung .text a {
	color: #999999;
}
#linksammlung .text a:hover {
	color: #663399;
}





#aufklapper {
	position:absolute;
	left:622px;
	top:140px;
	width:98px;
	height:80px;
	z-index:7;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 17px;
	visibility: hidden;
}
#aufklapper ul {
	list-style-type: none;
	color: #009900;
}
#aufklapper a {
	color: #009900;
	text-decoration: none;
}
#aufklapper a:hover {
	color: #663399;
}
#aufklapper a:active {
	color: #663399;
}
#aufklapper a:visited {
	color: #663399;
}

#aufklapper2 {
	position:absolute;
	left:607px;
	top:299px;
	width:33px;
	height:25px;
	z-index:7;
	visibility: visible;
}
#aufklapper3 {
	position:absolute;
	left:622px;
	top:187px;
	width:81px;
	height:89px;
	z-index:6;
	visibility: hidden;
}
#aufklapper3 ul {
	list-style-type: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #396;
}
#aufklapper3 a {
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #396;
}
#aufklapper3 a:hover  {
	color: #663399;
}
#aufklapper3 a:active {
	color: #663399;
}
#aufklapper3 a:visited {
	color: #663399;
}


    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }

    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 8px;
	border: none;
    }

    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
#kontakttabelle {
	width: 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006600;
}
#kontakt {
	height: 355px;
	width: 460px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#einleitung {
	padding-top: 20px;
	padding-left: 20px;
	width: 460px;
	height: 355px;
	background-image: url(../bilder/flips.gif);
}
#linksammlung {
	height: 355px;
	width: 460px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#kringel {
	position:absolute;
	left:712px;
	top:160px;
	width:72px;
	height:102px;
	z-index:8;
	visibility: visible;
}
.kringel  a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #090;
	line-height: 20px;
	text-decoration: none;
	padding: 0 3px 0 0;
}
.kringel   a:hover {
	color: #663399;
}
.kringel a:visited {
	color: #663399;
}
#spielkringel {
	position:absolute;
	left:508px;
	top:522px;
	width:47px;
	height:25px;
	z-index:10;
	visibility: hidden;
}
#shirtpfeile {
	position:absolute;
	left:670px;
	top:183px;
	width:57px;
	height:94px;
	z-index:9;
	visibility: visible;
}
#pfeile3 {
	position:absolute;
	left:714px;
	top:138px;
	width:40px;
	height:88px;
	z-index:8;
	visibility: visible;
}
#fotopfeile {
	position:absolute;
	left:607px;
	top:381px;
	width:65px;
	height:22px;
	z-index:11;
	visibility: visible;
}
#corpokringel {
	position:absolute;
	left:509px;
	top:522px;
	width:61px;
	height:29px;
	z-index:13;
	visibility: hidden;
}
#dialogkringel {
	position:absolute;
	left:533px;
	top:522px;
	width:26px;
	height:26px;
	z-index:14;
	visibility: hidden;
}
#logokringel {
	position:absolute;
	left:497px;
	top:522px;
	width:71px;
	height:25px;
	z-index:15;
	visibility: hidden;
}
#illukringel {
	position:absolute;
	left:497px;
	top:522px;
	width:63px;
	height:21px;
	z-index:16;
	visibility: hidden;
}
#spatz {
	position:absolute;
	left:231px;
	top:93px;
	width:74px;
	height:33px;
	z-index:1;
	visibility: visible;
}
#loopkringel {
	position:absolute;
	left:543px;
	top:523px;
	width:25px;
	height:22px;
	z-index:17;
	visibility: visible;
}
#isikringel {
	position:absolute;
	left:544px;
	top:522px;
	width:25px;
	height:30px;
	z-index:18;
	visibility: visible;
}
#fotokringel {
	position:absolute;
	left:324px;
	top:523px;
	width:235px;
	height:29px;
	z-index:17;
	visibility: hidden;
}
#loopkringelshirts {
	position:absolute;
	left:533px;
	top:523px;
	width:29px;
	height:23px;
	z-index:18;
	visibility: hidden;
}
#bikegearshirts {
	position:absolute;
	left:544px;
	top:523px;
	width:19px;
	height:24px;
	z-index:19;
	visibility: hidden;
}
#isidoesitshirts {
	position:absolute;
	left:533px;
	top:523px;
	width:48px;
	height:21px;
	z-index:20;
	visibility: hidden;
}
#kettshirt {
	position:absolute;
	left:545px;
	top:522px;
	width:31px;
	height:27px;
	z-index:21;
	visibility: hidden;
}
.linkbeschr {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #0C9;
}
#linksammlung a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #999999;
	font-weight: lighter;
	line-height: 18px;
}
#linksammlung a:hover {
	color: #609;
}
#linksammlung a:visited {
	color: #090;
}
.supermarkt {
	color: #096;
	text-decoration: none;
}