/*******************************************************************************

	Project		:	humanbuilding

	Copyright	:	www.humanbuilding.ch

	Author    : rainer müller

*******************************************************************************/





/*******************************************************************************/



:link,:visited { text-decoration:none; }



ul,ol { list-style:none }



h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }



ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }



img, a img,:link img,:visited img, fieldset { border:none }



img { margin:0; padding:0; vertical-align:bottom; }



address { font-style:normal }







table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}



tr { border:none; padding:0px; margin:0px; }



td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }





legend { display:none; }



body, div,p,li { background-repeat:no-repeat; }



/*	reset some basic style



*******************************************************************************/



dl			{margin: 0 0 0 0;}



dl dt		{margin: 0 0 0 0;}



dl dd+dt	{margin-top: 0;}



dl dd		{margin: 0 0 0 0;}







ol			{list-style: none;}



ol li		{margin: 0 0 0 0;}



ol li ol	{margin: 0 0 0 0;}



ol li ul	{margin: 0 0 0 0;}







p			{margin-bottom: 0em;}







ul			{list-style: none;}



ul li		{margin: 0 0 0 0;}



ul li ul	{margin: 0 0 0 0; list-style: none;}



ul li ol	{margin: 0 0 0 0;}







pre			{font-size:1.2em; }







a:hover { text-decoration:none; }



/*	html



*******************************************************************************/



html {



	min-height: 100%;



	margin-bottom: 1px;



}



/*	body



*******************************************************************************/



body {



	/*background-image:url(bg_body.jpg);*/



	font-family:verdana, arial, helvetica, sans-serif;



	font-size: 11px;



}







.clearer {



	display:block;



	clear:both;



	line-height:0;



	height:1px;



	font-size:0;



	visibility:hidden;



}







.clear {



	clear:both;



}





.flLeft { float:left; }



.flRight { float:right; }







.warning { color:#f00; }







/*	website



*******************************************************************************/



#website {



	display:block;



	margin:0;



	padding:0;



	height:100%;



	width:790px;



	color:#000;



	text-align:left;



}







/*	header



*******************************************************************************/



/* rechts

*******************************************************************************/





/*      suche



*******************************************************************************/



#suche {
display: none;
  position:absolute;

	margin-top:-4px;

  margin-left:0px;

	text-align:left;

	}





* html #suche {
display: none;
  margin-top:-3px;

 }

 

 #suche .suchfeld {

	margin-left: 5px;

	padding:2px 2px 2px 0px;

	border:1px solid #666666;

	background-color:#FFF;

	color:#333;

	font-family:verdana, arial, helvetica, sans-serif;

	font-size: 11px;

	text-align:left;





}



input#submit {

    color:#FFF;

    margin-top: 2px;

    border:1px solid #FFF;

	background-color:#FFF;

	color:#333;

	font-family:verdana, arial, helvetica, sans-serif;

	font-size: 11px;

	text-align:left;

	cursor:pointer;

}

 

/* breadcrumb



*******************************************************************************/







#breadcrumb {

position:absolute;





  display:none;



  background-color:#fff;



  padding:4px 10px;



  margin-top:-35px;



  margin-left: 187px;



  width:550px;



}



* html #breadcrumb {

  margin-top:-45px;

}





#breadcrumb a, 



#breadcrumb a:link {



	color:#3F74BA;



}







#breadcrumb a:hover {



	text-decoration:underline;



}



#sprache {

display:none;

position:absolute;







margin-left:670px;





}







#sprache a, 



#sprache a:link {



	color:#666;



}



#sprache a:hover {



	color:#000;



}



/*	content



*******************************************************************************/











#content, #content2 {



	display:block;



	clear:both;



	/*position:absolute;*/

	

  margin-top:14px;



	padding:0 0 0 0;



}











/* hide from IE/MAC \*/



* html #content, * html #content2 {

  position:absolute;

	height:1px;



}



/* end hide */







/*	Navigation vertical - 



	Wenn die Navigation mit der ID 3 verwendet wird, kann alles bis 



	zum n?chsten Kommentar gel?scht werden



------------------------------------------------------------------------------*/



#navigation {
display: none;

  margin-top:3px;

	float:left;



	width:187px;



	padding:0px 0px;



}



* html #navigation {
display: none;

margin-top:3px;

}









#navigation ul.nav1st {



  margin: 0;



  padding: 0;



  list-style-type: none;



}











#navigation ul.nav1st li {



	padding:0px 0 4px 0px;



}







#navigation ul.nav1st li.active {



   margin-top:4px;







}







#navigation ul.nav1st li.active a,



#navigation ul.nav1st li.active a:link {



	color:#ffffff;



	background:#858585;



	font-size:100%;



}



