/*****************************/
/*** Core html setup stuff ***/
/*****************************/

* {
 margin: 0px;
 padding: 0px;
 border:0;
}

li {
 margin-left: 15px;
}

html {
  height: 100%; 
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color:#ffffff;

  background-repeat: repeat-y;
  background-position: center;

}

body{
	height: 100%;
}

form {
  margin: 0;
  padding: 0;
}

a:link, a:visited {
	text-decoration: none;
	color:#000000;
}

a:hover, a:active {
	text-decoration: none;
	color:#000000;
}

input.button { cursor: pointer; }

img { border: 0 none; }

/*****************************/
/*** Fonts                 ***/
/*****************************/


.content{
	font-family: Garamond, Times, Times New Roman, Georgia, serif;
	font-size: 13.5pt;
	line-height:17pt;
	color:#707070;

}

.content_link{
	font-family: Garamond, Times, Times New Roman, Georgia, serif;
	font-size: 13.5pt;
	line-height:17pt;
	color:#707070;

}

.content_small{
	font-family: Garamond, Times, Times New Roman, Georgia, serif;
	font-size: 11pt;
	line-height:17pt;
	color:#707070;

}

.content_small_link{
	font-family: Garamond, Times, Times New Roman, Georgia, serif;
	font-size: 11pt;
	line-height:17pt;
	color:#707070;

}

a.content, a:link.content, a:hover.content, a:active.content, a:visited.content,
a.content_small, a:link.content_small, a:hover.content_small, a:active.content_small, a:visited.content_small,
a.content_link, a:link.content_link, a:hover.content_link, a:active.content_link, a:visited.content_link,
a.content_small_link, a:link.content_small_link, a:hover.content_small_link, a:active.content_small_link, a:visited.content_small_link   {
color:#707070;
text-decoration:underline;
}

.content_lieferumfang{
	font-family: Garamond, Times, Times New Roman, Georgia, serif;
	font-size: 11pt;
	line-height:14pt;
	color:#707070;

}


.header_text{
font-family:Garamond, Georgia, Times, Times New Roman, serif;
font-size: 26pt;
line-height:28pt;
color:#af4a00;
margin-bottom:30px;
margin-top:-5px;
}

.subheadline{
font-family:Garamond, Georgia, Times, Times New Roman, serif;
font-size: 18pt;
line-height:22pt;
color:#af4a00;
margin-bottom:20px;
margin-top: 35px;
}

a.header_text, a:link.header_text, a:hover.header_text, a:active.header_text, a:visited.header_text,
a.subheadline, a:link.subheadline, a:hover.subheadline, a:active.subheadline, a:visited.subheadline,  {
color:#a6a8a9;
text-decoration:underline;
}

.text_adress{
	font-family:Garamond, Georgia, Times, Times New Roman, serif;
	font-size: 10.5pt;
	line-height:12pt;
	color: #988b7a;
	font-weight: bold;
	padding-top:7px;

}

.text_box_left_gr{
	font-family:Garamond, Georgia, Times, Times New Roman, serif;
	font-size: 21pt;
	line-height:16pt;
	color: #ffffff;
	letter-spacing: 0.03em;
	padding-top:135px;
	padding-left: 20px;
}

.text_box_left_gr_f{
	font-family:Garamond, Georgia, Times, Times New Roman, serif;
	font-size: 21pt;
	line-height:20pt;
	color: #ffffff;
	letter-spacing: 0.03em;
	padding-top:105px;
	padding-left: 20px;
}

.text_box_left{
	font-family:Garamond, Georgia, Times, Times New Roman, serif;
	font-size: 14pt;
	line-height:17pt;
	color: #ffffff;
	letter-spacing: 0.03em;
	padding-top:15px;
	padding-left: 20px;



}

.text_footer{
	font-family:Garamond, Georgia, Times, Times New Roman, serif;
	font-size: 11pt;
	line-height:12pt;
	color: #ffffff;
	padding-top:5px;
	padding-right:20px;
}

.link_footer{
	color: #ffffff;
	text-decoration: underline;
}

a.link_footer, a:link.link_footer, a:hover.link_footer, a:active.link_footer, a:visited.link_footer  {
color:#ffffff;
}
/*********************************/
/*** Positionierung zentriert ***/
/********************************/

 #centerArea{
  position: absolute; 
  top:0px;
  width:100%;
  vertical-align:top;
  text-align:center;  

  }
  
 #mainArea{
  position:absolute; 
  top:0px;
  width:870px;
  margin-left:-455px;
  left:50%; 
  text-align:center;
  border:1px solid white;
  }


/*****************************/
/*** Postions              ***/
/*****************************/

