@import url(../fonts/hsrm_flama/stylesheet.css);


/*SS 2015 hatte graue Logos, deswegen stehen sie hier nochmal. In global.css sind die richtigen*/

nav.menue_haupt .logo_werkschau {
	position: absolute;
	left: 2em;
	top: 50%;
	width: 20em;
	height: 4em;
	margin-top: -2em;
	background: transparent url(../elemente/werkschau_wiesbaden_logo_grau.png) center center no-repeat;
	background-size: 100%;
}

footer .hsrm_logo {
	position: absolute;
	right: 2em;
	top: 50%;
	width: 10em;
	height: 2em;
	margin-top: -1.15em;
	background: transparent url(../elemente/hsrm_logo_grau.png) center center no-repeat;
	background-size: 100%;
}


/*--------------------------------------------------*/
/* MAIN 	 										*/
/*--------------------------------------------------*/

	/* MAIN */ 

      
body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	background-color: #ffffff;
    background-attachment:fixed;
    background-image: url("../elemente/ss15.jpg");	
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
    heigth: auto;
}




main.werkschau_ss2015 .wrapper_impressum,
main.werkschau_ss2015 .wrapper_arbeiten {
	position: absolute;
	top: 9.5em;
	left: 2.5%;
	width: 95%;
	padding-bottom: 5.5em;
}

main.werkschau_ss2015 .wrapper_galerie {
	position: absolute;
	top: 9.5em;
	left: 2.5%;
	width: 51%;
	padding-bottom: 5.5em;
 }

main.werkschau_ss2015 .wrapper_impressum {
	max-width: 50%;
	left: 2em;
}

	/* ARBEITEN */

main.werkschau_ss2015 .arbeit {
	position: relative;
	float: left;
	width: 5.625em;
	height: 18.938em;
	margin: 0.5em;
	text-align: center;
	opacity: 1;
		-webkit-transition: opacity 1;
		-ms-transition: opacity 1;
		-moz-transition: opacity 1;
		-o-transition: opacity 1;
	transition: all 0.2s ease;
			-webkit-transition: all 0.2s ease;
			-ms-transition: all 0.2s ease;
		    -moz-transition: all 0.2s ease;
		    -o-transition: all 0.2s ease;
}

main.werkschau_ss2015 .arbeit.on a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: -webkit-zoom-in; 
	cursor: -ms-zoom-in;
	cursor: -moz-zoom-in;
	cursor: -o-zoom-in;
}


.info {
         opacity: 1;
         }

/*.info:hover {
         opacity: 0;
         }*/

/*.preview:hover { 
    opacity: 0;
    	-webkit-transition: opacity 1;
		-ms-transition: opacity 1;
		-moz-transition: opacity 1;
		-o-transition: opacity 1;
    }*/
    
main.werkschau_ss2015 .arbeit img {
        height: 100%;
        width: 100%;
	    opacity: 1;
		-webkit-transition: opacity 1;
		-ms-transition: opacity 1;
		-moz-transition: opacity 1;
		-o-transition: opacity 1;
}
    
/*main.werkschau_ss2015 .arbeit img:hover {
	opacity: 0;
		-webkit-transition: opacity 1;
		-ms-transition: opacity 1;
		-moz-transition: opacity 1;
		-o-transition: opacity 1;
}*/

	/* ARBEITEN */

