@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

html, body {
	width:100%;
	height:auto;
	background-color:#FFF;
	font-weight:bold;
}

h1, p, a {
	font-family: Courier, monospace;
	font-size:1em;
}

a{
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:underline;
	color:#000;
}

h1 {
	font-size:1.1em;
}

#wrapper {
	background-color:#FFF;
	margin:auto;
	max-width: 728px;
	margin-top:0;
}

#wrapper div {
	width:100%;
	position:relative;
}

#wrapper div img{
	width:100%;
	height:aoto;
	z-index:-1;
}

#wrapper p {
	margin:0;
	padding:0;
	position:absolute;
	bottom:2%;
	right:2%;
}

#wrapper #sprachen {
	background-color:#bcc2d2;
	margin:0;
}

#wrapper #sprachen img{
	display:inline;
	margin:0 4px 0 0;
	padding:0;
	width:20px;
	height:auto;
	cursor:pointer;
}

#wrapper #sprachen #flagge_en{
	margin:0;
}

#titel {
	background-image:url(images/startseite/hg_titel.png);
	background-repeat:repeat-x;
}
#titel p {
	bottom:17%;
	right:2%;
	width:250px;
	text-align:left;
}
#titel img {
	max-width:512px;
	height:auto;
}

#shop p, #spiel p {
	width:auto;
	text-align:right;
	pointer-events:none;
}



/*  Unterpunkte  */

#wrapper_unterpunkte{

}

#wrapper_unterpunkte div {
	display:inline-block;
	position:relative;
	width:240px;
	height:90px;
	margin-bottom:0;
	overflow:hidden;
}
#wrapper_unterpunkte a {
	display: block;
	margin:0;
	padding:0;
	position:relative;
	width:100%;
	height:100%;
	z-index:2;
}
#wrapper_unterpunkte p {
	margin:0;
	padding:0;
	position:absolute;
	bottom:5px;
	right:5px;
	width:180px;
	text-align:right;
	z-index:1;
}

/* hg Bilder unterpunkte */
#wrapper_unterpunkte #wnw_wert{ background-image:url(images/startseite/unterpunkt_wnw.png)}
#wrapper_unterpunkte #patientenbriefe{ background-image:url(images/startseite/unterpunkt_patientenbrief.png)}
#wrapper_unterpunkte #newsletter{ background-image:url(images/startseite/unterpunkt_newsletter.png)}
#wrapper_unterpunkte #facebook{ background-image:url(images/startseite/unterpunkt_facebook.png)}
#wrapper_unterpunkte #aerzteforum{ background-image:url(images/startseite/unterpunkt_aerzteforum.png)}
#wrapper_unterpunkte #gewinnaktion{ background-image:url(images/startseite/unterpunkt_gewinnaktion.png)}


#impressum {
	height:4em;
}

/* unterseiten */
#wrapper .patientenbriefe, #wrapper .poster{
	background-color:#9ddfff;
}
#wrapper .newsletter {
	background-color:#ff6600;
}


.unterseite {
	background-color:#EBF0FA;
}
#wrapper .unterseite_titel{
	position:relative;
	width:100%;
	height:inherit;
	height:140px;
	display:table

}
#wrapper .unterseite_titel img{
	margin:auto;
	right:1em;
	padding:1em 0;
	height:100px;
	width:auto;
}
#wrapper .unterseite_titel div {
	display:table-cell;
	width:33%;
	height:100%;
	float:left;
	text-align:left;
	vertical-align:bottom;
}
#wrapper .unterseite_titel div:first-child {
	text-align:right;
}

#wrapper .unterseite_titel h1{
	display:table-cell;
	height:130px;
	padding:1em;
	white-space:nowrap;
	vertical-align:bottom;
}

#wrapper .unterseite_content {
	padding:1em;
}

.input_submit {
	font-family:"Courier New", Courier, monospace;
	padding:0.5em;
	cursor:pointer;
}

#wrapper .unterseite_content p{
	position:relative;
	top:0;
	left:0;
}

#wrapper .unterseite_content ul{
	display:inline-block;
	width:220px;
	list-style-type:none;
}
#wrapper .unterseite_content img{
	width:inherit;
	height:inherit;
	margin-right:1em;
	margin-top:1em;
}

#wrapper #content_poster img {
	border:1px solid #666;
}
#wrapper #content_poster p img {
	border:none;
}



@media screen and (max-width: 510px){
	#wrapper {
		min-width: 500px;
		margin-top:0;
	}

	body{
		font-size:1.4em;
	}
	#titel {
		height:180px;
		background-image:none;
		background-color:#ced2dd;
	}
	#titel p {
		bottom:5%;
		left:10%;
		width:400px;
	}
	
	#wrapper #sprachen {
		padding-left:50px;
	}
	
	
	#wrapper #sprachen img{
		display:inline;
		margin:0;
		padding:15px 15px 15px 0px;
		width:35px;
		height:auto;
		cursor:pointer;
	}
	#wrapper #sprachen #flagge_en{
		padding:15px 0 15px 0;
	}
	
	#shop p, #spiel p {
		width:auto;
		background-color:rgba(255, 255, 255, 0.8);;
		padding:0.4em;
		bottom:0%;
		right:0%;
	}


	
	
}