/*
############################################################################
BASIC DEFAULT CSS FOR STEINBERG ARMATUREN 2009 #############################
CREATED BY: PIXELIZER.DE (PIERRE B) 11/2009 - WITH REDAXO CMS ##############
############################################################################
*/

*{ margin:0px; padding:0px; border:0px; }
.myClearLeft { clear:left; }
.myClearBoth { clear:both; }
a{ color: #000000; text-decoration: underline; }
a:hover{ color:#313131; text-decoration: underline; }
table { border:0px; }
td { padding:0px; border:0px; }

/*
###########################################################################
BODY, DIVS ################################################################
###########################################################################
*/

html, body {
	background-color: #ffffff;
	background-image: url(design/bg_browser.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.88em;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	text-align: center; 
	height: 100%;
}

td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.71em;
	color: #000000;
	font-style: normal;
	font-weight: normal;
}

#pageArea{
	position:absolute;
	top: 50%;
	left: 50%;
	width:965px;
	height:685px;
	margin-top: -345px;
	margin-left: -487px;
	/* margin: auto; Div soll zentriert werden */
	/*min-height: 100%;  Mindesthöhe für moderne Browser */
	/*height:auto !important;  Important Regel für moderne Browser */
	/*height:100%;  Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */ 
	text-align:left;
	background-image: url(design/bg_page.png);
	background-repeat: no-repeat;
	/*border: 1px dotted #00FFFF;*/
}


/*
######################################################
### CONTENT + SIDEBAR ################################
######################################################
*/

#pageContentArea{
	width:960px;
	height:680px;
	margin-left:3px;
	margin-top:2px;
	text-align:left;
	/*BG STEHT ALS CSS MODUL IM TEMPLATE CONTENT*/
	/*background-image: url(files/bg_start.jpg);
	background-repeat: no-repeat;*/
}


#pageSidebarLeft{
	width:149px;
	height:680px;
	background-image: url(design/bg_sidebar_right.png);
	background-repeat: no-repeat;
	margin-left:38px;
	float:left;
	/*border: 1px dotted #123456;*/
}

#pageSidebarRight{
	width:104px;
	height:680px;
	background-image: url(design/bg_sidebar_left.png);
	background-repeat: no-repeat;
	float:right;
	margin-right:38px;
	/*border: 1px dotted #00FFFF;*/
}

#pageContentPage1{
	width:700px;
	*width:760px; /*IE Damn*/
	height:680px;
	text-align: center;
	margin-left:187px;
	padding:30px;
	/*border: 1px dotted #00FFFF;*/
}

#pageContentPage2{
	width:570px;
	*width:625px; /*IE Damn*/
	height:680px;
	text-align: center;
	margin-left:187px;
	padding:30px;
	/*border: 1px dotted #00FFFF;*/
}

/*
###########################################################################
CONTENT BLOCK - AREAS #####################################################
###########################################################################
*/
#pageContentBlock_ContentBox{
	/*DEFAULT ANGABEN - WERDEN WENN NOETIG AUS REXMODUL 
	 x_sba_modul.ContentBoxValue.php UEBERSCHRIEBEN */
	display:table;
	padding:15px;
	width:452px;
	height:442px;
	margin:auto;
	/*float:left;*/
	margin-top:83px;
	font-size: 0.9em;
	color:#000000;
	line-height: 1.5em;
	text-align:left;
	background-image: url(design/bg_content_60.png);
	background-repeat: repeat;
	/*border: 1px solid #ECECEC;*/
}

#pageContentBlock_ProductLayer{
	padding:15px;
	width:452px;
	*width:480px;
	height:442px;
	text-align:left;
	margin:auto;
	margin-top:83px;
	background-image: url(design/bg_content_80.png);
	background-repeat: repeat;
	visibility: hidden;
	font-size: 0.88em;
	/*border: 1px solid #ECECEC;*/
}

/*
###########################################################################
CONTENT PRODUCTS ##########################################################
###########################################################################
*/

#pageContentBlock_ProductImage{
	border: 1px solid #D9D9D9;
	margin-bottom:12px;
}

.pageContentBlock_ProductArtno{
	font-size: 0.58em;
	color:#5B5B5B;
	font-style: normal;
	font-weight: normal;
	text-align:right;
}

#pageContentBlock_ProductDesc{
	min-height:32px;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	margin-bottom:5px;
	/*border: 1px dotted #054124;*/
}

.pageContentBlock_ProductPrice{
	font-size: 0.72em;
	font-style: normal;
	font-weight: bold;
	text-align:left;
}

