/*
Template : Moving Blocks
Author	 : Frans Braam (Snarf)
Website  : http://braam.wolweb.nl/
*/

body {
  margin: 0;
  padding: 0;
  background: #340035;
  font: normal 12px arial, helvetica, verdana, tahoma, sans-serif;
  color: #FFF;
  text-align: center;
}


/* Main styling */

#centreposition {
  width: 768px;
  margin:0px auto 0px auto;
  padding:0px;
}

#outside {
}

#maincontainer {
  border: 1px solid #000;
  background: #000000;
  width: 768px;
  height: 440px;
  margin:0px auto 0px auto;
  padding:0px;
}

#header
{
  margin:0px auto 0px auto;
	width: 768px;
	padding: 5px 0px;
	color: #E099FF;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}

#block1 {
  float: left;
  width: 228px;
  height: 120px;
  display: block;
  padding: 10px;
  margin: 5px 3px 3px 3px;
  background: #FFFFFF;
}

#block2 {
  float: left;
  width: 228px;
  height: 120px;
  padding: 10px;
  margin: 5px 3px 3px 3px;
  background: #FFFFFF;
}

#block3 {
  float: left;
  width: 228px;
  height: 120px;
  padding: 10px;
  margin: 5px 3px 3px 3px;
  background: #FFFFFF;
}

#block4 {
  float: left;
  width: 228px;
  height: 120px;
  padding: 10px;
  margin: 2px 3px 3px 3px;
  background: #FFFFFF;
}

#block5 {
  float: left;
  width: 228px;
  height: 120px;
  padding: 10px;
  margin: 2px 3px 3px 3px;
  background: #FFFFFF;
}

#block6 {
  float: left;
  width: 228px;
  height: 120px;
  padding: 10px;
  margin: 2px 3px 3px 3px;
  background: #FFFFFF;
}

#block7 {
  float: left;
  width: 228px;
  height: 120px;
  padding: 10px;
  margin: 2px 3px 3px 3px;
  background: #FFFFFF;
}

#block8 {
  float: left;
  width: 228px;
  height: 120px;
  padding: 10px;
  margin: 2px 3px 3px 3px;
  background: #FFFFFF;
}

#block9 {
  float: left;
  width: 228px;
  height: 120px;
  padding: 10px;
  margin: 2px 3px 3px 3px;
  background: #FFFFFF;
}

.imageblock {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/room2.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:5px; margin-bottom:3px
}

.imageblock1 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/splash.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock2 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/aboutus.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock3 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/fluss.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock4 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/room1.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}
.imageblock5 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/trekking.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}
.imageblock6 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/kayak.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}
.imageblock7 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/pancake.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}
.imageblock8 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/sunset.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}
.imageblock9 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/flower.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}
.imageblock10 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/kueste3.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}
.imageblock11 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/blatt.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}
.imageblock12 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/welle.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock13 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/conservatory.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock14 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/diningroom.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock15 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/deck.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock16 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/sign.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock17 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/street.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock18 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/hausoben.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock19 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/lamb.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock20 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/peperoni.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock21 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/breakfast.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock22 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/farn2.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock23 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/kueste2.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock24 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/blackenbrook.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock25 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/pori.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock26 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/farn3.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock27 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/wood.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock28 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/river1.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock29 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/bluemoon.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock30 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/sea.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock31 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/intro1.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock32 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/intro2.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock33 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/intro3.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock34 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/intro4.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock35 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/intro5.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock36 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/intro6.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock37 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/intro7.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock38 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/intro8.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock39 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/intro9.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock40 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/lemon.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock41 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/bluesky.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock42 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/boats.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock43 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/bubble.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock44 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/butterfly.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock45 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/eva.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock46 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/fanas.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock47 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/libelle.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock48 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/lightning.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}
.imageblock49 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/morning.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock50 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/mountain.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock51 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/pebble.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock52 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/rennes.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock53 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/ro.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock54 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/sailing.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock55 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/shell.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock56 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/trumanart.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock57 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/truman.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock58 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/room3.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock59 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/view.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock60 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/view2.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock61 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/view3.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock62 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/veranda.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock63 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/searoom2.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock64 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/searoom1.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock65 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/artroom2.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock66 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/livingroom.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock67 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/viewsearoom1.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock68 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/twin2.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock69 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/twin.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock70 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/rata.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock71 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/abend.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock72 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/wintergarten.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock73 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/cabbage.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock74 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/shalom1.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock75 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/shalom2.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock76 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/shalom3.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}

