/*
################### Style Sheet for magicneedle.ch ##################
### |-----------------------------------------------------------| ###
### |      © 2006 by bitsolution stalder, www.bitsolution.ch    | ### 
### |      Cascading Style Sheet for   magicneedle.ch           | ### 
### |-----------------------------------------------------------| ###
#####################################################################
*/






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

body				{ background-color:#939393; }

body				{ padding:0px; margin:0px; font-family: Arial, Verdana, serif; font-size:11px; color:#c2c0c0; line-height:150%;   }

a					{ color:#c2c0c0; text-decoration:underline; }
a:hover				{ color:#f68f1f; 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)!important;  list-style-image:url(/global/grfx/bullet_ie.gif); margin-bottom:3px;}



/* headlines */
h1					{ font-size:12px; padding:0px; margin:0px 0px 16px 0px; font-weight:bold; line-height:25px;  }
h2					{ font-size:11px; padding:0px; margin:0px 0px 3px 0px; font-weight:bold; }
h3					{ font-size:10px; padding:0px; margin:10px 0px 3px 0px; font-weight:bold; }
h4					{ font-size:10px; padding:0px; margin:0px 0px 0px 0px; font-weight:normal; }

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

hr					{ height:1px; border:none; border-top:1px dotted #444; }



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

.containerMain		{ padding-bottom:20px; }

.blockMain			{ width:908px; text-align:left;  }
.blockTop			{ height:210px; }
.blockMid			{ margin-left:58px; }
.blockLeft			{ float:left; width:112px;  }
.blockContent		{ float:left; width:484px; }
.blockRight			{ float:right; width:246px;   }
.blockBottom		{  }

.wrapperLeftContent	{ float:left; width:596px; }
.bgLeftContent		{ min-height:425px; height:auto!important; height:425px; background-color:#272626; } 
.containerContent	{ padding:0px 30px 30px 0px;}
.containerRight		{ background-color:#f68f1e; min-height:425px; height:auto!important; height:425px;}


/*IDs*/
.clear				{ clear:both; height:0px; line-height:0px; }
.fullWidth			{ width:100%;}
.hidden				{ display:none; }

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


/*common*/
.paging					{ margin-top:6px;}
 
/*HEADER*/


/*LEFT*/
.elementNavigation		{ padding:0px 7px 0px 7px; }


/*TOP NAV*/




/*MAIN*/
.newsItem				{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #444;}


/*RIGHT*/
.elementRight			{ padding:9px; color:#272626;}
.elementRight a			{ color:#272626; }
.elementRight a:hover	{ color:#272626; text-decoration:none; }
.elementRightFooter		{ text-align:right; }
.elementRightFooter, .elementRightFooter a	{ font-size:10px; color:#b3b3b3; }
.elementAlbum			{ width:100%; overflow:hidden; }
.elementAlbum .border	{ padding:1px; border:1px solid #c1731f; width:68px; height:68px; display:block; margin:0px 6px 6px 0px;}
.elementNaviRight		{ margin-bottom:15px;}


/*FOOTER*/
.elementAddress			{ width:95px; margin:-62px 0px 0px 7px; font-size:10px; line-height:140%; }
.elementFooter 			{ font-size:10px; color:#272626; margin-left:0px; }
.elementFooter a, .elementFooter a:hover { font-size:9px; color:#A2ADCF }
.elementFooter a:hover	{ color:#A2ADCF; text-decoration:underline; }
.elementFooter .left	{ float:left; margin-left:53px; }
.elementFooter .bs		{ display:none; color:#C7CDE1; }



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

.inputLine, .inputField	{ background-color:#939393; border:none; font-size:11px; color:#222;  }
.inputButton			{ background-color:#939393; border:none; font-size:11px; color:#222; cursor:pointer; }
.inputSelect			{ border:1px solid #939393; font-size:11px; color:#001E81; }
td.field				{ padding:6px 0px 6px 0px}
.error				{ color:#f68f1f; }

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

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


/*LIST*/


/*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;}
.imagePadding		{ margin: -20px -20px 0px -20px;}
.textRight			{ float:right; }



table.listing td	{ background-color:#C9CDB8; }
td.cellListing		{ background-color:#C9CDB8; }




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


.elementNavigation a{ font-size:15px; line-height:25px; text-decoration:none; }


/* LEVEL 1 */
.nav1 				{  }
.nav1 a				{ display:block; color:#c2c0c0; }
.nav1 a:hover		{ color:#f68f1e; text-decoration:none; }
.nav1 a.selected	{ color:#f68f1e;  }


/* LEVEL 2 */
.nav2container		{ margin-bottom:20px; }
.nav2 				{ margin-left:20px;}
.nav2 a				{ display:block; color:#c2c0c0; }
.nav2 a:hover		{ color:#f68f1e; text-decoration:none; }
.nav2 a.selected	{ color:#f68f1e;  }




/* LEVEL 3 */
.nav3 				{ display:inline; margin-right:16px; }
.nav3 a				{ color:#272626; text-decoration:none; font-weight:bold; }
.nav3 a:hover		{ color:#272626; text-decoration:underline; }
.nav3 a.selected	{ color:#272626; text-decoration:underline; }




/* 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; }