/*

	CSS-Datei der Internetseite
	
	http://www.die-textil-und-kunstwerkstatt.de
	
	Autor:			Marco Philipeit - http://marcophilipeit.de
	Start:			24.10.08
	Letzte Aenderung:		24.10.08
	
*/

@media all {

	/*  Allgemein 
	---------------------------------- */

	q { 
		quotes: '„' '“' '‚' '‘';
	}
	
	img, frame, fieldset {
		border: 0;
	}

}


@media screen, projection {

	/*  Allgemein 
	---------------------------------- */
	
	* {
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
		background-repeat: no-repeat;
		background-position: top left;
    		outline: none;
	} 
	
	html {
		font: 76%/1.8 Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
	}
	
	html, body {
		height: 100%;
		min-height: 100%;
		direction: ltr;
		cursor: default;
		text-align: left;
		color: #444;
		border: 0 !important;
	}
	
	html, body {
		height: 100.01% !important;
		min-height: 100.01% !important;
	}
	
	.versteckt,
	.druck {
		display: none;
	}
	
	.mittig {
		text-align: center;
	}
	
	.links {
		float: left;
		text-align: left;
	}
	
	.rechts {
		float: right;
		text-align: right;
	}
	
	.text.links {
		float: none;
	}
	
	.text.rechts {
		float: none;
	}
	
	.kleiner {
		font-size: smaller;
	}
	
	.groesser {
		font-size: larger;
	}
	
	.fett {
		font-weight: bold;
	}
	
	.clear {
		clear: both;
	}
	
	br.clear {
		height: 0px;
		line-height: 0px;
	}
	
	/*  Elemente 
	---------------------------------- */
	
	h1 { font-size: 2.5em; }
	
	h2, h3 { line-height: 1.2; }
	
	h2 { font-weight: normal; font-size: 1.9em; margin: .6em 0 .6em 0; }
	
	h3 { color: #666; font-weight: normal; margin: .4em 0 .4em 0; }
	
	h4, h5 { margin: .8em 0 0; }
	
	h3 { font-size: 1.65em; }
	
	h4 { font-size: 1.3em; color: #888; }
	
	h5 { font-size: 1.2em; }
	
	h1, h2, h3, h4, h5, h6 { clear: both; }
	
	hr { height: 1px; width: 100%; background: #888; margin: 1em 0; }
	
	p, address, blockquote, ul, ol, dl, dt, table, pre { margin: 1.2em 0; font-size: 1.1em; } /* margin: 0.3em 0 1.2em 0; */
		
	address, cite, var, abbr { font-style: normal; }
	
	blockquote { padding: 0 2.5em; }
	
	blockquote + blockquote { margin-top: 2em; }
	
	ul, ol, dd { margin-left: 2.5em; }
	
	ul ul, ol ol { margin: .1em 0 .15em 1.75em; font-size: 1em; }
	
	dd pre { margin: 0; }
	
	table { width: 100%; padding: 0; margin: 0; }
	
	th, td, form { padding: 5px 3px; vertical-align: baseline; }
	
	th { text-align: left; }
	
	label, a { cursor: pointer; }
	
	pre, code, var, kbd { font-family: Monaco, "Courier New", Tahoma; }
	
	abbr[title] { cursor: help; border-bottom: #000 dotted 1px; }
	
	h3 abbr[title] { border-bottom: #aaa dotted 1px; }
	
	dt { padding: 0 1em 0 0; margin: 0; font-size: 1em; font-weight: bold; }
	
	dt:after { content: ":"; }
	
	#inhalt li { margin: 0.3em; }
	
	.artikel h4,
	h4.information  { font-size: 1.1em; color: #aaa; margin-top: 0; }
	
	blockquote {
		font-style: oblique;
		font-size: 1.1em;
		font-family: Georgia, "Times New Roman", Times, serif;
		background: url("../lib.grafiken/zitatzeichen.png") no-repeat;
		padding-left: 30px;
		margin-bottom: 1.5em;

	}
	
	blockquote p {
		margin: 0;
		padding: 0;
	}
	
	blockquote cite {
		float: right;
		font-style: oblique;
		font-weight: bold;
	}
	
	/*  Layout 
	---------------------------------- */
	
	body.rot { background: url("../lib.grafiken/body.hintergrund-rot.jpg") repeat-x; }
	body.blau { background: url("../lib.grafiken/body.hintergrund-blau.jpg") repeat-x; }
	body.gelb { background: url("../lib.grafiken/body.hintergrund-gelb.jpg") repeat-x; }
	body.gruen { background: url("../lib.grafiken/body.hintergrund-gruen.jpg") repeat-x; }
	body.grau { background: url("../lib.grafiken/body.hintergrund-grau.jpg") repeat-x; }
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	body .farbig { color: #1177ea; }
	
	body .gruenfarbig { color: #0aa314; }
	body .hellrotfarbig { color: #cc0066; }
	body .dunkelrotfarbig { color: #800000; }
	
	.nichtfarbig {
		color: #444;
	}
	
		
	body#bildergalerieausstellung h3 {
		color: #444;
	}
	
	body#kontaktimpressum h3 {
		font-size: 1.65em;
	}
	
	body#kontaktimpressum h4 {
		font-size: 1.4em;
		font-weight: normal;
	}
	
	body#kontaktimpressum .adr {
		margin: 1em 0;
	}
	
	body#lageundanfahrt .kontaktlink {
		width: 150px;
	}
	
	h3 { font-size: 1.4em; }
	
	#rahmen {
		width: 920px;
		position: absolute;
		left: 50%;
		margin-left: -460px;
		padding: 30px 0px;
	}
	
	#oben-links,
	#mitte-links,
	#unten-links {
		float: left;
		width: 211px;
		padding-right: 25px;
	}
	
	#oben-rechts,
	#mitte-rechts,
	#unten-rechts {
		float: right;
		width: 657px;
		padding-left: 26px;
		border-left: 1px dotted #999796;
	}
	
	#oben-links,
	#oben-rechts {
		padding-bottom: 25px;
	}
	
	#mitte-links,
	#mitte-rechts {
		padding-top: 25px;
		padding-bottom: 25px;
		border-top: 1px dotted #999796;
	}
	
	#unten-links,
	#unten-rechts {
		padding-top: 25px;
		border-top: 1px dotted #999796;
	}
	
	/*  Links 
	---------------------------------- */
	
	a {
		color: #444;
		text-decoration: none;
		border-bottom: 1px solid #444;
	}
	
	a:focus,
	a:hover {
		color: #000;
		text-decoration: none;
		border-bottom: 1px solid #000;
		background: #e6e6e6;
	}
	
	h1 a {
		width: 210px;
		height: 146px;
		display: block;
		text-indent: -9999em;
		background: url("../lib.grafiken/logo.die-textil-und-kunstwerkstatt.jpg") no-repeat;
		border: 0;
	}
	
	h1 a:hover,
	h1 a:focus {
		border: 0;
		background: url("../lib.grafiken/logo.die-textil-und-kunstwerkstatt.jpg") no-repeat;
	}
	
	/*  Layout Details
	---------------------------------- */
	
	#mitte-links #navigation ul#nav,
	#mitte-rechts #inhalt h2 {
		margin-top: 0px;
	}
	
	#kopfbilder p {
		margin: 0;
		padding: 0;
		float: left;
		height: 146px;
	}
	
	#kopfbilder p.kopfbild.eins,
	#kopfbilder p.kopfbild.zwei {
		padding-right: 15px;
	}
	
	p.foto {
		margin: 0;
		padding: 0;
	}
	
	#inhalt img {
		background-color: #fff;
		border: 4px double #ccc;
		padding: 0.2em;		
		margin: 0.7em;
	}
	
	#inhalt img.keinrahmen {
		border: 0;
		padding: 0;
		margin: 0;
	}
	
	#musiksteuerung {
		background: url("../lib.grafiken/musiksteuerung.hintergrund.jpg") center left no-repeat;
		height: 70px;
		padding-top: 25px;
		padding-left: 40px;
	}
	
	#musiksteuerung a {
		background: url("../lib.grafiken/icon.musik-an.gif") top left no-repeat;
		padding-left: 20px;
	}
	
	.musiklink {
		padding: 10px;
		font-size: smaller;
	}
	
	#fusszeile blockquote {
		font-style: oblique;
		margin: 0;
		padding: 0;
		background: #fff;
		font-family: Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
	}
	
	.vcard.links {
		margin-right: 25px;
	}
	
	ul.bildergalerie {
		margin: 0;
		padding: 0;
	}
	
	ul.bildergalerie,
	ul.bildergalerie li {
		float: left;
		list-style: none;
	}
	
	ul.bildergalerie li a,
	ul.bildergalerie li a:hover,
	ul.bildergalerie li a:focus {
		border: 0;
		/* background: none; */
	}
	
	.einrueckung,
	.foto.einrueckung {
		margin: 0 3em;
	}
	
	.bildinformation {
		padding: 0 1em;
		font-size: smaller;
		margin-bottom: 1em;
		position: relative;
		top: -0.5em;
	}
	
	.bildinformation span {
		display: block;
		line-height: 1.4em;
	}
	
	.GB_Gallery .content {
		border: 10px solid #fff !important;
	}
	
	.meldung {
		display: block;
		padding: 6px 3px 6px 76px;
		width: 52%;
		/*width: 35%;
		height: 67px;*/
		color: #000000;
		height: 67px;
	}
	
	.meldung.hoch {
		height: 85px;
	}
	
	.meldung.vertikal {
		padding: 25px 0px 20px 76px;
		height: 23px;
		width: 45%;
	}
	
	.meldung a:hover {
		background: none !important;
	}
	
	.meldung.rot {		
		border: 1px solid #fd7676;
		background: #ffa8a8 url("../lib.grafiken/grafik.weihnachtsbaum.jpg") center left no-repeat;
	}
	
	.meldung.gruen {
		border: 1px solid #cdff9c;
		background: #EDFFDC url("../lib.grafiken/grafik.osterhase.jpg") center left no-repeat;
	}
	
	.meldung.blau {
		border: 1px solid #7b9ce6;
		background: #dbf3ff url("../lib.grafiken/grafik.haus.jpg") center left no-repeat;
		height: 87px;
	}
	
	.meldung.keinbild {
		background-image: none;
		padding-left: 6px;
		width: 60%;
		height: auto;
	}
	
	.abstandP {
		height: 1px;

	}
	
	h4.kleiner {
		font-size: 1.2em;
		font-weight: normal;
	}
	
	/*  Navigation 
	---------------------------------- */
	
	#navigation ul#nav,
	#navigation ul#nav li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#navigation ul#nav li {
		width: 210px;
		border-bottom: 1px dotted #999796;
	}
	
	#navigation ul#nav li.letzterPunkt {
		border: 0;
	}
	
	#navigation ul#nav li a {
		border: 0;
		display: block;
		width: 200px;
		padding: 3px 5px;
		font-weight: bold;
	}
	
	#navigation ul#nav li a:hover,
	#navigation ul#nav li a:focus,
	#navigation ul#nav li.aktiv a {
		background: #e6e6e6;
	}
	
	/*  Tabelle
	---------------------------------- */

	.tabelle {
		margin-bottom: 0.5em;
		margin-top: 0;
		padding-top: 0;
		width: auto !important;
	}
	
	/*
	.tabelle td a,
	.tabelle td a:hover {
		border: 0;
	}
	
	.tabelle caption {
		padding: 0;
		text-align: right;
		font-style: oblique;
		margin-bottom: 0;
		padding-bottom: 0;
		font-size: smaller;
	}
	
	.tabelle th {
		font-weight: bold;
		color: #888;
		border-right: 1px solid #cbcbcb;
		border-bottom: 1px solid #cbcbcb;
		border-top: 1px solid #cbcbcb;
		letter-spacing: 2px;
		text-align: left;
		padding: 6px;
	}
	
	.tabelle td {
		border-right: 1px solid #cbcbcb;
		border-bottom: 1px solid #cbcbcb;
		padding: 6px;
		color: #444;
		vertical-align: top;
	}
	
	.tabelle td.alt {
		background: #edffdc;
		color: #797268;
	}
	
	.tabelle th:first-child,
	.tabelle td:first-child {
		border-left: 1px solid #cbcbcb;
	}
	
	.tabelle tr:first-child td,
	.tabelle tr:first-child th {
		border-top: 1px solid #cbcbcb;
	}
	
	.tabellenspalte {
		background: #dbf2fb !important;
	}*/
	
	/*  Clearfix
	---------------------------------- */
	
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	
	
}