.logo{
	position: absolute;
	left:-30px;
	top:60px;
	width: 260px;
	height: 105px;
	border: 0px;
	background-image: url(img/alphawood_logo.png);
	background-repeat: no-repeat;
}



.adress{
	position: absolute;
	top:170px;
	left: 0px;
	width: 230px;
	height: 45px;
	background-color: #dfdbd6;
	text-align: center;
}

.box_left{
	position: absolute;
	top:220px;
	left: 0px;
	width: 230px;
	height: 230px;
	background-color: #af4a00;
	vertical-align:bottom;
	text-align: left;
}


.imagefoto{
	position: absolute;
	top:220px;
	left: 235px;
	width: 635px;
	height: 230px;

}

.imagefoto_li{
	position: absolute;
	top:0px;
	left: 0px;
	width: 475px;
	height: 230px;
}

.imagefoto_re{
	position: absolute;
	top:0px;
	left: 480px;
	width: 155px;
	height: 230px;
}



.contentArea {
	position: absolute;
	top:455px;
	left:0px;
	width:868px;
	border-left: 1px solid #cbc5bc;
	border-right: 1px solid #cbc5bc;
	text-align: left;

}

.content {
	position: absolute;
	top:50px;
	left:250px;
	width:599px;
	height: auto;
	text-align: left;
}


.footer {
	position: absolute; 
	bottom: -35px;
	left: 0px;
	margin-top: 25px;
	margin-left:0px;
	width:870px;
	height: 25px;
	background-color: #988b7a;
	z-index:5;
	text-align: right;
}


.languages{
	position: relative;
	top: 20px;
	left: 0px;
	width: 220px;
	height: 50px;
	
	
}
.language_fr{
	position: absolute;
	height: 0px;
	top:0px;
	width:110px;
	text-align: center;
	float: left;
}

.language_en{
	position: absolute;
	top: 0px;
	left: 75px;
	height: 50px;
	width:75px;
	text-align: center;
}

.language_de{
	position: absolute;
	top: 0px;
	left: 110px;
	height: 50px;
	width:110px;
	text-align: center;
}



/*****************************/
/*** Left-Navigation       ***/
/*****************************/

.leftmenu {
	position: absolute;
	top:0px;
	left:0px;
	width:229px;
	height: 480px;
	z-index:5;
	overflow: hidden;
}

#navLeftArea {
	position: absolute;
	top:0px;
	left:0px;
	width:230px;
	height: 350px;
	background-image:url(img/bg_nav.png);
	background-repeat: repeat-x;

}

.navSpacerTop{
	width:20px;
	height: 15px;
}

.navLeft{
	font-family:Garamond, Georgia, Times, Times New Roman, serif;
	font-size: 14pt;
	line-height:18pt;
	color:#af4a00;
	width: 200px;
}

.navSpacer{
	width:195px;
	margin-left: 10px;
	border-bottom: 1px solid #af4a00;
	padding-left: 10px;
	padding-top:10px;
	padding-bottom:10px;

}



a.navLeft, a:link.navLeft, a:hover.navLeft, a:visited.navLeft     {
font-family:Garamond, Georgia, Times, Times New Roman, serif;
font-size: 14pt;
line-height:16pt;
text-decoration: none;
color:#af4a00;
}

a:active.navLeft, a:focus.navLeft  {
text-decoration: none;
color:#af4a00;
}

/*****************************/
/*** Formular              ***/
/*****************************/

.formularfeld{
	border: 1px solid #707070;
}

.formmailer {
	width: 599px;
	height: 300px;
	
}

.formtable {
	font-family: Garamond, Times, Times New Roman, Georgia, serif;
	font-size: 13.5pt;
	line-height:17pt;
	color:#707070;
}

a.formtable, a:link.formtable, a:hover.formtable, a:active.formtable, a:visted.formtable  {
color:#707070;
text-decoration:underline;
}

.senden {
	width: 100px;
	height: 25px;
	background-color: #dddddd;
	
}



/*****************************/
/*** Top-Navigation        ***/
/*****************************/

.topmenu{
	position: absolute;
	top:70px;
	left: 235px;
	width: 635px;
	height: 145px;
	text-align: left;
}

.navTop01{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 155px;
	height: 95px;
	background-color: #cf9266;
}

.navTop01_text{
	position: absolute;
	top: 100px;
	left: 0px;
	width: 155px;
	height: 45px;
	background-color: #cf9266;
}

.navTop02{
	position: absolute;
	top: 0px;
	left: 160px;
	width: 155px;
	height: 95px;
	background-color: #cf9266;
}

.navTop02_text{
	position: absolute;
	top: 100px;
	left: 160px;
	width: 155px;
	height: 45px;
	background-color: #cf9266;
}

