* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
         margin: 0px;
         padding: 0px;
		   background: url(bilder/background.jpg) repeat;
}

#wrapper1 {
         position:relative;
         width:1024px;
			height: 650px;
         margin:auto;
         margin-top:0px;
         text-align: left;/*Aufheben von IE_quirks im BODY*/

}

#background {
         position:relative;
         width:1024px;
			height: 630px;
         margin:auto;
         margin-top:45px;
			border: 1px solid white;
         text-align: left;/*Aufheben von IE_quirks im BODY*/
			background:url(bilder/hintergrund3.jpg) no-repeat;
}

sidebar{
    display: block;
	 position: absolute;
	 top: 0px;
	 left: 410px;
}

#navigation-oben {
   float:left;
	color: #DF971B;;
	text-decoration: none;
	font-family: Arial;
}

#navigation-oben li {
   display: block;
   float:left;
	margin-top: 169px;
	height: 25px;
	border: 0px solid green;
	padding: 6px 6px 0px 6px;
	background: url(bilder/sidebarhintergrund.jpg) repeat;
	text-decoration: none;
	font-family: Arial;
}

#navigation-oben li a {
   display: block;
   float:left;
	height: 25px;
	border: 0px solid green;
	text-decoration: none;
	font-family: Arial;
}

#navigation-oben li a:hover {
   display: block;
   float:left;
	height: 30px;
	border: 0px solid green;
	text-decoration: none;
	color: #DF971B;
	font-family: Arial;
}

#navi {
	position:absolute;
	top: 0px;
	left: 724px;
	border: 0px solid yellow;
	height: 630px;
   width: 300px;
   overflow: auto;
	margin: 0px 0px 20px 0px;
}

#navi ul{
   list-style: none;
	margin-left: 40px;
	padding: 10px opx 0px 0px;
}

#cover-one li {
   display: block;
   float:left;
	position: absolute;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/aliensspell.jpg) no-repeat;
}

#navi #cover-one li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/aliensspellradial.jpg) no-repeat;
}

#cover-two li {
   position: absolute;
	top: 0px;
	left: 160px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/crackedout.jpg) no-repeat;
}

#navi #cover-two li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/crackedoutradial.jpg) no-repeat;
}

#cover-three li {
   position: absolute;
	top: 120px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/multitoxer.jpg) no-repeat;
}

#navi #cover-three li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/multitoxerradial.jpg) no-repeat;
}

#cover-four li {
   position: absolute;
	top: 120px;
	left: 160px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/principiamathematica.jpg) no-repeat;
}

#navi #cover-four li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/principiamathematicaradial.jpg) no-repeat;
}

#cover-five li {
   position: absolute;
	top: 240px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/romanzadisperata.jpg) no-repeat;
}

#navi #cover-five li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/romanzadisperataradial.jpg) no-repeat;
}

#cover-six li {
   position: absolute;
	top: 240px;
	left: 160px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/youdontbelongtome.jpg) no-repeat;
}

#navi #cover-six li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/youdontbelongtomeradial.jpg) no-repeat;
}

#cover-seven li {
   position: absolute;
	top: 360px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/thewailiketekkno.jpg) no-repeat;
}

#navi #cover-seven li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/thewailiketekknoradial.jpg) no-repeat;
}

#cover-eight li {
   position: absolute;
	top: 360px;
	left: 160px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/fuhrwerk.jpg) no-repeat;
}

#navi #cover-eight li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/fuhrwerkradial.jpg) no-repeat;
}

#cover-nine li {
   position: absolute;
	top: 480px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/nagasaki.jpg) no-repeat;
}

#navi #cover-nine li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/nagasakiradial.jpg) no-repeat;
}

#cover-ten li {
   position: absolute;
	top: 480px;
	left: 160px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/neueweltordnung.jpg) no-repeat;
}

#navi #cover-ten li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/neueweltordnungradial.jpg) no-repeat;
}

