/* css created and developed by 12bis3.de - zeitgemäß kommunizieren */

* {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
}

html {
	height: 100%;
}

/* --------------------
generelle einstellungen
---------------------*/


body {
	background: #fff;
	font-size: 70%;
	min-height: 101%;
}

img {
	border: none;
}

a:link, a:visited, a:active {
	color: #d1602a;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
}

h1 {
	color: #f05910;
	font-size: 120%;
	margin: 25px 0 1em 0;
}

h2 {
	color: #f05910;
	font-size: 100%;
	margin: 0 0 0.4em 0;
}

h3 {
	color: #003a77;
	font-size: 100%;
	margin: 0 0 0.2em 0;
}

h4 {
	color: #003a77;
	font-size: 100%;
	margin: 0 0 0.2em 0;
}

h5 {
	color: #003a77;
	font-size: 100%;
	margin: 0 0 0.2em 0;
}

p {
	margin: 0 0 1em 0;
	color: #003a77;
}



/* ----------------
layout definitionen 
-----------------*/

#container {
	margin: 0 auto;
	width: 927px;
	background: url(/bilder/bg-container.png) repeat-y #fff;
	padding-bottom: 1em;
	border-bottom: 1px solid #003a77;
	margin-bottom: 1em;
}

#header {
	background: url(/bilder/bg-header.png) no-repeat #4696ba;
	/*height: 161px;*/
	height: 201px;
	border-bottom: 1px solid #003a77;
}

#navigation {
	width: 231px;
	clear: left;
	float: left;
	border-left: 1px solid #003a77;
}

#content {
	width: 435px;
	float: left;
	padding: 0 15px;
	line-height: 140%;
	border-left: 1px solid #003a77;
	border-right: 1px solid #003a77;
	color: #003a77;
}

#third {
	width: 197px;
	float: left;
	padding: 15px;
	line-height: 130%;
}




/* ----------------
header definitionen 
-----------------*/

#header p {
	/*height: 17px;*/
	height: 30px;
	margin-bottom: 0;
	color: #fff;
	padding-left: 12px;
	overflow: hidden;
}
#header p a {
	color: #fff;
	padding: 0 5px;
} /*
#header img {
	float: left;
	padding: 13px 0 0 349px;
}
#header img#logo {
	float: right;
	padding: 0 1px 0 0;
} */
#header img {
	float: left;
}
#header img#logo {

} 



/* --------------------
navigation definitionen 
---------------------*/

#navigation p {
	border-top: 1px solid #003a77;
	border-bottom: 1px solid #003a77;
	font-size: 80%;
	padding: 5px 10px 6px 15px;
}
* html #navigation p {
	padding: 4px 10px 5px 15px;
}
#navigation p span {
	text-transform: uppercase;
}

#navigation ul {
	list-style-type: none;
	padding: 18px 10px 1em 15px;
	line-height: 140%;
}
#navigation ul li {
	background: url(/bilder/listing-navi-level-1.png) no-repeat 0px 6px;
	padding-left: 10px;	
	margin-bottom: 0.4em;
}
#navigation ul li ul {
	padding: 6px 10px 0.3em 2px;
}
#navigation ul li ul li {
	background: url(/bilder/listing-navi-level-2.png) no-repeat 0px 7px;
	padding-left: 8px;	
	margin-bottom: 0.3em;
}
#navigation ul li a.aktiv {
	color: #003a77;
}

#navigation h5.projekt {
	color: #f05910;
	font-size: 100%;
	margin: 10em 10px 1em 15px;
	background: none;
	padding: 0.8em 0 0 0;
	background: url(/bilder/dotted-line.png) repeat-x top;
}

#navigation img.pbuero {
	margin: 0 0 0.5em 15px;
}

#navigation p.buero {
	margin: 0 10px 0.8em 15px;
	background: url(/bilder/dotted-line.png) repeat-x bottom;
	border: none;
	font-size: 100%;
	padding: 0 0 0.8em 0;
	line-height: 140%;
}



