/*
################### Style Sheet für drosos.org ######################
### |-----------------------------------------------------------| ###
### |      © 2006 by bitsolution stalder, www.bitsolution.ch    | ### 
### |      Im Auftrag für sappari design/development            | ### 
### |      Oliver Walkhoff, development@sappari.com             | ### 
### |-----------------------------------------------------------| ###
#####################################################################
*/




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


body				{ padding:0px; margin:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#222222; line-height:130%;}
div, td, span, center, input, textarea, h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#222222; line-height:130%; }
a					{ color:#003cad; text-decoration:none; }
a:hover				{ color:#0099ff; text-decoration:none; }

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

h1					{ background-color:#FFFFFF; color:#000000; font-size:20px; padding-right:7px; font-weight:bold; }




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


.blockMain			{ width: 100%; }
.blockTop			{ }
.blockLeft			{ display:none; width:235px; }
.blockContent		{ width:100%; }

.mainWrapper		{ width:100%;} /* contains blockLeft & blockContent */


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


.elementLogo		{ margin-left:-14px; }
.elementKeywords	{ display:none; }
.elementKeywords #flash	{ display:none; }

.elementBreadcrump	{ color:#000000; font-weight:bold;}

.elementSearch		{ display:none;  }
.elementSearch div	{ margin:0px 10px 0px 12px; }
.elementSearch .inputLine	{width:165px; }

.elementNavigation	{ min-height:360px; height:auto!important; height:360px; padding:36px 0px 15px 15px;}

.elementDeeplinks	{  padding: 17px 0px 6px 17px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
.elementLangswitch	{  padding: 17px 0px 6px 17px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

.elementContent		{ margin:33px 0px 0px 0px;}

.elementHeadline	{ display:block;} /* für h1 */
.elementHeadline h1 { display:block; line-height:140%; margin-bottom:10px;}
.elementGrayBar		{ background-image:url(/graphics/bg_h1.gif); background-repeat:repeat-x; background-position:center; margin:5px 0px 5px 0px; clear:both; } /* für unten */

.elementImageRight	{ display:inline; float:right; margin:0px 11px 15px 15px;}
.elementImageRight div { font-size:11px; color:#000000;}
.elementImageLeft	{ display:inline; float:left; margin:0px 15px 15px 0px;}
.elementImageLeft div { font-size:11px; color:#000000;}

.elementProjectsOverview	{ line-height:150%;}

.elementHomeBlock	{ margin-top:15px;}
.elementHomeBlock .col1	{ float:left; display:block; width:38%;}
.elementHomeBlock .col2 { float:left; display:block; width:60%;}
.elementHomeBlock .elementHeadline {  margin:0px 0px 5px 0px;}
.elementHomeBlock .textBacklink { margin:0px 0px 0px 0px; }

.elementContent .leftColumn	{}

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


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




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


.textLead			{ font-size:16px; line-height:140%; }
.elementContent .leftColumn .textLead			{ font-size:20px; line-height:140%; }

.textCaption		{ color:#000000; font-weight:bold; }
.textBacklink		{ font-size:15px; display:block; margin:20px 0px 0px 0px; clear:both;}

.imageRight			{ float:right; margin:0px 11px 15px 15px;}
.imageLeft			{ float:left; margin:0px 15px 15px 0px;}

span.linkArrow			{ font-size:120%; line-height:100%; color:inherit;}



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


/* LEVEL 1 */
div.navLevel1, div.navLevel1Selected		{ line-height:160%;}
div.navLevel1 a		{ font-size:20px; color:#003cac; text-decoration:none; }
div.navLevel1 a:hover, div.navLevel1Selected a, div.navLevel1Selected a:hover { font-size:20px; color:#0099ff; text-decoration:none; }


/* LEVEL 2 */
div.navLevel2, div.navLevel2Selected		{ padding-left:20px; line-height:130%;}
div.navLevel2 a		{ font-size:16px; color:#003cac; text-decoration:none; }
div.navLevel2 a:hover, div.navLevel2Selected a, div.navLevel2Selected a:hover { font-size:16px; color:#0099ff; text-decoration:none; }


/* LEVEL 3 */
div.navLevel3, div.navLevel3Selected		{ padding-left:20px; line-height:130%;}
div.navLevel3 a		{ font-size:16px; color:#003cac; text-decoration:none; }
div.navLevel3 a:hover, div.navLevel3Selected a, div.navLevel3Selected a:hover { font-size:16px; color:#0099ff; text-decoration:none; }