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

body {
	width: 15cm;
	font: normal 9pt "trebuchet ms", helvetica, sans-serif;
	text-align: left;
	line-height: 110%;
	color: #6f6f6f;
}

hr {
	color: #fff;
	border: none;
}

#clearer {
	clear: right;
}

.clearer {
	clear: left;
}

a img {
	border: none;
}

a {
	color: #6f6f6f;
	text-decoration: underline;
}

a:after {
	color: #b1b2b3;
	content: " "attr(href)"";
}

/***********************
      Ausblenden
***********************/

#grunge,
h6,
#skiplinks,
#quicknewsletter,
#menu,
#labels em,
#footer a,
#footer span,
h2.labels,
.anfahrt a,
form,
.noprint {
	display: none;
}

/*** Links ***/

#header a,
.galerie a,
dl a {
	text-decoration: none;
}

#header a:after,
.galerie a:after,
dl a:after,
a.nourl:after {
	content: "";
}

/***********************
  Header
***********************/

#logo {
	width: 17.5cm !important;
	text-align: center;
}

#logo img {
	height: 3cm;
	width: 4.32cm;
}

/***********************
  Content
***********************/

#content {
	width: 17.5cm !important;
	padding: 1.3cm 4cm 1cm 0;
	border-bottom: 1pt solid #22a99b;
}

/*** Claim ***/

#claim img {
	position: absolute;
	top: 4.7cm;
	right: 0.3cm;
	height: 0.85cm;
	width: 5cm;
}

/*** Labels ***/

#labels {
	width: 17.5cm !important;
}

#labels img {
	float: right;
	width: 5.8cm;
	height: 9.06cm;
	margin-top: -0.1cm;
}

#labels.quer img {
	float: none;
	width: 13.5cm;
	height: 3.2cm;
	margin: 1cm 0 0 0;
}

/*** typo ***/

h1, h2, h3 {
	color: #22a99b;
}

h1 {
	padding-bottom: 0.4cm;
	margin-bottom: 1cm;
	border-bottom: 1pt solid #22a99b;
}

dl {
	margin-bottom: 10pt;
}

dt {
	float: left;
	width: 2cm;
}

address {
	font-style: normal;
}

/*** Seitenspezifisch ***/

.impressum dt {
	width: 13em;
}

/***********************
  Bilder
***********************/

#large {
	margin-bottom: 0.26cm;
}

.thumb {
	margin-right: 0.05cm;
}

.last {
	margin-right: 0cm !important;
}

.galerie {
	margin-bottom: 0.6cm;
}

/***********************
  Blöcke
***********************/

.full {
	width: 14cm !important;
}

.content,
#marginal {
	width: 450px !important;
}

.info {
	width: 100%;
}


/***********************
  Fixes
***********************/

.lead {
	height: 3mm;
}

#content div.teaser[style]{
	width: 450px !important;
	left: 0px !important;
	top: 330px !important;
}