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


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


body				{ padding:0px; margin:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:6e6e6e; 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:#6e6e6e; 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:#6e6e6e; font-size:20px; padding-right:7px; font-weight:normal;}


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


.blockMain			{ width:100%; }
.blockTop			{ height: 81px; background-image:url(/graphics/bg_head.gif); width:100%; }
.blockLeft			{ width:235px; float:left;}
.blockContent		{ width:720px; float:left;}

.mainWrapper		{ width:960px;} /* contains blockLeft & blockContent */

.blockTopInner		{ min-width:957px; width:100%!important; width:957px;}


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


.elementLogo		{ float:left; display:inline; }
.elementKeywords	{ float:right; display:inline; }

.elementBreadcrump	{ display:none;}

.elementSearch		{ clear:both; background-color:#FFFFFF; float:right; text-align:right; margin-top:17px; }
.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	{ background-image:url(/graphics/bg_left_divider.gif); background-repeat:repeat-x; background-position:top; padding: 17px 0px 6px 17px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
.elementLangswitch	{ background-image:url(/graphics/bg_left_divider.gif); background-repeat:repeat-x; background-position:top; padding: 17px 0px 6px 17px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

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

.elementHeadline	{ display:block; background-image:url(/graphics/bg_h1.gif); background-repeat:repeat-x; background-position:0px 10px; margin:0px 0px 0px 0px;} /* für h1 */
.elementHeadline h1 { display:inline; line-height:140%; }
.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	{ /* width:219px; */ display:inline; float:right; margin:10px 0px 15px 0px; }
.elementImageRight div { font-size:12px; color:#6e6e6e; }
.elementImageRight .caption { width:219px; margin-top:8px; }
.elementImageRight .caption * { font-size:12px; }
.elementImageRight .smlCaption { 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:235px;}
.elementHomeBlock .col2 { float:right; display:block; width:470px;}
.elementHomeBlock .elementHeadline {  margin:0px 0px 5px 0px;}
.elementHomeBlock .textBacklink { margin:0px 0px 0px 0px; }

.elementContent .leftColumn	{ width:465px; }
#left				{ float:left; }


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


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


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


.textLead			{ font-size:20px; line-height:140%; }
.textCaption		{ color:#000000; }
.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!important; color:#003cac; }
div.navLevel3Selected span.linkArrow	{ font-size:120%; line-height:100%; color:inherit!important; color:#0099ff; }
.elementImageRight span.linkArrow { font-size:19px; }


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