@charset "UTF-8";
/* CSS Document */


/*colors:

bg-grey: #b4b4b1;
schrift-grey: #27292a;
maillink:#94660f;
*/ 






 

a.mail:link {color:#94660f;text-decoration:none; outline: none;}
a.mail:visited {color:#94660f;text-decoration:none;outline: none;}
a.mail:hover{color:#94660f;text-decoration:none;outline: none;}



/*----------------CONTAINER MITTIG---------------------*/




html, body {
	height: 100%;
	margin: 0;
	font-family:"century gothic";
	background-color:#b4b4b1;
	
}

#top {
	float: left;
	width: 1px; height: 50%;
	margin-bottom: -200px;
}

#container {
	clear: left;
	position: relative;
	margin: 0 auto;
	width: 1024px; height: 700px;
	background: #b4b4b1;
	/*border: 1px solid;*/
}


#abstand{

float:left;
width:1px;
height: 50%;
margin-bottom:-350px;

}







/*---------------ELEMENTE HEAD----------------------*/




#headleft{
width:301px;
height:49px;
float:left;
margin:20px 0 0 62px;
background-image:url(bilder/logo.png);
background-repeat:no-repeat;

}


#line {

width:900px;
height:10px;
float:left;
margin:60px 0 0 0;
background-image:url(bilder/topline.png);


}


#zweig {

position:absolute;
top:20px;
left:890px;
background-image:url(bilder/zweig.png);
background-repeat:no-repeat;
width:80px;
height:57px;

}



/*-----------------------NAVIGATION--------------------------*/




#nav{
margin:100px 0 0 -308px;
float:left;
font-size:14px;
width:960px;





}







/*---------------------ELEMENTE CONTENT----------------------*/

.video {

position:absolute;
left: 0px;
top:0px;
width:480px;
height:270px;




}

#content {
position:absolute;
left: 60px;
top:290px;

width:960px;
height:267px;
background-color:#FFFFFF;
/*border: 1px solid;*/

}


#content_index {
position:absolute;
left: 60px;
top:290px;

width:960px;
height:270px;
background-color:#FFFFFF;
/*border: 1px solid;*/

}
#text_index {
position:absolute;
left: 476px;
top:0px;
width:470px;
height:270px;
/*border: 1px solid;*/


padding:10px;
font-size:12px;
}

#text {
position:absolute;
left: 452px;
top:0px;
width:470px;
height:270px;

/*border: 1px solid;*/
padding:10px;
font-size:12px;
}


#textform{
position:absolute;
left: 450px;
top:0px;
width:455px;
height:267px;
}


#logosymbol {
position:absolute;
top:195px;
right:20px;
background-image:url(bilder/logosymbol.png);
background-repeat:no-repeat;
width:61px;
height:58px;


}

#gold{

position:absolute;
top:147px;
right:418px;
background-image:url(bilder/goldmedal.jpg);
background-repeat:no-repeat;
width:80px;
height:112px;


}


#adress {
position:absolute;
top:580px;
left:60px;
font-size:12px;

}



/*----------------animations--------------------*/

/*#bildhome {

float:left;
margin:20px 0 0 75px;
width:450px;
height:267px;
background-image: url(bilder/chairs2.jpg);
background-repeat:no-repeat;


}*/



#aniabout {

position:absolute;
left: 0px;
top:0px;
width:450px;
height:267px;
background-image: url(bilder/pool2.jpg);
background-repeat:no-repeat;


}




#aniguest {

position:absolute;
left: 0px;
top:0px;
width:450px;
height:267px;
background-image: url(bilder/room1.jpg);
background-repeat:no-repeat;


}


#anifaci {

position:absolute;
left: 0px;
top:0px;
width:450px;
height:267px;
background-image: url(bilder/house_night.jpg);
background-repeat:no-repeat;


}



#bildrates {

position:absolute;
left: 0px;
top:0px;
width:450px;
height:267px;
background-image: url(bilder/redroom.jpg);
background-repeat:no-repeat;


}



#map {

position:absolute;
left: 0px;
top:0px;
width:450px;
height:267px;
background-image: url(bilder/beach1.jpg);
background-repeat:no-repeat;


}




#bildcontact {

position:absolute;
left: 0px;
top:0px;
width:450px;
height:267px;
background-image: url(bilder/chairs2.jpg);
background-repeat:no-repeat;


}



/*-------------------------------------------------*/