/* 2005 MOTOYAMA DESING ----- TINO URBIKS ----- */







/* HTML */



body



	{   



	margin: 0;



	padding: 0; 



	color:#000;



	background-color: #0A5D18;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 0.8em;



	}







h1  { 



	font-size: 1.5em;



	font-family: arial, helvetica, geneva;



	color:#000;



	font-weight: normal;



	font-style: italic;



	text-align: left;



	margin: 0;



	padding: 0 1.4em 0 1em;



     }



     



h2  { 



	font-size: 1em;



	font-family: arial, helvetica, geneva;



	color: #000;



	font-weight: bold;



	margin: 0;



	padding: 0 1.4em 0 1.2em;



     }     







p { 



	font-size: 0.9em;



	font-family: arial, helvetica, geneva;



	color: #000;



	font-weight: normal;



	margin: 0;



	padding: 0.6em 1.5em 0.5em 1.5em;



     } 



img {



border: 0px none;



}







/* Gestaltung */ 



#top {



	margin: 0;



	padding: 0;



	height: 5em;



	border: 1px solid #000000;



	background-color: #FFFFFF;



	background-image:url('images/logo.jpg');



	background-repeat:no-repeat



	}







#bereichgreen {



	margin: 0;



	padding: 0;



	height: 411px;



	background-image:url('images/bg_gruen.jpg');



	}	







.abstand {



	margin: 0;



	margin: 0;



	height: 1.3em;



	}	







#navigationbg {	



	margin: 0;



	padding: 0;



	height: 1.8em;



	background-color: #C9E3C4;



	border-top: 1px solid #000000;



	border-bottom: 1px solid #000000;



	}	







#navigation {	



	margin: 0;



	padding: 0;



	}	







.marginal {	



	margin: 16em 0 0 1em;



	padding: 0.4em;



	position: absolute;



	width: 15em;



	z-index: 20;



	font-family: Arial, Helvetica, sans-serif; 



	font-size: 9px;



	background-color: #FFF;



	border: 1px solid #000000;



	}	











.marginal2 {	



	margin: 41em 0 0 1em;



	padding: 0.4em;



	position: absolute;



	width: 15em;



	z-index: 20;



	font-family: Arial, Helvetica, sans-serif; 



	font-size: 9px;



	background-color: #C9E3C4;



	border: 1px solid #000000;



	}	



	



/* Hintergrundbilder*/







#bgbilder1 {



	margin: 0;



	padding: 0;



	height: 228px;



	background-image:url('images/bg_1.jpg');



	background-repeat:no-repeat



	}	







#bgbilder2 {



	margin: 0;



	padding: 0;



	height: 228px;



	background-image:url('images/bg_2.jpg');



	background-repeat:no-repeat



	}	



	



#bgbilder3 {



	margin: 0;



	padding: 0;



	height: 228px;



	background-image:url('images/bg_3.jpg');



	background-repeat:no-repeat



	}	



	



#bgbilder4 {



	margin: 0;



	padding: 0;



	height: 228px;



	background-image:url('images/bg_4.jpg');



	background-repeat:no-repeat



	}	



	



#bgbilder5 {



	margin: 0;



	padding: 0;



	height: 228px;



	background-image:url('images/bg_5.jpg');



	background-repeat:no-repeat



	}	



	



#bgbilder6 {



	margin: 0;



	padding: 0;



	height: 228px;



	background-image:url('images/bg_6.jpg');



	background-repeat:no-repeat



	}	



	



#bgbilder7 {



	margin: 0;



	padding: 0;



	height: 228px;



	background-image:url('images/bg_7.jpg');



	background-repeat:no-repeat



	}	



	



#bgbilder8 {



	margin: 0;



	padding: 0;



	height: 228px;



	background-image:url('images/bg_8.jpg');



	background-repeat:no-repeat



	}	



	



#bgbilder9 {



	margin: 0;



	padding: 0;



	height: 228px;



	background-image:url('images/bg_9.jpg');



	background-repeat:no-repeat



	}	



	


#bgbilder10 {



	margin: 0;



	padding: 0;



	height: 228px;



	background-image:url('images/bg_10.jpg');



	background-repeat:no-repeat



	}	








#inhaltbereich {	



 	margin: 0 0 0 13em;



 	padding: 1em;



	width: 38em;



	background-color: #FFF;



	border-left: 1px solid #000;



	border-right: 1px solid #000;



	}







.killfloat {



	margin: 0;



	padding: 0;



	clear:both;



	visibility: hidden;



	}	







#bottom {



 	margin: 0;



 	padding: 0;



	height: 1.3em;



	background-color: #C9E3C4;



	border-bottom: 1px solid #C9E3C4;



	}		







.bottomweiss {	



 	margin: 0 0 0 13em;



 	padding: 0;



	height: 1.3em;



	width: 40em;



	background-color: #FFFFFF;



	border-left: 1px solid #000000;



	border-right: 1px solid #000000;



	}







.big { /* grosser Abstand */



	height: 15em;



	}	







#linie {



	background-image:url('images/linie.gif');



	background-repeat: no-repeat;



	height: 4px;



	padding: 0



}







/* Navigation horizontal */







#navigation ul { /* all lists */



	padding: 0;



	margin: 0;



	list-style: none;



	text-align: center;



}







#navigation li { 



	height: 1.3em;



	color: #000000;



	background-color: #C9E3C4;



	float: left;



	position: relative;



	width: auto;



	margin: 0;



	padding: 0.3em 0.5em 0 0.5em;



	border-right: 1px solid #0A5D18;



	}







 #navigation li a:link, #navigation li a:visited, #navigation li a:active, #navigation li a:focus{



	height: 1.3em;



	text-decoration: none;



	color: #000000;



	float: left;



	position: relative;



	width: auto;



	margin: 0;



	} 