#navigation ul.nav1st li.active a.current {

background:#000000;

}





#navigation ul.nav1st a, 



#navigation ul.nav1st a:link {



	display:block;



	padding:8px 0 8px 14px;



	color:#fff;



	background:#000000;



	font-size:100%;



	font-weight:bold;



}







#navigation ul.nav1st a:hover {



	color:#858585;



}











#navigation ul.nav1st li ul.nav2nd li {



	padding:0px 0 0px 0px;



	margin-left:0px;







}







#navigation ul.nav2nd a, 



#navigation ul.nav2nd a:link {



	display:block;



	background:#FFFFFF;



	padding:4px 0 8px 14px;



	color:#858585;



	font-size:100%;



	font-weight:normal;



}







#navigation ul.nav2nd a.current, 



#navigation ul.nav2nd a.current:link {







padding:4px 0 8px 14px;



margin-top:-4px;



}



#navigation ul.nav2nd a:hover {



	text-decoration:underline;





}

/********************für csv modulausgabe normal***********************/



#csv {

width:100%;

background:#FFF;

}

#csv td{

padding:2px 2px 2px 5px;

border-bottom:1px solid #dedede;

}

#csv td:first-child {

width:320px;

}

#csv tr:first-child {

background:#dedede;

font-weight:bold;

font-size:100%;

}





/*	content



*******************************************************************************/





#main {



	width:100%;

  position:relative;

	margin-left:0px;



}



*html #main {

  position:absolute;

	margin-left:0px;



}



/*darstellungsbug in ie6*/





/*für tabellen*/

#main td {

padding:3px 0 3px 7px;

}



#main_letter {



	width:640px;

}



#main h1 {

color:#CC0000;

	font-family:arial, helvetica, verdana, sans-serif;

	font-size:120%;

	font-weight:bold;

	line-height:120%;

	margin-bottom:5px;

}



#main h2 {

color:#CC0000;

	font-family:arial, helvetica, verdana, sans-serif;

	font-size:100%;

	font-weight:bold;

	line-height:100%;

	margin-bottom:5px;

}



/*	Headlines



------------------------------------------------------------------------------*/







/*	Paragraphs / Lists



------------------------------------------------------------------------------*/



#main p,



#main ul,



#main ol {



	margin-bottom:0px;



	font-size:100%;



	line-height:150%;



}



#main ul li ul,



#main ul li ol,



#main ol li ol,



#main ol li ul {



	font-size:1em;



}







#main ul {



	margin-left:14px;



	list-style-type:square;



}







#main ol {



	list-style-type:decimal-leading-zero;



}











/*	Hyperlinks



------------------------------------------------------------------------------*/



#main a, #main a:link {



	color:#000;



	



}







#main a:hover {



	color:#CC0000;



  text-decoration:underline;



}















/*	Images



------------------------------------------------------------------------------*/



#main img {



        margin-bottom:10px;



        margin-right:20px;



}



#main div.image {



	margin-bottom:0;



}



#main div.image p {



	margin:0;



	font-size:0.9em;



}



#main div.flLeft {



	margin-right:14px;



}



#main div.flRight {



	margin-left:14px;



}







/*	rechts



------------------------------------------------------------------------------*/



#rechts img {

padding-bottom:20px;

}



#rechts {



  display:block;

	width:130px;

  position:absolute;

  margin-left:760px;

  margin-top:-200px;



	}

/*	

* html #rechts {

    margin-left:580px;



}

*/

/*	footer



------------------------------------------------------------------------------*/



.footer {



	display:block;



	width:100%;



	background-image:url(bg_body.jpg);



	background-position:0 -100px;



}



.footer2 {



	padding:0 14px;



}



.footer p {



	margin:0;



	padding:9px 0;



	font-size:10px;



	text-transform:uppercase;



}







.footer p, 



.footer p a,



.footer p a:link {



	color:#555555;



}



.footer p a:hover {



	text-decoration:underline;



}







.footer .col-left {



	float:left;



	width:186px;



}



.footer .col-right {



	float:left;



}











/* form-module



*******************************************************************************/



#form-module * {



	padding:0px;



	margin:0px;



}







#form-module {



	margin-left:20px;



	padding:0px;



	width:520px;



	background-color:#f7f7f7;



	color:#000;



	font-family:verdana, arial, helvetica, sans-serif;



	font-size:1em;



}







#form-module fieldset {



	border:0px solid #fff;



}







#form-module legend {



	display:none;



}











#form-module p {



	margin:0;



	padding:5px;



	/*font-size:1em;*/

	font-size:120%;

color:#CC0000;

	font-weight:bold;



}







#form-module .element {



	display:block;



	clear:both;



	background-color:#f7f7f7;



	border-top:2px solid #fff;



}