@media print {

	/* Allgemein
	---------------------------------- */

	* { background: #fff; color: #000; }
	
	.versteckt,
	#navigation,
	#fusszeile,
	#kopfbilder,
	#musiksteuerung {
		display: none;
	}
	
	body {
		font: 100%/150% Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
	}
	
	h1 a, h2 a, h3 a {
		color:#000;
		text-decoration:none;
	}
	
	h1,
	h2,
	h3 { font-family: Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif; }
		
	.links {
		float: left;
	}
	
	.rechts {
		float: right;
	}
	
	.foto {
		margin: 0.4em;
	}
	
	ul.bildergalerie {
		margin: 0;
		padding: 0;
	}
	
	ul.bildergalerie,
	ul.bildergalerie li {
		float: left;
		list-style: none;
	}
	
	ul.bildergalerie li {
		width: 33%;
	}
	
	ul.bildergalerie li a,
	ul.bildergalerie li a:hover,
	ul.bildergalerie li a:focus {
		border: 0;
		/* background: none; */
	}
	
	
	.bildinformation {
		padding: 0.2em;
		font-size: smaller;
		margin-bottom: 1em;
	}
	
	.bildinformation span {
		display: block;
		line-height: 1.4em;
	}
	
	body#dietextilundkunstwerkstatt h2 {
		display: none;
	}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	body .farbig { color: #1177ea; }
	
	.nichtfarbig {
		color: #444;
	}
	
	.clear {
		float: none;
		clear: both;
	}



}