@charset "utf-8";

/* Css für den umfassenden Body */ 
body{
	position: absolute;
	margin:0px;
	padding: 0px;
	height:100%;
	width: 100%;
	border: 1px solid #FFFFFF;
	background-color:#FFFFFF;
}
#pixel{
	position: absolute; 
	left: 50%; 	
	width: 1px;
	height: 1px; 
	background-color:#FFFFFF;
	overflow: visible;
}
#container_gesamt{
	position: absolute;
	top: 0px;
	left: -500px;
	width: 1000px;
	height: 620px;
	border: 1px dashed #E8E8E7;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	
}
/*----------------------- Css für den Navigationsbereich------------------------------- */ 
#container_navi, #container_navi-contact{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 125px;
	background-color: #E8E44F;
	z-index: 10;
}
#container_navi-contact{
	z-index: 10;
	background-image: url(pics/contact+inquiries/headphones-top.gif);
	background-repeat: no-repeat;
}
#hauptnavi-container{
	position: absolute;
	left: 231px;
	top: 0px;
	width: 600px;
	height: 125px;	
}
#antron-logo{
	position: absolute;
	top: 20px;
	left: 25px;
	width: auto;
	height: auto;
	z-index: 11;
	border: 0px;
}
#sprachwahl{
	position: absolute;
	top: 14px;
	left: 875px;
	width: 100px;
	height: 30px;
	z-index: 11;
	border: 0px;
}	
#home{
	position: absolute;
	top: 99px;
	left: 924px;
}
#home a{
	color: #1A5093;
	text-decoration:none;
}		
#home a:hover{
	color: #949639;
	text-decoration:none;
}		

/*------------------------------Css für den linken Sub-Content Bereich--------------------------- */
#container_sub-content, #container_sub-content-intro, #container_sub-content-contact, #container_sub-content-prize{
	position: absolute;
	top: 125px;
	left: 1px;
	width: 155px;
	height: 445px;
	padding: 25px;
	z-index: 20;
}
#container_sub-content-intro{
	background-image:url(pics/intro-site/aufmacher-links.gif);
	background-repeat: no-repeat;
}
#container_sub-content-contact{
	background-image:url(pics/contact+inquiries/headphones-left.gif);
	background-repeat: no-repeat;
}
#sub-content{
	position: absolute;
	width: 155px;
	overflow: auto;
}
/*Menüpunkt Atmosphere*/
.atmosphere-verfasser{
	color: #1A5093;
}
/*Menüpunkt Fibres*/
#container-icons{
	position: absolute;
	bottom: 110px;
	left: 5px;
	width: 155px;
	height: auto;
	padding: 10px;
}
#container-icon{
	position: relative;
	width: 165px;
	height: 35px;
	float: left;
}
#fibres-icon{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 27px;
	padding: 3px;
	float: left;
}
#fibres-description1{
	position: absolute;
	top: 9px;
	right: 36px;
	width: 118px;
	height: 27px;
	float: left;
	text-align: right;
}
#fibres-description2{
	position: absolute;
	right: 38px;
	width: 118px;
	height: 27px;
	float: left;
	text-align: right;
	top: -1px;
}

/*Menüpunkt Prize draw*/
#container_sub-content-prize{
	background-image: url(../pics/prize-draw/wuerfel-links.gif);
	background-repeat: no-repeat;
}
#UK-Directory{
	position: relative;
	top: 300px;	
	left: 160px;
	width: 260px;
	height: 260px;
	padding: 5px;
	border: 1px solid #1A5093;
	background-color:#FFFFFF;
	color: #1A5093;
	text-align: center;
	z-index: 30;
}
/* ----------------------Css für den mittleren Main-Content Bereich ------------------------------------------*/
#container_main-pic, #container_intro-flash, #container_main-flash, #container_main-text, #container_main-prize, #container_main-prize2{
	position: absolute;
	top: 125px;
	left: 205px;
	height: 370px;
	width: 628px;
	border-bottom: 1px dashed #E8E8E7;
	border-left: 1px dashed #E8E8E7;
	border-right: 1px dashed #E8E8E7;
}
#container_main-prize{
	background-image: url(../pics/prize-draw/wuerfel-rechts.gif);
	background-repeat: no-repeat;
}
#container_main-prize2{
	position: absolute;
	top: 125px;
	left: 205px;
	width: 628px;
	height: 370px;
	z-index: 10;
	background-image:url(pics/prize-draw/gewinnspiel-back.gif);
	background-repeat: no-repeat;
	border-bottom: 1px dashed #E8E8E7;
	border-left: 1px dashed #E8E8E7;
	border-right: 1px dashed #E8E8E7;
}
#container_main-mailing{
	position: absolute;
	top: 125px;
	left: 205px;
	width: 628px;
	height: 370px;
	z-index: 10;
	background-image:url(pics/mailing/back-mailing.jpg);
	background-repeat: no-repeat;
	border-bottom: 1px dashed #E8E8E7;
	border-left: 1px dashed #E8E8E7;
	border-right: 1px dashed #E8E8E7;
}
#container_intro-flash{
	background-image: url(../pics/intro-site/intro-pic.gif);
	background-repeat: no-repeat;
}
#container_no-flash{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 370px;
	width: 628px;
}
#container_main-text{
	width: 578px;
	height: 320px;
	padding: 25px;
	z-index: 10;
}

