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






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



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

a					{ color:#01766E; text-decoration:none; }
a:hover				{ color:#01766E; 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					{ color:#333; font-size:15px; padding:0px; margin:0px 0px 13px 0px; font-weight:bold; line-height:23px;}
h2					{ color:#111; font-size:12px; padding:0px; margin:0px 0px 0px 0px; font-weight:bold; line-height:150%;}
h3					{ color:#111; font-size:11px; padding:0px; margin:0px 0px 0px 0px; font-weight:normal; line-height:150%;}
h4					{ color:#111; font-size:10px; padding:0px; margin:0px 0px 0px 0px; font-weight:normal; line-height:150%;}

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



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

.blockMain			{ width:800px; margin:50px 0px 0px 0px; background-color:#000; }
.blockTop			{ height:50px;}
.blockMid			{ height:478px; }
.blockContent		{ vertical-align:top; padding:20px 15px 15px 15px;}
.blockBottom		{ height:72px; vertical-align:bottom; }



.containerContent	{ }

.white				{ background-color:#fff; }


/*IDs*/
#colRight			{ width:150px;}


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


/*HEADER*/
.elementNavBar			{ height:25px;  background-color:#949491;}
.elementNav				{ float:left; padding-left:10px; }
.elementFunctions		{ float:right; height:25px; overflow:hidden; }
.elementTopnav table	{ width:100%; height:50px;}


/*SUBNAV*/
.elementSubnav			{ padding:20px 0px 0px 0px;} 
.elementNavTrail		{ display:none; }


/*MAIN*/
.blockContent .colLeft	{ float:left; width:301px;}
.blockContent .colRight	{ float:left; padding-left:15px; width:301px!important; width:316px;}
.elementLogo			{ margin-bottom:20px;}



/*RIGHT*/
.elementNavRight		{ vertical-align:top; }
.elementEmotion			{ vertical-align:bottom;}
.elementEmotion img		{ border-top:1px solid #000;}

/*BOTTOM*/
.blockBottom			{ padding:10px;}
.elementAddress			{ float:right; text-align:right;}
.elementLangSwitch		{ float:left;}


/*FOOTER*/
.elementFooter				{ width:800px; margin:3px 0px 20px 0px;}
.elementFooter a			{ color:#888; text-decoration:none; }
.elementFooter a:hover		{ color:#888; text-decoration:underline; }
.elementFooter .copyright	{ float:left; font-size:10px; color:#888;  }
.elementFooter .bitsolution	{ float:right; font-size:10px; color:#dfdfdb; }
.bitsolution a				{ font-size:10px; color:#cdcdcd; text-decoration:none; }
.bitsolution a:hover		{ font-size:10px; color:#cdcdcd; text-decoration:underline; }



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

.inputLine, .inputField		{ background-color:#f2f2f2; border:none; font-size:10px; color:#003333; font-family:"Courier New", Courier, mono; }
.inputButton				{ background-color:#eee; border:1px solid #ccc; font-size:12px; color:#000; }



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





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


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


/* LEVEL 1 */
.nav1 a						{ display: inline-block; }
.nav1						{ text-align:center; font-size:17px; font-weight:bold; line-height:50px; }
.nav1 a						{ display:block; color:#000; text-decoration:none; }
.nav1 a.selected, .nav1 a:hover	{ color:#fff; text-decoration:none;}

.elementCurrentTopLevel		{ text-align:left; }
.elementCurrentTopLevel center { color:#fff;font-size:17px; font-weight:bold; line-height:50px}


/* LEVEL 2 */
div.nav2 a 				{ display:inline-block; }
div.nav2 a				{ display:block; padding-left:25px; color:#111; font-weight:bold; text-decoration:none; line-height:200%; }
div.nav2 a:hover		{ color:#111; text-decoration:underline; }
div.nav2 a.selected, div.nav2 a:hover	{ background-image:url(/global/grfx/bullet_standard.gif); background-repeat:no-repeat; background-position:7px; padding-left:25px; color:#111; font-weight:bold; text-decoration:none; }

div.nav3spacer			{ margin-bottom:10px;}


/* LEVEL 3 */
div.nav3 a 				{ display:inline-block; }
div.nav3 a				{ display:block; padding-left:25px; color:#111; font-weight:normal; text-decoration:none; line-height:150%; }
div.nav3 a:hover		{ color:#111; text-decoration:underline; }
div.nav3 a.selected		{ padding-left:25px; color:#111; font-weight:normal; text-decoration:underline; }




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