/* CSS for http://nina.hardwig.com */
/* erstellt von Nina Hardwig */

/* BASIC */

* {
	padding: 0;
	margin: 0;
	list-style: none;
}
body {
	color: #000000;
	background: #333333;
	font-size: small;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	line-height: 1.2em;
	font-weight: normal;
}

strong {
	color: #666666;
	background: #FFFFFF;
	font-weight: normal;
	}
a {
	text-decoration: none;
	color: #000000;	
	background: transparent;
	}
a img {
	border: 0;
}

.satzzeichen {
	padding-top: 1em;
	font-size: 1em;
}
/* Target all Firefox */
@-moz-document url-prefix(http://nina.hardwig.com/) { 
.satzzeichen { 
line-height: 1.3em;
padding-bottom: 0.124em;
	}}

/* - - - - - - - - - - - - - - - - - - - - - - */

/* ELEMENTE */


/* - - - - - - - - - - - */

/* NAVI */

ul#navi {
	font-size: 1.25em;
	margin: .6em;
}
ul#navi li {
	float: left;
	color: #000000;
	background: #FFFFFF;
	margin-right: .6em;
	margin-bottom: .5em;
}
ul#navi a {
	display: block;
	padding: .8em;
	float: left;
	color: #000000;
	background: #FFFFFF;
	}

ul#navi li.aktiv, ul#navi li:hover {
	color: #000000;
	background: #FFFFFF url(pictures/italica.gif) no-repeat bottom left;
}
ul#navi li.satzzeichen, ul#navi li.satzzeichen:hover {
	background: none;
}
ul#navi li.aktiv a, ul#navi li a:hover {
	background: transparent url(pictures/italicb.gif) no-repeat top right;
}

ul#navi li.doppelpunkt {
	padding-top: 0;
}


/* - - - - - - - - - - - */

/* STARTSEITE */

#startseite {
	background-image: url();
	background-repeat: no-repeat;
	background-position: top;
}
#blindtext-start {
	clear: both;
	padding-top: 9em;
}
#blindtext-start li.topic {
	color: #FFFFFF;
	background-color: #FFFFFF;
}
#blindtext-start li {
	float: left;
}
#blindtext-start li p, #blindtext li p {
	color: #ffffff;
	font-size:4.2em;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	letter-spacing: 0.02em;
	margin-top: 0.22em;
	margin-left: 0.2em;
	margin-right: 0.1em;
	margin-bottom: -0em;
	float: left;
}

.topic, .imgtopic {
	line-height: 1.3em;
	color: #000000;
	background: #ffffff;
	margin-top: 0.85em;
	margin-bottom: 0.6em;
	margin-right: 1em;
	margin-left: 1em;
	padding-left: 1.3em;
	padding-right: 1.3em;
	font-size: 0.75em;
	float: left;
}

.topic {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}

.einlink {
	padding: 0;
}
	
.imgtopic dd {
	float: right;	/*stellt das bild neben den text*/
	padding-right: 1.2em;
}


div.neuezeile {
	clear: both;	/* bringt die  dl "newsone" und "newsthree" (jeweils umschlossen von div) in neue zeile */
}

#about a, dt a, #subnavi li.aktiv a, #newsfour a {
	display: block;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 1.3em;
	padding-right: 1.3em;
}

.einlink:hover {
	color: #000000;
	background: #FFFFFF url(pictures/italicawhite.gif) no-repeat bottom left;
}

li#about a:hover, dt.einlink a:hover, dl.imgtopicextra:hover, ul#newsfour li a:hover {
	background: transparent url(pictures/italicbwhite.gif) no-repeat top right;
}

img.vorschau {
	height: 4.9em;
}

img.satzzeichen {
	height: 2.7em;
	width: auto;
}

li.doppelpunkt img {
	padding: 0;
}

/* EMAIL */

span.vorname:after {
	content: "@";
}

/* commented backslash hack v2 \*/
*>span.at	{
	display: none;
}
/* end hack: compliant browsers show the @-character, others fall back with |at| */

/* PORTFOLIO */
#portfoliotopics {
	clear: both;
}
#portfoliotopics div {
	float: left;
}

