@charset "utf-8";

/************************************************************
		Print-Stylesheet  nadine-oberstein.de
		Nadine Oberstein | Medienkonzeption - Mediengestaltung
		www.nadine-oberstein.de 
************************************************************/

* {
	margin: 0;
	padding: 0;	
}

body {
	font: normal 9pt candara, arial, sans-serif; 
	line-height: 135%;
	color: #5f5f5f;
}

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

/*** Ausblenden ***/

hr, #menu, .toplink, #referenzen ul a span, #kontakt .outer p, h6, p.menu, p.footer  {
	display: none;
}

/*** Top ***/

#top {
	margin-top: 15mm;
	margin-bottom: 15mm;	
}

/*** Content ***/

.topic hr {
	clear: both;
	display: block;
	visibility: hidden;			 
}

img {
	border: none;
	margin: 0;
}

h1, h2, h3, h4, #menu {
	font: bold 18pt georgia, times, serif;
	letter-spacing: 0.25pt;
} 

h2 {
	font-size: 14pt;
	font-weight: normal;
}
 
h3 {
	margin-bottom: 5mm;
	font-size: 11pt;
	text-align: center;
}

h4 {
	margin-bottom: 1mm;
	font-size: 9pt;
	text-align: center;
}

p {
	widows: 4;
	orphans: 3;
	margin-bottom: 3mm;
	text-align: justify;
}

dl {
	margin-bottom: 5mm;
}

/*** Zeilen ***/

.topic {
	width: 90%;
	page-break-inside: avoid;
	margin: 0 auto 8mm auto;
}

/*** SPALTEN ***/

.inner, 
.outer {
	width: 45%;
}

.inner {
	float: left;
	padding-right: 5%;
	border-right: 0.5pt dotted #808080;
}

.outer {
	float: right;
}

div.outer,
div.inner {
	margin-bottom: 1mm;
}

/*** Referenzen ***/

#referenzen {
	position: relative;
	page-break-before: always;
	text-align: justify;
}

#referenzen h3 {
	padding-top: 1cm;
}


#referenzen ul {
	font-size: 8pt;
	line-height: 125%;
}

div.auszug {
	float: left;
	width: 28%;
	margin: 0 5% 5mm 0;
	text-align: center;
}

div.last {
	margin-right: 0;
}

div.auszug h4 {
	height: 28pt;
	margin: 0;
}

div.auszug img {
	height: inherit;
	width: inherit;
}

div.auszug p {
	height: 2cm;
	font-size: 8pt;
	text-align: center;
	line-height: 125%;
}

div.auszug a {
	color: #222;
}

#referenzen ul {
	width: 100%;
	background: url(../images/bg_grey.gif) repeat-x bottom left #fff;
}

#referenzen ul li {
	display: inline;
}

/*** AKTUELLE PROJEKTE ***/

#projekte {
	padding-top: 0.5cm;
}

#aktuell li {
	list-style: square inside;
	font-weight: bold;
	margin-bottom: 1mm;
}

#aktuell li a, 
#aktuell li span {
	display: block;
	font-weight: normal;
}

/*** KONTAKT ***/

.intro {
	text-align: center;
}

dt {
	display: block;
	float: left;
	width: 6em;
	margin: 0em;
}
 
dd {
	display: block;
	margin: 0em 0em 0em 6em;	
}