@charset "utf-8";
body {
	background-image: url(img/Page-BgTexture.jpg);
	background-repeat: repeat;
}

#wrapper {
	font-family: "Conic Sans MS", Verdana;
	background-image: url(img/bg.jpg);
	position: relative;
	height: 601px;
	width: 1001px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
#button1 {
	position: absolute;
	height: 51px;
	width: 85px;
	left: 153px;
	top: 130px;
}
#button2 {
	position: absolute;
	height: 51px;
	width: 85px;
	left: 250px;
	top: 127px;
}
#button3 {
	position: absolute;
	height: 51px;
	width: 85px;
	left: 378px;
	top: 129px;
}
#button4 {
	position: absolute;
	height: 51px;
	width: 85px;
	left: 488px;
	top: 135px;
}
#button5 {
	position: absolute;
	height: 51px;
	width: 85px;
	left: 630px;
	top: 130px;
}
#button6 {
	position: absolute;
	height: 51px;
	width: 85px;
	left: 748px;
	top: 135px;
}
#bild1 {
	position: absolute;
	height: 140px;
	width: 170px;
	left: 700px;
	top: 200px;
	background-image: url(img/bg/azur.jpg);
	background-repeat: no-repeat;
}
#kontakt {
	font-family: Verdana, Arial;
	font-size: 70%;
	position: absolute;
	left: 417px;
	bottom: 11px;
	width: 400px;
	height: 10px;
}
#slogan {
	font-family: "Comic Sans MS";
	font-size: 100%;
	position: absolute;
	left: 200px;
	width: 600px;
	height: 10px;
	top: 70px;
	color: #009900;
}


#bild2 {
	position: absolute;
	height: 140px;
	width: 170px;
	left: 700px;
	top: 380px;
	background-image: url(img/bg/kitesurfen.jpg);
	background-repeat: no-repeat;
}


#text {
	overflow: auto;
	position: absolute;
	height: 350px;
	width: 505px;
	left: 186px;
	top: 188px;
	font-family: "Comic Sans MS", Arial;
	font-size: 90%;
	padding-right: 5px;
	color: #656565;
}

#text a{
		text-decoration:none;		
		outline:none;} /*Umrisslinie bei den Buttons wird ausgestellt*//*Befehl, dass die Hyperlinks nicht unterstrichen sind*/


		



#text a:link {
	color:#E47F31;
}
			
#text a:visited {
	color:#E77D31;
}
			
#text a:hover, a:focus {
	border-bottom:0px solid #ffff99;
	color: #666666;
}
					
#text a:active {
	color:#E77D31;
	outline:none;
}



/*ab hier fangen die Klassen an*/

.bildlinks {
	float:left;
	display:inline;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 4px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
			}


			
.bildrechts {
	float:right;
	padding:3px;
	margin-right:5px;
	margin-left:15px;
	display:inline;
	border-top-width: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
			}


			
.line1 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
		}