/* Autor: Daniel Bagel - friedlichschriller - db@friedlichschriller.de */

/* Letzte Änderung: 08.09.2010 */

/* ------------------------------------------ Allgemein */

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	line-height:150%;
	background-color: #fff;
}

a {
	text-decoration: none;
	outline: none;
	color: #777;
}

a:hover, .current a {
	color: #000;
}

a img {
	border: none;
}

.clear {
	clear: both;
}

/* ------------------------------------------ Struktur */

#wrapper {
	width: 960px;
	height: 540px;
	margin: 30px auto;
}

#border {
	border-top: 1px solid #7db61c;
	min-height: 700px;
	padding-bottom: 50px;
}

#logo {
	margin-top: -1px;

}



#content {
	margin-left: 132px;
}

#footer {
	font-size: 8pt;
	color: #777;
	padding: 10px;
	margin-top: 3px;
	background-color: #7db61c;
	color: #fff;
}

#footer a {
	color: #fff;

}

/* ------------------------------------------ Navi */

#navi {
	margin-top: 22px;
	margin-bottom: 22px;
}

#navi span a {
	font-size: 8pt;
	text-transform: uppercase;
	margin-right: 1.5em;
	vertical-align: top;
}

/* ------------------------------------------ Paginierung allgemein */

.pagination {
	margin-left: -2px;
	margin-bottom: 2px;
	height: 20px;
	clear: both;
}

.pagination a {
	float: left;

	top: 0;
	display: block;
	height: 14px;
	width: 14px;
	margin-right: 10px;
	overflow: hidden;
	text-indent: -5000px;
	width: 10px;
	height: 10px;
	display: block;
	background-color: #7db61c;
	content: ' ';
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

}

.pagination a {
	background-position: 0 -14px;
}

.pagination a:before {

}

.pagination a:hover {
	color: #999;
}

.pagination a.current {
	background-color: #999;;
}



/* ------------------------------------------ Projektliste */

#projekte {
	margin-top: 8px;
}

.projekt {
	float: left;
	margin-right: 6px;
}

.projekt a {
	display: block;
	height: 84px;
	border: 1px solid #aaa;
	background-repeat: no-repeat;
}

.projekt a span {
	display: none;
	position: absolute;
	margin-top: 86px;
	font-size: 8pt;
	text-transform: uppercase;
}

.projekt a:hover, .projekt a.current {
	background-position: 0 -84px;
}

.projekt a:hover span {
	display: inline;
}

/* ------------------------------------------ Linke Spalte */

#person_column1, #project_column1, #dual_column1, #philosophie {
	float: left;
	width: 240px;
	margin-top: 42px;
	margin-right: 10px;
}

.full-width-col {
	width: 100%;
	margin-top: 42px;
}

#person_column1 {
	width: 360px;
}

#dual_column1 {
	width: 360px;
}

#philosophie {
	width: 360px;
}

#person_column1 h1, #project_column1 h1, #dual_column1 h1, #philosophie h1 {
	font-size: 8pt;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
}

#project_column1 .text {
	margin-top: 1em;
}

.text {
	font-size: 8pt;
}

.text em {
	font-style: normal;
	font-weight: bold;
}

.text p {
	margin: 0;
}

/* ------------------------------------------ Rechte Spalte */

#person_column2, #project_column2, #dual_column2 {
	float: left;
	margin-top: 44px;
}

#dual_column2 {
	width: 360px;
	margin-top: 42px;
}

#image {
	margin-top: 1px;
	max-width: 540px;
	overflow: hidden;
}

/* ------------------------------------------ Kontaktformular */

.formgen {
	font-size: 8pt !important;
}


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
	cursor: pointer;
}

.formgen form {
	line-height: 120%;
	width: 340px;
}



.formgen .formblock {

}

.forminfo {

}


.formgen br {
	clear: both;
}



.formgen .formtextfield {
	width: 210px;
	border: 1px solid #e1e1e1;
	padding: 3px;
	margin: 5px 0;
}


.formgen .formtext {
	width: 210px;
	background: #fff;
	border: 1px solid #e1e1e1;
	padding: 3px;
	margin: 5px 0;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover,
.formgen textarea:focus, .formgen textarea:hover {
	border-color: #98c338;
}

fieldset {
	border: 0 none;
	padding: 0;
	margin: 0;
}


.formgen label {
	width: 110px;
	clear: left;
	float: left;
	display: block;
	height: 20px;
	font-family: Verdana, Helvetica, Arial, sans-serif;

	margin: 5px 0;
	text-align: right;
	margin-right: 10px;
}


.formgen .formselect {
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
}


.formgen .formsubmit {
	width: 220px;
	padding: 6px;
	margin-right: 1px;
	text-align: center;
	background-color: #98c338;
	border: 0 none;
	float: right;
	text-transform: uppercase;
	color: #FFFFFF;
}

.formgen .formsubmit:hover {
	background: #777;
}

.formheadline {
	width: 100%;
	text-transform: uppercase;
	margin-bottom: 1em;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 3px;
	margin-top: 6px;


}




/* Fehlermeldungen */

.formgen .formerror {
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha {

}

.formgen .formreq {

}

.formgen .formheadline {

}