/* Import styles
---------------------------------------------------------------------------------- */
/*@import url();*/

/* Common Elements
---------------------------------------------------------------------------------- */
BODY, HTML {
	background-color:white;
	margin:0;
	border:0;
	left:0;
	top:0;
	padding-left:8px;
	font-family : Arial, Helvetica, sans-serif;
	color:black;
	font-size:12px;
	line-height:16px;
}

TABLE, TD, TR, IMG {
	margin:0;
	padding:0;
/*	line-height:0; */
	vertical-align: top;
}

P {
	margin:0;
	padding:0;
}

/* Typography & Colors
---------------------------------------------------------------------------------- */

.contentelement A:link {text-decoration:underline;color:black;}
.contentelement A:visited {text-decoration:underline;color:black;}
.contentelement A:hover {text-decoration:none;color:#E3001A}

.newselement A:link {text-decoration:underline;color:black;}
.newselement A:visited {text-decoration:underline;color:black;}
.newselement A:hover {text-decoration:none;color:#E3001A}

#overlay A:link {text-decoration:none;color:black;}
#overlay A:visited {text-decoration:none;color:black;}
#overlay A:hover {text-decoration:none;color:#E3001A}

#overlay H3  {color:black;}

#overlay H3 A:link {text-decoration:none;color:black;}
#overlay H3 A:visited {text-decoration:none;color:black;}
#overlay H3 A:hover {text-decoration:none;color:#E3001A;}

.active {text-decoration:underline;}

#overlay .line {
	border-bottom:1px solid black;
	width:860px;
	height:2px;
	margin-top:20px;
	margin-bottom:15px;
	
}

 H1 {
 	font-size:32px;
	line-height:30px;
	padding-bottom:36px;
	padding-top:2px;
	margin:0px;
	background-color:white;
	margin-top:0px;
}

H2 {
	font-size:16px;
	line-height:18px;
	margin:0px;
	font-weight:normal;
}

 H2 .headline  {
	font-weight:bold;
	color:#E3001A;
}

 H3 {
	color:#E3001A;
	font-size:12px;
	line-height:16px;
}

.newselement H3 {
	padding-bottom:36px;
	margin-bottom:0px;
	margin-top:-3px;
}

.newselement * {
	line-height:16px;
}

#overlay H3 {
	margin:0;
}

.contentelement P {
	line-height:16px;
}

.newselement P {
	line-height:16px;
}

P {
		line-height:16px;
}






/* Structure
---------------------------------------------------------------------------------- */
#metanavigation {
	width:910px;
	height:12px;
	padding-top:6px;
	background-color:white;
}

#mainnavigation {
	background-color:white;
	top:66px;
	height:20px;
	padding:0px;
	width:910px;
	position:absolute;
}

#subnavigation {
	background-color:white;
	position:absolute;
	z-index:2;
	top:110px;
	height:77px;
	width:116px;
}

#main {
	width:912px;
	background-color:white;
	position:absolute;
	top:110px;
	
}

/* Content Elements
---------------------------------------------------------------------------------- */
#mainnavigation .logo {
	width:185px;
	float:left;
	margin-top:3px;
	margin-left:1px;
}

#mainnavigation .navigation {float:left;}

#mainnavigation DIV.navigation DIV {
	display: inline;
}

#main .contentelement {
	padding-left:184px;
	background-color:white;
	padding-bottom:30px;
	}
	
#main .iframeelement {
	padding-left:184px;
	background-color:white;
	padding-bottom:30px;
	border-top:1px solid #7F7F7F;
}

#main .newselement { 
	border-top:1px solid #7F7F7F;
	margin-left:184px;
	width:731px;
	padding-top:10px;
	padding-bottom:30px;
	display:block;
}

 .firstcol { 
	width:352px;
	background: #fff;
}

 .firstcolkatalog { 
	width:270px;
	background: #fff;
}


 .secondcol { 
	width:352px;
	background: #fff;
	padding-left:24px;
}