/*--Menüpunkt Atmosphere--*/
#atmosphere_main-content{
	position: absolute;
	top: 0px;
	left: 25px;
	width: 180px;
	height: 280px;
	padding: 10px;
	background-color: #E8E44F;
}
#atmosphere_brotschrift{
	font-size: 8pt;
	color : #333333;
	height: 220px;
}
#atmoshere_abbinder{
	font-size: 7pt;
	color: #1A5093;
}
/*--Menüpunkte Creation--*/
/*Menüpunkte Special-effects*/
#spezial_effects_main-content{
	position: absolute;
	top: 125px;
	left: 205px;
	width: 578px;
	height: 320px;
	padding: 25px;
	background-image: url(pics/creation/special-effects.jpg);
	background-repeat: no-repeat;	
	z-index: 8;
	border-bottom: 1px dashed #E8E8E7;
	border-left: 1px dashed #E8E8E7;
	border-right: 1px dashed #E8E8E7;
}
/*Menüpunkte Appearence*/
#appearence_main-content{
	position: relative;
	width: 578px;
	height: auto;
	padding: 10px;
	float: left;
}
#appearence_pic{
	position: relative;
	left: 0px;
	width: 60px;
	float: left;
}
#appearence_text{
	position: relative;
	left: 30px;
	width: 488px;

	float: left;
}
/*Menüpunkte Imprint*/
#imprint_container{
	position: absolute;
	width: 578px;
	height: 320px;
	margin: 25px;
	float: left;
	overflow: auto;
}
/*Menüpunkte Texture*/
#texture_main-content{
	position: relative;
	width: 578px;
	padding: 25px;
	float: left;
}
#texture_text{
	position: relative;
	left: 0px;
	width: 578px;
}
#texture_table{
	position: relative;
	left: 0px;
	top: 10px;
	width: 578px;
	height: 250px;
}
#texture_col-first{
	position: absolute;
	left: 0px;
	bottom: 0px;	
	width: 172px;
	padding: 10px;	
	height: auto;	
}
#texture_col-second{
	position: absolute;
	bottom: 0px;
	left: 192px;	
	width: 172px;
	padding: 10px;	
	height: auto;
	border-right: 1px dashed #E8E8E7;	
	border-left: 1px dashed #E8E8E7;		
}
#texture_col-third{
	position: absolute;
	left: 384px;
	bottom: 0px;
	width: 172px;
	padding: 10px;
	height: auto;
}
/*--Menüpunkte Fibres--*/
#fibres_table{
	position: absolute;
	left: 30px;
	top: 100px;
	width: 578px;
	height: 250px;
}
#fibres_left{
	position: absolute;
	top: 10px;
	left: 25px;
	width: 240px;
	height: auto;
}
#fibres_right{
	position: absolute;
	top: 10px;	
	left: 314px;
	width: 240px;
	height: auto;
}
/*--Menüpunkte Contact--*/
#container_contact{
	position: absolute;
	top: 125px;
	left: 205px;
	width: 628px;
	height: 370px;
	background-image:url(pics/contact+inquiries/headphones-main.gif);
	background-repeat: no-repeat;
	border-bottom: 1px dashed #E8E8E7;
	border-left: 1px dashed #E8E8E7;
	border-right: 1px dashed #E8E8E7;
}
/*--Menüpunkte Making of--*/
#making_of-pic{
	position: absolute;
	top: 25px;
	left: 25px;
	width: 320px;
	height: 320px;
	z-index: 10;
}
#making_of-text{
	position: absolute;
	top: 50px;
	left: 350px;
	width: 250px;
	height: auto;
	z-index: 10;
	list-style-type: circle;
}
#making_of-text ul{
	list-style-type: inherit;
}

