@charset "utf-8";
 
/*
	Initiative Konzeptionelles Design CSS
	Copyright (c) 2008 Marco Witte. All rights reserved.
	If you copy without permission, I will mock you.
	Layout No. 1 / v1.04
	24. Jul 2008
*/

@import url("default/grid.css");
@import url("default/reset.css");
@import url("default/typography.css");

body {
	background: #fff url(img/bg-animiert-gross.gif) repeat;
}

#whiteOverlay {
	background: url(img/whiteOverlay-120px.gif) repeat-x left top;
	width: 100%;
	height: 120px;
}

/* @group #Header */

#header {
	height: 150px;
	margin: 0;
	padding: 0;
}

#header .pfeilHeaderRe {
	float: right;
	width: 30px;
	height: 30px;
	background: #000 url(img/pfeil-rechts.gif) no-repeat -30px 0;
	margin: 0;
	padding: 0;
}

#header .pfeilHeaderRe a {
	background-color: transparent;
	text-decoration: none;
}

#header .pfeilHeaderRe:hover {
	background: #ff0000 url(img/pfeil-rechts.gif) no-repeat 0 0;
}

#header .pfeilHeaderLi {
	width: 30px;
	height: 30px;
	background: #000 url(img/pfeil-links.gif) no-repeat -30px 0;
	float: left;
	margin: 0;
	padding: 0;
}

#header .pfeilHeaderLi a {
	background-color: transparent;
	text-decoration: none;
}

#header .pfeilHeaderLi:hover {
	background: #ff0000 url(img/pfeil-links.gif) no-repeat 0 0;
}

#header img { 
	float: left;
	margin: 0;
	padding: 0;
}

/* @end */

/* @group Menu */

#menu1 {
	height: 1.875em;
	width: 58.125em; /*930px basierend auf 16px*/
	padding: 0;
	margin: 0;
	letter-spacing: 0.1em;
	font: 1.333em/1.916em Verdana, "Neue Helvetica", Helvetica, sans-serif;
}

#menu1 a, #menu1 img {
	display: block;
	float: left;
}

#menu1 a {
	color: #000;
	text-decoration: none;
	padding: 0px 1em;
}


 /* damit kein Hover bei den logobildern entsteht */
#menu1 a.image {
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#menu1 a:hover {
	color: #fff;
	background: #ff0000 url(img/bg_red.gif) repeat;
}

#menu1 a.selected {
	color: #fff;
	background: #ff0000 url(img/bg_red.gif) repeat;
}


#menu2 {
	height: 1.875em;
	width: 58.125em;
	padding: 0;
	margin: 0;
	letter-spacing: 0.1em;
	font: 1.333em/1.916em Verdana, "Neue Helvetica", Helvetica, sans-serif;
}

#menu2 a, #menu2 img, #menu2 div {
	display: block;
	float: left;
}

#menu2 a {
	color: #000;
	text-decoration: none;
	padding: 0px 1em;
}

#menu2 a:hover {
	background: #ff0000 url(img/bg_red.gif) repeat;
	color: #fff;
}

#menu2 a.selected {
	background: #ff0000 url(img/bg_red.gif) repeat;
	color: #fff;
}


#menu2 #searchField {
	margin: 6px 0 0 1em;
}

#menu2 #searchField .searchButton {
	float:					left;
	padding: 0;
	margin: 0 0 0 0.5em;
}
 
#menu2 #searchField .textfield {
	width:					120px;
	color:					#666;
	margin:					0;
	font: 11px/11px monaco, verdana, arial, sans-serif;
	float:					left;
	padding: 0;
}


/* @end */

/* @group Startseite / Teaser der Eintraege */

/* @group projectTeaser */

.projektTeaser {
	margin-top: 30px; /*30px bei fontsize 12px*/
	height: 7.5em; /*90px bei fontsize 12px*/
	color: #4d4d4d;
	padding: 0;
	background-color: #fff;
}

.projektTeaser img { 
	padding: 0;
	margin: 0;
}

.projektTeaser p {
	padding: 0;
	margin: 0;
}

.projektTeaser h3 { 
	margin-bottom: 0.3em;
	margin-right: 15px;
	padding-top: 0.571em; /*8px*/
	padding-bottom: 0.571em;
	font-size: 1.166em; /*fontsize 14px*/
	line-height: 1.166em;
	background: url(img/dotted-line-s.gif) repeat-x left bottom;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-family: Verdana, "Neue Helvetica", Helvetica, sans-serif;
	font-weight: bold;
}

.projektTeaser h3 a {
	color: #000;
	text-decoration: none;
	background-color: inherit;
}

.projektTeaser h3 a:hover {
	color: #ff0000;
	text-decoration: none;
}

.projektTeaser h4 {
	text-transform: uppercase;
	float: left;
	padding: 0; 
	color: #000;
	font-size: 0.833em;  /*10px*/
	letter-spacing: 0.2em;
	background-color: #ffff00;
	margin: 1em 10px 0 0;
}