#cover-eleven li {
   position: absolute;
	top: 600px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/liebeundstolz.jpg) no-repeat;
}

#navi #cover-eleven li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/liebeundstolzradial.jpg) no-repeat;
}

#cover-twelve li {
   position: absolute;
	top: 600px;
	left: 160px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/dertraumfaenger.jpg) no-repeat;
}

#navi #cover-twelve li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/dertraumfaengerradial.jpg) no-repeat;
}

#cover-thirteen li {
   position: absolute;
	top: 720px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/egoexpress.jpg) no-repeat;
}

#navi #cover-thirteen li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/egoexpressradial.jpg) no-repeat;
}

#cover-fourteen li {
   position: absolute;
	top: 720px;
	left: 160px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/klinik.jpg) no-repeat;
}

#navi #cover-fourteen li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/klinikradial.jpg) no-repeat;
}

#cover-fifteen li {
   position: absolute;
	top: 840px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/monamour.jpg) no-repeat;
}

#navi #cover-fifteen li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/monamourradial.jpg) no-repeat;
}

#cover-sixteen li {
   position: absolute;
	top: 840px;
	left: 160px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/itsanewday.jpg) no-repeat;
}

#navi #cover-sixteen li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/itsanewdayradial.jpg) no-repeat;
}

#cover-seventeen li {
   position: absolute;
	top: 960px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/itsadream.jpg) no-repeat;
}

#navi #cover-seventeen li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/itsadreamradial.jpg) no-repeat;
}

#cover-eighteen li {
   position: absolute;
	top: 960px;
	left: 160px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/mindstep.jpg) no-repeat;
}

#navi #cover-eighteen li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/mindstepradial.jpg) no-repeat;
}

#cover-nineteen li {
   position: absolute;
	top: 1080px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/acidinmybrain.jpg) no-repeat;
}

#navi #cover-nineteen li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/acidinmybrainradial.jpg) no-repeat;
}

#cover-twenty li {
   position: absolute;
	top: 1080px;
	left: 160px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/diveintowater.jpg) no-repeat;
}

#navi #cover-twenty li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/diveintowaterradial.jpg) no-repeat;
}

#cover-twentyone li {
   position: absolute;
	top: 1200px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/nacoticum.jpg) no-repeat;
}

#navi #cover-twentyone li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/nacoticumradial.jpg) no-repeat;
}

#cover-twentytwo li {
   position: absolute;
	top: 1200px;
	left: 160px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/stairwaytoheaven.jpg) no-repeat;
}

#navi #cover-twentytwo li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/stairwaytoheavenradial.jpg) no-repeat;
}

#cover-twentythree li {
   position: absolute;
	top: 1320px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/windgefluester.jpg) no-repeat;
}

#navi #cover-twentythree li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/windgefluesterradial.jpg) no-repeat;
}

#cover-twentyfour li {
   position: absolute;
	top: 1320px;
	left: 160px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/wolkenbeobachtung.jpg) no-repeat;
}

#navi #cover-twentyfour li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/wolkenbeobachtungradial.jpg) no-repeat;
}

#cover-twentyfive li {
   position: absolute;
	top: 1440px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/pflanzenbestimmung.jpg) no-repeat;
}

#navi #cover-twentyfive li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/pflanzenbestimmungradial.jpg) no-repeat;
}

#cover-twentysix li {
   position: absolute;
	top: 1440px;
	left: 160px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/sonneneinwirkung.jpg) no-repeat;
}

#navi #cover-twentysix li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/sonneneinwirkungradial.jpg) no-repeat;
}

#cover-twentyseven li {
   position: absolute;
	top: 1560px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 1px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/durchschlagskraft.jpg) no-repeat;
}

#navi #cover-twentyseven li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/durchschlagskraftradial.jpg) no-repeat;
}