#main .imprint {
	width:912px;
	height:20px;
	border-top:1px solid #7F7F7F;
	margin-top:0px;
	padding-top:50px;
	margin-bottom:30px;
}

#showroom IMG {
	padding-right: 16px;
	padding-bottom: 16px;
}

#iframe-container {
	border-top: 1px solid #7F7F7F;

}

#stylepark-iframe { 
	padding-left: 176px;
	overflow-x:hidden; 
	overflow-y:scroll; 
}

.seitenanfang {
	float:left;
}

.footer {
	float:left;
}

#catalog {
	visibility: hidden;
}

/* Forms
---------------------------------------------------------------------------------- */
form {
	margin:0px;
	padding-top:20px;
}

input   {
	width:150px;
	padding-left:5px;
	margin-right:5px;
	height:16px;
	line-height:16px;
	border: 1px solid black;
	font-size:11px;
}

input.large {
	width:312px;
}

select {
	width:157px;
	padding-left:5px;
	margin-right:5px;
	height:20px;
	line-height:20px;
	border: 1px solid black;
	font-size:11px;
}

textarea {
	font-family : Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	padding-left: 5px;
	width: 475px;
	height:64px;
}

/*IE 7 HACk

HTML*select {
	width:150px;
	padding-left:5px;
	margin-right:5px;
	height:19px;
	font-size:10px;
}
 */ 

.checkbox {
	vertical-align: middle;
	border:none;
	width:16px;
	height:16px;
	padding:0px;
}

#catalog {

}

.submit {
	width:75px;
	height:9px;
	border: 0px;
	margin:0px;
	padding:0px;
	
}

#formtable {
	width: 648px;
}

#formtable td {
	width: 162px;
	padding-bottom: 16px;
	white-space: nowrap;
	__border: 1px solid green;
	font-size: 16px;
}

.selectCompany td {
	width: 324px;
}

.selectCompany td a {
	display: block;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size:16px;
	line-height:18px;
	font-weight: bold;
}

.selectCompany td.tdactive {
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.selectCompany td.tdactive a {
	color: black;
	text-decoration: none;
}

.selectCompany td.tdinactive {
	border-bottom: 1px solid black;
}

.selectCompany td.tdinactive a {
	color: #7F7F7F;
	text-decoration: none;
}

input.grey,
select.grey,
textarea.grey
{
	border: 1px solid #7F7F7F;
}

.grey {
	color: #7F7F7F;
}



/* OVERLAYS
---------------------------------------------------------------------------------- */
#overlay-background {
	background-image: url(../img/common/overlay_2000_100.gif);
	display:none;
	position:absolute;
	z-index:3;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background-position : top;
}

#overlay {
	position:absolute;
/*
	background-color:white;*/

	background-image: url(../img/common/lightbox_background.png);
	top:32px;
	left:48px;
	width:875px;
	height:577px;
	display:none;
	z-index:3;
	margin:0;
}

#overlay-inner {
	margin-right: 16px;
	margin-left: 16px;
	margin-top: 16px;
	margin-bottom: 16px;
	display:none;
	position:relative;
}

#overlay TABLE {
	width: 822px;;
	height:5px;
}

#overlay-close {
	position:absolute;
	left:816px;
	top:0px;
	z-index:3;
}

#overlay-navigation {
	margin-bottom: 16px;
}

#overlay-back {
	width: 96px;
}

#overlay-imagenavigation {
	width: 672px;
}


#overlay-back A.overlay, #overlay-next A.overlay, #overlay-back A.overlay:link, #overlay-next A.overlay:link  {
	text-decoration: none;

}	

#overlay-image {
	cursor: pointer;
}


#home_overlay_button {
	position: absolute;
	z-index: 2;
	top: -25px;
	left: 853px; 
}

/* Boxes
---------------------------------------------------------------------------------- */
/* Lists
---------------------------------------------------------------------------------- */
/* Menues
---------------------------------------------------------------------------------- */
 .ueberuns A:link,  .ueberuns A:visited  {
	display:block;
	float:left;
	width:93px;
	height:16px;
	background-image: url(../img/navigation/ueberuns.gif);
	background-repeat : no-repeat;
}

