/*
################## Style Sheet for haus-plan-ag.ch.ch ###############
### |-----------------------------------------------------------| ###
### |      � 2006 by bitsolution stalder, www.bitsolution.ch    | ### 
### |      Cascading Style Sheet for haus-plan-ag.ch.ch         | ### 
### |-----------------------------------------------------------| ###
#####################################################################
*/






/*
####################################################
################## GENERAL TAGS ####################
####################################################
*/



body				{ padding:0px; margin:0px; font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#000; line-height:150%;}
p, div, td, span, center, input, textarea, h1, h2, h3, h4, h5, h6 { font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; font-size:10px; color:#000; line-height:150%; }

a					{ color:#df0118; text-decoration:none; }
a:hover				{ color:#df0118; text-decoration:underline; }

form				{ padding:0px; margin:0px;}

ul					{ margin-left:0px!important; margin-left:30px; padding-left:25px!important; padding-left:0px;}
li					{ list-style-image:url("../../global/grfx/bullet_ff.gif.html")!important;  list-style-image:url("../../global/grfx/bullet_ie.gif.html"); margin-bottom:3px;}



/* headlines */
h1					{ color:#df0118; font-size:14px; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; font-weight:bold; background-image:url("../grfx/bg_h1.gif"); background-repeat:repeat-x; background-position:bottom; background-color:#fff; }
.containerContent h1{ color:#df0118; font-size:11px; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; font-weight:bold; background-image:none; }
.contentHome h1 	{ color:#df0118; font-size:14px; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; font-weight:bold; background-image:url("../grfx/bg_h1.gif"); background-repeat:repeat-x; background-position:bottom; background-color:#fff; }
h2					{ color:#111; font-size:9px; padding:0px; margin:0px 0px 0px 0px; font-weight:bold; }
h3					{ color:#111; font-size:9px; padding:0px; margin:0px 0px 0px 0px; font-weight:normal; }
h4					{ color:#111; font-size:9px; padding:0px; margin:0px 0px 0px 0px; font-weight:normal; }

hr					{ height:2px; background-color:#F5DFE3; border:none; }



/*
####################################################
#################### BLOCKS ########################
####################################################
*/

.containerMain		{ }
.blockMain			{ width:800px; text-align:left; padding-bottom:20px}

.blockTop			{ height:100px; }
.blockMid			{ background-image:url("../grfx/bg_left.gif"); background-repeat:repeat-y; background-position:left; }
.blockLeft			{ float:left; width:200px; min-height:470px; height:auto!important; height:470px;}
.blockContent		{ float:left; width:600px; }
.blockBottom		{ }


.containerContent	{ margin:0px 0px 27px 0px; }

.white				{ background-color:#fff; }

/*IDs*/
#colRight			{ width:150px;}
#clear				{ clear:both; height:0px; line-height:0px; }


/*
####################################################
#################### ELEMENTS ######################
####################################################
*/


/*HEADER*/
.elementLogo			{ float:left; }

.elementNavTrail		{ display:none;}
.elementEmotion			{ background-color:#fff; padding-bottom:10px; }


/*LEFT*/
.elementNavigation		{ margin:0px 23px 0px 0px; background-color:#f9ccd1; }
.elementSubNavigation	{ margin-top:5px;}

/*MAIN*/
.elementSubNavigation3	{ float:left; width:208px; }

.blockContent .col		{  }
.blockContent .col1		{ float:left; width:190px; }
.blockContent .col2		{ float:right; width:390px; }

/*3 COLS ON HOME*/
.blockContent .colStart1 { float:left; width:190px; margin-right:20px; }
.blockContent .colStart2 { float:left; width:183px; margin-right:16px; }
.blockContent .colStart3 { float:right; width:190px; }



.blockContent .listItem { margin-bottom:4px; padding-bottom:4px; border-bottom:1px dotted #ccc; }
.colStart2 .listItem	{ margin-bottom:4px; padding-bottom:4px; border:none; background-image:url("../grfx/divider_h.gif"); background-repeat:repeat-x; background-position:bottom; }

/*FOOTER*/
.elementAddress			{ position:fixed; _position:absolute; bottom:10px; _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight-10); }
.blockMain .address		{ width:152px!important; width:177px; padding:5px 0px 0px 25px; margin:0px 25px 0px 0px; background-image:url("../grfx/divider_h.gif"); background-position:top; background-repeat:repeat-x; }
.blockMain .address		{ position:absolute; top:-133px;}


/*NEWSLETTER*/
.nlFooter				{ background-image:url("../grfx/bg_h1.gif"); background-repeat:repeat-x; background-position:top; }


/*
####################################################
################# FORM ELEMENTS ####################
####################################################
*/

.inputLine, .inputField		{ border:1px solid #df0118; font-size:10px; color:#df0118; }
.inputLine					{ padding:1px 0px 0px 0px; height:13px!important; height:16px; line-height:13px;}
.inputButton				{ vertical-align:-1px!important; vertical-align:-1px; border:1px solid #df0118; font-size:10px; height:16px; color:#df0118; line-height:13px; background-color:#fff; font-weight:bold; }
.inputGo					{ width:25px; height:16px; padding:0px; vertical-align:-1px!important; vertical-align:-1px; border:1px solid #df0118; font-size:10px; color:#df0118; line-height:13px; background-color:#fff; font-weight:bold; }

.newsletterInputs			{ padding:5px 0px 5px 0px; line-height:0px;}


/*
####################################################
############# (FLOAT)TEXT FORMATTING ###############
####################################################
*/

.imageBorder		{ border:1px solid #ccc;}
.imageLeft			{ float:left; margin:3px 10px 10px 0px; }
.imageRight			{ float:right; margin:3px 0px 10px 10px; }
.txtError			{ color:#FF6600; }
.imgFileIcon		{ vertical-align:-1px; }

/*LIST*/
.msgDate			{ }

/*WYSIWYG editor*/
.text8px			{ font-size:8px;}
.text9px			{ font-size:9px;}
.text10px			{ font-size:10px;}
.text11px			{ font-size:11px;}
.text12px			{ font-size:12px;}
.text13px			{ font-size:13px;}
.text14px			{ font-size:14px;}
.text16px			{ font-size:16px;}




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

/* IE bugfix */
.nav1 a				{ display:inline-block;} 


.elementNavigation a, .elementNavigation a:hover { text-decoration:none; }


/* LEVEL 1 */
.elementNavigation a, .elementNavigation a:hover { text-decoration:none; }
.elementNavigation a#first {  background-image:none; }
.nav1 				{ width:177px; height:28px; }
.nav1 a				{ padding-left:28px; line-height:28px; display:block; font-size:12px; color:#000; background-image:url("../grfx/divider_h.gif"); background-position:top; background-repeat:repeat-x;  }
.nav1 a.is			{  }
.nav1 a.selected, .nav1 a.is:hover, .nav1 a.selected:hover { background-color:#f4a3ac; }
.nav1 a.is:hover	{ color:#e4001b; }

/* LEVEL 2 */
.elementSubNavigation a, .elementSubNavigation a:hover { text-decoration:none; }
.nav2 				{ }
.nav2 a				{ padding-left:28px; line-height:24px;  font-size:12px; color:#000;  }
.nav2 a:hover, .nav2 a.selected	{ background-image:url("../grfx/bullet_nav2.gif"); background-position:9px; background-repeat:no-repeat; color:#e4001b;}

/* LEVEL 3 */
.nav3 				{ }
.nav3 a				{ display:block; color:#000; text-decoration:none; font-size:10px;}
.nav3 a:hover		{ color:#e4001b; text-decoration:none; }
.nav3 a.selected	{ color:#e4001b; text-decoration:none;  }





/* SITEMAP */
.navSitemap1		{ margin-top:10px;}
.navSitemap1 a		{ font-weight:bold;}
.navSitemap2 a		{ padding-left: 20px; font-weight:normal; }
.navSitemap3 a		{ padding-left:40px; font-weight:normal; }