@media all {
	
	* {
		font-size: 1em;
	}
	
	body {
		font-family: Verdana,"Adobe Helvetica",Utopia,Lucida,Arial,sans-serif;
		font-size: 80%;
	}

	h1 { font-size:2.4em; font-weight:normal;}
	h2 { font-size:1.6em; font-weight:bold;}
	h3 { font-size:1.6em; font-weight:normal; padding-top:20px;}
	h4 { font-size:1.4em; font-weight:normal; margin: 2em 0 0 0;}
	h5 { font-size:1.2em; font-weight:bold; padding-top:30px;}
	small { font-size: 0.8em}
	
	hr { border:0; border-top:1px solid #F2F1EF;}

	iframe { margin: 0.5em; }

	a.facebook { 
		background: transparent url(img/facebook.png) center left no-repeat; 
		padding-left: 35px; 
		line-height: 32px; 
		display: inline-block;
	}
}



@media print {
	body, a {
		color: black;
		text-decoration: none;
	}

	div#subnav a, div#navigation_basic, .noprint {
		display: none;
	}

	div#inhalt {
		width: 100%;
		border-style: solid;
		border-width: 1px 0 1px 0;
		border-bottom-color: #CF142B;
		border-top-color: silver;
	}

	img {
		border-width:0px;
		padding: 10px 10px 0 0;
		max-height: 150px !important;
		width: auto !important;
	}

	div {
		overflow: visible;
	}

	div#slideshow {
		width: 0;
		height: 0;
	}

	input, textarea {
		color: transparent;
	}

	td.liste_status, td.liste_kaufen {
		display: none;
	}
}



