/* CSS */
/* Daniel Alcón López 2006 */

html,body{
	margin: 0;
	padding: 0;
}
body{
	font: 14px/24px "Nunito", "Lucida Grande", Lucida, Arial,sans-serif;
	font-weight: 300;
	width: 970px;
	margin: 0 auto;
}

/* ELEMENTS */
a:link{

}
a:active {

}
a:hover {
	text-decoration: underline;	
}
p{
	margin: 0 0 9px;
}
p a{
	text-decoration: none;
}
p a:hover{
	text-decoration: underline;
}


/* LAYOUT BASICO */
div#header{
	height: 112px;
	position: relative;
}

div#inhalt{
	width: 100%;
	margin: 0;
	padding: 0;
	padding-top: 10px;
}
div.container{
	margin: 180px 0;
}
div.project{
	width: 43%;
	min-height: 700px;
	margin-right: 20px;
	border: 3px solid #f6f6f6;
	border-radius: 5px;
	float:left;
	padding: 20px;
	margin-top: 30px;
}
div#footer{
	margin: 40px 0;
	padding: 10px 0;
	height: 30px;
	text-align: center;
}
br.clear{
	clear: both;
}

/* HEADINGS */
h1, h2, h3{
	margin: 18px 0;
	font-weight: 200;
	text-align: center;
}

/* TEXT */
body{
	text-align: left;
}
h1{
	font-size: 42px;
}
h2{
	font-size: 36px;
}
h3{
	font-size: 22px;
	line-height: 28px;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 14px;
}

.footer{
	font-size: 14px;
}

/* COLOR / BACKGROUND-COLOR */
body, #menu{
	color: #282828;
}
p{
	color: #444;
}
#menu li a{
	color: #b6b6b6;
}
#menu li.active a{
	/*color: #282828;
	border: 1px dotted #282828;
	background: #fff;*/
	background: #282828;
	color: #fff;
}
#menu li a:hover{
	color: #282828;
}
#menu li.active a:hover{
	color: #fff;
}
legend{
	background-color: #fff;
}
fieldset{
	background-color: #f0f0f0;
}

/* BORDER */
input[type="text"], textarea{
	border: 1px solid #adadad;
}
#footer{
	border-top: 1px dotted #ccc;
}
hr{
	height: 1px;
	border: none;
	border-top: 1px dotted #ccc;
}
.grey{
	color: #ccc;
}
a{
	color: #282828;
	text-decoration: none;
}