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

body{
margin:				0px;
padding:			0px;
background:			#000;
font-size:			11px;
font-family:		Arial, Helvetica, sans-serif;
color:				#666666;
}

/*---------------------------------
--- MAINPAGE
----------------------------------*/

#main_maincontainer{
width:				1130px;
height:				730px;
margin:				0px auto auto auto;
}

#main_head{
width:				1130px;
height:				228px;
margin-left:		auto;
margin-right:		auto;
margin-top:			0px;
background:			url(img/main_head_back.jpg) top center no-repeat #000;
}

#main_content{
width:				1000px;
height:				329px;
margin-left:		auto;
margin-right:		auto;
background:			url(img/main_content_back.jpg) top center no-repeat #000;
}

#main_foot{
width:				1000px;
height:				150px;
margin-left:		auto;
margin-right:		auto;
background:			url(img/main_foot_back.jpg) top center no-repeat #000;
}

#main_menu{
width:				400px;
height:				33px;
margin-left:		455px;
margin-top:			115px;
}

.main_menu_element{
float:				left;
overflow:			hidden;
height:				50px;
}

#main_menu_element_0{
margin-top:			20px;
width:				121px;
height:				35px;
text-indent:		-10000px;
display:			block;
background:			url(img/button_newsletter.gif) left top no-repeat;
overflow:			hidden;
}

#main_menu_element_1{
margin-top:			14px;
width:				121px;
height:				27px;
text-indent:		-10000px;
display:			block;
background:			url(img/button_traveldiary.gif) left top no-repeat;
overflow:			hidden;
}

#main_menu_element_2{
margin-top:			9px;
margin-left:		0px;
width:				120px;
height:				27px;
text-indent:		-10000px;
display:			block;
background:			url(img/button_bestellung.gif) -15px top no-repeat;
overflow:			hidden;
}

#main_menu_element_0:hover{
background:			url(img/button_newsletter_over.gif) left top no-repeat;
}


#main_menu_element_1:hover{
background:			url(img/button_traveldiary_over.gif) left top no-repeat;
}

#main_menu_element_2:hover{
background:			url(img/button_bestellung_over.gif) -15px top no-repeat;
}

#main_player{
width:				600px;
height:				253px;
padding-top:		0px;
margin-left:		auto;
margin-right:		auto;
}


#button_impressum{
width:				70px;
height:				31px;

overflow:			hidden;
padding-top:		15px;
margin-left:		890px;
}

#button_impressum a{
background:			url(img/button_impressum.gif) left top no-repeat;
display:			block;
width:				70px;
height:				16px;
overflow:			hidden;
text-indent:		-100000px;
}

#main_content_bestellen{
height:				30px;
width:				600px;
background:	url(img/footer_bestellen.gif) top left no-repeat;
margin-left:		auto;
margin-right:		auto;
}

#main_content_bestellen_link{
height:				30px;
width:				600px;
display:			block;
text-indent:		-100000px;
overflow:			hidden;
}

#main_content_add{
height:				20px;
width:				600px;
margin-left:		auto;
margin-right:		auto;
}

#main_content_add_link{
height:				20px;
width:				600px;
display:			block;
text-indent:		-100000px;
overflow:			hidden;
}

#logos{
text-align:			center;
width:				505px;
margin:				10px auto 0px auto;
padding-bottom:		25px;
}

#logo1{
display:			block;
float:				left;
width:				123px;
height:				77px;
background:			url(img/logos_1.gif) left -77px no-repeat;
text-indent:		-10000px;
overflow:			hidden;
}

#logo1:hover{
background:			url(img/logos_1.gif) left top no-repeat;
}

#logo2{
display:			block;
float:				left;
width:				136px;
height:				77px;
background:			url(img/logos_2.gif) left top no-repeat;
text-indent:		-10000px;
overflow:			hidden;
}

#logo2:hover{
background:			url(img/logos_2.gif) left -77px no-repeat;
}

#logo3{
display:			block;
float:				left;
width:				110px;
height:				77px;
background:			url(img/logos_3.gif) left -77px; no-repeat;
text-indent:		-10000px;
overflow:			hidden;
}

#logo3:hover{
background:			url(img/logos_3.gif) left top no-repeat;
}

#logo4{
display:			block;
float:				left;
width:				136px;
height:				77px;
background:			url(img/logos_4.gif) left -77px no-repeat;
text-indent:		-10000px;
overflow:			hidden;
}

#logo4:hover{
background:			url(img/logos_4.gif) left top no-repeat;
}