/*--- Haus am Dukkes --- page centered and new created August 2009 ---*/

@import 'menu.css';   @import 'footer.css';  @import 'slideshow.css';  @import 'image.css';

BODY {
	background: #082439 url(../pics/base/dukkes.jpg) repeat-x center top;
	background-attachment: scroll; /*fixed*/
}
#text, #header, #container {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 10px;
	letter-spacing: 1px;
	text-align: justify;
	line-height: 18px;
	font-size: 12px;
	color: #FFF;
}
H1, H2, H3, H4, H5 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	letter-spacing: 2px;
	font-style: italic;
	padding: 10px 10px;
	color: #CCC;
	text-shadow: 3px 3px 3px #000; /*right/below/blur/color*/
}
H1, H2 {
	font-size: 30px;
}
H3, H4 {
	font-size: 18px;
}
H2, H4 {
	text-align: center;
}
H5 {  
	font-size: 14px;
}
p {   /*index*/
	text-indent: 10px;
	padding: 5px;
}
.welc {   /*index*/
	color: black;
	padding: 20px 20px 0px;
}

/* --- site construction --- site construction --- */ 

* {   /*--- css reset ---*/
	margin: 0; padding: 0;
}
#villarenters,#riesling,#elbling,#rivaner,#bacchus,#offers,#col {
   -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 0px solid #184167;
}
#villarenters,#riesling,#elbling,#rivaner,#bacchus {
	background-color: #184167;
}
#header {   /* --- link menu --- */
	width: 990px;
	height: 130px;
	margin: 0px auto;
	padding-top: 15px;
}
#container {   /* --- container --- */
	width: 990px;
	height: auto;
	margin: 0px auto;
}
/*--- float left ---*/
#col {   /* --- default width --- */
   float: left;
	height: auto;
	width: 780px;   /*800*/
	margin: 10px 0;
	padding: 0 10px;
	border: 0px solid red;
}
.neu {
	background-image: url(../pics/history/history.jpg);
}
#ads {   /* --- float-right - Google Adsense --- */
   float: right;
	height: auto;
	width: 160px;  /*180*/
	margin: 10px 10px;
}
#villarenters {   /* --- reservations form --- */
	width: 750px;
	height: auto;
	margin: 20px auto;
	padding: 10px;
}
#riesling,#elbling,#rivaner,#bacchus {   /* --- floor plan --- */
   width: 717px;
	height: auto;
	margin: 20px auto;
	text-align: center;
	padding: 10px;
}
#offers {   /* --- offers + welcome + kidspage --- */
	width: 970px;
	height: auto;
	margin: 20px auto;
}

/*--- utilities utilities utilities ---*/
hr {
   margin: 19px 9px;
	width: 98%;
	color: #333;
}
blockquote {
	background: #184167;
	border: 1px solid gray;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 5px 5px 5px #000;
	-moz-box-shadow: 5px 5px 5px #000;
}
.willkommen {   /* --- deutsche x-index site --- */
   margin: 0 auto;
	width: 685px;
	height: auto;
}

.map {	/* --- offers --- */
	background: #CBE6C7 url(../pics/offers/map.jpg);
	width: 214px;
	height: 658px;
	border: 1px solid gray;
	padding: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 5px 5px 5px #000;
	-moz-box-shadow: 5px 5px 5px #000;
}

/* --- transparent box --- transparent box --- */
.box {   /* --- welcome site --- */
  width: 550px;
  height: auto;
  margin: 20px 0 0 40px;
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid black;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
} 
.box1 {   /* --- welcome site below --- */
  width: 480px;
  height: 70px;
  margin: 50px 0 0 300px;
  background-color: rgba(255, 255, 255, 0.4);
  border:1px solid black;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
} 
.box2 {   /* --- history --- */
  width: 460px;
  height: auto;
  margin: 30px;
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid black;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.box3 {   /* --- welcome site --- */
  width: 820px;
  height: auto;
  margin: 20px 0 0 20px;
  background-color: rgba(255, 255, 255, 0.2);
  border:1px solid black;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
} 
.box p, .box3 p  {
  margin: 15px;
  text-align: justify;
  font-weight: bold;
  line-height: 18px;
  font-size: 16px;
  color: rgb(0, 0, 0);
  text-shadow: 1px 1px 3px #000; /*right/below/blur/color*/
}
.box1 p, .box2 p {
  margin: 15px;
  text-align: left;
  font-weight: bold;
  line-height: 18px;
  font-size: 12px;
  color: rgb(0, 0, 0);
}
/* --- tables & utilities --- */
table {
	margin: 0 Auto;
	width: 100%;
}
.visitors {
	text-align:center;
	vertical-align:top;
}
.site {
	vertical-align: top;
}
li {
	padding-left: 20px;
}