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






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


html, body			{ }

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

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

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

/* headlines */
h1					{ color:#000; font-size:13px; padding:0px; margin:0px 0px 15px 0px; font-weight:bold; line-height:150%;}
h2					{ color:#000; font-size:12px; padding:0px; margin:0px 0px 10px 0px; font-weight:bold; line-height:140%;}
h3					{ color:#000; font-size:10px; padding:0px; margin:0px 0px 10px 0px; font-weight:normal; line-height:140%;}
h4					{ color:#000; font-size:10px; padding:0px; margin:0px 0px 10px 0px; font-weight:normal; line-height:140%;}

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



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

.blockMain			{ text-align:left; }
.blockTop			{ display:none;  }
.blockLeft			{ display:none;  }
.blockContent		{ vertical-align:top;}
.blockBottom		{ display:none; }


.containerMain		{ height:100%; }
.containerContent	{ margin:0px; padding:0px}



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


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

.elementLangSwitch			{ float:left; }	
.elementLangSwitch a		{ float:left; line-height:13px; text-align:center; width:27px; height:13px; background-color:#D0A7B6; color:#915174; text-decoration:none; font-size:10px; padding-bottom:0px!important; padding-bottom:2px; }
.elementLangSwitch a:hover	{ background-color:#D0A7B6; color:#fff; text-decoration:none; font-size:10px; }
.elementLangSwitch a.selected, .elementLangSwitch a.selected:hover { width:27px; background-color:#E1C6D0; color:#985D7F; text-decoration:none; font-size:10px; }
.elementLangSwitch a#spacer	{ margin-left:1px; }

.elementTopNav				{ float:right; margin-top:94px; width:400px;}
.elementDeeplinks			{ float:right; font-size:10px; }
.elementDeeplinks a			{ color:#641345; text-decoration:none;}
.elementDeeplinks a:hover	{ color:#A55573; text-decoration:none;}

.elementTopNav .searchForm 	{ float:right;}
.elementTopNav input.line	{ height:13px; background-color:#DBBAC1; color:#5F0C3F; font-size:10px; font-style:italic; line-height:12px; border:none; padding:0px 0px 0px 3px;}
.elementTopNav input.submit	{ height:13px; border:none; padding:0px; vertical-align:-3px!important; vertical-align:-2px; margin-left:1px;}


/*LEFT*/
.elementNavigation			{ padding-top:19px;} 

.elementBox					{ padding:0px 0px 0px 28px; color:#fff;}
.elementBox	.title			{ margin:0px 0px 2px -28px; padding:0px 0px 0px 28px; background-image:url(/global/grfx/bg_boxtitle.gif); background-repeat:repeat-y; font-size:10px; font-weight:bold; color:#fff;}
.elementBox input.line		{ height:13px; background-color:#DBBAC1; color:#5F0C3F; font-size:10px; font-style:italic; line-height:12px; border:none; padding:0px 0px 0px 3px; width:152px!Important; width:155px; }
.elementBox input.submit	{ height:13px; border:none; padding:0px; vertical-align:-3px!important; vertical-align:-2px; margin-left:1px;}


/*MAIN*/
.elementTimebar				{ margin:0px 0px 20px 0px;}


/*FOOTER*/
#elementBottomLeft			{ background-color:#AC6B83; text-align:center; color:#934D6D; font-size:9px; }
#elementBottomRight			{ background-color:#EBDADF; padding:0px 0px 0px 12px; color:#B98EA2; font-size:9px;}
#elementBottomRight a, #elementBottomRight div { color:#B98EA2; font-size:9px; text-decoration:none; }
#elementBottomRight a:hover	{ color:#934D6D; font-size:9px; text-decoration:none; }
#elementBottomRight .links	{ float:left;  }
#elementBottomRight .right	{ float:right;  background-color:#E1C5CD; width:112px; height:13px; }
#elementBottomRight .right .bitsolution { float:left; }
#elementBottomRight .right .bitsolution img { vertical-align:-3px!important; vertical-align:-2px; }
#elementBottomRight .right .bitsolution .top { margin-right:5px;}
#elementBottomRight .right .login { float:right; }


/*HOME*/
.homeTable					{ margin-top:110px; height:338px;}
.homeTable .logo			{ width:250px; vertical-align:top; background-color:#fff; }


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


.inputLine, .inputField, .mginputln		{  background-color:#F5DFE3; color:#5F0C3F; font-size:10px; font-style:italic; line-height:12px; border:none; padding:0px 0px 0px 3px; }
.inputButton				{ height:16px; background-color:#B26F88; color:#fff; font-size:10px; font-weight:bold; line-height:12px; border:none; padding:0px 0px 0px 3px; }
.txtError					{ color:#3366CC; }




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


.imageLeft			{ float:left; padding-right:10px; margin:0px 12px 12px 0px; }
.imageRight			{ float:right; padding-left:10px; margin:0px -12px 12px 12px;}

.rowOdd				{ padding:5px 12px 5px 12px; margin:0px -12px 0px -12px; background-color:#FBF3F5;}
.rowEven			{ padding:5px 0px 5px 0px;}

/*news*/
.containerNews h2	{ margin:0px 0px 3px 0px;}






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

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


/* LEVEL 1 */
div.nav1			{ font-size:12px; line-height:19px; text-transform:uppercase; margin-bottom:1px;}
div.nav1 a			{ display:inline-block; padding:0px 15px 0px 28px;}
div.nav1 .is		{ display:block; color:#fff; }
div.nav1 .is:hover	{ display:block; color:#fff; background-image:url(/global/grfx/bg_nav1_over.gif); background-repeat:repeat-y; background-position:center right;}
/*div.nav1 .open		{ display:block; color:#fff; font-weight:bold; background-image:url(/global/grfx/bg_nav1_over.gif); background-repeat:repeat-y; background-position:center right;}*/
div.nav1 .open		{ display:block; color:#fff; font-weight:bold; }
div.nav1 .open:hover{ display:block; color:#fff; font-weight:bold; background-image:url(/global/grfx/bg_nav1_selected.gif); background-repeat:repeat-y; background-position:center right;}
div.nav1 .selected, div.nav1 .selected:hover	{ display:block; color:#fff; font-weight:bold; background-image:url(/global/grfx/bg_nav1_selected.gif); background-repeat:repeat-y; background-position:center right;}
div#nav1OpenSpacer		{ margin-top:7px;}

/* LEVEL 2 */
div.nav2spacer		{ margin-bottom:8px;}
div.nav2			{ margin:0px 0px 1px 25px; line-height:17px; font-size:11px;}
div.nav2 a			{ display:inline-block; padding:0px 15px 0px 16px;}
div.nav2 .is		{ display:block; color:#fff; }
div.nav2 .is:hover	{ display:block; color:#fff; background-image:url(/global/grfx/bg_nav1_over.gif); background-repeat:repeat-y; background-position:center right;}
/*div.nav2 .open		{ display:block; color:#fff; font-weight:bold; background-image:url(/global/grfx/bg_nav1_over.gif); background-repeat:repeat-y; background-position:center right;}*/
div.nav2 .open		{ display:block; color:#fff; font-weight:bold; }
div.nav2 .open:hover{ display:block; color:#fff; font-weight:bold; background-image:url(/global/grfx/bg_nav1_selected.gif); background-repeat:repeat-y; background-position:center right;}
div.nav2 .selected, div.nav2 .selected:hover	{ display:block; color:#fff; font-weight:bold; background-image:url(/global/grfx/bg_nav1_selected.gif); background-repeat:repeat-y; background-position:center right;}

/* LEVEL 3 */
div.nav3spacer		{ margin-bottom:8px;}
div.nav3			{ margin:0px 0px 1px 40px; line-height:17px; font-size:11px;}
div.nav3 a			{ display:inline-block; padding:0px 15px 0px 16px;}
div.nav3 .is		{ display:block; color:#fff; }
div.nav3 .is:hover	{ display:block; color:#fff; background-image:url(/global/grfx/bg_nav1_over.gif); background-repeat:repeat-y; background-position:center right;}
div.nav3 .open		{ display:block; color:#fff; font-weight:bold; background-image:url(/global/grfx/bg_nav1_over.gif); background-repeat:repeat-y; background-position:center right;}
div.nav3 .open:hover{ display:block; color:#fff; font-weight:bold; background-image:url(/global/grfx/bg_nav1_selected.gif); background-repeat:repeat-y; background-position:center right;}
div.nav3 .selected, div.nav3 .selected:hover	{ display:block; color:#fff; font-weight:bold; background-image:url(/global/grfx/bg_nav1_selected.gif); background-repeat:repeat-y; background-position:center right;}





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