main.werkschau_ss2015 .arbeit_1 {
	background: transparent url(../imgs/ss15/galerie/arbeit_1.jpg) center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_2 {
	background: transparent url(../imgs/ss15/galerie/arbeit_2.jpg) center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_4 {
	background: transparent url(../imgs/ss15/galerie/arbeit_4.jpg) center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_5 {
	background: transparent url(../imgs/ss15/galerie/arbeit_5.jpg) center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_6 {
	background: transparent url(../imgs/ss15/galerie/arbeit_6.jpg) center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_7 {
	background: transparent url() center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_10 {
	background: transparent url() center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_11 {
	background: transparent url() center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_14 {
	background: transparent url() center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_18 {
	background: transparent url(../imgs/ss15/galerie/arbeit_18.jpg) center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_19 {
	background: transparent url(../imgs/ss15/galerie/arbeit_19.jpg) center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_20 {
	background: transparent url(../imgs/ss15/galerie/arbeit_20.jpg) center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_21 {
	background: transparent url(../imgs/ss15/galerie/arbeit_21.jpg) center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_22 {
	background: transparent url(../imgs/ss15/galerie/arbeit_22.jpg) center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_23 {
	background: transparent url(../imgs/ss15/galerie/arbeit_23.jpg) center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_25 {
	background: transparent url(../imgs/ss15/galerie/arbeit_25.jpg) center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_26 {
	background: transparent url(../imgs/ss15/galerie/arbeit_26.jpg) center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_27 {
	background: transparent url() center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_28 {
	background: transparent url() center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_30 {
	background: transparent url() center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_31 {
	background: transparent url() center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_32 {
	background: transparent url() center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_33 {
	background: transparent url() center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_34 {
	background: transparent url() center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_35 {
	background: transparent url(../imgs/ss15/galerie/arbeit_35.jpg) center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_36 {
	background: transparent url(../imgs/ss15/galerie/arbeit_36.jpg) center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_38 {
	background: transparent url(../imgs/ss15/galerie/arbeit_38.jpg) center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_39 {
	background: transparent url(../imgs/ss15/galerie/arbeit_39.jpg) center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_43 {
	background: transparent url() center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_44 {
	background: transparent url() center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_48 {
	background: transparent url() center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_49 {
	background: transparent url() center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_50 {
	background: transparent url() center center no-repeat;
	background-size: 100%;
}

main.werkschau_ss2015 .arbeit_51 {
	background: transparent url() center center no-repeat;
	background-size: 100%;
}

/*--------------------------------------------------*/
/* ARBEITEN	 										*/
/*--------------------------------------------------*/

/*Wir wollen den Text grau haben. In global.css ist er schwarz*/

main.content h1 {
	font: 1.4em/1em flamamedium, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	color: #bab3b6;
	margin-top: -1.4em;
    text-transform: uppercase;
}

main.content h2 {
	font: 1em/1.2em flamabook, Arial, Helvetica, sans-serif;
	letter-spacing: 0.08em;
	color: #bab3b6;
	margin-top: -0.7em;
}

main.content h3 {
	font: 1.1em/1.1em flamabook, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	color: #bab3b6;
	margin-top: 0.4em;
    font-weight:bold;
}

main.content h4 {
	font: 0.8em/1.3em flamabook_italic, Arial, Helvetica, sans-serif;
	letter-spacing: 0.12em;
	color: #bab3b6;
    
}

main.content .layout_1 h4 {
	/*margin-top: 4.8em;*/
    margin-top: 4em;
}

main.content p {
             color: #bab3b6;
             /*font-size: 16px;*/
 }

/*-----*/


main.werkschau_ss2015 .wrapper_arbeiten .inhalt {
	position: relative;
	width: 80%;
	left: 10%;
}

main.werkschau_ss2015 .wrapper_arbeiten img {
	width: 100%;
	height: auto;
}

main.werkschau_ss2015 .wrapper_arbeiten iframe {
	width: 100%;
}

main.werkschau_ss2015 .wrapper_arbeiten .spalte {
	float: left;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
}

main.werkschau_ss2015 .wrapper_arbeiten .spalte.inner {
	border: 0.4em solid #ffffff;
}

main.werkschau_ss2015 .wrapper_arbeiten .spalte_100 {
	width: 100%;
}

main.werkschau_ss2015 .wrapper_arbeiten .spalte_50_50 {
	width: 50%;
}

main.werkschau_ss2015 .wrapper_arbeiten .spalte_60 {
	width: 57.3%;
}

main.werkschau_ss2015 .wrapper_arbeiten .spalte_40 {
	width: 42.7%;
}

main.werkschau_ss2015 .wrapper_arbeiten .spalte_38 {
	width: 37.5%;
}

main.werkschau_ss2015 .wrapper_arbeiten .spalte_24 {
	width: 24.9%;
}

.mobilefoto{
            display:none; }