/* Slider Start */

 #slider {
	width:300px;
	height:300px;
	overflow:inherit;
	position:relative;
	margin-right: 0px;
	margin-left: 0px;
	clear: both;
}
.left-button, .right-button {
	position:absolute;
	top:80px;
	height:60px;
}
.left-button {
	left:-45px;
}
.right-button {
	right:-45px;
}

/* Slider End */

html, body, #back {
    height: 100%;
    margin: 0;
    padding: 0;
}


#backschwarz{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: -1;
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #000;
}
.backinspire{
	background-image: url(../images/index_seite/inspire.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	position: fixed;
	height: 200px;
	width: 800px;
}
#back{
	background-image: url(../images/header_cover/index_back_01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: -1;
	position: fixed;
	height: 100%;
	width: 100%;
}

.Senyorita{
	background-image: url(../images/grafik_art/Serie_Senyorita/Senyorita_06.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	
}
#backgrafikart{
	background-image: url(../images/header_cover/grafik_art_back.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: -1;
	position: fixed;
	height: 100%;
	width: 100%;
}

#backgrafikart_01{
	background-image: url(../images/header_cover/grafik_art_back_1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: -1;
	position: fixed;
	height: 100%;
	width: 100%;
}

.backfotografie{
	background-image: url(../images/fotografie/fotografie_back.jpg);
	background-repeat: no-repeat;
}

.backfotografiearchitektur{
	background-image: url(../images/fotografie/foto_architektur_back.jpg);
	background-repeat: no-repeat;
}

#backfotografienatur{
	background-image: url(../images/header_cover/fotografie_natur.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: -1;
	position: fixed;
	height: 100%;
	width: 100%;
}

.backfotografiemenschen{
	background-image: url(../images/fotografie/fotografie_menschen_back.jpg);
		background-repeat: no-repeat;


}

#backfotografietiere{
	background-image: url(../images/header_cover/fotografie_tiere.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: -1;
	position: fixed;
	height: 100%;
	width: 100%;
}

#backfotografieprodukte{
	background-image: url(../images/header_cover/fotografie_produkte.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: -1;
	position: fixed;
	height: 100%;
	width: 100%;
}
#backkontakt{
	background-image: url(../images/header_cover/kontakt_back.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: -1;
	position: fixed;
	height: 100%;
	width: 100%;
}

#backdesignagentuer{
	background-image: url(../images/header_cover/design_-agentur_back_01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: -1;
	position: fixed;
	height: 100%;
	width: 100%;
}

#backnews01_17{
	background-image: url(../images/header_cover/news_01_17.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: -1;
	position: fixed;
	height: 100%;
	width: 100%;
}

#backnews01_17b{
	background-image: url(../images/header_cover/news_01_17b.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: -1;
	position: fixed;
	height: 100%;
	width: 100%;
}
.Logobalken {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: 0.90;
	background-image: url(../images/attachments/pattern/pattern_hell_5.png);
	margin-bottom: 40px;
	margin-top: 0px;
}

.buttonbalken {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: 0.90;
	margin-bottom: 100px;
	padding-top: 10px;
	padding-bottom: 0px;
}


/* transparente felder */

.spaces {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=98)";
	filter: alpha(opacity=98);
	opacity: 0.98;
}

.spaces_mit_textfeld {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	opacity: 0.95;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}


.spaces_mit_textfeld_news {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=99)";
	filter: alpha(opacity=99);
	opacity: 0.99;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/index_seite/news.jpg);
}
.spaces_mit_textfeldnavi {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=98)";
	filter: alpha(opacity=98);
	opacity: 0.98;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-color: #FFFFFF;
}

.spaces_mit_textfeldnavi_s {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: 0.90;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-color: #000000;
}

.spaces_mit_textfeld_grafikart {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=99)";
	filter: alpha(opacity=99);
	opacity: 0.99;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-image: url(../images/index_seite/grafik_art.jpg);
}

.spaces_mit_textfeld_fotografie {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=99)";
	filter: alpha(opacity=99);
	opacity: 0.99;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-image: url(../images/index_seite/fotografie.jpg);
}

.spaces_mit_textfeld_designobjekte {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=99)";
	filter: alpha(opacity=99);
	opacity: 0.99;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-image: url(../images/index_seite/design_objekte.jpg);
}

.spaces_mit_textfeld_index {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=99)";
	filter: alpha(opacity=99);
	opacity: 0.99;
	background-image: url(../images/index_seite/index.jpg);
}
.spaces_sn_wb {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=98)";
	filter: alpha(opacity=98);
	opacity: 0.98;
}

/* bilder abstaende */

.themenbild {
	margin-bottom: 30px;
	margin-top: 30px;
}
.wb {
	margin-bottom: 4px;
	margin-top: 4px;
	margin-left: 8px;
	margin-right: 8px;
	border: 1px solid #CCC;
}

.sn {
	margin-bottom: 4px;
	margin-top: 4px;
	margin-left: 8px;
	margin-right: 8px;
}
.l20 {
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
.l20_10 {
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
}
.l20_frame {
	margin-bottom: 19px;
	margin-top: 19px;
	margin-left: 19px;
	margin-right: 19px;
	border: 1px dotted #EDEDED;
}
.rahmenabstand {
	margin-bottom: 30px;
	margin-top: 30px;
}
.rahmenabstand_links {
	margin-bottom: 30px;
	margin-top: 30px;
	margin-right: 30px;
}
.rahmenabstand_4 {
	margin-top: 30px;
	margin-right: 30px;
}
.rahmenabstand2 {
	margin-bottom: 0px;
	margin-top: 30px;
}
.rahmenabstand3 {
	margin-bottom: 0px;
	margin-top: 15px;
}
.rahmenabstand4 {
	margin-bottom: 30px;
}

.rahmen1px{
	border: thin solid #d8d8d8;
	margin: 48px;
}

.produktbild {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #7E7E7E;
	border-right-color: #7E7E7E;
	border-left-color: #7E7E7E;
}

.3er_stadtbilder {
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
.3er_inspirebilder {
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 15px;
}


.3er_200 {
	margin-bottom: 33px;
	margin-top: 33px;
	margin-left: 33px;
	margin-right: 33px;
}

.800_390 {
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
}
.390_390_l {
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 10px;
}
.390_390_r {
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 0px;
}

/* text felder */

.thementextfeld {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.thementextfeld_t_b_20 {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 8px;
}