/***********************************************/

/* Page

/***********************************************/



* {

	margin:0;

	padding:0;

}

		

html	{

	width:100%;

	height:101%;

}





body	{ 

	margin: 0px;

 	padding: 0px;

	width:100%;

	height:100%;

	text-align: center;

	background-color: #28282a;

	background-image:url(hg_verl.gif);

	background-repeat:repeat-x;

	

 	font-size: 13px;

 	line-height: 16px;

 	font-family : Arial, Verdana, Sans-Serif;

 	font-weight : normal;

 	font-style : normal;

 	text-decoration: none;

	color: #464648;

}



p, ul, li	{	

	margin: 0px;

	padding: 0px;

}



h1	{

	font-size: 20px;
	
	line-height: 24px;

 	font-weight : bold;

 	font-style : normal;

 	text-decoration: none;

	margin-top: 0px;

	margin-bottom: 16px;

}



h2	{

	font-size: 16px;
	
	line-height: 20px;
	
	font-weight : bold;

	margin-top: 0px;

	margin-bottom: 8px;

}



h3	{

	font-size: 14px;
	
	font-weight : bold;

	margin-top: 0px;

	margin-bottom: 4px;

}





/***********************************************/

/* Layout                                    

/***********************************************/



#page { 	

	z-index:1;

	position:relative;

	width:100%;

	height:100%; 

	margin:0 auto;

	padding: 0px;

	text-align:center;

}



#stopper { 

	z-index:0;

	width:1px;

	height:1px;

	float:left;

}



#header { 	

	z-index:2;

	position:relative;

	width:980px;

	height:400px; 

	margin:0 auto;

	text-align:left;

	clear:left;

}



#nav	{

	z-index:3;

	position:absolute;

	left:20px;

	top:90px;

	width:220px;

	height:auto;

	margin:0px;

	padding:0px;

	text-align:left;

}


#infonav	{

	z-index:3;

	position:absolute;

	left:20px;

	top:20px;

	width:220px;

	height:auto;

	margin:0px;

	padding:0px;

	text-align:left;
	
	font-size: 11px;

 	line-height: 14px;

 	font-family : Arial, Verdana, Sans-Serif;

 	font-weight : bold;

 	font-style : normal;

 	text-decoration: none;

	color: #e40022;

}



#bild	{

	z-index:3;

	position:absolute;

	left:280px;

	top:0px;

	width:680px;

	height:400px;

	margin:0px;

	padding:0px;

	text-align:left;

}



#content { 	

	z-index:2;

	position:relative;

	min-height: 280px;

	height: auto !important;

	height: 280px;

	width:100%;

	height:auto; 

	margin:0px;

	padding:0px;

	background-color:#e6e8ea;

}



#box { 	

	z-index:3;

	position:relative;

	width:940px;

	height:auto; 

	margin:0 auto;
	
	padding-left:20px;
	
	padding-right:20px;

	padding-top:50px;

	padding-bottom:35px;
	

}



#logo	{

	z-index:88;

	position:relative;

	float:left;

	width:180px;

	height:125px;

	margin:0px;

	padding:0px;

}



#inhalt	{

	z-index:4;

	position:relative;

	float:right;

	width:680px;

	height:auto;

	margin:0px;

	padding:0px;

	text-align:left;
	

}



#footer	{

	z-index:2;

	position:relative;

	width:940px;

	height:40px;

	margin:0 auto;

	margin-top:30px;

	padding:0px;

	padding-left:20px;

	padding-right:20px;

	text-align:left;

	

	font-size: 12px;

 	line-height: 15px;

 	font-family : Arial, Verdana, Sans-Serif;

 	font-weight : normal;

 	font-style : normal;

 	text-decoration: none;

	color: #ffffff;

}



#nav ul	{

	list-style:none;

}



#bildgalerie	{

	width:auto;

	height:auto;

	border:1px solid #aaacae;

	padding:4px;
	
	margin-top:25px;

}



.galerie_thumb	{

	border:0px;

	margin:2px;

}



#galerie_detail	{

	z-index:99;

	position:absolute;

	left:0px;

	top:-450px;

	width:680px;

	height:515px;

	margin:0px;

	padding:0px;

	text-align:left;

	visibility:hidden;

	background-color:#28282a;

}


.teaser-startseite	{

	width:320px;

	height:auto;
	
	margin-top:25px;
	
	margin-right:20px;
	
	float:left;

}

