* {margin:0;padding:0}
html, body {height:100%}

body{
background:#000;
font-family:"Courier 10 Pitch Bold", Courier, monospace;
font-size:100%;
color:#fff}

img {border:0;
vertical-align:top;
text-align:left}

/* GLOBAL */

#main {
width:auto;
margin:0 auto;
font-size:18px
}

#header {
position:relative;
display:block;
height:300px;
width:100%;
background-image:url(images/header.jpg);
background-repeat:repeat-x;
background-position:center;
}

#content {
min-height:700px;<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
 <title>Drumherum Schneiderei</title>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <link rel="stylesheet" type="text/css" href="css/default.css" />
</head>

<body>
	<div id="main">
	<!-- header -->
		<div id="header">
			<a class="home" href="index.htm"></a>
			<div class="flags">
				<a href="#"><img src="css/images/deutsch.png"></a>
	  			<a href="pol_wir.htm"><img src="css/images/polnisch.gif"></a>
	  			<a href="eng_wir.htm"><img src="css/images/englisch.png"></a>
			</div>
		</div>
		<div id="content1">
			<div id="innercontent"> 
				<h1> - Kleidung - Maßgeschneidert für jeder Mann und Frau - </h1>
				<p> <br/>
                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
				</p>
			</div>
	</div>

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.rwdImageMaps.min.js"></script>
<script>
$(document).ready(function(e) {
	$('img[usemap]').rwdImageMaps();
	
});
</script>
</body>
</html>
position:relative;
background-image:url(images/tapete_Rahmen_gr_gr.jpg);
background-repeat:repeat-x;
background-position:center;
}

#content1 {
min-height:500px;
position:relative;
background-image:url(images/tapete_Rahmen.jpg);
background-repeat:repeat;
background-position:center top;
text-align:center;
}

/* header */

#header .home {
display:block;
width:100%;
height:100%
}

#header .flags {
padding:2px 0 0 50px;
float:right;
position:absolute;
right:0;
top:0;
}

/* content */

#innercontent h1 {
font-size: 30px;
font-family: Courier 10 Pitch Bold;
}

#innercontent{
padding:20px;
padding-top:30px;
max-width:400px; 
box-sizing:border-box;
min-height:500px;
width:100%;
text-align:center; 
margin:auto;
background:rgba(0,0,0,0.6);
box-shadow:0px 0px 10px #000;
}


