@charset "utf-8";
/* CSS Document */
* {padding:0; margin:0;list-style:none;border:none;}
html,body {height:100%;}
body {background-color: #000; font-family: "Trebuchet MS", Arial,Helvetice, sans-serif ;color:#FFF;
font-size:0.75em;}
a, a:visited, a:focus{ font-weight:100;color:#fff; text-decoration:none;}
a:hover, a:focus {color:#99cc33;}
img {margin: 0 auto;}
.clearfloat {clear:both;width:0px; height:0px;}
#distance_index{
	width:100%;
	position:relative;
	height:50%;
	float:left;
	margin-bottom:-210px;
}
#container_index{
	text-align:left;
	
	margin: 0 auto;
	clear:left;
	width:620px;
	height:420px;
	position:relative;
}
#distance{
	width:100%;
	position:relative;
	height:50%;
	float:left;
	margin-bottom:-280px;
}

#container{
	text-align:left;
	
	margin: 0 auto;
	clear:left;
	width:915px;
	height:560px;
	position:relative;
}

#logo {
	float:right;
	margin:6px 40px 0px 0;
}
#navigation {
	background: url(img/navigation.png) no-repeat 0 0;
	width:915px;
	height:42px;
	}
#navigation li {float:left; line-height:40px; margin-left:36px;}
#uschall{margin-left:43px;}
#navigation .fl_right {float:right; line-height:40px; margin-right:39px; margin-left:0px;}
.active a {color:#99cc33;}

/********
* Index *
*********/
a#index {display:block;width:620px; height:420px; background:url(img/startgif.gif) no-repeat 0 0;}
a#index:active, a#index:focus {outline:none;} 
a#index h2, a#index p {margin: 0 auto;text-indent:-9000px; display:none;}

.img_right {float:right;margin-right:40px;}

/********
* HEAD *
*********/
h1 {text-indent:-9000px;background: url(img/headlines.gif) no-repeat 0 0;height:25px;width:113px;margin:6px 0 23px 40px;}
#mastering {background-position:0 0;}
#references {background-position: 0 -25px}
#about {background-position: 0 -50px}
#prices {background-position: 0 -75px}
#delivery {background-position: 0 -100px}
#contact {background-position: 0 -150px}
#imprint {background-position: 0 -175px}
#ultraschall{background-position: 0 -125px}
/**********
* Content *
***********/
.content {height:293px; width:915px; margin-bottom: 77px;;}
.text {margin-left:64px;}
.text_head {margin-left:64px;}
/**************
* Content IMG *
***************/
#con_mastering { background:url(img/mastering.jpg) no-repeat 643px 0;}
#con_prices { background:url(img/prices.jpg) no-repeat 643px 0;}
#con_delivery { background:url(img/deliver.png) no-repeat 643px 0;}
#con_imprint { background:url(img/imprint.jpg) no-repeat 457px 0;}
#con_contact { background:url(img/contact.jpg) no-repeat 369px 0;}
#con_uschall { background:url(img/uschall.jpg) no-repeat 643px 0;}
#con_about {position:relative;}
/*******
* More *
********/
a.more {margin-left:89px;display:block;background:url(img/more.gif) no-repeat;height:239px;width:460px; background-position: bottom right;}
a.more span, a.dmore span {display:block;} 
a.more:focus, a.more:active {border:none;outline: 0; outline: none;}
a.dmore {margin-left:89px;display:block;background:url(img/more.gif) no-repeat;height:216px;width:460px; background-position: bottom right;}
a.dmore:active, a.dmore:focus {outline:none;background-position: -75px -18px;outline:none;}

#accordion { overflow-y: scroll; height:293px;}
/***********
* ABOUT US *
************/
#con_about {position:relative;}
#mbbox {position:absolute;right:35px;top:33px;width:240px;}
#mbbox a {display:block; float:left; padding:2px;height:87px; width:114px;}
.about_img {float:right;position:absolute; top:151px;; right:40px;}
#img_gavin {top:0;}
#img_mich {top:110.5px; right:186.5px;}
#gavin_head a, #michael_head a {text-indent:-9000px;display:block;width:97px; height:29px;  cursor:pointer;outline:none;}

#gavin_head a {background:url(img/about_head_gavin.gif) no-repeat; background-position:0 0}
#michael_head a{background:url(img/about_head_mich.gif) no-repeat;background-position:0 0}

#gavin_head a:hover, #michael_head a:hover  { background-position:-97px 0}

#gavin_text_head{text-indent:-9000px;width:484px; height:37px; margin-left:89px;background:url(img/about_gavin_head.gif) 0 0 no-repeat;}
#gavin_text{text-indent:-9000px;width:484px; height:216px; margin-left:89px;background:url(img/about_gavin.gif) 0 0 no-repeat;}

#michael_text_head{text-indent:-9000px; width:460px; height:67px;
background:url(img/about_michael_head.gif) 0 0 no-repeat;}
#michael_text{text-indent:-9000px; width:460px; height:156px;
background:url(img/about_michael.gif) 0 0 no-repeat; overflow:hidden;}

