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






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


body				{ padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height:130%; }
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:130%; }
a					{ color:#666666; text-decoration:none; }
a:hover				{ color:#4c4c4c; text-decoration:underline; }

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

/* headlines */
h1					{ color:#333; font-size:24px; padding:0px; margin:0px 0px 10px 0px; font-weight:normal; line-height:130%;}
h2					{ color:#333; font-size:18px; padding:0px; margin:0px 0px 10px 0px; font-weight:normal; line-height:130%;}
h3					{ color:#333; font-size:14px; padding:0px; margin:0px 0px 10px 0px; font-weight:bold; line-height:130%;}
h4					{ color:#333; font-size:12px; padding:0px; margin:0px 0px 10px 0px; font-weight:bold; line-height:130%;}



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

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

.containerMain		{ vertical-align:top; padding-top:0px }

.containerContent	{ }
.mainWrapper		{ }




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

.elementNavtrail		{ font-size:18px; font-weight:bold; color:#222; margin-bottom:20px;}


.elementNavigationTop	{ width:120px;}
.elementNavigationLeft	{ padding:36px 12px 12px 12px;}
.elementFooter			{ padding-top:3px; color:#828282; font-size:10px; text-align:right;}

.elementLead			{ position:relative; margin:-80px 0px 0px 0px; padding:0px 0px 41px 0px; width:400px; height:75px;  }
.elementLead, .elementLead * { color:#fff; }
.elementLead h1			{ margin:0px;  line-height:130%;}

.containerContent .colLeft { float:left; width:60%;}
.containerContent .colRight { float:right; width:30%; margin:0px 0px 0px 37px;}

/*LIST*/
.listItem				{ padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted #ccc;}



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


.inputLine 			{ color: #999999; font-size:11px }





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






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


/* LEVEL 1 */
div.navLevel1	{  }


/* LEVEL 2 */
div.nav2		{ padding-left:0px; line-height:180%; font-size:12px; margin-bottom:10px;}
div.nav2 a		{ color:#000; font-weight:normal; } 
div.nav2 a.is	{ text-decoration:none; }
div.nav2 a.open { font-weight:normal; }
div.nav2 a.selected { color:#fff;font-weight:normal; }
div.nav2 a.selected:hover, div.nav2 a.open:hover, div.nav2 a.is:hover{ color:#fff; text-decoration:none; }


/* LEVEL 3 */
div.nav3		{ padding-left:10px; line-height:160%; font-size:12px;}
div.nav3 a		{ color:#000; font-weight:normal; } 
div.nav3 a.is	{ text-decoration:none; }
div.nav3 a.open { font-weight:normal; }
div.nav3 a.selected {font-weight:normal;  color:#fff; }
div.nav3 a.selected:hover, div.nav3 a.open:hover, div.nav3 a.is:hover{ color:#fff; text-decoration:none; }


/* LEVEL 4 */
ul.nav4			{ margin:0px; padding:0px; padding-left:25px; list-style-image:url(/grfx/bullet_nav4.gif)!important; list-style-image:url(/grfx/bullet_nav4_ie.gif);}
ul.nav4 li		{ padding-left:0px; line-height:120%; font-size:12px; list-style-position:outside;}
ul.nav4 li a	{ color:#000; font-weight:normal; } 
ul.nav4 li a.is	{ text-decoration:none; }
ul.nav4 li a.open { font-weight:normal; }
ul.nav4 li a.selected {font-weight:normal;  color:#fff; }
ul.nav4 li a.selected:hover, ul.nav4 li a.open:hover, ul.nav4 li a.is:hover{ color:#fff; text-decoration:none; }