.ueberuns-active  {
	display:block;
	float:left;
	width:93px;
	height:16px;
	background-image: url(../img/navigation/ueberuns-active.gif);
	background-repeat : no-repeat;
}

.ueberuns A:hover  {
	display:block;
	float:left;
	width:93px;
	height:16px;
	background-image: url(../img/navigation/ueberuns-hover.gif);
	background-repeat : no-repeat;
}

.produkte A:link, .produkte A:visited  {
	display:block;
	float:left;
	width:97px;
	height:16px;
	background-image: url(../img/navigation/produkte.gif);
	background-repeat : no-repeat;
}

.produkte-active  {
	display:block;
	float:left;
	width:97px;
	height:16px;
	background-image: url(../img/navigation/produkte-active.gif);
	background-repeat : no-repeat;
}

.produkte A:hover  {
	display:block;
	float:left;
	width:97px;
	height:16px;
	background-image: url(../img/navigation/produkte-hover.gif);
	background-repeat : no-repeat;
}

.news A:link, .news A:visited  {
	display:block;
	float:left;
	width:64px;
	height:16px;
	background-image: url(../img/navigation/news.gif);
	background-repeat : no-repeat;
}

.news-active  {
	display:block;
	float:left;
	width:64px;
	height:16px;
	background-image: url(../img/navigation/news-active.gif);
	background-repeat : no-repeat;
}

.news A:hover  {
	display:block;
	float:left;
	width:64px;
	height:16px;
	background-image: url(../img/navigation/news-hover.gif);
	background-repeat : no-repeat;
}

/* SALE */
.sale A:link, .sale a:visited  {
	display:block;
	float:left;
	width:32px;
	height:16px;
	background-image: url(../img/navigation/sale.gif);
	background-repeat : no-repeat;
}

 .sale-active  {
	display:block;
	float:left;
	width:32px;
	height:16px;
	background-image: url(../img/navigation/sale-active.gif);
	background-repeat : no-repeat;
}

 .sale A:hover  {
	display:block;
	float:left;
	width:32px;
	height:16px;
	background-image: url(../img/navigation/sale-hover.gif);
	background-repeat : no-repeat;
}

/* EINZELSTUECK */

.einzelstuecke A:link, .einzelstuecke A:visited  {
	display:block;
	width:184px;
	height:32px;
	background-image: url(../img/navigation/einzelstuecke.gif);
	background-repeat : no-repeat;
}

.einzelstuecke-active  {
	display:block;
	width:184px;
	height:32px;
	background-image: url(../img/navigation/einzelstuecke-active.gif);
	background-repeat : no-repeat;
}

.einzelstuecke A:hover  {
	display:block;
	width:184px;
	height:32px;
	background-image: url(../img/navigation/einzelstuecke-hover.gif);
	background-repeat : no-repeat;
}


/* AKTIONSPREISE */
/* EXCEPTION additional margin */
.aktionspreise,
.aktionspreise-active
{
	margin-top: 8px;
}

.aktionspreise A:link, .aktionspreise A:visited  {
	display:block;
	width:184px;
	height:16px;
	background-image: url(../img/navigation/aktionspreise.gif);
	background-repeat : no-repeat;
}

.aktionspreise-active  {
	display:block;
	width:184px;
	height:16px;
	background-image: url(../img/navigation/aktionspreise-active.gif);
	background-repeat : no-repeat;
}

.aktionspreise A:hover  {
	display:block;
	width:184px;
	height:16px;
	background-image: url(../img/navigation/aktionspreise-hover.gif);
	background-repeat : no-repeat;
}



.kontakt-meta A:link, .kontakt-meta a:visited  {
	display:block;
	float:right;
	width:60px;
	height:12px;
	background-image: url(../img/navigation/kontakt-meta.gif);
	background-repeat : no-repeat;
}

