html{background-color: #4f3729; background-image: url(images/gradient_Main2.jpg); background-repeat: repeat-x;}

body{ 
     color: #2C1E16;
      font-family: verdana, arial, helvetica, sans-serif;
      font-size: 8pt;
      line-height: 170%;
      margin-top: 10px;
    }

/* CONTENT LINKS - White - nav */

a{color: #FFFFFF; font-size: 9pt; font-family: verdana, arial, helvetica, tahoma, sans-serif; text-decoration: none;}
a:link {color: #FFFFFF; font-size: 9pt;} 
a:visited {color: #FFFFFF; font-size: 9pt;}
a:active {color: #FFFFFF; font-size: 9pt;}
a:hover {color: #FFFFFF; font-size: 9pt;}

/* CONTENT LINKS - White */

a.alt{color: #FFFFFF; font-size: 9pt; font-family: verdana, arial, helvetica, tahoma, sans-serif; text-decoration: underline;}
a.alt:link {color: #FFFFFF; font-size: 9pt;} 
a.alt:visited {color: #FFFFFF; font-size: 9pt;}
a.alt:active {color: #FFFFFF; font-size: 9pt;}
a.alt:hover {color: #FFFFFF; font-size: 9pt;}



/* LINKS - Txt underline */

a.altU{color: #2C1E16; font-size: 8pt; font-family: verdana, arial, helvetica, tahoma, sans-serif;  font-weight: normal; text-decoration: underline; text-align: left; line-height: 120%;}
a.altU:link {color: #2C1E16; text-decoration: underline;} 
a.altU:visited {color: #2C1E16; text-decoration: underline;}
a.altU:active {color: #2C1E16; text-decoration: underline;}
a.altU:hover {color: #2C1E16; text-decoration: underline; font-weight: bold;}

/* LINKS - Txt underline */

a.small{color: #2C1E16; font-size: 8pt; font-family: verdana, arial, helvetica, tahoma, sans-serif;  font-weight: normal; text-decoration: none; text-align: left; line-height: 120%;}
a.small:link {color: #2C1E16; text-decoration: none;} 
a.small:visited {color: #2C1E16; text-decoration: none;}
a.small:active {color: #2C1E16; text-decoration: none;}
a.small:hover {color: #2C1E16; text-decoration: none; font-weight: bold;}


/* LINKS - Red - header buttons */

a.red{color: #4a140d; font-size: 8pt; font-weight: bold; font-family: verdana, arial, helvetica, tahoma, sans-serif; text-decoration: none; text-align: left; line-height: 120%; margin: 0px;}
a.red:link {color: #4a140d; text-decoration: none;} 
a.red:visited {color: #4a140d; text-decoration: none;}
a.red:active {color: #4a140d; text-decoration: none;}
a.red:hover {color: #4a140d; text-decoration: none; font-weight: bold;}


/* LINKS - Red - content news - change on hover */

a.red2{color: #4a140d; font-size: 8pt; font-weight: bold; font-family: verdana, arial, helvetica, tahoma, sans-serif; text-decoration: none; text-align: left; line-height: 120%; margin: 0px;}
a.red2:link {color: #4a140d; text-decoration: none;} 
a.red2:visited {color: #4a140d; text-decoration: none;}
a.red2:active {color: #4a140d; text-decoration: none;}
a.red2:hover {color: #a32c1d; text-decoration: none; font-weight: bold;}

/* LINKS - Red button - blog */

a.redButton{color: #FFFFFF; background-color: #4a140d; padding: 5px 10px 5px 10px; font-size: 8pt; font-weight: bold; font-family: verdana, arial, helvetica, tahoma, sans-serif; text-decoration: none; text-align: left; line-height: 120%; margin: 0px;}
a.redButton:link {color: #FFFFFF; text-decoration: none;} 
a.redButton:visited {color: #FFFFFF; text-decoration: none;}
a.redButton:active {color: #FFFFFF; text-decoration: none;}
a.redButton:hover {color: #FFFFFF; text-decoration: underline; font-weight: bold;}

/* CONTENT LINKS - White - breadcrumb */

a.bcrumb{color: #FFFFFF; font-size: 8pt; font-family: verdana, arial, helvetica, tahoma, sans-serif; text-decoration: none;}
a.bcrumb:link {color: #FFFFFF; font-size: 8pt;} 
a.bcrumb:visited {color: #FFFFFF; font-size: 8pt;}
a.bcrumb:active {color: #FFFFFF; font-size: 8pt;}
a.bcrumb:hover {color: #a32c1d; font-size: 8pt;}


#pageDiv{
  width: 972px;
  margin-left: auto;
  margin-right: auto;
  top: 0px;
}


            
#home{cursor: pointer; cursor: hand;}
#hotel{cursor: pointer; cursor: hand;}
#accommodation{cursor: pointer; cursor: hand;}
#restaurant{cursor: pointer; cursor: hand;}
#conference{cursor: pointer; cursor: hand;}
#gallery{cursor: pointer; cursor: hand;}
#guestbook{cursor: pointer; cursor: hand;}
#contact{cursor: pointer; cursor: hand;}
#linkNamibia{cursor: pointer; cursor: hand;}

#Acc{cursor: pointer; cursor: hand;}
#Rest{cursor: pointer; cursor: hand;}
#Conf{cursor: pointer; cursor: hand;}

#content{clear: left; margin-top: 0px; margin-left: 6px; overflow: hidden; height: auto; width: 940px; padding: 10px; background-color: #998D78; background-image: url('images/gradient_Brown.jpg'); background-repeat: repeat-x;}

#coffee{margin-top: 20px; background-color: #D5CEBC; width: 659px;}

#galleryText{margin-top: 2px; margin-bottom: 20px; font-size: 7pt;}

.creamCtop{width: 659px; height: 12px;}
.creamContent{background-image: url('images/gradient_Stripe.gif'); background-repeat: repeat-y; width: 659px;}
.creamContentG{background-image: url('images/gradient_StripeG.gif'); background-repeat: repeat-y; width: 929px;} 
.creamContentG2{background-color: #f7f3ea; background-image: url('images/gradient_StripeG2.gif'); background-repeat: repeat-y; width: 929px;} 
.creamCbottom{background-image: url('images/cnr_creamB.gif'); background-repeat: no-repeat; width: 659px; height: 12px;}
.creamCbottomG{background-image: url('images/cnr_creamBG.gif'); background-repeat: no-repeat; width: 929px; height: 12px;}

            
            
.navDiv{color: #FFFFFF; height: 20px; padding: 3px 5px 3px 30px; margin-top: 3px; background-color: transparent;}



td{vertical-align: top;
     color: #2C1E16;
     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 8pt;
     line-height: 170%;}
     
td.white{vertical-align: top;
     color: #90613d;
     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 8pt;
     line-height: 170%;}
     
td.stroke{border-style: dotted; border-width: 0px 0px 1px 0px;}
      
h1{color: #2C1E16; font-size: 11pt; font-weight: normal;}

h2{color: #FFFFFF; font-size: 14pt; font-weight: normal; text-align: center;}

h3{color: #90613d; font-size: 15pt; font-weight: normal; text-align: center;}

select{font-size: 7pt;}
input{font-size: 8pt;}
/*input{font-size: 7pt;}*/
fieldset{border-style: none; margin: 5px 5px 0px 0px; padding: 0px;}

.red {color: #FF0000; font-size: 7pt;}

.shadeL{background-color: #EBE5D2;}

.shade{background-color: #FFFFFF;}

.formDots{border-style: dotted; border-width: 1px 0px 1px 0px; border-color: #FFFFFF;}

.formCtop{width: 261px; height: 13px;}
.formContent{width: 257px; background-image: url('images/gradient_Form2.jpg'); background-repeat: repeat-x; background-color: #470000; border-style: solid; border-color: #FFFFFF; border-width: 0px 2px 0px 2px;}
.formCbottom{width: 261px; height: 14px; background-image: url('images/cnr_formB.gif'); background-repeat: no-repeat;}



.guestShade{background-color: #EBE5D2; padding: 15px; margin-top: 5px; margin-bottom: 5px;}
.guestShade2{background-color: #F7F3EA; padding: 15px; margin-top: 5px; margin-bottom: 5px;}

.guestCap{font-style: italic;}

.small{font-size: 7pt;}

.caption{font-size: 7pt; margin-top: 5px; margin-bottom: 25px;}

a img {border-style: none;}

img.galleryThumb{border-style: solid; border-width: 1px; border-color: #3C3C3C; padding: 3px;}

/* Footer */
.footer{text-align: center; color: #FFFFFF; font-size: 7pt; margin-top: 5px;}
.widgetTripAdvisor{float: right; margin-right: 53px;}
.fb-share-button{float: left;}

/*links page */
.space{margin: 3px 0px 0px 3px;}

.loading{position: absolute; margin-top: 140px; margin-left: 200px; width: 100px; height: 100px; z-index: 20; opacity: 0.8; filter: alpha(opacity=80)}

/* Header buttons */

#buttonH_wrapper{position: absolute; width: 140px; margin-top: 260px; margin-left: 810px; z-index: 14;}

.buttonH_Div{width: 135px; margin: 0px auto 0px auto; margin-bottom: 10px; cursor: pointer; cursor: hand;}

.buttonH_Div2{width: 135px; margin: 0px auto 0px auto; margin-bottom: 10px;} /*for eng,de */

.buttonH_DivInner{position: absolute; width: 100%; z-index: 14; text-align: center;}

.buttonH{background-color: #FFFFFF; height: 40px; width: 100%; border-radius: 8px; opacity: 0.6; filter: alpha(opacity=60);}

/* News Items - list*/

div.newsItem{display: block; background-image: url(images/bulletBloc.gif); background-repeat: no-repeat; background-position: 0px 6px; padding: 0px 0px 20px 25px; border-style: dotted; border-width: 0px 0px 1px 0px; border-color: #b5a59c; margin-top: 10px; margin-bottom: 20px;}

div.newsItem p{display: block; margin: 0px;}

div.newsItem p.newsTitle{font-size: 10pt; margin: 0px;}
div.newsItem p.newsDate{font-size: 8pt; margin-top: 3px; margin-bottom: 0px;}
div.newsItem p.newsLink{margin-top: 2px;}

/* Single news story */
div.newsStory p.date2{font-size: 8pt; margin-top: 3px; margin-bottom: 0px; border-style: dotted; border-width: 0px 0px 1px 0px; margin-bottom: 20px; padding-bottom: 20px;}

img.newsImage{}
p.caption2{width: 400px; font-size: 7pt; line-height: 140%; margin-top: 5px; margin-bottom: 25px;}



/* Blog */
div.blogArticle {margin-bottom: 45px;}
div.blogArticle p.blogTitle{font-size: 16pt; margin: 0px;}
div.blogArticle p.blogDate{color: #56453d; font-size: 8pt; margin-top: 6px; margin-bottom: 0px;}
div.blogArticle p.blogLink{margin-top: 2px;}

div.blogArticle2 {margin-top: 25px; margin-bottom: 25px; padding-bottom: 25px; border-style: dotted; border-width: 0px 0px 1px 0px; border-color: #56453d;}
div.blogArticle2 p.blogTitle{font-size: 16pt; margin: 0px;}
div.blogArticle2 p.blogDate{color: #56453d; font-size: 8pt; margin-top: 6px; margin-bottom: 0px;}
div.blogArticle2 p.blogLink{margin-top: 2px;}

div.blogContent{margin-bottom: 25px; padding-bottom: 25px; border-style: dotted; border-width: 0px 0px 1px 0px; border-color: #56453d;}

div.commentFormWrapper{height: auto; overflow: hidden;}
p.commentHeader{font-size: 12pt; color: #56453d;}

table.tableBlog td{padding: 6px;}

img.blogImage{}

/*blog form */
.error{color: #FF0000; display: none;}
.errorBox{margin-bottom: 10px; padding: 10px; background-color: #FFFFFF;}

/*Comments*/

div.blogCommentWrapper {margin-top: 25px; margin-bottom: 25px; padding-bottom: 25px; border-style: dotted; border-width: 0px 0px 1px 0px; border-color: #56453d;}
div.blogComment {background-color: #FFFFFF; background-image: url(images/icon_Comment.gif); background-repeat: no-repeat; background-position: 5px 5px; padding: 10px 10px 10px 70px; margin-bottom: 10px; border-radius: 8px;}
div.blogComment p.commentName{font-size: 11pt; margin: 0px;}
div.blogComment p.commentDate{color: #56453d; font-size: 8pt; margin-top: 6px; margin-bottom: 8px;}
div.blogComment p.comment{margin-top: 2px;}

/*drop divs */
.dropDiv{width: 245px; background-color: #dcd9cf; background-image: url(images/arrowClose.gif); background-repeat: no-repeat; background-position: right; margin: 10px 0px 10px 0px; padding: 6px 10px 6px 10px; font-weight: bold; border-radius: 5pt; cursor: pointer; cursor: hand;}
.panel{display: none; margin: 0px;}
.dropArrow{vertical-align: text-bottom; float: right;}