/* -----------------
content definitionen 
------------------*/

#content img#visual {
	margin: 0 -15px;
}
	
	
p.teaser {
	font-weight: bold;
}

p.print {
	background: url(/bilder/dotted-line.png) repeat-x top;
	padding-top: 0.4em;
	text-align: right;
}
p.print span {
	float: left;
}

#content ul {
	margin: 0 0 1em 1em;
	list-style-type: none;
}
#content ul li {
	background: url(/bilder/listing-ul.png) no-repeat 0px 5px;
	padding-left: 10px;	
	margin-bottom: 0.3em;
}

#content ol {
	margin: 0 0 1em 3em;
}
#content ol li {
	margin-bottom: 0.3em;
}

img.image-left {
	float: left;
	margin: 0 0.5em 0.4em 0;
	border: 1px solid #003a77;
}

img.image-right {
	float: right;
	margin: 0 0 0.4em 0.5em;
	border: 1px solid #003a77;
}
	
#content ul.pager {
	list-style-type: none;
	background: url(/bilder/dotted-line.png) repeat-x top;
	padding-top: 0.4em;
	margin: 0 0 1em 0;
}
#content ul.pager li {
	width: 33.3%;
	padding: 0;
	background: none;
	float: left;
}
#content ul.pager li#back {
	text-align: left;
	width: 35%;
}
#content ul.pager li#center {
	text-align: center;
	width: 30%;
}
#content ul.pager li#center a.aktiv {
	border-top: 1px solid #d1602a;
	border-bottom: 1px solid #d1602a;
}
#content ul.pager li#forward {
	text-align: right;
	width: 35%;
}

#content ul.downloads {
	list-style-type: none;
	background: url(/bilder/dotted-line.png) repeat-x top;
	padding-top: 0.4em;
	margin: 0 0 1em 0;
}
#content ul.downloads li {
	background: url(/bilder/listing-ul.png) no-repeat 0px 5px;
}

dl.news, dl.ansprechpartner, dl.projektpartner, dl.projektpartner-big {
	background: url(/bilder/dotted-line.png) repeat-x top;
	width: 435px;
	padding-top: 1em;
	margin-bottom: 0.8em;
}
dl.news dt {
	width: 115px;
	float: left;
	margin-bottom: 1px;
}
dl.news dt img, dl.ansprechpartner dt img, dl.projektpartner dt img, dl.projektpartner-big dt img  {
	border: 1px solid #003a77;
}
dl.news dd {
	width: 320px;
	border-bottom: 1px solid #fff;
	float: left;
}

div.bilderreihe {
	margin: 0 -15px 1em 0;
}

div.bilderreihe img {
	float: left;
	border: 1px solid #003a77;
	margin-right: 12px;
}

dl.ansprechpartner dt {
	width: 145px;
	float: left;
	margin-bottom: 1px;
}
dl.ansprechpartner dd {
	width: 290px;
	float: left;
}

dl.projektpartner dt {
	width: 165px;
	float: left;
	margin-bottom: 1px;
}
dl.projektpartner dd {
	width: 270px;
	float: left;
}

dl.projektpartner-big dt {
	margin-bottom: 0.4em;
}

dl.projektpartner-big dd {
	margin-bottom: 0.2em;
}


/* galerie */

div.galpic {
	padding: 0.3em 10px 0.6em 0;
	width: 135px;
	height: 140px;
	float: left;
	text-align: center;
}

div.galpic a img {
	border: 1px solid #003a77;
}

div.galpic a:hover img, div.galpic a:focus img {
	border-color: #d1602a;
}

dl.galerie-detail, dl.galerie-teaser {
	width: 435px;
	margin: 0 0 1em 0;
}

dl.galerie-detail dt {
	text-align: center;
	padding-top: 0.3em;
}

