/* copyright   RomanticRoad e.K.  all rights reserved .  Title: CSS For All Popup Pages  */
 
 /* standard  page styles for all popup pages  corresponding to codes: U-heading,  N-notice,  R-packages,   Z- room descriptions,  K- karte,  T- long paragraphs   */
 
H1.heading {
	text-align:center;
	font-weight:500;
	padding-top: 2%;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color:rgb(0,0,128);
}

P.heading {
	text-align:center;
	font-weight:500;
	padding-top: 0%;
	padding-bottom: 1%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color:rgb(0,0,128);
}

H2.notice {
	text-align:center;
	font-weight:500;
	padding-top: 2%;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color:red;
}

P.notice {
	text-align:center;
	font-weight:500;
	padding-top: 0%;
	padding-bottom: 1%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color:red;
}

 H2.package {
	text-align:center;
	font-weight:500;
	padding-top: 2%;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}

P.package {
	text-align:center;
	font-weight:500;
	padding-top: 0%;
	padding-bottom: 1%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
} 

 H2.rooms {
	text-align:center;
	font-weight:500;
	padding-top: 2%;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}

P.rooms {
	text-align:justify;
	font-weight:400;
	padding-top: 0%;
	padding-bottom: 1%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}

B.rooms {
	text-align:center;
	font-weight:600;
	padding-top: 1%;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}

TABLE.rooms {
	
}


IMG.rooms {
	border-left:1px maroon solid;
	border-right:1px maroon solid;
	border-top:1px maroon solid;
	border-bottom:1px maroon solid;
}

H2.karte {
	text-align:center;
	font-weight:500;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color:rgb(0,0,128);
}

P.karte {
	text-align:left;
	font-weight:500;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}


PRE.kartepreis {
	text-align:right;
	font-weight:500;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	padding-right: 2%;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}

/*  various selections for codes B- remarks and G-graphic images  */

H2.remark {
	text-align:center;
	font-weight:500;
	padding-top: 2%;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}

P.remark {
	text-align:center;
	font-weight:400;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}

B.remark {
	text-align:center;
	font-weight:600;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}

IMG.remark {
	
}

H2.courses {
	text-align:center;
	font-weight:500;
	padding-top: 2%;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	}

P.courses {
	text-align:center;
	font-weight:400;
	padding-top: 0%;
	padding-bottom: 1%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
}

B.courses {
	text-align:center;
	font-weight:600;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
}

IMG.courses {
	
}

P.textjust {
	text-align:justify;
	font-weight:400;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 2%;
	padding-right: 2%;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
	}
	
B.textjust {
	text-align:center;
	font-weight:600;
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}
/*  link colors for all popups  */

A:link {
	color: rgb(186,62,69);
	text-decoration: none;
}

A:visited {
	color: rgb(186,62,69);
	text-decoration: none;
}

A:hover {
	color: red;
}

A:active {
	color: red;
	text-decoration: none;
}

A.closebn:link {
	color: rgb(186,62,69);
	text-decoration: none;
}

A.closebn:visited {
	color: rgb(186,62,69);
	text-decoration: none;
}

A.closebn:hover {
	color: red;
	text-decoration: none;
}

A.guest:link {
	color: rgb(218,98,44);
	text-decoration: none;
}

A.guest:hover {
	color: red;
	text-decoration: none;
}

A.guest:visited {
	color: rgb(218,98,44);
	text-decoration: none;
}



/*  background  style attributes for all popups  */

BODY.popup 
 {
	background-color: white;
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center  top;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}

/*  reservation form and external reservation button styles */

P.resv {
	text-align:center;
	padding-top: 1%;
	padding-bottom: 4%;
	padding-left: 5%;
	padding-right: 5%;
	font-weight:400;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}

P.resvl {
	text-align:left;
	padding-top: 1%;
	padding-bottom: 4%;
	padding-left: 5%;
	padding-right: 5%;
	font-weight:400;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}

B.resv {
	text-align:center;
	padding-top: 1%;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
	font-weight:600;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}

H1.resv {
	text-align:center;
	padding-top: 1%;
	padding-left: 5%;
	padding-right: 5%;
	font-weight:400;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}

H2.resv {
	text-align:center;
	padding-top: 1%;
	padding-bottom: 4%;
	padding-left: 5%;
	padding-right: 5%;
	font-weight:400;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}

H4.resv {
	text-align:center;
	padding-bottom: 4%;
	padding-left: 5%;
	padding-right: 5%;
	font-weight:400;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}

P.rform {
	text-align:right;
	padding-right: 2%;
	font-weight:400;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}

P.form {
	text-align:right;
	padding-right: 2%;
	font-weight:400;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}

INPUT.resv {
	background-color: white;
	font-weight:400;
	border-left:1px maroon solid;
	border-right:1px maroon solid;
	border-top:1px maroon solid;
	border-bottom:1px maroon solid;
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
}

IMG.resv {
	border-left:1px maroon solid;
	border-right:1px maroon solid;
	border-top:1px maroon solid;
	border-bottom:1px maroon solid;
}

P.rr {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: green;
}

H4.logo {
	text-align:center;
	padding-top: 1%;
	padding-bottom: 3%;
	padding-left: 4%;
	padding-right: 4%;
	font-weight:400;
  	font-family: Arial, Helvetica, sans-serif;
	color: rgb(186,62,69);
}

IMG.logo {
	margin-bottom: 2%;
	margin-top: 2%;
	border-left:1px maroon solid;
	border-right:1px maroon solid;
	border-top:1px maroon solid;
	border-bottom:1px maroon solid;
}

/*  guestbook  styles  */

P.guest {
	font-weight:500;
	padding-top: 0%;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom:0%;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(218,98,44);
}

H1.guest {
	text-align:center;	
	font-weight:400;
	padding-top: 1%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom:1%;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(218,98,44);
}

H2.guest {
	text-align:center;	
	font-weight:400;
	padding-top: 1%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom:1%;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(218,98,44);
}

INPUT.guest {
	background-color: white;
	font-weight:400;
	border-left:1px rgb(218,98,44) solid;
	border-right:1px rgb(218,98,44) solid;
	border-top:1px rgb(218,98,44) solid;
	border-bottom:1px rgb(218,98,44) solid;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(218,98,44);
	}

TEXTAREA.guest {
	background-color: white;
	font-weight:400;
	border-left:1px rgb(218,98,44) solid;
	border-right:1px rgb(218,98,44) solid;
	border-top:1px rgb(218,98,44) solid;
	border-bottom:1px rgb(218,98,44) solid;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(218,98,44);
}
	
IMG.gbdivider {
	
}

TABLE.guest {
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment : fixed;
	background-color : white;
}