/***********
* Delivery *
************/

#deliver_head_rec a, #deliver_head_rul  a, #deliver_head_fil a  {text-indent:-9000px;display:block;width:150px; height:29px; cursor:pointer;outline:none;}

#deliver_head_rec a {background:url(img/deliver_head_rec.gif) no-repeat; background-position:0 0}
#deliver_head_rul a{background:url(img/deliver_head_rul.gif) no-repeat;background-position:0 0}
#deliver_head_fil a{background:url(img/deliver_head_fil.gif) no-repeat;background-position:0 0}
#deliver_head_rec a:hover, #deliver_head_rul a:hover, #deliver_head_fil a:hover{ background-position:-150px 0}

a.dmore:active #deliver_text_rul, a.dmore:focus #deliver_text_rul{outline:none;background-position: 0 -224px;}
a.dmore:active #deliver_text_fil, a.dmore:focus #deliver_text_fil{outline:none;background-position: 0 -209px;}


#deliver_text_rec{text-indent:-9000px;width:484px; height:58px; margin-left:89px;background:url(img/deliver_txt_rec.gif) 0 0 no-repeat;}
#deliver_text_rul{text-indent:-9000px;width:484px; height:206px; background:url(img/deliver_txt_rul.gif) 0 0 no-repeat;}
#deliver_text_fil{text-indent:-9000px;width:484px; height:206px; background:url(img/deliver_txt_fil.gif) 0 0 no-repeat;}

/********
* TEXTE *
*********/
#mastering_txt {width:484px;height:293px;background:url(img/mastering_txt.gif
) no-repeat 0 0; text-indent:-9000px; }
#references_txt {width:797px;height:293px;background:url(img/references_txt.gif) no-repeat 0 0; text-indent:-9000px; }
#prices_txt {width:797px;height:293px;background:url(img/prices_txt.gif) no-repeat 0 0; text-indent:-9000px; }
#imprint_txt {width:797px;height:293px;background:url(img/imprint_txt.gif) no-repeat 0 0; text-indent:-9000px; }
#uschall_txt {width:484px;height:208px;background:url(img/uschall_txt.gif) no-repeat 0 0; text-indent:-9000px; position:relative; top:36px; }
#con_uschall a {position:relative; top:36px;margin-left:156px;display:block; width:299px;background:url(img/uschall_link.gif) no-repeat 0 0; text-indent:-9000px; height:24px;}
#con_uschall a:hover { background-position: 0 -26px;}
#con_uschall a:active, #con_uschall a:focus { outline:none;}
#send_txt {width:484px;height:118px;background:url(img/contact_send_txt.gif) no-repeat 0 0; text-indent:-9000px; }
/**********
* Contact *
***********/
fieldset {margin-bottom: 10px;}
label {margin-top: 10px;float:left;;display:block;width:95px; background:url(img/contact_txt.gif) 0 0 no-repeat;}
label span { text-indent:-9000px; display:block; height:20px;}
input {cursor:pointer;margin-top: 5px;display:block;float:left;height:20px; border-bottom:1px solid #99cc33; background:black;color:white;}
#send {width:68px; height:24px; border:none; margin-left:182px}
#lab_Name {background-position: 0px -28px;}
#lab_Telephone { background-position: 0px -55px; }
#lab_Email { background-position: 0px -82px;}
#Message {cursor:pointer;display:block;width:250px; background:black;color:white;border-bottom:1px solid #99cc33;}
#fieldset_head label {margin-left:15px;}
#fieldset_mess  {margin-top:18px;}
#fieldset_head p.field ,#fieldset_mess p.field {background:url(img/contact_txt.gif) 0 0 no-repeat; height:22px;}

#fieldset_head p.field, #fieldset_mess  p.field{text-indent:-9000px;}
#fieldset_head p.field{width:95px; background-position: 0 0;}
#fieldset_mess  p.field{width:95px; background-position: 0 -110px;}