.pageContentBlock_ProductTax{
	font-size: 0.58em;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	color:#5B5B5B;
}

#pageContentBlock_ProductLinks{
	text-align:left;
	margin-top:5px;
}

#pageContentBlock_ProductLinks img{
	margin-right:3px;
}

#pageContentBlock_ProductLinks a{
	text-decoration:none;
	margin-right:5px;
}

#pageContentBlock_ProductLinks a:hover{
	text-decoration:none;
	color:#5B5B5B;
}

/*
###########################################################################
NAVIGATION FOOTER #########################################################
###########################################################################
*/

#VertNavFooter{
 margin-bottom:20px;
 width:145px;
 text-align:center;
 margin-bottom:20px;
 position:absolute; 
 bottom:0px;
 color: #AEADAD;
 font-size:0.71em;
}

#VertNavFooter a{
  color: #AEADAD;
  text-decoration: none;
}

#VertNavFooter a:hover{
  color: #FFFFFF;
  text-decoration: none;
}

#VertNavFooterLang a{
  font-weight:bold;
  color: #FFFFFF;
  text-decoration: none;
}

#VertNavFooterLang a:hover{
  color: #AEADAD;
  text-decoration: none;
}


/*
###########################################################################
NAVIGATION ################################################################
###########################################################################
*/

#VertNav{
 width:145px;
 margin:0px;
 margin-top:20px;
 margin-left:2px;
}

#VertNav a{
  color: #FFFFFF;
  text-decoration: none;
}

#VertNav a:hover{
  color: #FFFFFF;
  text-decoration: none;
}

/*
###########################################################################
NAVIGATION Level 0 ROOT ###################################################
###########################################################################
*/

.VertNavRoot{
	height:20px;
	width:145px;
	font-weight:bold;	
}

.VertNavRoot a{
	display:block;
	width:130px;
	*width:145px;
	padding-top:2px;
	padding-left:15px;
	font-size:0.9em;
	}

.VertNavRoot a:hover{
	display:block;
	height:20px;
	background-image: url(design/sidebar_nav_active.png);
 	background-repeat: no-repeat;
}

.VertNavRootAct{
	margin:0px;
	height:20px;
	width:145px;
	font-weight:bold;
	background-image: url(design/sidebar_nav_active.png);
	background-repeat: no-repeat;
}

.VertNavRootAct a{
	display:block;
	padding-top:2px;
	width:130px;
	*width:145px;
	padding-left:15px;
	font-size:0.9em;
}

.VertNavRootAct a:hover{
	display:block;
}


/*
###########################################################################
SUBNAVIGATION Level 1 #####################################################
###########################################################################
*/


.VertNavSub1{
	height:20px;
	width:145px;
	font-weight:normal;	
}

.VertNavSub1 a{
	display:block;
	width:125px;
	*width:145px;
	padding-top:3px;
	padding-left:20px;
	font-size:0.85em;
	}

.VertNavSub1 a:hover{
	display:block;
	height:20px;
	background-image: url(design/sidebar_nav_active.png);
 	background-repeat: no-repeat;
}

.VertNavSub1Act{
	margin:0px;
	height:20px;
	width:145px;
	font-weight:bold;
	/*background-image: url(design/sidebar_nav_active.png);
	background-repeat: no-repeat;*/
}

.VertNavSub1Act a{
	display:block;
	padding-top:3px;
	padding-left:20px;
	width:125px;
	*width:145px;
	font-size:0.85em;
}

.VertNavSub1Act a:hover{
	display:block;
	height:20px;
	background-image: url(design/sidebar_nav_active.png);
 	background-repeat: no-repeat;
}

/*
###########################################################################
SUBNAVIGATION Level 2 --- SAME LIKE LEVEL 1 ###############################
###########################################################################
*/

.VertNavSub2{
	height:20px;
	width:145px;
	font-weight:normal;	
}

.VertNavSub2 a{
	display:block;
	width:118px;
	*width:145px;
	padding-top:3px;
	padding-left:27px;
	font-size:0.85em;
	}

.VertNavSub2 a:hover{
	display:block;
	height:20px;
	background-image: url(design/sidebar_nav_active.png);
 	background-repeat: no-repeat;
}

.VertNavSub2Act{
	margin:0px;
	height:20px;
	width:145px;
	font-weight:bold;
	/*background-image: url(design/sidebar_nav_active.png);
	background-repeat: no-repeat;*/
}