#making_of-left{
	position: absolute;
	top: 335px;
	left: 290px;
	z-index: 10;
	border: 0px;
}
#making_of-right{
	position: absolute;
	top: 335px;
	left: 320px;
	z-index: 10;
	border: 0px;
}
/*--Menüpunkte Mailing--*/
.mailing-bestellen{
	position: absolute;
	top: 345px;
	left: 25px;
}
#mailing-brotschrift{
	position: absolute;
	top: 310px;	
	left: 25px;
	width: auto;
	height: auto;
}
/*--Menüpunkte Trends & Inspiration--*/

#trends_pic-overview{
	position: absolute;
	margin: 25px;
	height: 327px;
	width: 271px;
	z-index: 10;
	border-right: 1px dashed #E8E8E7;	
}
#trends_pic-pattern{
	position: absolute;
	margin: 25px;
	height: 327px;
	width: 271px;
	z-index: 11;
	border-right: 1px dashed #E8E8E7;	
}
#trends_pic-small{
	position: relative;
	padding: 3px;
	height: 76px;
	width: 76px;
	float: left;
	z-index: 10;
}
#trends_pic-big{
	position: absolute;
	left: 296px;
	margin: 25px;
	height: 300px;
	width: 272px;
	z-index: 10;
}
#trends_second-pic{
	position: absolute;
	left: 296px;
	margin: 25px;
	height: 300px;
	width: 272px;
	z-index: 10;
}
#trends_nextroom{
	position: absolute;
	top: 340px;
	left: 540px;
	z-index: 10;
}
#trends_lastroom{
	position: absolute;
	top: 340px;
	left: 519px;
	z-index: 10;
}
#trends_text, #trends_text1, #trends_text2, #trends_text3, #trends_text4, #trends_text5, #trends_text6, #trends_text7, #trends_text8, #trends_text9{
	position: absolute;
	top: 270px;
	height: 0px;
	left: 0px;
	font-size: 8pt;
	color: #575656;
}
/*--Menüpunkte prize draw-----------------------------------------------------------------------*/

