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






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

body				{  }

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

a					{ color:#508DBB; font-weight:bold; text-decoration:none; }
a:hover				{ color:#508DBB; 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:1.5em; padding:0px; margin:0em 0em 1em 0em; font-weight:bold; color:#333; }
h2					{ font-size:1.3em; padding:0px; margin:1em 0em 0.5em 0em; font-weight:bold; color:#222; }
h3					{ font-size:1.1em; padding:0px; margin:1em 0em 0.5em 0em; font-weight:bold; }


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

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



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

.containerMain		{  }


.blockMain			{ width:900px; text-align:left; padding:3em 0em 2em 0em; }
.blockTop			{ height:310px; }
.blockMid			{ }
.blockLeft			{ width:250px; float:left;  }
.blockContent		{ width:650px; float:right; }
.blockBottom		{ padding:3em 0em 0em 0em; }


/*IDs*/
.clear				{ clear:both; height:0px; line-height:0px; }
.fullWidth			{ width:100%;}
.floatRight			{ float:right;}


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


/*HEADER*/
.elementClaim			{ float:left; }
.elementLogo			{ float:right; }
.elementDeko			{ clear:both; padding-top:19px;}


/*LEFT*/
.elementNavigation		{ }


/*CONTENT*/

/*tables*/
.elementReferenceTable	{ width:100%; }
.elementReferenceTable td { vertical-align:top; padding:0.2em 0.5em 0.2em 0.5em; }
.elementReferenceTable .row1 { width:20%; }
.elementReferenceTable .row2 { width:15%; }
.elementReferenceTable .row3 { width:15%; }
.elementReferenceTable .row4 { width:10%; }
.elementReferenceTable .row5 { width:15%; }
.elementReferenceTable .row6 { width:15%; }
.elementReferenceTable .row7 { width:10%; }
.alignRight				{ text-align:right; }

.elementReferenceDetail { width:100%;}
.elementReferenceDetail td { vertical-align:top;  padding:0.2em 0.5em 0.2em 0.5em; }
.elementReferenceDetail .row1 { width:15%; font-style:italic; }
.elementReferenceDetail .row2 { width:80%; }

.even 					{ background-color:#eee;}


/*gallery*/
.elementGallery		{ margin-bttom:1.5em;}
.elementThumb		{ float:left; padding:0 20px 20px 0; }
.last				{ padding-right:0;}
.right				{ float:right;}


/*FOOTER*/
.blockBottom *			{ font-size:10px;}
.blockBottom a			{ font-weight:normal;}
.elementCopyright		{ width:250px; float:left; }
.elementPrint			{ float:left; }
.elementDeeplinks		{ float:right; }


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

.inputLine, .inputField	{ background-color:#eee; border:none; font-size:11px; color:#333;  }
.inputButton			{ background-color:#ccc; border:none; font-size:11px; color:#333; font-weight:bold; cursor:pointer; }
.inputSelect			{ border:1px solid #FF7619; font-size:11px; color:#001E81; }

.elementForm td			{ padding:0.2em 0 0.2em  0; }
.error					{ color:#C00; }

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


/*WYSIWYG editor*/
.textSmall			{ font-size:80%;}
.textBig			{ font-size:120%;}
.imageLeft			{ float:left; margin:0.4em 3em 2em 0em; }
.imageRight			{ float:right; margin:0.4em 0em 2em 3em; }







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

.nav1				{ padding:0 0 15px 0;}
.nav2				{ padding:6px 0 2px 25px;}
.nav3				{ padding:6px 0 2px 25px;}





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