#navigation li a:hover {



	height: 1.3em;



	text-decoration: none;



	color: #0A5D18;



	float: left;



	position: relative;



	width: auto;



	margin: 0;



	}







#navigation2 ul { /* all lists */



	padding: 0 0 0 2em;



	margin: 0;



	list-style: none;



	text-align: center;



}







#navigation2 li { 



	height: 1.3em;



	color: #000000;



	float: left;



	position: relative;



	width: auto;



	margin: 0;



	padding: 0.3em 2em 0 0.5em;



	}







 #navigation2 li a:link, #navigation2 li a:visited, #navigation2 li a:active, #navigation2 li a:focus{



	height: 1.3em;



	text-decoration: none;



	color: #000000;



	float: left;



	position: relative;



	width: auto;



	margin: 0;



	} 







#navigation2 li a:hover {



	height: 1.3em;



	text-decoration: none;



	color: #0A5D18;



	float: left;



	position: relative;



	width: auto;



	margin: 0;



	}



	



/* ENDE NAVIGATION*/







/* Typo */







.copy {



	font-family: Arial, Helvetica, sans-serif; 



	}







.copyspace {



	line-height: 1.6em;



	font-family: Arial, Helvetica, sans-serif; 



	



	}







.copyblue {



	font-family: Arial, Helvetica, sans-serif; 



	color:#0000EE;



	}

	

	

.copyred {



	font-family: Arial, Helvetica, sans-serif; 



	color:#FF0000;



	}







.copy2 {



	font-family: Arial, Helvetica, sans-serif; 



	padding: 0;



	margin: 0 0 0.5em 0.5em;



	width: 31em;



	}	







.copy2red {



	font-family: Arial, Helvetica, sans-serif; 



	padding: 0;



	margin: 0 0 0.5em 0.5em;



	width: 31em;

	

	color:#FF0000;



	}	



	



.copy3 {



	font-family: Arial, Helvetica, sans-serif; 



	width: 2em;



	}	







.copy3red {



	font-family: Arial, Helvetica, sans-serif; 



	width: 2em;

	

	color:#FF0000;



	}	







.copy4 {



	font-family: Arial, Helvetica, sans-serif; 



	padding: 0;



	width: 18.3em;



	float: left;



	text-align: center;



	}	



.copysmall {



	font-family: Arial, Helvetica, sans-serif; 

	

	font-size: 0.7em;

	

	

	text-align: center;

	

	}	



#top {



	border: 0px none;



	}	



	



/* Kontaktformular */







#kontakt {



	border: 1px solid #0A5D18;



	background-color: #FFFFFF;



	padding: 0.5em;



	width: 36.7em;



	height: 77em;



	}







#newsletterform {



	border: 1px solid #0A5D18;



	background-color: #FFFFFF;



	padding: 0.5em;



	width: 33em;



	w\idth: 33em;



	height: 20em;



	}







#checkform {



	border: 1px solid #0A5D18;



	background-color: #FFFFFF;



	margin: 1em 0 0 1em;



	padding: 0.5em;



	width: 34.5em;



	height: 33em;



	}

	

#checkform11 {



	border: 1px solid #0A5D18;



	background-color: #FFFFFF;



	margin: 1em 0 0 1em;



	padding: 0.5em;



	width: 34.5em;



	height: 43em;



	}



	



input {



	display: block;



	padding: 0;



	width: 22em;



	float: left;



	border: 1px solid #0A5D18;



	background-color: #FFFFFF;



	margin: 0.3em;



	}	

    

input.hidden {



	display: block;



	padding: 0;



	width: 22em;



	float: left;



	border: 0px solid #FFFFFF;



	background-color: #FFFFFF;



	margin: 0.0em;



	}	



#nummer {



	width: 2em;



	}	



		



#plz {



	width: 4em;



	}	







#work {



	width: 12em;



	}







#anfrage {



	width: 20em;



	}



	



#coaching, #beratung, #workshops, #sonstiges, #person, #herr, #frau, #firma, #newsletter, #kostenlos {



	width: 1em;



	border: 1px solid #FFFFFF;



	}







#kostenlos {



	width: 1em;



	padding: 0;



	margin: 0 0.5em 10em 0;



 	border: 1px solid #FFFFFF;



	}







#submit {



	width: 7em;



	margin: 0.5em 0 0 3em;



	border: 1px solid #006699;



	background-color: #cccc99;	



	}







#reset {



	width: 7em;



	margin: 0.5em 0 0 5em;



	border: 1px solid #006699;



	background-color: #cccc99;	



	}







#back {



	width: 7em;



	margin: 0 0 0 0.5em;



	border: 1px solid #006699;



	background-color: #cccc99;	



	}







#weiter {



	width: 7em;



	margin: 0 0 0 0;



	border: 1px solid #006699;



	background-color: #cccc99;



	float: left;	



	}



#weiter1 {



	width: 14em;



	margin: 1em 0 0 2.8em;



	border: 1px solid #006699;



	background-color: #cccc99;



	float: left;	



	}







#bemerkung {



	width: 33em;



	margin: 1em 0 0 1em;



	padding: 0;



	text-align: left;



	}







#unternehmencheck {



	width: 27em;



	margin: 1em 0 0 1em;



	padding: 0;



	text-align: left;



	}







#str {



	width: 16.6em;



	}







#ort {



	width: 14.8em;



	}







#br {



	clear: left;



	}	







checkbox {



	width: 1em;



	border: 1px solid #FFFFFF;



	}



	



label {



	width: 4.7em;  /*   4.5 */



	margin: 0.3em;



	float: left;



	text-align: left



	}