#prize_main-content{
	position: relative;
	top: 15px;	
	width: 310px;
	padding: 15px;
	float: left;
}
#prize_table{
	position: absolute;
	left: 15px;
	top: 50px;
	width: 578px;
	height: 250px;
}
#prize_right{
	position: absolute;
	top: 0px;	
	left: 0px;
	width: 350px;
	height: auto;
}
.form_table{
	position: absolute;
	left: 25px;
	top: 60px;
	font-size: 8pt;
	color: #1A5093;
}
.input {
	width: 170px;
	border: 1px dashed #1A5093;
	font-size: 8pt;
	color: #1A5093;
}
#prize-checker{
	position: absolute;
	left: 540px;
	top: 340px;
}
#prize-text{
	position: absolute;
	left: 30px;
	top: 190px;
}
.prize-confirm{
	position: absolute;
	top: 230px;
	right: 0px;
	border: 0px;
}
.prize-abschicken{
	position: absolute;
	top: 330px;
	right: 25px;
	text-align: right;
}
#prize-brotschrift{
	position: absolute;
	top: 100px;	
	left: 314px;
	width: 240px;
	height: auto;
}
#prize-conditions{
	height: 93px;
	font-size: 8pt;
	color: #1A5093;
	overflow: auto;
	padding: 5px;
	border: 1px dashed #1A5093;
}
#prize_anmeldeschluss{
	position: absolute;
	top: 345px;	
	left: 30px;	
	font-size: 8pt;
	color: #1A5093;
}
#mail-danke{
	position: absolute;
	top: 100px;	
	left: 260px;
	width: 300px;
	height: auto;
}
#mail-zurueck-text{
	position: absolute;
	top: 201px;	
	left: 260px;
	width: 300px;
}
#mail-zurueck-pfeil{
	position: absolute;
	top: 190px;	
	left: 180px;
}
/*----------------------------Css für Fehlerpfeile-------------------------------------------------*/
#errFaser1 {
	position:absolute;
	top:71px;
	left:14px;
}
#errFaser2 {
	position:absolute;
	top:71px;
	left:305px;
}
#errFaser3 {
	position:absolute;
	top:98px;
	left:14px;
}
#errFaser4 {
	position:absolute;
	top:98px;
	left:305px;
}
#errName {
	position:absolute;
	top:125px;
	left:14px;
}
/* ie7 */
*:first-child+html #errName {
	top:128px;
}
#errPosition {
	position:absolute;
	top:125px;
	left:305px;
}
*:first-child+html #errPosition {
	top:128px;
}
#errFirma {
	position:absolute;
	top:152px;
	left:14px;
}
*:first-child+html #errFirma {
	top:156px;
}
#errStrasse {
	position:absolute;
	top:152px;
	left:305px;
}
*:first-child+html #errStrasse {
	top:156px;
}
#errPlz {
	position:absolute;
	top:178px;
	left:14px;
}
*:first-child+html #errPlz {
	top:186px;
}
#errOrt {
	position:absolute;
	top:178px;
	left:305px;
}
*:first-child+html #errOrt {
	top:186px;
}
#errTel {
	position:absolute;
	top:205px;
	left:14px;
}
*:first-child+html #errTel {
	top:215px;
}
#errEmail {
	position:absolute;
	top:205px;
	left:305px;
}
*:first-child+html #errEmail {
	top:215px;
}
#errAgb {
	position:absolute;
	top:298px;
	left:14px;
}
*:first-child+html #errAgb {
	top:312px;
}
#errDaten {
	position:absolute;
	top:324px;
	left:14px;
}
*:first-child+html #errDaten {
	top:338px;
}
#error-fr {
	position:absolute;
	margin-top:-55px;
	left:25px;
	font-size: 8pt;
	color: #FF3333;
}
*:first-child+html #error-fr {
	margin-top:-65px;
}
#error {
	position:absolute;
	top:350px;
	left:30px;
	font-size: 8pt;
	color: #FF3333;
}
*:first-child+html #error {
	top:353px;
}
/* --------------------------Css für den unteren Logo-Bereich--------------------------------------*/
#container_logos{
	position: absolute;
	top: 495px;
	left: 205px;
	width: 628px;
	height: 100px;
	z-index: 15;
	border-left: 1px dashed #E8E8E7;
	border-right: 1px dashed #E8E8E7;
	font-size: 8pt;
	color: #575656;
}
#logo{
	position: relative;
	width: 144px;
	height: 90px;
	background-color: #FFFFFF;
	z-index: 11;
	float: left; 
	margin: 5px; 
	border-right: 1px dashed #E8E8E7;
}
#logo_last{
	position: relative;
	width: 144px;
	height: 90px;
	background-color: #FFFFFF;
	z-index: 11;
	margin: 5px;
	float: left;  
}
#logo a, #logo_last a{
	color: #1A5093;
	text-decoration: none;
	font-weight: bold;
}

/* -----------------------------Css für den rechten Adress-Bereich---------------------------------- */
#container_manufacturer, #container_manufacturer-intro{
	position: absolute;
	top: 125px;
	left: 833px;
	width: 160px;
	height: 495px;
	z-index: 20;
}
#container_manufacturer-intro{
	background-image: url(pics/intro-site/aufmacher-rechts.gif);
	background-repeat: no-repeat;
}
.container_manufacturer_headline{
	position: absolute;
	top: 0px;
	left: 0px;
	height: auto;
	width: 140px;
	padding: 10px;
	font-size: 9pt;
	color : #999933;
	z-index: 30;
	text-align: center;
	font-weight: bold;
}
.container_manufacturer_logos{
	position: absolute;
	top: 45px;
	width: 160px;
	height: 430px;	
	margin: 5px;
	overflow: auto;
}
.container_manufacturer_logo{
	position: relative;
	width: 130px;
	height: auto;
	z-index: 11;
	border-bottom: 1px dashed #E8E8E7;
	text-decoration:none;
}
/*------------------------------Css für die Textformatierung--------------------------- */

.h1, .h2, .h3, .h4, .h8{
	color: #1A5093;
	font-weight: bold;
}
.h1, .h2{
	font-size: 10pt;
}
.h3{
	font-size: 9pt;
}
.h4{
	font-size: 8pt;
}
.h5{
	font-size: 9pt;
	color: #1A5093;
}
.h6{
	font-size: 8pt;
	color: #1A5093;
}
.h7{
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;	
}
.h8{
	font-size: 10pt;
}
p {
	line-height: normal;
}
a {
	color: #1A5093;
	text-decoration: none;
}