.VertNavSub2Act a{
	display:block;
	padding-top:3px;
	padding-left:27px;
	width:118px;
	*width:145px;
	font-size:0.85em;
}

.VertNavSub2Act a:hover{
	display:block;
	height:20px;
	background-image: url(design/sidebar_nav_active.png);
 	background-repeat: no-repeat;
}


/*
###########################################################################
SUBNAVIGATION Level 3 #####################################################
###########################################################################
*/

.VertNavSub3{
	height:20px;
	width:145px;
	font-weight:normal;	
}

.VertNavSub3 a{
	display:block;
	width:110px;
	*width:145px;
	padding-top:3px;
	padding-left:35px;
	font-size:0.85em;
	}

.VertNavSub3 a:hover{
	display:block;
	height:20px;
	background-image: url(design/sidebar_nav_active.png);
 	background-repeat: no-repeat;
}

.VertNavSub3Act{
	margin:0px;
	height:20px;
	width:145px;
	font-weight:bold;
	/*background-image: url(design/sidebar_nav_active.png);
	background-repeat: no-repeat;*/
}

.VertNavSub3Act a{
	display:block;
	padding-top:3px;
	padding-left:35px;
	width:110px;
	*width:145px;
	font-size:0.85em;
}

.VertNavSub3Act a:hover{
	display:block;
	height:20px;
	background-image: url(design/sidebar_nav_active.png);
 	background-repeat: no-repeat;
}


/*
###########################################################################
SUBNAVIGATION Level 4 #####################################################
###########################################################################
*/

.VertNavSub4{
	height:20px;
	width:145px;
	font-weight:normal;	
}

.VertNavSub4 a{
	display:block;
	width:102px;
	*width:145px;
	padding-top:4px;
	padding-left:43px;
	font-size:0.72em;
	}

.VertNavSub4 a:hover{
	display:block;
	height:20px;
	background-image: url(design/sidebar_nav_active.png);
 	background-repeat: no-repeat;
}

.VertNavSub4Act{
	margin:0px;
	height:20px;
	width:145px;
	font-weight:normal;
	/*background-image: url(design/sidebar_nav_active.png);
	background-repeat: no-repeat;*/
}

.VertNavSub4Act a{
	display:block;
	padding-top:4px;
	padding-left:43px;
	width:102px;
	*width:145px;
	font-size:0.72em;
}

.VertNavSub4Act a:hover{
	display:block;
	height:20px;
	background-image: url(design/sidebar_nav_active.png);
 	background-repeat: no-repeat;
}


/*
###########################################################################
SIDEBAR SCROLLER CONTENTS #################################################
SCROLL DEFINITIONS AT SBA.DW_SCROLLER.REL.CSS #############################
HERE ONLY DEFINITIONS FOR PRODUCTLISTING OR TEXT CONTENT ##################
###########################################################################
*/

.modProductlistThumb{
	text-align:left;
	margin-bottom:8px;
	/*border: 1px solid #414141;
	background-image: url(design/thumb_loading.gif);
	background-repeat: no-repeat;*/
}

.modProductlistThumbSelected{
	text-align:left;
	margin-bottom:8px;
	/*border: 1px solid #F21342;
	background-image: url(design/thumb_loading.gif);
	background-repeat: no-repeat;*/
}

/*
.modProductlistThumb a img{
	background-color: #000;
	opacity: 0.80; 
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter:alpha(opacity=80);
}

.modProductlistThumb a:hover img{
	background-color: #fff;
	filter:alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1; 
}
*/	


/*
###########################################################################
ARTICLE TEASER MODUL #####################################################
###########################################################################
*/
#modStyleTeaser{
	padding:0 0 20 0;
	text-align:left;
	margin-bottom:50px;	
}

#modStyleTeaser .txt-img p{
	margin-bottom:10px;	
}

#modStyleTeaser a.teaserReadmore{
	float:right;
	text-decoration: underline;
	margin-top:10px;
}

#modStyleTeaser a.teaserReadmore:hover{
	text-decoration: underline;
}

#modStyleTeaser #teaserNavBox{
	padding:0 0 0 0;
}

#modStyleTeaser .teaser-nav{

}

/*
###########################################################################
HEADLINES #################################################################
###########################################################################
*/

h1{
    font-size: 22px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 10px;
}

h2{
    font-size: 18px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 10px;
}

h3{
    font-size: 16px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 8px;
}

h4{
    font-size: 14px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 5px;
}

h5{
    font-size: 12px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
}

