@charset "UTF-8";
/* CSS Document */

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

body {
	font-family: Arial, Verdana, sans-serif;
	background-color: #ffffff;
	font-size: 12px;
	line-height:18px;
}

img {
	border: none;
}

h1 {
	font-size: 20px;
	letter-spacing: 100px;
	text-align: center;
	font-weight: normal;
	line-height:30px;
	margin-bottom:10px;
}


h2 {
	font-size: 15px;
	text-align: left;
	color: #5bc4ef;
	line-height: 18px;
	margin-bottom: 10px;
	font-weight: normal;
	letter-spacing: 17px;
}

h3 {
	font-size: 15px;
	text-align: left;
	color: #635E5A;
	line-height: 15px;
	font-weight: bold;
	padding-bottom:5px;
}

p {
	text-align: left;
	color: #635E5A;
	margin-bottom: 5px;
	letter-spacing:1px;
	font-size: 12px;
}

.abstand {
	margin-top: 25px;
}

/*pagemargins*/

#pagemargins {
	position: absolute;
	left: 120px;
	top: 30px;
}

/*Layout*/

#header {
	position:absolute;
	top:0px;
	left:-20px;
	width:600px;
}

.smalltitel {
	font-size: 13px;
	letter-spacing: 17px;
	text-align: left;
	margin-left:25px;
}


/*links*/

a {
	text-decoration: none;
	color: #635E5A;
	font-style: normal;
	font-weight: normal;
	letter-spacing:1px;
	font-size:12px;
}

a:hover {
	color: #5bc4ef;
}

.active {
	color: #5bc4ef;
}

/*navi*/

#navi {
	position: absolute;
	left: 0px;
	top: 150px;
	width:140px;
}

#navi li {
	list-style-type: none;
	padding-right: 10px;
	padding-top: 5px;
	width:100px;
	text-align: left;
}

#naviprojekte {
	position: absolute;
	left: 15px;
}

/*picnavigation*/

#picheader {
	padding-bottom:20px;
}

#piccontainer {
	width:auto;
}

#picnavi {
	float:left;
	padding-left: 15px;
}

#picnavi ul {
	list-style-type: none;

}

#picnavi ul li {
	display: inline;
}

#IMAGECOUNTER {
	float:left;
	color: #635E5A;
	text-align: right;
}

/*content*/

#content {
	position:absolute;
	left:250px;
	top:150px;
	width:auto;
	padding-bottom:30px;
	padding-right:30px;
}

#textbox {
	width:700px;
}

#addressbox {
	width:250px;
}

#projektbox {
	width:700px;
	/*overflow: auto;
	height:300px;*/
	padding-bottom:20px;
}

/*copyright*/

.copyright {
	font-size: 10px;
	letter-spacing:10px;
	margin-top: 40px;
}

#copyright {
	position: absolute;
	top: 500px;
	left: 0px;
	width:100px;
}



/*formular*/

#contentformular {
	position: absolute;
	left: 0px;
	width: 250px;
	padding-top:20px;
}

.lauftext {
	text-transform: none;
}

#formular {
	width: 250px;

}

table {
	border-collapse: collapse;
}

td {
	text-align: right;
	vertical-align: top;
	padding-right: 10px;
	padding-bottom: 10px;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #404040;
}

input {
	font-family: Arial, Verdana, sans-serif;
	background-color: #FFFFFF;
	color: #635E5A;
	font-size: 11px;
	border: 1px solid #bbbabb;
	width:170px;
}

textarea {
	font-family: Arial, Verdana, sans-serif;
	background-color: #FFFFFF;
	color: #635E5A;
	font-size: 11px;
	border: 1px solid #bbbabb;
	width:170px;
}

.felder {
	text-align: left;
}

.button {
	font-family: Arial, Verdana, sans-serif;
	background-color: #FFFFFF;
	color: #404040;
	font-size: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
}

.button:hover {
	background-color: #5bc4ef;
	color: #FFFFFF;
}

/*Table*/

table {
	border-collapse: collapse;
}

td {
	text-align: right;
	vertical-align: top;
	padding-right: 10px;
	padding-bottom: 10px;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #404040;
}