dl.galerie-detail dt img {
	border: 2px solid #fff;
	margin: 0 0 0.3em;
}

dl.galerie-detail dd p {
	margin: 0 0 0.5em 0;
}

dl.galerie-teaser {
	background: url(/bilder/dotted-line.png) repeat-x;
	padding-top: 1em;
}

dl.galerie-teaser dt {
	width: 150px;
	float: left;
	margin: 0 0 1px 0;
}

dl.galerie-teaser dt img {
	border: 1px solid #003a77;
}

dl.galerie-teaser dd {
	width: 285px;
	float: left;
	margin-bottom: 0.3em;
}



/*------------------
service definitionen
----------------- */

#third h4 {
	color: #003a77;
	font-size: 100%;
	margin: 0 0 0.2em 0;
}

#third h5 {
	color: #f05910;
	font-size: 100%;
	margin: 0 0 1em 0;
	padding-bottom: 1em;
	background: url(/bilder/dotted-line.png) repeat-x bottom;
}

#third h5.projekt {
	color: #f05910;
	font-size: 100%;
	margin: 0 0 1em 0;
	background: none;
	padding: 0;
}

h6 {
	color: #003a77;
	font-size: 85%;
	margin: 0;
	font-weight: normal;
}

#third div {
	margin: 0 0 2em 0;
	padding-bottom: 1em;
	background: url(/bilder/dotted-line.png) repeat-x bottom;
}
#third div img { 
	float: left;
	margin: 0;
}
#third div img#one { 
	margin: 0 10px 0 15px;
}
#third div img#two { 
	margin: 0 10px;
}
#third div img#three { 
	margin: 10px 0 0 0;
}

#third img {
	margin: 0 0 0.5em 0;
}

#third p.buero {
	margin: 0 0 0.8em 0;
	background: url(/bilder/dotted-line.png) repeat-x bottom;
}
#third p.more {
	margin: 0 0 2em 0;
	background: none;
}

#third ul {
	list-style-type: none;
	margin-bottom: 2em;
	padding-bottom: 0.6em;
	background: url(/bilder/dotted-line.png) repeat-x bottom;
	color: #003a77;
}
#third ul li {
	background: url(/bilder/listing-ul.png) no-repeat 0px 5px;
	padding-left: 10px;	
	margin-bottom: 0.4em;
}

#third p {
	margin-bottom: 1em;
	padding-bottom: 1em;
	background: url(/bilder/dotted-line.png) repeat-x bottom;
}

#third form {
	margin-bottom: 2em;
}



/* ------------------
formular definitionen 
-------------------*/

fieldset {
	border: 1px solid #929292;
	padding: 10px;
}

legend {
	font-size: 100%;
	font-weight: bold;
	color: #f05910;
}

label {
	float: left;
	width: 150px;
}

input, textarea, select {
	width: 245px;
	border: 1px solid #9b9b9b;
	padding: 1px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
}

textarea {
	height: 130px;
	background-image: none;
}

input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
	border: 1px solid #f05910;
}

input.small {
	width: 50px;
}

input.radio-check {
	width: auto;
	border: none;
	background: none;
}


#third form {
	margin-top: 2em;
	background: url(/bilder/dotted-line.png) repeat-x bottom;
	padding: 0.6em 0 0.6em 0;
}
#third form p {
	border: none;
	margin-bottom: 0.7em;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 100%;
	border: none;
	background: none;
}
#third form label {
	width: 70px;
}
#third form input {
	width: 120px;
}
#third form input:hover, #third form input:focus {
	background: #fff;
}

#third p.login {
	border-top: 1px solid #003a77;
	border-bottom: 1px solid #003a77;
	margin-top: 10em;
	padding-top: 0.6em;
	margin-bottom: 0.7em;
	padding-bottom: 0;
	font-size: 100%;
}	






/* weitere definitonen für den content */

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	display: inline-table;
}
* html .clear {
	height: 1px;
}
.clear {
	display: block;
}