#cover-twentyeight li {
   position: absolute;
	top: 1560px;
	left: 160px;
   display: block;
   float: left;
	margin-top: 200px;
	height: 100px;
   width: 100px;
	color: black;
	border: 2px solid white;
	margin: 30px 0px 3px 3px;
	background: url(bilder/morgentau.jpg) no-repeat;
}

#navi #cover-twentyeight li a:hover{
	text-decoration: none;
	color: skyblue;
	font-family: "arial";
	font-size: 16px;
	height: 100px;
   width: 100px;
	list-style: none;
	background: url(bilder/morgentauradial.jpg) no-repeat;
}

#navi li{
   display: block;
	text-decoration: none;
	color: red;
	font-family: "arial";
	font-size: 16px;
}

#navi ul li a{
   display: block;
	text-decoration: none;
	color: blue;
	height: 100px;
   width: 100px;
	font-family: "arial";
	font-size: 16px;

}

#contentaussen {
         position: absolute;
			float: left;
			top: 200px;
			left: -1px;
         width:660px;
	      height:365px;
			padding: 10px 40px 10px 40px;	
}

#content {
         position: absolute;
			top: 200px;
			left: -1px;
         width:660px;
	      height:335px;
   		padding: 10px 40px 10px 40px;
			font-family: "arial";
			font-size: 16px;
			overflow: auto;
			text-align: justify;
			color: white;
			z-index: 10;
			border: 1px solid white;
			background: url(bilder/contenthintergrund.png) no-repeat;
}

#content p {
	color: white;
}

h2 {
	color: #FFE87F;
   font-family: "arial";
}

h3 {
	color: #CC8E41;
   font-family: "arial";
}

h4 {
	margin-bottom: 5px;
	color: skyblue;
   font-family: "arial";
}

h5 a {
	text-decoration: none;
}



#contentimpressum {
         position: absolute;
			top: 200px;
			left: -1px;
         width:660px;
	      height:335px;
			padding: 10px 40px 10px 40px;
			font-family: "arial";
			font-size: 16px;
			overflow: auto;
			text-align: justify;
			color: white;
			z-index: 10;
			border: 1px solid white;
			background: url(bilder/contenthintergrund.png) no-repeat;
}

#contentimpressum p  {
   position: absolute;
	left: 185px;
	top: 80px;
	color: whit;
	text-align: center;
   font-family: "arial";
}

#contentimpressum p a {
	color: #DF920D;
   font-family: "arial";
}

/*Kontaktformular*/

.formError {
	color: #f00;
}

.gesendettext {
   position: absolute;
	top: 200px;
	left: 200px;
	font-size: larger;
	color: #DF971B;
}

form {
    position: absolute;
	 top: 40px;
	 left: 170px;
}

#firma {
    width: 300px;
    font-family: "arial";
    background: blue;
	 color: white;
}

#city {
    width: 300px;
    font-family: "arial";
    background: blue;
	 color: white;
}

#nachname {
    width: 300px;
    font-family: "arial";
	 background: blue;  
	 color: white;
} 

#vorname {
    width: 300px;
    font-family: "arial";
	 background: blue;
	 color: white;
}

#telefon {
    width: 300px;
    font-family: "arial";
	 background: blue;
	 color: white;
}

#mail {
    width: 300px;
    font-family: "arial";
    background: blue;
	 color: white;
}

#text {
    width: 300px !important;
	 height: 130px !important;
	 margin-top: 10px;
    font-family: "arial";
    background: blue;
	 color: white;
}


#sub{
   width: 80px;
	margin-top: 4px;
   font-family: "arial";
	background: blue;
	color: white;
}

#footer{
   position: relative;
	top: 350px;
	left: 530px;
	width: 180px;
	height: 37px;
	background: url(bilder/balkenfooter.png) no-repeat;
	clear: both;
	color: white;
	font-family: "arial";
	padding: 10px 0px 0px 40px;
}