@media screen {
	body {
		margin: 0 0 0 0;
		background-color: #F5F8FF;
	}


	a { color:#333333; text-decoration:none;}
	a:hover { color:#333333; background-color:#F2F1EF;}
	a.link_aktiv { color:#CF142B;}

	a.pdf {
		display: block;
		line-height: 20px;
		padding-left: 24px;
		margin: 5px 0;
		background: transparent url(img/pdf.png) no-repeat left center;
	}

	.link_im_text { color:#CF142B; padding:0 10px 0 15px;}

	/* div { overflow:hidden;} */
	img { border:0px;}


	/* Formulare */
	form { margin:0px 0px 0px 0px; display:inline; width:80%;}
	textarea { width:80%;}
	.textfeld { background-color:#F2F1EF; border-width:1px;}
	.button { background-color:#F2F1EF; border-width:1px;}
	.checkbox { }



	/* Seite */
	.print { display:none;}

	div#rahmen { 
		color: #666666;
		margin-top: 0px; 
	}


	div#inhalt { 
		background-color: white !important;
		background-size: contain !important;
		position: absolute; 
		top: 10%; 
		width: 100%;
		height: 75%;
		border-top: 1px solid silver;
	}

	
	/* Startseite */
	div#text_breit {
		float: right;
		width: 100%;
		height: 100%;
		text-align: center;
		padding: 1em 0 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	div#text_breit div.button {
		position: relative;
		display: inline-block;
		width: 240px;
		height: 240px;
		margin: 0em;
		background-color: white;
		background-size: cover;
		background-repeat: no-repeat;
		overflow: auto;
		font-size: 200%;
	}
	
	div#text_breit div.auswahl {
		position: absolute;
		left: 0;
		width: 100%;
		height: 35%;
		min-height: 50px;
		margin: 0;
		background-size: auto 100%;
		font-size: 300%;
	}
	
	div#text_breit div.schnellstart span {
		background: white;
		opacity: 0.8;
	}
	
	div#text_breit div#index_galerie {
		bottom: 0;
		background-color: #C9C6D1;
		background-image: url(img/galerie.jpg);
		background-position: right;
	}
	
	div#text_breit div#index_werkstatt {
		top: 0;
		background-color: #F9F9F9;
		background-image: url(img/werkstatt.jpg);
	}
	
	div#text_breit div.button.schnellstart {
		height: 110px;
	}
	
	div#text_breit div.button a {
		display: block;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	div#text_breit div.button a:hover {
		background-color: transparent;
	}
	
	div#text_breit div.button a span {
		display: block;
	}
	
	div#text_breit div#index_galerie.button a span {
		margin-left: 60%;
	}
	
	div#text_breit div#index_werkstatt.button a span {
		margin-right: 60%;
	}
	/* Startseite */

	
	div#text,
	div#text_shop { 
		float: right; 
		position: relative; 
		width: 50%; 
		height: 100%; 
		text-align: left; 
		padding: 0 2% 0 1%; 
		margin: 0; 
		overflow: auto; 
		z-index: 2; 
		background-color: white;
	}
	
	div#text p { padding:8px 0px 8px 0px;}

	div#detail,
	div#slideshow {
		float: left; 
		position: absolute; 
		width: 30%; 
		bottom: 0;
		height: auto; 
		text-align: left; 
		overflow: hidden; 
		z-index: 1;
		background-color: white;
	}

	div#slideshow {
		width: 27%;
		height: 100%;
		text-align: left;
		opacity: 0.7;
		filter: Alpha(opacity=70, finishopacity=0, style=1);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: auto 100%;
	}

	div#slideshow img {
		float: right;
		width: 100%;
		height: 100%;
	}

	div#detail img { 
		padding: 0; 
		margin: 0px 10px 0px 0px; 
		border: 0px;
	}
	img.cleargif_bilder_gross { height:400px; width:0px;}
	img.bilder_klein { margin:10px 10px 0px 0px;}
	img.kuenstler_vorschau { margin-right:10px; vertical-align:middle;}
	img.presse { 
		margin-right: 10px; 
		vertical-align: middle; 
		height: 150px; 
		width: 105px; 
		border: 1px solid silver;
	}

	div#subnav { 
		float: right; 
		width: 20%; 
		height: 100%;
		border-left: 1px solid #F2F1EF;
		background: url(img/logo.gif) no-repeat top left;
	}
	div#subnav div {  
		position: absolute;
		bottom: 1em;
		height: auto;
		width: 20%;
	}
	div#subnav h2 { padding:100px 10px 10px 10px;}
	div#subnav a { 
		font-size: 120%; 
		padding: 2px 10px 2px 10px; 
		display: block; 
		margin-right: 1px;
	}


	div#navigation_basic { 
		position: absolute;
		top: 85%;
		width: 100%;
		color: white; 
		text-align: right; 
		background: #F5F8FF url('img/schatten.png') repeat-x top;
		border-top: 1px solid #CF142B;
		margin: 1px 0;
	}
	div#navigation_basic a { 
		display: inline-block;
		font-size: 150%;
		padding: 5px 5px 0px 5px; 
		margin-right: 2px;
	}

	div#sprache { 
		font-size: 70%;
		float: left; 
		width: 20%; 
		text-align: left;
		padding-left: 10px;
		
		display: none;
	}

	span.normal {
		font-weight:normal;
	}

	.projekte_uebersicht img { 
		width:190px;
	}
	
	img.projekte_detail { 
		margin:10px 0px 0px 0px; 
		vertical-align:bottom;
	}
	
	div.bildnummer {
		width: 20px; 
		height: 20px; 
		text-align: center; 
		border-color: #999999; 
		border-style: solid; 
		border-width: 1px; 
		border-top-width: 0px;
	}

	div#videoPlayer { 
		float: left; 
		background-color: red;
	}


	/* Online-Shop */
	body#shop tr { 
		font-family: Verdana,"Adobe Helvetica",Utopia,Lucida,Arial,sans-serif;
		color: #666666;
	}
	
	body#shop td {
		border-color:silver; 
		border-width:1px;
	}
	body#shop tr.headline td { 
		border-bottom-style:dotted;
	}
	body#shop tr.footline td { 
		border-top-style:dotted;
	}
	div#text_shop {
		width: 60%;
		padding: 0;
		overflow: auto;
	}
	
	div#text_shop img {
		max-height: 200px;
		max-width: 200px;
		height: auto;
		width: auto;
	}
	
	div#text_shop a {
		margin: 0px 10px 0px 0px; 
	}
	
	div#text_shop li img {
		max-height: 300px;
		max-width: 300px;
	}
	
	div#text_shop img.artikel_details {
		float: left; 
		max-height: 300px;
		max-width: 300px;
		height: auto;
		width: auto;
		margin-right: 10px;
	}
	
	ul#navigation_shop { 
		display: inline;
		list-style: none;
		padding: 0;
	}
	
	ul#navigation_shop li { 
		display: inline;
		padding: 0;
		margin: 0;
	}
	
	ul#navigation_shop a { 
		display: inline-block;
		font-size: 120%; 
		padding: 0.5em;
		margin: 0.2em;
	}
	
	tr.admin_liste td { 
		background-color: white;
		border-bottom: 5px solid #F5F8FF;
	}
	
	tr { 
		vertical-align: middle;
	}
	
	div#text_shop font {
		display: inline-block;
	}
	
	.bxslider li a span {
		display: none;
	}
	
	.bxslider li img {
		height: auto !important;
	}
	
	.bx-wrapper {
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
		border: none !important;
		background: #fff;
	}
	
	.bxslider-westerstede img {
		max-height: 200px;
	}
}

@media only screen and (max-width: 980px) {
	
	body {
		font-size: 70%;
	}

	div#text_breit div.auswahl {
		position: relative;
		display: block;
		height: 150px;
	}
	
	div#text_breit div.button.schnellstart,
	div#home {
		width: 100%;
	}
	
	div#inhalt,
	div#navigation_basic,
	div#text,
	div#subnav,
	div#subnav div,
	div#text_shop {
		position: relative;
		height: auto;
		width: auto;
		float: none;
	}
	
	div#inhalt {
		margin-top: 9.0em;
		background: none !important;
		background: white !important;
	}
	
	div#slideshow {
		display: none;
	}
	
	div#navigation_basic {
		position: absolute;
		top: 0;
		width: 100%;
		height: auto;
		background: none;
	}
	
	div#navigation_basic a {
		display: inline-block;
		margin: 0.2em;
	}
	
	div#subnav {
		text-align: center;
	}
	
	div#subnav h2 { padding:150px 10px 10px 10px;}
	
	ul#navigation_shop a,
	div#subnav a {
		display: inline-block;
		margin: 0.2em;
		padding: 0.5em;
		text-align: center;
		border: 1px dotted silver;
	}
	
	img,
	iframe {
		max-width: 95% !important;
		height: auto !important;
	}
	
	div#text_shop tr {
		vertical-align: middle;
		margin-top: 1em;
	}
	
	td.trenner {
		border-top: 1px dotted silver;
	}
	
	div#text_shop img {
		min-width: 0 !important;
		max-height: auto;
		height: auto;
		width: auto;
	}
}