/* -------------------------
Site: www.zolution-and-more.de
Author: Cathrin Wawer, Void GmbH, www.void.de
------------------------- */

/* -------------------------
COLORS
Body: 			#fff
Main Text: 		#333
Links:			#6ec102
Visited Links: 	#6ec102
Hover Links:	#fff
Active Links:	#02993a
Box geschˆ§ftl.:	#F0FFD9
Slogan em:		#d32702
------------------------- */


body {
	margin: 0;
	padding: 0;
	color: #333;
	background: #fff;
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	font-weight: normal;
	/* border-top: 3px solid #6ec102; */
}

h1, h2, h3, h4 {
	margin: 0 20px;	
	color: #6ec102;
}

h2 {
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 1em;
}

h3 {
	font-size: 150%;
	font-weight: normal;
	margin-top: 1em;
}

h4 {
	font-size: 100%;
	margin: 1em 20px .6em;
}
	
p { margin: 0.7em 20px; }

img { border: none; }

a:link { color: #6ec102; }
a:visited { color: #6ec102; }
a:focus { color: #333; }
a:hover { color: #fff; background: #6ec102; }
a:active { color: #02993a; background: transparent;}


/* -------------------------
HEADER
------------------------- */

#header {
	padding-left: 15px;
	width: 945px;
	float:left;  /* verhindert collapse */
	/* border-bottom: 5px solid #6ec102; */
}
#header h1, #header h2 {
	left: -999px;
	position: absolute;
}
#header img {
	margin-top: 10px;
	margin-bottom: 15px;
	float: right;
}

#navigation { 	
	float: left;
	margin-left: 15px;
	margin-top: 50px;
}
#navigation ul {  
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navigation li { display: inline; }
#navigation a {
	float: left; 
	padding: 1px 5px;
	color: #555;
	background: white;
	text-decoration: none; 
	margin: 0 15px 0 0;
	font-weight: bold; 
}

#navigation a:hover {
color: white;
background: #6ec102;
}

#home #akt a, #zolution #zol a, #portfolio #por a, #angebote #ang a, #kontakt #kon a { 
color: white;
background: #6ec102;
}

/* -------------------------
INTRO
------------------------- */

#intro {
	padding-left: 15px;
	width: 945px;
	background: #6ec102;
	color: white;
	float: left;

}
#imain {
	width: 50%;
	float: left;
	font-size: 120%;
	margin-bottom: 30px;
}
#isub {
	font-size: 200%;
	margin-left: 55%; 
}

#tel {
margin: 0;
padding: 0 10px 0 0;
float:right;
font-size: 100%;
}


/* -------------------------
CONTENT
------------------------- */

#content {
clear: both;
padding-left: 15px;
width: 945px;
float:left;
position: relative;
background: white url(img/bg.jpg) repeat-x 0 -70px;
}

#home #content  {
background: white url(img/bg.jpg) repeat-x 0 0; 
}

#content img {
border-bottom: 5px solid #6ec102;
}

#main
{
	float: right;
	width: 600px;
	margin: 15px 0 0 0px;
	padding: 0 0 20px;
}

#main h3 img {
position: absolute;
top:-20px;
left: 30px;
}

#aside
{
	float: left;
	width: 300px;
	margin-top: 15px;
}


/* -------------------------
FOOTER
------------------------- */

#footer
{
	clear: both;
	padding-left: 15px;
	width: 945px;	
	padding-top: 0px; /* 3px */
	float:left;
	background: #ddf0c3;
	color: #6ec102;
	background: #6ec102;
	color: white;
	border-bottom: 5px solid white;
}

#footer strong {
color: white;
}

#footer a:link, #footer a:visited { color: white; }

#footer p {
float:left;
}

#footer span {
font-size: 100%;
float:right;
margin: 5px 10px;
}
#footer p {
font-size: 100%;
float:left;
margin: 5px 20px;
}


/* -------------------------
HOME
------------------------- */

#home h2 {
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 0;
}

#home h3 {
	font-size: 150%;
	font-weight: normal;
	margin-top: 0;
}


/* -------------------------
SPECIAL
------------------------- */

#refs li {
list-style: circle;
margin-bottom: 1em;
}
#refs img, #leckmich img {
border: none;
margin: 0.5em;
}
#leckmich img {
float: right;
}
#leckmich em {
left: -999px;
position: absolute;
}

#fastfoot #main img {
 float: right;
 border: 0;
 padding: 15px;
}

#fastfoot #main img.alternate {
 float: left;
 border: 0;
 padding: 15px;
}

.aktion {
/* float: left; */
margin-top: 2em;
background: white url(img/bg.jpg) repeat-x 0 -70px;
}

.aktion h4 {
margin: 0 20px;
/* float: right; */
}

.privat h3, .geschaeftlich h3 {
	font-weight: bold;
}
.geschaeftlich h3 {
	margin-top: 0;
}

div.geschaeftlich {
	background: #F0FFD9;
	padding: 5px;
	margin: 30px 20px;  /* margin: 20px 0; */
	border: 1px solid #6ec102;
}

em {
	color: #02993a;  /* petrol */
	color: #fe6f00; /* orange */
	color: #f07402; /* orange */
	color: #d32702; /* rot */
	color: #477d01; /* oliv */
	color: #d32702;

	font-style: normal;
	font-weight: normal;
	font-size: 120%;
}

.info {
	font-size: 95%;
	font-style: italic;
}
p.info  {	
	margin-top: 1.4em;
}

#ritual {
	margin: 30px 20px;
}
#ritual p {
	margin: 30px 0 0 0;
	padding: 0;
	color: #333;
}
#ritual ol {
	margin-top: 0;
	font-style: normal;
	font-weight: bold;
	color: #6ec102;
}
#ritual span {
  	font-style: normal;
	font-weight: normal;
	color: #333;
	margin-left: 20px;
	display: block;
}
#ritual ol strong {
	font-size: 150%;
	font-weight: bold;
}
#ritual strong {
	font-size: 150%;
}
#ritual h4 {
	font-size: 150%;
	margin: 0;
	color: #333;
}