body { background:url(/public/images/body-bg.gif) repeat-x; margin:0px; padding:0px; font-family:Arial; }
a { color:#0067a6 }
a:hover { color:#444 }
h1{color:#666; font-size:22px; font-weight:bold; width:100%; padding-bottom:5px; }

#sitecontainer { background:#fff; text-align:left; width:950px; height:1000px; padding:0 20px 0 20px;margin:0 auto;position:relative}
#logo { text-align:left; padding:10px 0 10px 0;}

/* LANGUAGES */
#languages{position:absolute;top:60px;right:20px}

/* TOP NAVIGATION */
#topnavigation { position:relative; height:36px; background:#0067a6; border-bottom:4px solid #888; }
#topnavigation ul { list-style-type: none; padding:0px; margin:0px;}
#topnavigation li { font-weight:bold; font-size:14px; float:left; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px; }
#topnavigation li:hover { background:url(/public/images/button-bg-hover.gif); }
#topnavigation .selected { background:#888; border-bottom:1px solid #888; }
#topnavigation li a { color:#fff; text-decoration:none }
#topnavigation li a:hover { text-decoration:underline }
#topnavbg { position:absolute;top:0px;right:0px;width:300px;height:36px;border-bottom:1px solid #ddd }

/* SUB NAVIGATION */
#subnavigation { height:26px; background:#888 }
#subnavigation ul { list-style-type: none; padding:0px; margin:0px;}
#subnavigation li { font-weight:bold; font-size:12px; float:left; padding:4px 10px 0 10px; }
#subnavigation li a { color:#fff; text-decoration:none }
#subnavigation li a:hover { text-decoration:underline }
#subnavigation .selected a { text-decoration:underline }

/* SEARCH */
#search { color:#fff; text-align:right; padding:5px !important; }
#search input { margin-left:10px; font-family:Arial; width:200px; font-size:14px; padding:4px; color:#888; border:1px solid #0067a6 }

/* START PAGE */
#main { height:320px; padding:10px 0 0 0 }
#main .content { float:left; width:364px; height:300px; padding:20px 20px 0 20px; color:#666; font-size:14px; line-height:18px; background:#eee  left top }
#illustration { float:right; width:536px; height:320px; overflow:hidden;}

/* SPOTS */
#spots { height:220px; background:#fff }
#spots .spot { float:left; width:197px; margin:10px 10px 0 0; height:200px; }
#spots .spot .image { width:197px;height:170px; overflow:hidden;  }
#spots .spot .title { color:#fff; font-weight:bold; font-size:14px; padding:6px 0 0 6px; width:191px; height:24px; background:#0067a6 }
#spots .spot .title:hover { background:url(/public/images/button-bg-hover.gif); }
#spots .spot .title a { color:#fff; text-decoration:none }
#spots .spot .title a:hover  { text-decoration:underline }

/* IN FOCUS */
#infocus { float:left; width:329px; margin:10px 0 0 0px; height:200px; background:#eee  left top }
#infocus .title { color:#666; padding:5px 0 5px 10px ; font-size:22px; font-weight:bold }
#infocus .content { height:130px; background:none; padding:0 0 0 10px ;  color:#666; font-size:14px; line-height:18px;}
#infocus #content #link { font-size:14px; font-weight:bold; text-align:left; padding-top:10px;}

/* FOOTER */
#footer { border-top:1px solid #ddd; margin:10px 0; padding:5px 0 10px; color:#888; font-size:12px; }


/* CONTENT */
#contentmain { padding:20px 20px 0 8px ; min-height:440px; padding-bottom:30px; }
.contentbody { float:left; width:720px; color:#666; font-size:14px; line-height:18px;}
#images { float:left; padding-left:20px; width:180px; }
#images img { margin-bottom:10px }

/* SEARCH RESULT */
.searchresultcount{font-size:12px;padding:0 10px 0 0}
.searchresulttitle{font-size:12px}
.searchresulttext{font-size:12px;margin:0 0 10px 0}

/* NEWS */
.ingress{font-weight:bold;margin:0 0 17px 0}
