html, body	{ margin:0; padding:0; height:100%; width:100%; }	  
div.inner	{ width:800px; /*IE: height:100%; */margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0; }


/* ---------------- header -------------*/
div#header				{ width:100%; height:150px;
						  background-image:url(../images/bgB.png);
						  background-position:center;
						  background-repeat:no-repeat; }
div#header div.inner	{ background-image:url(../images/header2.png); height:100%;
						  background-repeat:no-repeat; }
div#header div.inner a	{ display:block; width:100%; height:100%; }



/* ---------------- mid -------------*/ /*flash*/
div#mid		{ margin:0; padding:0; height:300px;}
/* firefox bug. will move the outer div(div.inner) when margin is applided to this div.
Used another inner div to center+padding, and applied the border on the next div.*/
div#mid div.inner div#inner2				{ width:760px; padding-top:12px; margin-left:auto; margin-right:auto; }
div#mid div.inner div#slideshow-container	{ width:750px; height:260px;}



/* ---------------- content -------------*/
div#content1			{ padding-top:20px; padding-bottom:40px; height:auto;}
div#content1 div.post	{ float:left; width:100%;}

div#content1 div#googlemap { width:600px; margin-left:auto; margin-right:auto; vertical-align:middle;}

/* ---------------- content2 -------------*/
div#content2			{ margin:0;	padding:0; height:200px; }
div#content2 .inner		{ background-color:; }
div#content2 .inner div	{ float:left; display:inline-block;
						  min-width:246px; min-height:100%; max-height:80%;
						  padding-left:20px; padding-top:20px; margin:0;}
div#content2 ul			{ list-style:none; margin:0; padding-left:40px; }
div#content2 ul li		{ list-style:none; }



/* ---------------- footer -------------*/
div#footer			{ margin:0; padding:0; height:50px;}



/*------------- bilder ------------*/
a.lightbox		{  display:inline-block; width:250px; height:100px; padding:0; margin:0px 0px 10px 12.5px; }
a.lightbox img	{ /*margin-top:5px; margin-bottom:5px;*/ }



/*-------------  ------------*/
p		{ }
h1		{ margin-bottom:0;	padding-bottom:0; }
hr		{ margin-top:5px; margin-bottom:15px; }