.imageblock77 {
  float: left;
  width: 248px;
  height: 140px;
  padding: 0;
  background: #5C008A url('images/shalom4.jpg') no-repeat;; margin-left:3px; margin-right:3px; margin-top:2px; margin-bottom:3px
}


#content1 {
  float: right;
  width: 482px;
  height: 265px;
  padding: 10px;
  margin: 5px 3px 3px 3px;
  background: #FFFFFF;
  text-align: left;  
  overflow: auto;
}

#content2 {
  float: right;
  width: 482px;
  height: 265px;
  padding: 10px;
  margin: 5px 3px 3px 3px;
  background: #FFFFFF;
  text-align: left;  
  overflow: auto;
}

#content3 {
  float: left;
  width: 482px;
  height: 265px;
  padding: 10px;
  margin: 2px 3px 3px 3px;
  background: #FFFFFF;
  text-align: left;  
  overflow: auto;
}

#content4 {
  float: right;
  width: 482px;
  height: 265px;
  padding:10px;
  margin: 2px 3px 3px 3px;
  background: #FFFFFF;
  text-align: left;  
  overflow: none;
}


#content5 {
  float: left;
  width: 737px;
  height: 265px;
  padding: 10px;
  margin: 2px 3px 3px 3px;
  background: #FFFFFF;
  text-align: left;  
  overflow: none;
}




#footer {
	margin: 0 auto;
	width: 768px;
	padding: 10px 0px;
	text-align: right;
}

/* Element styling */

h1 {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #FFF;
  text-align: left;  
}

h2 {
  font-size: 20px;
}

a {
  font-weight: normal;
  text-decoration: none;
  color: #fff;
}
  
#footer a {
  font-weight: normal;
  text-decoration: none;
}

#footer a:link {
  color: #E099FF;
}

#footer a:hover {
  font-weight: bold;
}


#content1 ul {
  list-style:none; 
  margin-left: 10px; 
  padding: 1px;
}

#content1 ul li {
  padding-left: 15px; 
  background: url('images/block.gif') no-repeat 0 5px;
}

#content2 ul {
  list-style:none; 
  margin-left: 10px; 
  padding: 1px;
}

#content2 ul li {
  padding-left: 15px; 
  background: url('images/block.gif') no-repeat 0 5px;
}

#content3 ul {
  list-style:none; 
  margin-left: 10px; 
  padding: 1px;
}

#content3 ul li {
  padding-left: 15px; 
  background: url('images/block.gif') no-repeat 0 5px;
}

#content4 ul {
  list-style:none; 
  margin-left: 0px; 
  padding: 1px;
}

#content4 ul li {
  padding-left: 0px; 
  background: url('images/block.gif') no-repeat 0 5px;
}

/* Image styling */

.img1 {
  float: left;
  margin: 0 10px 0 0;
  padding: 2px;
  border: 1px solid #8F00D6;
}

.img2 {
  float: right;
  margin: 0 0 0 3px;	
  padding: 2px;
  border: 1px solid #8F00D6;
}

.img3 {
    float: none;
    margin: 5px 10px 0 10px;
    padding: 2px;
    border: 1px solid #8F00D6;
}

.img4 {
    float: none;
    margin: 0 10px 0 80px;
    padding: 2px;
    border: 1px solid #8F00D6;
}