#followtext{
	position: relative;
	top: 375px;
	left: 10px;
	width: 200px;
	height: 37px;
	clear: both;
	color: white;
	font-family: "arial";
	padding: 10px 0px 0px 40px;
}

img {
   display: block;
	position: inherit;
	float: left;
   width: 190px;
	height: 190px;
	padding: 10px 10px 0px 0px;
}

#meinebilder img {
   display: block;
	position: inherit;
	float: left;
   width: 350px;
	height: 270px;
	color: #DF971B;
	padding: 0px 0px 0px 0px;
}

#ich2 {
   display: block;
	position: inherit;
	float: right;
   width: 190px;
	height: 190px;
	padding: 10px 0px 0px 10px;
}

#nagasaki {
   display: block;
	position: inherit;
	float: right;
   width: 100px;
	height: 100px;
	padding: 10px 0px 0px 10px;
}

#newworldorder {
   display: block;
	position: inherit;
	float: left;
   width: 100px;
	height: 100px;
	padding: 10px 10px 0px 0px;
}

#redlight {
   display: block;
	position: inherit;
	float: left;
   width: 100px;
	height: 100px;
	padding: 10px 10px 0px 0px;
}

#minimalistikgroove {
   display: block;
	position: inherit;
	float: left;
   width: 219px;
	height: 165px;
	padding: 10px 10px 0px 0px;
}

#dertraumfaenger {
   display: block;
	position: inherit;
	float: right;
   width: 100px;
	height: 100px;
	padding: 10px 0px 0px 10px;
}

#textcover {
	display: block;
	position: inherit;
	top: 0px;
	padding: 0px 10px 10px 0px;
}

a {
	color: white;
}

a:hover {
	color: skyblue;
}

/*linkbox und links*/

#linkbox1 {
	float: left;
	width: 210px;
	height: 300px;
}

