/* Reset -----------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    font-family: Verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
	/*line-height: 1.4;*/
}
q:before,q:after{content:'';}
article, aside, details, 
figcaption, figure, footer, 
header, hgroup, nav, 
section { display: block; }


/*Global -----------------------*/
html{
	color:#1c1c1c;
	/*background:#33AA11; c8c8c8 */
	-webkit-text-size-adjust: 100%;
}
@-ms-viewport {
	width: device-width;
}



/* Layout -----------------------*/

#container { 
	position: absolute;
	width: 95%;
	min-height: 800px;
	margin: 1em;
	padding: 0.2em 0.2em 2em 0.2em;
	overflow: hidden;
}
	
#content{
	position: absolute;	
	z-index: 1;
	width: 92%;
	height: 90%;
	margin: 1em;
	padding: 0.1em 2% 5% 2%;
}
#content ul { 
	position: relative;	
}
#content ul li { 
	list-style: none;
	padding: 0.2em;
}


.js [role="erstes"] { 
	width: 100%; 
	z-index: 2;
	padding-bottom: 2em;
	background:url(img/button_pharma.png) center no-repeat;
	background-size:100%;
}
.js [role="zweites"] { 
	width: 100%; 
	z-index: 2;
	padding-bottom: 2em;
	background:url(img/button_indu.png) center no-repeat;
	background-size:100%;
}
.js [role="drittes"] { 
	width: 100%; 
	z-index: 2;
	padding-bottom: 2em;
	background:url(img/button_archi.png) center no-repeat;
	background-size:100%;
}
/* Header -----------------------*/





/* page elements  -----------------------*/
ul.erstes,ul.zweites,ul.drittes { 
	padding: 0;
}

li.abstand_pic{ 
	float: left; 
}
ul.erstes li.abstand_pic,ul.zweites li.abstand_pic,ul.drittes li.abstand_pic{ 
	display: none;
}


/* entry specific  -----------------------*/


/* sidebar  -----------------------*/
#sidelogo {
	position: absolute;
	z-index: 20;
	margin: 0 0 0 0;
	width: 275px;
	height: 210px;
	background:url(img/stock_adresse.png) no-repeat left top;
}
#sidetext {
	position: absolute;
	z-index: 50;
	font-size: .5em;
	margin-top: 2em;
	margin-left: 3em;
	width: 307px;
	height: 72px;
	background:url(img/stock_text.png) no-repeat left top;
}
#sideimg {
	position: absolute;
	z-index: 30;
	font-size: .5em;
	margin: 0;
}

/* widescreens  ---ab 200 Pixel--------------------*/
@media screen and (min-width: 200px) {


	#content{
		width: 92%;
		position: relative;
		margin-left: 1em;		
	}

	#sidelogo{
		position: relative;
		margin-top: 3em;		
	}
	#sidetext{
		position: relative;
		margin-top: 3em;		
	}

	#sideimg {
	display: none;
	}



}
/* widescreens  ---ab 800 Pixel--------------------*/
@media screen and (min-width: 800px) {

	#container { 
		width: 97%;
		min-height: 600px;
	}


	#content{
		position: absolute;
		width: 54%;
		height: 85%;
		margin-left: 37em;		
	}

	#sidelogo{
		position: absolute;
		margin-top: 35em;		
	}

	#sidetext{
		position: absolute;
	}

	#sideimg {
	display: block;
	position: absolute;
	margin-left: 23em;		
	margin-top: 10em;		
	width: 260px;
	height: 452px;
	background: url(img/stock_stetoskop@1-5x.png) no-repeat right top;
	}



}


/* widescreens  ---ab 1023 Pixel--------------------*/
@media screen and (min-width: 924px) {

	#container { 
		width: 97%;
		min-height: 700px;
	}

	#content{
		margin-left: 44em;		
		width: 50%;
		height: 85%;
	}

	#sidelogo{
		margin-top: 37em;		
	}

	#sideimg {
	margin-left: 34em;		
	margin-top: 20em;		
	width: 260px;
	height: 452px;
	background: url(img/stock_stetoskop@1-5x.png) no-repeat right top;
	}



}

/* widescreens  ---ab 1280 Pixel--------------------*/
@media screen and (min-width: 1200px) {

	#container { 
		width: 97%;
		min-height: 880px;
	}
	#content{
		margin-left: 53em;		
		width: 44%;
		height: 65%;
	}

	#sidelogo{
		margin-top: 41em;		
	}

	#sideimg {
	margin-left: 34em;		
	margin-top: 12em;		
	width: 370px;
	height: 600px;
	background: url(img/stock_stetoskop@2x.png) no-repeat right top;
	}



}

/* widescreens  ---ab 1440 Pixel--------------------*/
@media screen and (min-width: 1390px) {


	#content{
		margin-left: 67em;	
		width: 45%;
		height: 75%;
	}

	#sidelogo{
		margin-top: 52em;		
	}

	#sideimg {
	margin-left: 41em;
	margin-top: 4em;
	width: 430px;
	height: 750px;
	background: url(img/stock_stetoskop@3x.png) no-repeat right top;
	}



}



/* widescreens  ---ab 1600 Pixel--------------------*/
@media screen and (min-width: 1550px) {


	#content{
		margin-left: 83em;	
		width: 37%;
		height: 75%;
	}

	#sidelogo{
		margin-top: 49em;		
	}

	#sideimg {
	margin-left: 53em;		
	width: 430px;
	height: 750px;
	background: url(img/stock_stetoskop@3x.png) no-repeat right top;
	}



}

/* widescreens  ---ab 1750 Pixel--------------------*/
@media screen and (min-width: 1750px) {



	#sidelogo{
		margin-top: 58em;		
	}


}


/* Global modifiers: list last  -----------------------*/

/* IE 6 */
* html .group {
  height: 1%;
}

/* IE 7 */
*:first-child+html .group {
  min-height: 1px;
}
.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
}
.topmargin {
	margin-top: .5em;
}