/* @end */

/* @group articleTeaser */

.artikelTeaser {
	margin-top: 30px; /*30px bei fontsize 12px*/
	height: 12.5em; /*150px bei fontsize 12px*/
	color: #4d4d4d;
	padding: 0;
	background-color: #fff;
}

.artikelTeaser p {
	font: 1em/1.5em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 0 15px;
}

.artikelTeaser h3 {
	margin-bottom: 0.3em;
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 0.571em; /*8px*/
	padding-bottom: 0.571em;
	font-size: 1.166em; /*fontsize 14px*/
	line-height: 1.166em;
	background: url(img/dotted-line-s.gif) repeat-x left bottom;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-family: Verdana, "Neue Helvetica", Helvetica, sans-serif;
	font-weight: bold;
}
	
.artikelTeaser h3 a {
	color: #000;
	text-decoration: none;
	background-color: inherit;
}

.artikelTeaser h3 a:hover {
	color: #ff0000;
	text-decoration: none;
}

.artikelTeaser h4 {
	text-transform: uppercase;
	float: left; 
	color: #000;
	font-size: 0.833em;  /*10px*/
	letter-spacing: 0.1em;
	background-color: #00ffff;
	margin: 0.3em 15px 0 15px;
}

/* @end */

.pfeil {
	float: right;
	width: 30px;
	height: 30px;
	background: #000 url(img/pfeil-rechts.gif) no-repeat -30px 0;
}

.pfeil a {
	background-color: transparent;
	text-decoration: none;
}

.pfeil:hover {
	background: #ff0000 url(img/pfeil-rechts.gif) no-repeat 0 0;
}

/* @end */

/* @group Detailseiten */

/* @group entryFullProject */

.entryFullProject {
	margin-top: 2.5em; /*30px bei fontsize 12px*/
	color: #4d4d4d;
	padding: 0;
	background-color: #fff;
}

.entryFullProject p {
	padding: 0;
	margin-right: 30px;
	margin-left: 30px;
}

.entryFullProject p.lineTop {
	background: url(img/dotted-line-s.gif) repeat-x left top;
	font-size: 0.833em; /*10px*/
	line-height: 1.8em; /*18px -- em-wert bezogen auf 10px*/
	padding-top: 0.2em; /*2px -- em-wert bezogen auf 10px*/
}

.entryFullProject img {
	padding: 0;
	margin: 0 0 1.5em;
}

.entryFullProject h2 {
	font-size: 18px; /*18px*/
	line-height: 1.285em;
	padding-top: 0.857em;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Verdana, "Neue Helvetica", Helvetica, sans-serif;
	letter-spacing: 0.1em;
	margin: 0 30px 0.857em 30px;
}

