@charset "utf-8";
/**
 * Main StyleSheet
 *
 * @project		Architekturbüro Evers
 * @author		Boris Bojic <bojic@devshack.biz>
 * @copyright	Copyright (c) 2009, Boris Bojic (DevShack)
 * @version		Wed, 25 Nov 2009 15:47:51 +0100
 *
 */


/*
=== Grundlegendes / CSS Reset ================================================================
==============================================================================================
*/

html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
body{line-height:1;font-family:Arial,Verdana,Helvetica,"Trebuchet MS",sans-serif;color:#454642;background:#fff;font-size:100.01%;}
input,
select,
textarea{font-family:Arial,Verdana,Helvetica,"Trebuchet MS",sans-serif;margin:0;padding:0;border:0;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-family:Arial,Verdana,Helvetica,"Trebuchet MS",sans-serif;}
a{color:#454642;text-decoration:none;}
a:hover,
a.marked{color:#88b801;}
label{cursor:pointer;}

/*
=== Grundlayout ============================================================================== 
==============================================================================================
*/

#wrapper{
	width: 825px;
	margin: 0 auto;
	padding: 20px 0;
}

#header{
	font-size: 1.8em;
	padding: 17px 0 0 0;
	background: #fff url('./img/header/greenbox.png') 99% 4% no-repeat;
}

	#header h1{
		font-weight: normal;
		text-transform: uppercase;
		padding: 0 0 0 1%;
	}
	
	#header h2{
		font-size: .5em;
		font-weight: normal;
		border-bottom: 1px solid #454642;
		margin-bottom: 12px;
		padding: 0 0 10px 1%;
	}

	#header img{
		display: block;
	}

#nav{
	padding: 15px 15px 30px 15px;
}

#content{
	min-height: 250px;
	padding: 0 15px;
	color: #555;
}

#footer{
	padding: 25px 0 7px 0;
	border-bottom: 1px solid #454642;
	margin-bottom: 10px;
}


/*
=== Navigation =============================================================================== 
==============================================================================================
*/

#nav ul#firstnav{
	float: left;
	font-size: 1em;
	line-height: 1.5;
	width: 38em;
}

#nav ul#secondnav{
	float: right;
	font-size: .9em;
	line-height: 1.3;
	width: 12em;
}


#nav ul#firstnav li{
	float: left;
	padding: 0 1.5em 0 2em;
	background: url('./img/nav/littlebox.png') 0 50% no-repeat;
}

	#nav ul#firstnav li#first{
		padding-left: 0;
		background-image: none;
	}

#nav ul#secondnav li{
	float: right;
	text-align: right;
	padding-left: 1.5em;
}


/*
=== Inhalt =================================================================================== 
==============================================================================================
*/

#content p,
#content ul,
#content ol{
	line-height: 1.4;
	font-size: .8em;
	padding-bottom: 1em;
}

#content ul,
#content ol{
	padding-left: 10px;
}

	#content li{
		padding-left: 15px;
		background: url('./img/nav/tinybox.png') 0 .5em no-repeat;
	}

#content h2,
#content h3,
#content h4,
#content h5,
#content h6{
	padding-bottom: 1em;
	line-height: 1.4;
}

#content h2{
	font-size: 1.2em;
}

#content h3{
	font-size: 1em;
}

#content h4{
	font-size: .8em;
}

#content h5{
	font-size: .7em;
}

#content h6{
	font-size: .65em;
}

#content .imgright{
	float: right;
	margin: 0 0 10px 10px;
}

#content .imgleft{
	float: left;
	margin: 0 10px 10px 0;
}

#content .gruen{
	color: #88b801;
}

#content .abstand2{
	padding-bottom: 2em;
}

/*
=== News / Blog Definitionen ================================================================= 
==============================================================================================
*/

#content #main{
	float: left;
	width: 580px;
}

#content #sidebar{
	float: right;
	width: 180px;
}

#content #main h3{
	padding-bottom: .5em;
}

#content #main h4{
	padding: 1em 0 0 0;
	color: #88b801;
}


#content #main h5{
	color: #88b801;
	font-size: .8em;
}

#content #main h6{
	font-size: .7em;
}

#content #main a{
	font-weight: bold;
}

#content #sidebar h3{
	color: #88b801;
}

#content #sidebar ul{
	padding-bottom: 2em;
}

/*
=== Footer =================================================================================== 
==============================================================================================
*/

#footer ul{
	font-size: .9em;
	padding: 0 15px;
}

#footer ul li{
	display: inline;
	padding-right: 2.5em;
}

/*
=== CSS Autoclear ============================================================================
==============================================================================================
*/

#wrapper:after,
#nav:after,
#content:after{
	content: ".";display: block;height: 0;clear: both;visibility: hidden;
}















/* that's all folks! */