/*
===================================================================================

Baumpflegeservice Peter Kohn Solothurn

Gestaltung:		walser bild + schrift, solothurn
Author:			walser bild + schrift, solothurn
Version:		0.1
Datum:			4.3.2010

Description:	This is the master CSS- File. It holds Genric rules and is 
				responsable to load the additional CSS-Files.

Colors used:	Background body				=	#ebf3ed	
				Background navigation 		= 	#315510
				Font						=	#5b5b5b
				Font navigation (active)	=	#6fbb3e
				Font navigation (hover)		=	#6fbb3e	

===================================================================================
*/


body {
  color: #315510;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin: 0; 
  padding: 0;
  text-align: left;
  background: #ebf3ed;
  height: 101%;
}

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

p {
	margin: 0; 
	padding: 0;
}


/* Generic Rules
----------------------------------------------- 
a:link,a:active {color: #b30000; text-decoration: none; border-bottom: 1px dotted #B30000;}
a:visited {color: #999; text-decoration: none; border-bottom: 1px dotted #999;}	
a:hover {color: #123974; border-bottom: 1px solid #123974;}  
a img {border-width: 0; border-style: none;}
#logo a, #home a {border: 0;}*/

a {
  color: #000;
  text-decoration: none;
  background-color: transparent;
}

a:link {
  color: #5b5b5b;
  text-decoration: none;
  background-color: transparent;
} 

a:visited {
  color: #5b5b5b;
  text-decoration: none;
  background-color: transparent;
} 

a:active { 
  color: #5b5b5b;  
  text-decoration: underline;
  background-color: transparent;
} 

a:hover	{ 
  color: #5b5b5b; 
  text-decoration: underline;
  background-color: transparent;
}




/*
------------------------------------------------------------
Global
------------------------------------------------------------
*/

h1 {
  font-size: 18px;
  font-family: he arial, sans-serif;
  line-height: 18px;
  font-weight: bold;
  padding: 0 0 10px 0;
  margin: 0;
  color: #6fbb3e;
}

h2 {
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  color: #315510;
  line-height: 16px;
  font-weight: bold;
  padding: 0 0 10px 0;
  border: 0;
  margin: 20px 0 0 0;
}		

h3 {
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  line-height: 14px;
  font-weight: bold;
  padding: 0;
  border: 0;
  margin: 20px 0 0 0;
  color: #5b5b5d;
}
		
h4 {
  font-size: 11px;
  font-family: arial, helvetica, sans-serif;
  line-height: 13px;
  font-weight: bold;
  padding: 0 0 3px 0;
  border: 0;
  margin: 0;
}


/*
------------------------------------------------------------
Container center the Layout
------------------------------------------------------------
*/
#wrapper {
   margin: 10px auto;
   padding: 0;
   width: 950px;
}


/*
------------------------------------------------------------
Header 
------------------------------------------------------------
*/
#header {
	color: #5b5b5b;
	padding: 0;
	height: 90px;
	margin: 0;
	background: #ebf3ed;
}

#header .logo {
  margin: 0;
  padding: 0;
}


/*
------------------------------------------------------------
Box Module
------------------------------------------------------------
*/

.box-module	{
  margin: 0 0 20px 0;
  padding: 0;
}

.box-module	h3 {
  font-family: 'Trebuchet MS';
  font-size: 14px;
  margin: 0;
  padding: 0px 0 0px 7px;
  background: url(../images/bg_boxes.jpg);
  color: #000;
  line-height: 22px;
}

.box-module	p {
  margin: 0;
  padding: 10px;
  color: #000;
  line-height: 14px;
  background-color: #fff;
}

.box-module td, .box-module th, .box-module li {
  margin: 0;
  padding-left: 5px;
  background-color: #fff;
}



/*
------------------------------------------------------------
Mainnavigation
------------------------------------------------------------
*/
#mainnavigation {
  margin: 0;
  padding: 0;
  height: 26px;
  color: #fff;
  background: url(../images/navigation_gradient.jpg) bottom repeat-x;
}


/*
------------------------------------------------------------
Content
------------------------------------------------------------
*/
#content {
   margin: 0;
   overflow:hidden; /* Paul O Brien Fix for IE www.pmob.co.uk */
   width: 100%;
   min-height: 500px;
   background: #ebf3ed url(../images/line_orange.gif) no-repeat;
}

/*
------------------------------------------------------------
column-left
------------------------------------------------------------
*/
#column-left {
  float: left;
  margin: 0 20px 0 0;
  padding: 0;
  width: 138px;
  height: 500px;
  background: #315510;
  background-image: url(../images/kletterer.gif)
}

/*
------------------------------------------------------------
column-mid
------------------------------------------------------------
*/
#column-mid {
	float: left;
	margin: 20px 20px 0 0;
	padding: 0;
	width: 250px;
	height: auto;
}

/*
------------------------------------------------------------
column-right
------------------------------------------------------------
*/
#column-right {
	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	width: 780px;
  	height: 470px;
}

.column-right-inner {
	float: right;
	width: 480px;
	margin: 0 10px 0 0;
}

.column-right-inner	p {
	margin: 0;
	padding: 5px 0 10px 0;
	color: #5b5b5b;
	text-align: left;
}

.column-left-inner {
	float: left;
	width: 260px;
	margin: 10px 0 0 0;
}

/*
------------------------------------------------------------
image-row
------------------------------------------------------------
*/
#image-row {
	float: left;
}

#image-row li {
	margin: 0 0 3px 0;
}

#image-row img {
	border: 1px solid #eee;
	padding: 2px;
}



/*


*/

dl.type-1 {
	border-bottom: 1px solid #ccc;
	margin: 0;
	width: 38em;
	background-color: #ebf3ed;
}

.type-1 dt {
	width: 13em;
	padding: .5em;
	float: left;
	margin: 0;
	border-top: 1px solid #ccc;
	font-weight: bold;
}

.type-1 dd {
	margin-left: 14em;
	padding: .5em;
}

.type-1 dd.first {
	border-top: 1px solid #ccc;
	color: #6fbb3e;
}

.type-1 dd.last div {
  font-style: italic;
  margin: 5px 0 0 0;
}


dl.type-2   {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0;
	width: 38em;
	background-color: #ebf3ed;
}

.type-2  dt {
	width: 13em;
	padding: .5em;
	float: left;
	margin: 0;
	font-weight: bold;
}

.type-2 dd {
	margin-left: 14em;
	padding: .5em;
}

.type-2 dd.first {
	border-top: 1px solid #ccc;
}

.type-2 dd.last div {
  font-style: italic;
  margin: 5px 0 0 0;
}

/*
------------------------------------------------------------
Footer
------------------------------------------------------------
*/

		
#footer	{
	clear: both;
	margin: 0;
	padding: 0 0 10px 20px;
	height: 20px;
	border-top: 1px solid #315510; 
}

#footer	p, #footer a {
	text-align: right;
	margin: 0;
	padding: 8px 0 0 0;
	font-size: 11px;
	line-height: 1.5em; 
	color: #315510;
}