/*
###########################################################################
SPLITLINES ################################################################
###########################################################################
*/
.splitline1{
	background-image: url(design/block_split1.gif);
	background-repeat: repeat-x;
	margin-top:11px;
	margin-bottom:11px;
}

.splitline2{
	background-image: url(design/block_split2.gif);
	background-repeat: repeat-x;
	margin-top:11px;
	margin-bottom:11px;
}


/*
###########################################################################
PAGE - DEALER SEARCH ######################################################
###########################################################################
*/

#pxDealerSearch{
	height:85px;
	font-size:10px;
	color:#4B4B4B;
	margin-bottom:0px;
}

#pxDealerSearch h1{
margin-bottom:5px;
}

.pxDealerSearchField{
width:162px;
margin-right:10px;
*margin-right:5px;
float:left;
}

.pxDealerSearchField input{
width:162px;
height:29px;
padding:5px;
margin-bottom:7px;
*margin-bottom:3px;
background-color: #FFFFFF;
border: 1px solid #BAB4B3;
}

/*.pxDealerSearchFieldZip{
margin-right:10px;
float:left;
}

.pxDealerSearchFieldZip select{
width:90px;
height:29px;
padding:5px;
padding-top:3px;
margin-bottom:7px;
*margin-bottom:3px;
background-color: #FFFFFF;
border: 1px solid #BAB4B3;
}
*/

.pxDealerSearchFieldZip{
width:100px;
margin-right:10px;
*margin-right:5px;
float:left;
}

.pxDealerSearchFieldZip input{
width:100px;
height:29px;
padding:5px;
margin-bottom:7px;
*margin-bottom:3px;
background-color: #FFFFFF;
border: 1px solid #BAB4B3;
}

.pxDealerSearchFieldCountry{
margin-right:10px;
height:33px;
float:left;
}

.pxDealerSearchFieldCountry select{
width:130px;
height:29px;
*width:115px;
padding:5px;
padding-top:3px;
margin-bottom:7px;
*margin-bottom:5px;
background-color: #FFFFFF;
border: 1px solid #BAB4B3;
}

.pxDealerSearchFieldSubmit{
float:left;
margin-right:0px;
*margin-right:0px;
}

.pxDealerSearchFieldSubmit input{
	width:63px;
	height:29px;
	background-image: url(design/formbut_go.gif);
	background-repeat: no-repeat;
	background-color: transparent;
}

/*
###########################################################################
ADDON - DEALER RESULTS ####################################################
###########################################################################
*/
.pxAddonMod_DealerItem{
float:left;
display:block;
width:185px;
*width:187px;
height:110px;
*height:130px;
margin-right:20px;
*margin-right:15px;
margin-bottom:20px;
*margin-bottom:0px;
background-image: url(design/block_split1.gif);
background-repeat: repeat-x;
}

.pxAddonMod_DealerItemSplit{
	width:100%;
	background-image: url(design/block_split1.gif);
	background-repeat: repeat-x;
	margin-top:5px;
	margin-bottom:5px;
}


/*
###########################################################################
ADDON - STAFF MITARBEITER #################################################
###########################################################################
*/

#pxAddonMod_Staff{
padding-bottom:15px;
*margin-bottom:0px;
}

#pxAddonMod_Staff .pxAddonMod_StaffItem{
float:left;
display:block;
width:280px;
*width:280px;
height:70px;
*height:105px;
margin-right:20px;
*margin-right:15px;
margin-bottom:20px;
*margin-bottom:0px;
padding-top:15px;
background-image: url(design/block_split1.gif);
background-repeat: repeat-x;
}

#pxAddonMod_Staff .pxAddonMod_StaffItem img{
float:left;
margin-right:10px;
margin-bottom:10px;
border: 1px solid #DAD7D7;
}


/*
###########################################################################
ADDON - STAFF AGENTS #################################################
###########################################################################
*/

#pxAddonMod_Agents{
padding-bottom:15px;
*margin-bottom:0px;
}

#pxAddonMod_Agents .pxAddonMod_AgentItem{
float:left;
display:block;
width:600px;
*width:650px;
height:70px;
*height:115px;
margin-bottom:20px;
*margin-bottom:0px;
padding-top:15px;
background-image: url(design/block_split1.gif);
background-repeat: repeat-x;
}

#pxAddonMod_Agents .agentItemRow{
float:left;
display:block;
width:180px;
*width:210px;
}

/*
###########################################################################
ADDON - NEWS ##############################################################
###########################################################################
*/
.addonNewsPagin{
 margin-bottom:15px;
 font-size:10px;
}