#link1 a {
	position: absolute;
	top: 50px;
	left: 40px;
	width: 200px;
	height: 50px;
	background: url(bilder/logocybersymphonic.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link1 a:hover {
	position: absolute;
	top: 50px;
	left: 40px;
	width: 200px;
	height: 50px;
	background: url(bilder/logocybersymphonicneg.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link2 a {
	position: absolute;
	top: 120px;
	left: 40px;
	width: 200px;
	height: 50px;
	background: url(bilder/logodjtuneslink.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link2 a:hover {
	position: absolute;
	top: 120px;
	left: 40px;
	width: 200px;
	height: 50px;
	background: url(bilder/logodjtuneslinkneg.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link3 a {
	position: absolute;
	top: 190px;
	left: 40px;
	width: 200px;
	height: 50px;
	background: url(bilder/logotrackitdownlink.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link3 a:hover {
	position: absolute;
	top: 190px;
	left: 40px;
	width: 200px;
	height: 50px;
	background: url(bilder/logotrackitdownlinkneg.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link4 a {
	position: absolute;
	top: 260px;
	left: 40px;
	width: 200px;
	height: 50px;
	background: url(bilder/logoedemlink.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link4 a:hover {
	position: absolute;
	top: 260px;
	left: 40px;
	width: 200px;
	height: 50px;
	background: url(bilder/logoedemlinkneg.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#linkbox2 {
	float: left;
	width: 210px;
	height: 300px;
}

#link5 a {
	position: absolute;
	top: 50px;
	left: 267px;
	width: 200px;
	height: 50px;
	background: url(bilder/logolichtmusiklink.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link5 a:hover {
	position: absolute;
	top: 50px;
	left: 267px;
	width: 200px;
	height: 50px;
	background: url(bilder/logolichtmusiklinkneg.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link6 a {
	position: absolute;
	top: 120px;
	left: 267px;
	width: 200px;
	height: 50px;
	background: url(bilder/logominimaldesignerlink.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link6 a:hover {
	position: absolute;
	top: 120px;
	left: 267px;
	width: 200px;
	height: 50px;
	background: url(bilder/logominimaldesignerlinkneg.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link7 a {
	position: absolute;
	top: 190px;
	left: 267px;
	width: 200px;
	height: 50px;
	background: url(bilder/logosoundcontrollink.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link7 a:hover {
	position: absolute;
	top: 190px;
	left: 267px;
	width: 200px;
	height: 50px;
	background: url(bilder/logosoundcontrollinkneg.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link8 a {
	position: absolute;
	top: 260px;
	left: 267px;
	width: 200px;
	height: 50px;
	background: url(bilder/logonachtagentenlink.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link8 a:hover {
	position: absolute;
	top: 260px;
	left: 267px;
	width: 200px;
	height: 50px;
	background: url(bilder/logonachtagentenlinkneg.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#linkbox3 {
   float: left;
	width: 210px;
	height: 300px;
}

#link9 a {
	position: absolute;
	top: 50px;
	left: 495px;
	width: 200px;
	height: 50px;
	background: url(bilder/logoartificiallink.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link9 a:hover {
	position: absolute;
	top: 50px;
	left: 495px;
	width: 200px;
	height: 50px;
	background: url(bilder/logoartificiallinkneg.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link10 a {
	position: absolute;
	top: 120px;
	left: 495px;
	width: 200px;
	height: 50px;
	background: url(bilder/logootakulink.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link10 a:hover {
	position: absolute;
	top: 120px;
	left: 495px;
	width: 200px;
	height: 50px;
	background: url(bilder/logootakulinkneg.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link11 a {
	position: absolute;
	top: 190px;
	left: 495px;
	width: 200px;
	height: 50px;
	background: url(bilder/logofeiereilink.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link11 a:hover {
	position: absolute;
	top: 190px;
	left: 495px;
	width: 200px;
	height: 50px;
	background: url(bilder/logofeiereilinkneg.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link12 a {
	position: absolute;
	top: 260px;
	left: 495px;
	width: 200px;
	height: 50px;
	background: url(bilder/logosynthezisermagazinlink.jpg) no-repeat;
	border: 0px solid #DF971B;
}

#link12 a:hover {
	position: absolute;
	top: 260px;
	left: 495px;
	width: 200px;
	height: 50px;
	background: url(bilder/logosynthezisermagazinlinkneg.jpg) no-repeat;
	border: 0px solid #DF971B;
}


/*unter der webside*/

#othersides {
	position: absolute;
	top: 650px;
   left: 50px;
	width: 900px;
	height: 70px;
	color: white;
	font-family: "arial";
	background: url(bilder/othersidesbackground.png) repeat;
}

ul {
	list-style: none;
}

#facebook a {
   display: block;
   float:left;
	position: absolute;
	height: 50px;
   width: 50px;
	color: black;
	border: 1px solid white;
	background: url(bilder/logofacebook.jpg) no-repeat;
	list-style: none;
}

#twitter a {
   display: block;
   float:left;
	position: absolute;
	left: 60px;
	height: 50px;
   width: 50px;
	color: black;
	border: 1px solid white;
	background: url(bilder/logotwitter.jpg) no-repeat;
}

#myspace a {
   display: block;
   float:left;
	position: absolute;
	left: 120px;
	height: 50px;
   width: 50px;
	color: black;
	border: 1px solid white;
	background: url(bilder/logomyspace.jpg) no-repeat;
}

#cybersymphonic a {
   display: block;
   float:left;
	position: absolute;
	left: 180px;
	height: 50px;
   width: 50px;
	color: black;
	border: 1px solid white;
	background: url(bilder/logocybersymphonic.jpg) no-repeat;
}

#djtunes a {
   display: block;
   float:left;
	position: absolute;
	left: 300px;
	height: 50px;
   width: 50px;
	color: black;
	border: 1px solid white;
	background: url(bilder/logocybersymphonic.jpg) no-repeat;
}