#poly {
	width: 28em;
}
#hop {
	width: 20.5em;
}
#rat {
	width: 17.5em;
}
#noh {
	width: 19em;
}
#bbt {
	width: 25em;
}
#os {
	width: 24em;
}
#integr {
	width: 29.2em;
}
#marhein {
	width: 25em;
}
#dph {
	width: 40em;
}
#mpiwg {
	width: 25em;
}
#beshara {
	width: 14.7em;
}
#kis {
	width: 35em;
}
#stibu {
	width: 34.7em;
}
#stadt {
	width: 26em;
}
#stvk {
	width: 44em;
}
#aasta {
	width: 25em;
}
#portfoliotopics dt {
	float: left;	/*stellt das bild neben den text*/
}
#mko, #stvk, #poel, #mark, #noh, #bbt, #os, #integr, #dph, #marhein, #mpiwg, #beshara, #kis, #stibu, #stadt, #rat, #hop, #poly, #aasta {
	float: left;
}

/* PORTFOLIO-PROJEKTE DETAILIERT */

body.portfolioseite {
	background: #ffffff;
}
ul#navi.portfolioseite li, ul#navi.portfolioseite a {
	background: #ffcc00;
}

ul#navi.portfolioseite li.aktiv, ul#navi.portfolioseite li:hover {
	color: #000000;
	background: #FFCC00 url(pictures/italica-pf.gif) no-repeat bottom left;
}

ul#navi.portfolioseite li.aktiv a, ul#navi.portfolioseite li a:hover {
	background: transparent url(pictures/italicb-pf.gif) no-repeat top right;
}
ul#navi.portfolioseite li.satzzeichen, ul#navi.portfolioseite li.satzzeichen:hover {
	background: none;
}
ul#navi.portfolioseite li.doppelpunkt {
	padding-top: 0;
}

ul#subnavi li.aktiv {
	background: #333333 url(pictures/italica-pf2.gif) no-repeat bottom left;
	font-size: 0.75em;
	line-height: 1.3em;
}
ul#subnavi li.aktiv a {
	background: transparent url(pictures/italicb-pf2.gif) no-repeat top right;
}
#subnavi {
	clear: both;
	margin-left: 1em;
}
#subnavi li {			/* bringt die subnavi in neue zeile */
	float: left;
	margin-top: 0.3em;
}
#subnavi li a {
	color: #ffffff;
	float: left;
	}
#subnavi strong {
	color: #FFCC00;
	background: #333333;
}
#subnavi li.satzzeichen {
	padding-top: 0em;
}

div.pf-inhalt {
	clear: both;
	margin-top: 3em;
	margin-left: 1em;
	float: left;
}
.pf-inhalt p {
	width: 600px;
}
.pf-inhalt a {
	background-color: #dddddd;
}
.pf-inhalt a:hover {
	background-color: #FFCC00;
	}
.pf-inhalt img {
	margin-top: 1em;
}
p.angaben {
	margin-top: 1em;
}
.pf-inhalt h1 {
	font-size: 1.25em;
	line-height: 1.2em;
	font-weight: normal;
}
img.border {
	border-color: #dddddd;
	border-style: solid;
	border-width: thin;
}
div.pf-inhalt img {
	display: block;
}

div#naht1, div#naht2 {
	clear: left;
	
	
}
div#naht1 {
	background-image: url(pictures/nordhorn/noh2.jpg);
	background-repeat: repeat-x;
}
div#naht2 {
	background-image: url(pictures/nordhorn/noh34.jpg);
	background-repeat: repeat-x;
}


/* LINKS */

#linksammlung {
	clear: both;
}
ul#linksammlung li a:hover {
	background: transparent url(pictures/italicbwhite.gif) no-repeat top right;
}
#linksammlung a {
	display: block;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 1.3em;
	padding-right: 1.3em;
}

#linksammlung li {
	float: left;
}
/* KONTAKT */


#kontakt {
	clear: both;
}
#kontakt a {
	display: block;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 1.3em;
	padding-right: 1.3em;
}
ul#kontakt li a:hover{
	background: transparent url(pictures/italicbwhite.gif) no-repeat top right;
}
#blindtext {
	margin-top: 9em;
	clear: both;
}
#blindtext li.topic {
	color: #FFFFFF;
	background-color: #FFFFFF;
}
#blindtext li {
	float: left;
}

.vita {
	color: #000000;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	line-height: 1.3em;
	background: #ffffff;
	margin-top: 0.85em;
	margin-bottom: 0.6em;
	margin-right: 1em;
	margin-left: 1em;
	padding-left: 1.3em;
	padding-right: 1.3em;
	font-size: 0.75em;
	float: left;
}