*
{
	margin: 0;
	padding: 0;
	outline: 0;
}

/* HTML5 tags */
header, section, footer, aside, nav, article, figure
{
	display: block;
}

@font-face
{
	font-family: Delicious;
	src: url(Delicious-Roman.otf) format("opentype")
}

@font-face
{
	font-family: DeliciousHeavy;
	src: url(Delicious-Heavy.otf) format("opentype")
}

@font-face
{
	font-family: DeliciousSC;
	src: url(Delicious-SmallCaps.otf) format("opentype")
}
@font-face
{
	font-family: DeliciousItalic;
	src: url(Delicious-Roman.otf) format("opentype")
}


body
{
	font-family: Delicious, Arial;
	color: #4b4b4b;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	background-color: #fafafa;
}

::selection
{
	background-color: rgba(122, 192, 0, 0.2);
}
::-moz-selection {
background-color: rgba(122, 192, 0, 0.2);
border: 10px solid red;
}

h1
{
	color: #fff;
	font-size: 40px;
	position: relative;
	top: 15px;
}

h1 a
{
	color: #fff;
	font-size: 40px;
	background-color: #b8cc18;
	padding: 5px 25px 10px 25px;
	width: 300px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	border-top: 1px solid rgba(255, 255, 255, 0.6);
	background: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0.23, #c34000),  color-stop(0.62, #b8cc18)  );
	background: -moz-linear-gradient(  center bottom,  #c34000 23%,  #b8cc18 62%  );
}

h1 a:hover
{
	color: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	padding-bottom: 10px;
	background-color: #7ac000;
	background: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0.23, #619702),  color-stop(0.62, #7ac000)  );
	background: -moz-linear-gradient(  center bottom,  #619702 23%,  #7ac000 62%  );
}

h2
{
	font-family: DeliciousSC, Arial;
	padding-left: 125px;
	font-size: 62px;
	color: #0c9e3b;
	height: 105px;
	margin-top: 25px;
}

h2 span.sub
{
	font-size: 36px;
	float: left;
	color: #0c9e3b;
}

h2.service
{
	background: url(images/lila.png) no-repeat ;
}


h2.philosophie
{
	background: url(images/rot.png) no-repeat;
}

h2.baustein
{
	background: url(images/orange.png) no-repeat;
}

h2.kontakt
{
	background: url(images/gelb.png) no-repeat;
}
h3
{
	font-family: DeliciousSC, Arial;
	font-size: 36px;
	color: #4b4b4b;
	height: 55px;
}

a
{
	color: #7ac000;
	text-decoration: none;
	border-bottom: 1px solid #7ac000;
	padding-bottom: 2px;
}

a:hover
{
	color: #b8cc18;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #b8cc18;
}

a:active
{
	color: #b8cc18;
	text-decoration: none;
	border-bottom: 1px solid #b8cc18;
	padding-bottom: 2px;
	position: relative;
	top: 1px;
}

p, li
{
	font-size: 24px;
	margin-bottom: 15px;
	line-height: 30px;
}
.text
{
	color: #4b4b4b;
}

strong
{
	font-family: DeliciousHeavy, Arial;
}

.italic
{
	font-family: DeliciousItalic, Arial;
}
.bullet
{
	font-size:24px;
	background-color: #0c9e3b;
	color: #FFF;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
}
img 
{
	border:none;
}
header
{
	padding: 5px 0;
	width: 100%;
	height: 150px;
	background-color: #0c9e3b;
	margin-bottom: 25px;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
	position: fixed;
	z-index: 10;
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: dashed;
	border-bottom-color: #FFF;
	
}
.logo	{
	position: relative;
	float: left;
	}
#headercontainer, #contentcontainer
{
	width: 960px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}

#contentcontainer
{
	float: none;
	padding-top: 0px;
	border: none;
}

nav
{
	padding-top: 105px;
	width: auto;
	float: left;
}

nav ul
{
	position: absolute;
	right: 0;
	display: block;
}

nav ul li
{
	display: inline;
	margin-left: 30px;
}

nav ul li a
{
	font-family: DeliciousSC, Arial;
	font-size: 28px;
	color: #fff;
	border-bottom: none;
}
nav ul li a:hover
{
	border-bottom: none;
}

section
{
	width: 960px;
	padding-top: 200px;
	padding-bottom: 200px;
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: dashed;
	border-bottom-color: #0c9e3b;
}

#service h2 a
{
	padding-bottom: 0px;
}

#service a.featured
{
	padding-bottom: 0px;
	border-bottom: none;
}


input:hover, textarea:hover
{
	border: 5px solid rgba(122, 192, 0, 1);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}


#baustein ul.work a
{
	border-bottom: none;
}

#baustein ul.work a img
{
	border: 5px solid rgba(122, 192, 0, 0.15);
	-webkit-border-radius: 5px;
}

#baustein ul
{
	float: left;
	width: 390px;
	height: 500px;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 5px solid rgba(122, 192, 0, 0.15);
	-webkit-border-radius: 5px;
	padding: 30px;
	color: rgba(122, 192, 0, 0.15);
	background-color: #ceebf9;
	background-repeat: no-repeat;
	background-position: left bottom;	
	}

#baustein ul.work li
{
	list-style-image: none;
	list-style-type: disc;
	}

#kontakt
{
	margin-bottom: 0px;
}

input[type="text"]
{
	width: 400px;
}

textarea
{
	width: 750px;
	height: 275px;
}

label
{
	color: #b8cc18;
}

input, textarea
{
	background-color: rgba(255, 255, 255, 0.4);
	border: 5px solid rgba(122, 192, 0, 0.15);
	padding: 10px;
	font-family: Delicious, Arial;
	color: #4b4b4b;
	font-size: 24px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
	margin-top: -10px;
}

input:focus, textarea:focus
{
	border: 5px solid #b8cc18;
	background-color: rgba(255, 255, 255, 1);
}

input[type="submit"]
{
	border: none;
	cursor: pointer;
	color: #fff;
	font-size: 24px;
	background-color: #7ac000;
	padding: 5px 36px 8px 36px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	border-top: 1px solid rgba(255, 255, 255, 0.6);
	background: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0.23, #0c9e3b),  color-stop(0.62, #619702)  );
	background: -moz-linear-gradient(  center bottom,  #0c9e3b 23%,  #619702 62%  );
}

input[type="submit"]:hover
{
	color: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	background-color: #b8cc18;
	background: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0.23, #4b5b13),  color-stop(0.62, #35440e)  );
	background: -moz-linear-gradient(  center bottom,  #4b5b13 23%,  #35440e 62%  );
}

input[type="submit"]:active
{
	position: relative;
	top: 1px;
}

footer
{

	float: left;
	margin-top: 50px;
}

footer ul
{
	margin-bottom: 50px;
}

footer ul li
{
	font-size: 14px;
	display: inline;
	margin-right: 25px;
}

footer ul li a
{
	margin-left: 10px;
}

footer ul li img
{
	vertical-align: bottom;
	position: relative;
	top: 2px;
}