.kontakt-meta-active  {
	display:block;
	float:right;
	width:60px;
	height:12px;
	background-image: url(../img/navigation/kontakt-active-meta.gif);
	background-repeat : no-repeat;
}

.kontakt-meta A:hover  {
	display:block;
	float:right;
	width:60px;
	height:12px;
	background-image: url(../img/navigation/kontakt-hover-meta.gif);
	background-repeat : no-repeat;
}


.impressum A:link, .impressum a:visited  {
	display:block;
	float:right;
	width:74px;
	height:12px;
	background-image: url(../img/navigation/impressum-meta.gif);
	background-repeat : no-repeat;
}

 .impressum-active  {
	display:block;
	float:right;
	width:74px;
	height:12px;
	background-image: url(../img/navigation/impressum-active-meta.gif);
	background-repeat : no-repeat;
}

.impressum A:hover  {
	display:block;
	float:right;
	width:74px;
	height:12px;
	background-image: url(../img/navigation/impressum-hover-meta.gif);
	background-repeat : no-repeat;
}

.newsletter A:link, .newsletter a:visited  {
	display:block;
	float:right;
	width:56px;
	height:12px;
	background-image: url(../img/navigation/newsletter-meta.gif);
	background-repeat : no-repeat;
}

 .newsletter-active  {
	display:block;
	float:right;
	width:56px;
	height:12px;
	background-image: url(../img/navigation/newsletter-active-meta.gif);
	background-repeat : no-repeat;
}

.newsletter A:hover  {
	display:block;
	float:right;
	width:56px;
	height:12px;
	background-image: url(../img/navigation/newsletter-hover-meta.gif);
	background-repeat : no-repeat;
}

.ueberuns-s A:link, .ueberuns-s A:visited  {
	display:block;
	width:54px;
	height:13px;
	background-image: url(../img/navigation/ueberuns-s.gif);
	background-repeat : no-repeat;
}

 .ueberuns-s-active  {
	display:block;
	width:54px;
	height:13px;
	background-image: url(../img/navigation/ueberuns-s-active.gif);
	background-repeat : no-repeat;
}

 .ueberuns-s A:hover  {
	display:block;
	width:54px;
	height:13px;
	background-image: url(../img/navigation/ueberuns-s-hover.gif);
	background-repeat : no-repeat;
}

.showroom A:link, .showroom A:visited  {
	display:block;
	width:72px;
	height:16px;
	background-image: url(../img/navigation/showroom.gif);
	background-repeat : no-repeat;
}

.showroom-active  {
	display:block;
	width:72px;
	height:16px;
	background-image: url(../img/navigation/showroom-active.gif);
	background-repeat : no-repeat;
}

.showroom A:hover  {
	display:block;
	width:72px;
	height:16px;
	background-image: url(../img/navigation/showroom-hover.gif);
	background-repeat : no-repeat;
}

.kataloge A:link, .kataloge A:visited  {
	display:block;
	width:72px;
	height:16px;
	background-image: url(../img/navigation/kataloge.gif);
	background-repeat : no-repeat;
}

.kataloge-active  {
	display:block;
	width:72px;
	height:16px;
	background-image: url(../img/navigation/kataloge-active.gif);
	background-repeat : no-repeat;
}

.kataloge A:hover  {
	display:block;
	width:72px;
	height:16px;
	background-image: url(../img/navigation/kataloge-hover.gif);
	background-repeat : no-repeat;
}


.kuechen A:link, .kuechen A:visited  {
	display:block;
	width:45px;
	height:16px;
	background-image: url(../img/navigation/kuechen.gif);
	background-repeat : no-repeat;
}

 .kuechen-active  {
	display:block;
	width:45px;
	height:16px;
	background-image: url(../img/navigation/kuechen-active.gif);
	background-repeat : no-repeat;
}

.kuechen A:hover {
	display:block;
	width:45px;
	height:16px;
	background-image: url(../img/navigation/kuechen-hover.gif);
	background-repeat : no-repeat;
}