#form-module label {



	display:block;



	float:left;



	padding:5px;



	width:120px;



	border-right:2px solid #fff;



}







#form-module label.checkbox {



	width:372px;



	border-left:2px solid #fff;



	border-right:none;



}







#form-module input, 



#form-module select, 



#form-module textarea {



	float:left;



	margin:5px;



	width:295px;



	border:1px solid #000;



}







#form-module input.text {



	height:20px;



}







#form-module input.checkbox {



	width:120px;



	padding:0;



	border:none;



}







#form-module input.submit { 



	margin:5px 5px 5px 137px;



	padding:2px 5px;



	border:1px solid #333;



	background-color:#fff;



	color:#666;



	font-family:verdana, arial, helvetica, sans-serif;



	text-align:center;



	cursor:pointer;



}







#form-module input.submit:hover { 



	background-color:#f7f7f7;



	color:#000;



}







#form-module label.textarea, 



#form-module textarea.textarea {



	height:96px;



}







#form-module-thanks {



	display:block;



	color:#666;



	font-family:verdana, arial, helvetica, sans-serif;



	font-size:1.2em;



}



/* hasso galerie

*******************************************************************************/

 #hassoGallery {

	    	margin-top:20px;

	    	margin-left: 0px;

	    	padding: 0;

	    	font-size: medium ;





	    }





	    #hassoNav {

	    	font: bold;

	    	display: block;

	    	text-align:left;



	    }







	    #hassoNav ul {

	    	display: block;

	    	text-align:left;

	    	list-style: none;

	    	margin-left: 0px;

	    	font-size: small ;

	    	line-height: normal;

	    	margin-top: 2px;

	    	margin-bottom: 2px;

	    }



	    #hassoNav a {

	    	/*color: #872323;*/

	    	display: block;

	    }



	    #hassoNav a:hover {

	    	display: block;



	    }



	    #hassoNav #active {

	    	display: block;

	    }



	    *html #hassonav ul {

	        margin-left: 0px;

	    	}

	    }



	    #hassoThumbs {

	    	float: left;

	    	padding: 0;

	    	width: 550px;

	    	margin: 0px;

	    	border:0px dashed  #bfbfbf;

	    	font: bold 14px verdana ,  sans-serif;

	    	/*background-color: #fff;*/

	    	text-align: center;



	    }



	    #hassoThumbs .hassoThumb {

	    	float: left;

	    	margin: 10px 5px 10px 5px;

	    	border:0;

	    	height: 110px;

	    	width: 110px;

	    	text-align: center;

	    	vertical-align:middle;



	    }



	    #hassoThumbs .hassoThumb a {

	    	border:0;



	    }



	    #hassoThumbs .hassoThumb a img {

	    	border:0;



	    }





	    #hassoPic {

	    	text-align:left;

	    	padding: 5px;

	    	width: 500px;

	    	margin: 0px;

	    	border:0px dashed  #bfbfbf;

	    	font: 14px verdana ,  sans-serif;

	    	/*background-color: #fff;*/

	    }





	    #hassoPic .hassoTitle {

	    	padding-left:10px;

	    	font-style:normal;

	    	text-align:left;



	    }



	    #hassoPic .hassoDescription {

	    	text-align:center;

	    	font-size:80%;	    		    	

        padding-bottom:10px;

	    }



	    #hassoPic img {

	    	border: 0px;

	    	margin: 0px;

	    }





	    #hassoPrevNextNav {

	    	display: block;

	    	font-size: small ;

	    	width: 550px;

	    	margin:0;

	    	padding: 0;



	    }





	    #hassoPrevNextNav #hassoPrevPic{

	    	float: left;



	    }





	    #hassoPrevNextNav #hassoNextPic{

	    	float: right;

	    }



	    #hassoPrevNextNav #hassoPrevPic a {

	    	text-align:left;

	    }





	    #hassoPrevNextNav #hassoNextPic a {

	    	text-align:right;



	    }





/******************************************************************************

* download

*******************************************************************************/



.download-hdl p, 



.download-file p, 



.download-desc p {

	margin: 0;

	margin-left: 0px;

	margin-right: 0px;

	font-size: 80%;

	

}



.download-file p {

	border:1px solid #CC0000; 

	/*background: #E7FF80;*/

	padding-bottom: 5px;

	}







.download-hdl p {



	color:#000;

	font-family:arial, helvetica, verdana, sans-serif;

	font-size:80%;

	font-weight:bold;

	color: #CC0000;

	text-indent: 0px;

	margin-bottom:5px;

}







.download-file {

	margin-bottom:5px;

}







.download-desc {



	margin-bottom:5px;

  font-size:80%;



}





.download-without-desc {



}