.addonNewsPagin td img {
 display: block;
}

.addonNewsItem{
	margin-bottom:4px;
	color:#2F2F31;
	font-size:11px;
}

.addonNewsItem h2{
	font-size:12px;
	font-weight: bold;
	margin-bottom:0px;
	color:#2F2F31;
}

.addonNewsItemDate{
	width:42px;
	height:42px;
	float:left;
	margin-right:8px;
	color:#535356;
	font-size:11px;
	text-align:center;
	vertical-align:middle;
	background-color: #FFFFFF;
}

.addonNewsItemDate h1{
	color:#535356;
	font-size:16px;
	font-weight: bold;
	margin-bottom:0px;
	margin-top:6px;
}

.addonNewsItem td img {
 display: block;
 border:0px;
}

.addonNewsItem a{
 color:#004FB4;
}

.addonNewsItem a:hover{
 color:#2F2F31;
}

/*
###########################################################################
TEXTILE ###################################################################
###########################################################################
*/

.clear{
clear:both;
}

.txt-img{
margin-bottom:12px;
}

.txt-img p{
  margin-bottom:12px;
}


.floatLeft{
 float:left;
 margin:0px;
}

.floatLeft p{
  margin-bottom:12px;
}

.floatLeft img{
	margin-bottom:5px;
	*margin-bottom:0px;
	margin-right:10px;
}

.floatRight{
 float:right;
 margin:0px;
}

.floatRight img{
	margin-bottom:5px;
	*margin-bottom:0px;
	margin-right:10px;
}

/*
###########################################################################
RAD DOWNLOAD FILE #######################################################
###########################################################################
*/

.modRADDownload{
	width:95%;
	margin-bottom:10px;
	background-image: url(design/block_split2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.modRADDownload img{
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}

.modRADDownloadExtraborder{
	border: 1px solid #424242;
}

.modRADDownloadInfo{
	font-size:9px;
	color:#C7C7C7;
}


/*
###########################################################################
RAD ARTICLE INCLUDER 2.0 ##################################################
###########################################################################
*/
.modRADArticleIncluder{
	margin-bottom:25px;
}

.modRADAIStyle1{
	padding:0px;
	margin:0px;
	width:100%;
}

.modRADAIStyle1 td img {
 display: block;
}


#pageContentArea .modRADArticleIncluder .modRADAIStyle1 .txt-img p{
	margin-bottom:0px;
}

#pageContentArea .modRADArticleIncluder .modRADAIStyle2{
	border: 1px solid #D9D9D9;
	padding:10px;
	margin-bottom:25px;
}

#pageContentArea .modRADArticleIncluder .modRADAIStyle2 .txt-img p{
	margin-bottom:0px;
}

/*
###############################################################################
LISTS
###############################################################################
*/

ol li {
	margin:0 0 0 25px;
	list-style-type:decimal-leading-zero;
	padding-bottom:10px;
} 
ul li {
	margin:0 0 5 15px;
	list-style-type:square;
}

ul  {
	margin-bottom:10px;
}

li a {
	font-weight: normal;
	color:#8D8D8D;
	text-decoration: underline;
	padding-left:0px;
}

li a:hover{
	color: #5A9CE2;
}

/*
###############################################################################
CSS-Klasse für das anhängen eines symbols zur kennzeichnung
###############################################################################
*/
/*.extern{padding-right:15px;background:url('../img/extern.gif') no-repeat right center;}*/

/*
###############################################################################
### DOWNLOAD BEREICH
###############################################################################
*/
.modPXDownload{
	width:70%;
	clear:left;
	margin-bottom:10px;
    margin-right:10px;
	border: 1px solid #E6E4D8;
    border-radius: 3px 3px 3px 3px;
    padding: 5px;
	height:48px;
	background-image: url("design/bg_content_60.png");
    
	/*width:45%;float:left;
	background-image: url(design/block_split2.gif);
	background-repeat: repeat-x;
	background-position: bottom;*/
}

.modPXDownload .modPXDownloadPicture{
	width:48px;
	float:left;
	margin-right:10px;
}

/*.modPXDownload .modPXDownloadExtraborder{
	border: 1px solid #d9d9d9;
}*/

.modPXDownload .modPXDownloadInfo{
	font-size:10px;
	color:#5b5b5b;
}

.modPXDownload .modPXDownloadHeadline{
	font-size:11px;
	color: #000000;
	text-decoration:none;
}


.modPXDownload .modPXDownloadHeadline a{
	text-decoration:none;
}