.entryFullProject h3 {
	margin-right: 30px;
	margin-left: 30px;
	font-size: 16px; /*16px*/
	line-height: 1.125em; /*18px*/
	margin-bottom: 1.125em; /*18px*/
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.entryFullProject h4 {
	font-weight: bold;
	margin-right: 30px;
	margin-left: 30px;
	font-size: 1em; /*12px*/
	line-height: 1.5em; /*18px*/
	margin-bottom: 0.5em; /*6px*/
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #333;
}


.entryFullProject blockquote {
	background: url(img/dotted-line-vertical.gif) repeat-y left top;
	margin-left: 30px;
}

.entryFullProject blockquote p {
	margin-left: 15px;
}

.projectInfo {
	padding:0;
	margin: 0 30px 2em 45px;
}

.projectInfo td.itemLabel {
		color: #000;
		width: 10em;
		padding: 3px 5px 3px 0;
		border-top: 1px dotted #ccc;
		vertical-align: top;
		margin: 0;
}

.projectInfo td.item {
		padding: 3px 5px 3px 0;
		border-top: 1px dotted #ccc;
		vertical-align: top;
		margin: 0;
}

.projectInfo td.borderBottom {
		border-bottom: 1px dotted #ccc;
}

/* @end */

/* @group entryFullArticle */

.entryFullArticle {
	margin-top: 2.5em; /*30px bei fontsize 12px*/
	color: #4d4d4d;
	padding: 0;
	background-color: #fff;
	}

.entryFullArticle p {
	font: 1em/1.5em Georgia, "Times New Roman", Times, serif;
	padding: 0;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 1.5em;
}

.entryFullArticle img {
	padding: 0;
	margin: 0 0 1.5em;
}

.entryFullArticle h2 {
	font-size: 18px; /*18px*/
	line-height: 1.285em;
	padding-top: 0.857em;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Verdana, "Neue Helvetica", Helvetica, sans-serif;
	letter-spacing: 0.1em;
	margin: 0 30px 0.857em 30px;
}

.entryFullArticle h3 {
	font-weight: bold;
	margin-right: 30px;
	margin-left: 30px;
	font-size: 1em; /*12px*/
	line-height: 1.5em; /*18px*/
	margin-bottom: 0.5em; /*6px*/
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #333;
}

.entryFullArticle h4 {
	text-transform: uppercase;
	float: left; 
	color: #000;
	font-size: 0.833em;  /*10px*/
	letter-spacing: 0.1em;
	background-color: #00ffff;
	margin: 0.3em 15px 0;
}

.entryFullArticle blockquote {
	background: url(img/dotted-line-vertical.gif) repeat-y left top;
	margin-left: 30px;
}

.entryFullArticle blockquote p{
	margin-left: 15px;
}

/* @end */

/* @group contentStd */

.contentStd {
	margin-top: 2.5em; /*30px bei fontsize 12px*/
	color: #4d4d4d;
	padding: 0;
	background-color: #fff;
	}

.contentStd p {
	padding: 0;
	margin-right: 15px;
	margin-left: 15px;
}

.contentStd img {
	padding: 0;
	margin: 0 0 1.5em -15px;
}

.contentStd h2 {
	font-size: 1.25em; /*fontsize 15px*/
	line-height: 1.4em; /*21px bei fontsize 15px*/
	margin-right: 15px;
	margin-bottom: 1.2em; /*18px*/
	margin-left: 15px;
	padding-top: 0.4em; /*6px bei font 15px*/
	font-weight: bold;
	background: url(img/dotted-line-s.gif) repeat-x left bottom;
	padding-bottom: 0.2em; /*3px bei font 15px*/
}

.contentStd h3 {
	font-weight: bold;
	margin-right: 15px;
	margin-left: 15px;
	font-size: 1em; /*12px*/
	line-height: 1.5em; /*18px*/
	margin-bottom: 1.5em; /*18px*/
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #666;
}

.contentStd h4 {
	text-transform: uppercase;
	float: left;
	margin: 0 15px;
	padding: 0; 
	color: #999;
	line-height: 1.8em; /*18px*/
	font-weight: bold;
	font-size: 0.833em;  /*10px*/
	display: inline;
	letter-spacing: 0.1em;
}

/* @end */

/* @end */

/* @group unterstuetzer */

.unterstuetzerBg {
	margin-top: 2.5em; /*30px bei fontsize 12px*/
	color: #4d4d4d;
	background-color: #fff;
	padding: 1.5em 0;
}

.unterstuetzerBg p {
	padding: 0;
	margin-right: 15px;
	margin-left: 15px;
}

.unterstuetzer {
	color: #4d4d4d;
	padding: 0;
	background-color: #fff;
	float: left;
	width: 380px;
	margin: 0 0 0 15px;
}

.unterstuetzer table {
	padding: 0;
	margin: 0;
	border: 0;
	width: 99%;
}

.unterstuetzer td {
	padding: 10px 0;
	vertical-align: top;
	margin: 0;
	background: url(img/dotted-line-s.gif) repeat-x left top;
}

.unterstuetzer td.itemLabel {
	width: 78%;
	padding-right: 5px;
}

.unterstuetzer td.item {
	text-align: right;
	font-size: 0.916em; /*fontsize 11px*/
	line-height: 0.916em;
}

.unterstuetzer h3 {
	font-size: 1em; /*fontsize 12px*/
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-family: Verdana, "Neue Helvetica", Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.unterstuetzer h3 a {
	color: #000;
	text-decoration: none;
	background-color: inherit;
}

.unterstuetzer h3 a:hover {
	color: #ff0000;
	text-decoration: none;
}

/* @end */

/* @group Pagination */

.pagination {
	color: #666;
	margin-top: 3em; 
	font-size: 0.833em; /*10px*/
	line-height: 1em;
}

.pagination p {
	padding: 1em 15px 1.1em;
}


.pagination a,
.pagination a:link,
.pagination a:visited {
	color: #ff0000;
	text-decoration: none;
}

.pagination a:hover {
	color: #000;
	background-color: inherit;
}

/* @end */

/* @group #Footer */

#footer {
	color: #000;
	margin-top: 3em; 
	font-size: 0.833em; /*10px*/
	line-height: 1em;
}

#footer p {
	padding: 1em 15px 1.1em;
}

#footer a,
#footer a:link,
#footer a:visited  {
	color: #ff0000;
	text-decoration: none;
}

#footer a:hover {
	color: #000;
	background-color: inherit;
}

/* @end */

/* @group SearchTitle */

.searchTitle {
	margin-top: 2.5em; /*30px bei fontsize 12px*/
	height: 2.5em; /*30px bei fontsize 12px*/
	color: #4d4d4d;
	padding: 0;
}

.searchTitle h3 {
	font-weight: normal;
	margin-bottom: 0.4em;
	margin-right: 0;
	margin-left: 15px;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	font-size: 1.25em; /*fontsize 15px*/
	line-height: 1.25em;
	color: #666;
}

.searchTitle b {
	font-weight: bold;
	color: #000;
}

/* @end */