.navTop03{
	position: absolute;
	top: 0px;
	left: 320px;
	width: 155px;
	height: 95px;
	background-color: #cf9266;
}

.navTop03_text{
	position: absolute;
	top: 100px;
	left: 320px;
	width: 155px;
	height: 45px;
	background-color: #cf9266;
}

.navTop04{
	position: absolute;
	top: 0px;
	left: 480px;
	width: 155px;
	height: 95px;
	background-color: #cf9266;
}

.navTop04_text{
	position: absolute;
	top: 100px;
	left: 480px;
	width: 155px;
	height: 45px;
	background-color: #cf9266;
}


.rolloverButton01
{
  display: block;
  width: 155px;
  height: 45px;
  background: url("img/navtop_01.png") no-repeat 0 0;
}

.rolloverButton01:hover
{ 
  background: url("img/navtop_01_over.png") no-repeat 0 0;
}

.rolloverButton01_f
{
  display: block;
  width: 155px;
  height: 45px;
  background: url("img/navtop_01_f.png") no-repeat 0 0;
}

.rolloverButton01_f:hover
{ 
  background: url("img/navtop_01_over_f.png") no-repeat 0 0;
}

.rolloverButton01 span
{
  display: none;
}

.rolloverButton01_f span
{
  display: none;
}

.rolloverButton02
{
  display: block;
  width: 155px;
  height: 45px;
  background: url("img/navtop_02.png") no-repeat 0 0;
}

.rolloverButton02:hover
{ 
  background: url("img/navtop_02_over.png") no-repeat 0 0;
}

.rolloverButton02 span
{
  display: none;
}

.rolloverButton02_f
{
  display: block;
  width: 155px;
  height: 45px;
  background: url("img/navtop_02_f.png") no-repeat 0 0;
}

.rolloverButton02_f:hover
{ 
  background: url("img/navtop_02_over_f.png") no-repeat 0 0;
}

.rolloverButton02_f span
{
  display: none;
}

.rolloverButton03
{
  display: block;
  width: 155px;
  height: 45px;
  background: url("img/navtop_03.png") no-repeat 0 0;
}

.rolloverButton03:hover
{ 
  background: url("img/navtop_03_over.png") no-repeat 0 0;
}

.rolloverButton03 span
{
  display: none;
}

.rolloverButton03_f
{
  display: block;
  width: 155px;
  height: 45px;
  background: url("img/navtop_03_f.png") no-repeat 0 0;
}

.rolloverButton03_f:hover
{ 
  background: url("img/navtop_03_over_f.png") no-repeat 0 0;
}

.rolloverButton03_f span
{
  display: none;
}

.rolloverButton04
{
  display: block;
  width: 155px;
  height: 45px;
  background: url("img/navtop_04.png") no-repeat 0 0;
}

.rolloverButton04:hover
{ 
  background: url("img/navtop_04_over.png") no-repeat 0 0;
}

.rolloverButton04 span
{
  display: none;
}

.rolloverButton04_f
{
  display: block;
  width: 155px;
  height: 45px;
  background: url("img/navtop_04_f.png") no-repeat 0 0;
}

.rolloverButton04_f:hover
{ 
  background: url("img/navtop_04_over_f.png") no-repeat 0 0;
}

.rolloverButton04_f span
{
  display: none;
}

.rolloverBild01
{
  display: block;
  width: 155px;
  height: 95px;
  background: url("img/navbild_01.png") no-repeat 0 0;
}

.rolloverBild01:hover
{ 
  background: url("img/navbild_01_over.png") no-repeat 0 0;
}

.rolloverBild01 span
{
  display: none;
}

.rolloverBild02
{
  display: block;
  width: 155px;
  height: 95px;
  background: url("img/navbild_02.png") no-repeat 0 0;
}

.rolloverBild02:hover
{ 
  background: url("img/navbild_02_over.png") no-repeat 0 0;
}

.rolloverBild02 span
{
  display: none;
}

.rolloverBild03
{
  display: block;
  width: 155px;
  height: 95px;
  background: url("img/navbild_03.png") no-repeat 0 0;
}

.rolloverBild03:hover
{ 
  background: url("img/navbild_03_over.png") no-repeat 0 0;
}

.rolloverBild03 span
{
  display: none;
}

.rolloverBild04
{
  display: block;
  width: 155px;
  height: 95px;
  background: url("img/navbild_04.png") no-repeat 0 0;
}

.rolloverBild04:hover
{ 
  background: url("img/navbild_04_over.png") no-repeat 0 0;
}

.rolloverBild04 span
{
  display: none;
}