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






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

html, body			{ height:100%; }


body				{ padding:0px; margin:0px; font-family:Arial, sans-serif; font-size:12px; color:#000; line-height:130%; background-color:#f3f3f3;}
div, td, span, center, input, textarea, h1, h2, h3, h4, h5, h6 { font-family:Arial, sans-serif; font-size:12px; color:#000; line-height:130%; }
a					{ color:#828282; text-decoration:none; }
a:hover				{ color:#828282; text-decoration:underline; }

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

/* headlines */
h1					{ font-family:Arial, sans-serif; color:#333; font-size:24px; padding:0px; margin:0px 0px 10px 0px; font-weight:normal; line-height:130%;}
h2					{ font-family:Arial, sans-serif; color:#333; font-size:18px; padding:0px; margin:0px 0px 10px 0px; font-weight:normal; line-height:130%;}
h3					{ font-family:Arial, sans-serif; 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			{ width:900px; text-align:left; }
.blockTop			{ height:120px; }
.blockLeft			{ width:200px; float:left; min-height:500px; height:auto!important; height:500px; }
.blockContent		{ float:left; width:700px; }
.blockBottom		{ }

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

.containerContent	{ margin: 0px 0px 0px 0px; padding: 36px 20px 30px 20px;}
.mainWrapper		{ background-image:url(/images/bg_content.gif); background-repeat:repeat-y; background-position:top left;}




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


.elementNavtrail		{ display:none;}


.elementNavigationTop	{ width:120px;}
.elementNavigationLeft	{ padding:36px 12px 12px 12px;}
.elementFooter, .elementFooter a { 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%;}
.elementLead			{ display:none;}

.elementFooter			{ margin-bottom:10px;}

.containerContent .colLeft { float:left; width:478px; margin: }
.containerContent .colRight { float:right; width:160px;  }

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


/*NEWS BLOG*/
.elementNewsBlogDate	{ font-style:italic;}

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


.inputLine 			{ color: #999999; font-size:11px }
.inputButton		{ font-weight:bold; }
.error				{ color:#CC3300; }


/*
####################################################
############# LICENSING APP          ###############
####################################################
*/

.elementForm  h3	{ margin:0.5em 0em 0.1em 0em;}
table.list tr.header td	{ text-align:left; font-style:italic; background-color:#999999; color:#ffffff; white-space:nowrap; }
.header a			{ color:#fff;}
.odd				{ background-color:#efefef;}


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


.col1, .col2			{ float:left; width:50%; }
.newsitemDate			{ font-style:italic; }


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


/* LEVEL 1 */
div.navLevel1	{  }


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


/* LEVEL 3 */
div.nav3		{ padding-left:10px; line-height:130%; font-size:12px; margin:3px 0px 3px 0px;}
div.nav3 a		{ color:#828282; font-weight:normal; text-decoration:none;} 
div.nav3 a.is	{ text-decoration:none; }
div.nav3 a.open { font-weight:normal; }
div.nav3 a.selected {font-weight:normal;  color:#1362A6; }
div.nav3 a.selected:hover, div.nav3 a.open:hover, div.nav3 a.is:hover{ color:#1362A6; 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		{ margin:3px 0px 3px 0px; padding-left:0px; line-height:120%; font-size:12px; list-style-position:outside;}
ul.nav4 li a	{ color:#000; font-weight:normal; text-decoration:none;} 
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:#1362A6; text-decoration:none; }



/* SITEMAP */
.navSitemap1		{ margin-top:12px;}
.navSitemap1 a		{ font-weight:bold;}
.navSitemap2 a		{ padding-left: 20px; font-weight:normal; font-size:11px; line-height:12px; }
.navSitemap3 a		{ padding-left:40px; font-weight:normal; font-size:11px; line-height:12px; }
.navSitemap4 a		{ padding-left:60px; font-weight:normal; font-size:11px; line-height:12px; }