.teaser-bild	{

	width:auto;

	height:auto;

	border:1px solid #aaacae;

	padding:6px;
	
	margin-right:10px;
	
	

}


.teaser-text	{

	width:160px;

	height:auto;
	
	float:left;
	

}

.teaser-text-lang	{

	width:320px;

	height:auto;
	
	float:left;
	

}


.shopartikel	{

	width:650px;

	height:auto;
	
	margin-top:25px;
	
	margin-right:20px;
	
	float:left;

}


.shopartikel-text	{

	width:490px;

	height:auto;
	
	float:left;
	

}

.shopartikel-text-lang	{

	width:650px;

	height:auto;
	
	float:left;
	

}

.referenz	{

	width:650px;

	height:auto;
	
	margin-top:25px;
	
	margin-right:20px;
	
	float:left;

}


.referenz-text	{

	width:510px;

	height:auto;
	
	float:left;
	

}

.referenz-text-lang	{

	width:650px;

	height:auto;
	
	float:left;
	

}

.referenz-bild	{

	width:140px;

	height:auto;
	
	padding:0px;
	
	margin:0px;
	
	float:left;
	
	

}


.rahmen	{

	border:1px solid #aaacae;

	padding:6px;
	
	

}


#newsletter	{

	width:auto;

	height:auto;
	
	margin-top:25px;

}


.spacer	{
	height:45px;
}



/***********************************************/

/* Navigation - Links

/***********************************************/



a:link,

a:visited,

a:active	{

	color: #e40022;  

	font-size: 13px; 

	line-height: 16px; 

	font-family: Arial, Verdana, Sans-Serif; 

	font-weight: normal; 

	text-decoration : none;

}



a:hover	{

	text-decoration : underline;

}



#nav ul.rex-navi1 a {

	display:block;

	color: #ffffff;  

	font-size: 15px; 

	line-height: 18px; 

	font-family: Arial, Verdana, Sans-Serif; 

	font-weight: bold; 

	text-decoration : none;

}



#nav ul.rex-navi1 a:hover, 

#nav ul.rex-navi1 li a.rex-active, 

#nav ul.rex-navi1 li a.rex-current {

	color: #e40022;

}



#nav ul.rex-navi2	{

	margin-top:5px;

	margin-bottom:15px;

	margin-left:20px;

}



#nav ul.rex-navi2 a {

	display:block;

	color: #ffffff;  

	font-size: 13px; 

	line-height: 16px; 

	font-family: Arial, Verdana, Sans-Serif; 

	font-weight: bold; 

	text-decoration : none;

}



#nav ul.rex-navi2 a:hover, 

#nav ul.rex-navi2 li a.rex-active, 

#nav ul.rex-navi2 li a.rex-current {

	color: #e40022;

}



#infonav a:link,

#infonav a:visited,

#infonav a:active	{

	color: #ffffff;  

	font-size: 11px; 

	line-height: 14px; 

	font-family: Arial, Verdana, Sans-Serif; 

	font-weight: bold; 

	text-decoration : none;

}



#infonav a:hover	{

	color: #e40022;

}


#footer a:link,

#footer a:visited,

#footer a:active	{

	color: #ffffff;  

	font-size: 12px; 

	line-height: 15px; 

	font-family: Arial, Verdana, Sans-Serif; 

	font-weight: normal; 

	text-decoration : underline;

}



#footer a:hover	{

	color: #e40022;

}







/***********************************************/

/* Fonts

/***********************************************/



.weiss {color: #ffffff;}

.klein {font-size: 12px;}

.farbe {color: #e40022;}

.hell {color: #a0a0a2;}

.galerie_text {

	color: #ffffff;  

	font-size: 13px; 

	line-height: 16px; 

	font-family: Arial, Verdana, Sans-Serif; 

	font-weight: normal; 

	text-decoration : none;

	text-align:left;

	padding-top:7px;

	padding-left:12px;

}

/* .rex-normal	{color: #ffffff;}

.rex-active	{color: #e40022;}

.rex-current	{color: #e40022;} */





/***********************************************/

/* Newsletter Formular

/***********************************************/



input#Vorname, input#Nachname, input#Firma, input#Branche, input#Strasse, input#PLZ, input#Ort, input#Telefon, input#Email, input#Internet {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 13px;
	color: #464648;
	
	width:200px; 
	padding:3px;  
	background-color: #d2d4d6; 
	border: 1px dotted #464648;
}

input#PLZ {
	width:52px;
}

input#Ort {
	width:130px;
}