.projekte A:link, .projekte A:visited  {
	display:block;
	width:116px;
	height:16px;
	background-image: url(../img/navigation/projekte.gif);
	background-repeat : no-repeat;
}

 .projekte-active  {
	display:block;
	width:116px;
	height:16px;
	background-image: url(../img/navigation/projekte-active.gif);
	background-repeat : no-repeat;
}

.projekte A:hover {
	display:block;
	width:116px;
	height:16px;
	background-image: url(../img/navigation/projekte-hover.gif);
	background-repeat : no-repeat;
}

.kontakt A:link, .kontakt A:visited  {
	display:block;
	width:116px;
	height:16px;
	background-image: url(../img/navigation/kontakt.gif);
	background-repeat : no-repeat;
}

.kontakt-active  {
	display:block;
	width:116px;
	height:16px;
	background-image: url(../img/navigation/kontakt-active.gif);
	background-repeat : no-repeat;
}

.kontakt A:hover  {
	display:block;
	width:116px;
	height:16px;
	background-image: url(../img/navigation/kontakt-hover.gif);
	background-repeat : no-repeat;
}

.design-alliance A:link, .design-alliance A:visited  {
	display:block;
	width:103px;
	height:16px;
	background-image: url(../img/navigation/design-alliance.gif);
	background-repeat : no-repeat;
}

.design-alliance-active  {
	display:block;
	width:103px;
	height:16px;
	background-image: url(../img/navigation/design-alliance-active.gif);
	background-repeat : no-repeat;
}

.design-alliance A:hover  {
	display:block;
	width:103px;
	height:16px;
	background-image: url(../img/navigation/design-alliance-hover.gif);
	background-repeat : no-repeat;
}


.empty A:link,
.empty A:visited,
.empty-active
 {
	display:block;
	width:0px;
	height:16px;
}



#mainnavigation .logo A:link, .logo A:visited {
	display:block;
	width:77px;
	height:10px;
	background-image: url(../img/navigation/leptien-logo.gif);
	background-repeat : no-repeat;
}

#mainnavigation .logo A:hover {
	display:block;
	width:77px;
	height:10px;
	background-image: url(../img/navigation/leptien-logo-hover.gif);
	background-repeat : no-repeat;
}

.seitenanfang A:link, .seitenanfang A:visited {
	display:block;
	width:68px;
	height:12px;
	background-image: url(../img/navigation/seitenanfang.gif);
	background-repeat : no-repeat;
}

.seitenanfang A:hover {
	display:block;
	width:68px;
	height:12px;
	background-image: url(../img/navigation/seitenanfang-hover.gif);
	background-repeat : no-repeat;
}

.cataloglink2008 A:link, .cataloglink2008 A:visited {
	display:block;
	width:259px;
	height:268px;
	background-image: url(../img/content/kataloge/katalog2008.jpg);
	background-repeat : no-repeat;
}

.cataloglink2008 A:hover {
	display:block;
	width:259px;
	height:268px;
	background-image: url(../img/content/kataloge/katalog2008-hover.jpg);
	background-repeat : no-repeat;
}

.cataloglink2010 A:link, .cataloglink2010 A:visited {
	display:block;
	width:259px;
	height:268px;
	background-image: url(../img/content/kataloge/katalog2010.jpg);
	background-repeat : no-repeat;
}

.cataloglink2010 A:hover {
	display:block;
	width:259px;
	height:268px;
	background-image: url(../img/content/kataloge/katalog2010-hover.jpg);
	background-repeat : no-repeat;
}

.cataloglinkoutdoor A:link, .cataloglinkoutdoor A:visited {
	display:block;
	width:256px;
	height:360px;
	background-image: url(../img/content/kataloge/outdoorkatalog.jpg);
	background-repeat : no-repeat;
}

.cataloglinkoutdoor A:hover {
	display:block;
	width:256px;
	height:360px;
	background-image: url(../img/content/kataloge/outdoorkatalog_hover.jpg);
	background-repeat : no-repeat;
}