/*  -- Main CSS File -- */
*{padding:0; margin:0;}
html {overflow:scroll;overflow-x:hidden;}
body,html {margin:0px;padding:0px;}
body {font-family:Arial, Verdana;font-size:12px;background: url(../img/layout/body.jpg) repeat-x top #819eae;}

/*  -- Container -- */
#container	{width:838px;margin:auto;background:url(../img/layout/body_uf.jpg) repeat-y;}

/*  -- Header -- */
#header	{width:838px;height:345px;position:relative;}
/*  -- Header Navigation -- */
#header_nav{position:relative;top:309px;left:30px}
#header_nav ul li{position:relative;float:left;display:block;width:130px;list-style:none;}
#header_nav ul li a{display:block;height:22px;text-decoration:none;color:#fff;text-align:center;}
#header_nav ul li a:hover{cursor:default;}
#header_nav li.hdivider{width:4px;background:url(../img/layout/header_divider.jpg) center no-repeat;}

#header_nav ul ul{position:absolute;left:0px;top:22px;display:none;background-color:#161010;padding:3px 0 0 0;}
#header_nav ul ul li{display:block;clear:left;width:108px;background-color:#161010;border-left:solid 13px #161010;border-right:solid 13px #161010;border-top:solid 1px #0B4F6E;}
#header_nav ul ul li a{display:block;padding:6px 0 3px 5px;color:#fff;text-align:left;}
#header_nav ul ul li a:hover, #header_nav ul ul li a.navactive{color:#6dcff6;cursor:pointer;}
#header_nav ul ul li a.navactive{cursor:default;}
#header_nav ul li:hover ul{display:block;}

#lang_selection{position:relative;top:287px;left:750px;width:110px;}
*+html #lang_selection{top:309px;left:80px;}/* hack for IE7 */
#lang_selection ul li{position:relative;float:left;display:block;padding:5px;list-style:none;}
#lang_selection ul li a{display:block;text-decoration:none;color:#fff;text-align:center;}

/*  -- Content -- */
#content{width:845px; margin:auto;}

#content_left{float:left;margin:0;padding:0;}
#content_left .clheader {background:url(../img/layout/content_left_top.jpg);width:625px; height:50px;}
#content_left .mheader, #content_big .mheader {padding-top:25px;text-indent:70px;}
#content_left .mheader h1, #content_big .mheader h1 {font-size:12px; color:#292829; font-weight:bold;}
#content_left .mheader h2, #content_big .mheader h2 {font-size:10px; color:#292829; font-weight:normal; font-style:italic;}
#content_left .cmmain p,#content_big #content_big p{text-align:center;color:#5a5a5a;padding:20px;padding-top:0px;padding-bottom:0px;font-size:12px;}
#content_left .clmain {background:url(../img/layout/content_left_main.jpg) repeat-y;width:625px;font-size:12px; display:block;margin:0;padding:0;}
#content_left .main {padding:30px;padding-bottom:0px;}
#content_left .clfooter {background: url(../img/layout/content_left_bottom.jpg);width:625px;height:32px;}

#content_right{float:left;}
#content_right .crheader {background:url(../img/layout/content_right_top.jpg);width:213px;height:31px;}
#content_right .crmain {background:url(../img/layout/content_right_main.jpg);width:213px;}
#content_right .crmain h2 {text-align:center;color:#5a5a5a;padding-top:0px;padding-bottom:20px;font-size:12px;text-align:left;width:100%;}
#content_right .crmain p {text-align:center;color:#5a5a5a;padding:20px;padding-top:0px;padding-bottom:0px;font-size:12px;}
#content_right .crfooter { background: url(../img/layout/content_right_bottom.jpg);width:213px;height:32px;}

#content_big .cmheader {background:url(../img/layout/content_big_top.jpg);width:838px;height:50px;}
#content_big .cmbigboxmain {background:url(../img/layout/content_big_main.jpg);width:838px;}
#content_big .cmfooter { background: url(../img/layout/content_big_bottom.jpg);width:838px;height:32px;}

#content_left .contentbox, #content_big .contentbox {text-align:justify;color:#000000;padding:20px;padding-left:30px;padding-bottom:0px;font-size:12px; display:block;}
#content_left .contentbox ul, #content_big .contentbox ul,#content_right .crmain ul {margin-left:20px;}
#content_left .news img, #content_big .news img{margin:5px;}
#content_left .contentbox h2{font-size:12px; color:#292829; font-weight:normal; font-style:italic; margin-bottom:5px;}

/*  -- Footer -- */
#footer	{padding:15px 25px 15px 0;text-align:right;background:url(../img/layout/footer_uf.jpg) no-repeat top;}
a.qb-copyright, .uf-copyright{font-size:10px;color:#acacac;text-decoration:none;}
a.qb-copyright{padding-left:15px;}
a.qb-copyright:hover{color:#fff;text-decoration:none;}

/*  -- Text & Links -- */
a {font-size:12px;color:#54a3c4;text-decoration:none;}
a:hover {text-decoration: underline;}
h3 {font-size:12px;color:#292829; font-weight:bold;}

/*  -- Divers -- */
.floatclearleft	{clear:left;}
.divspace15px	{height:15px;}
/* -- !!! Note that these items are redefined for the element with the id : guestbookDataTable -- */ 
.labelCell{width:200px; text-align:left;}
.fieldCell{text-align:left;width:500px;}
.formRedNote {font-size:10px;font-style:italic;color:#FF0000;margin-top:20px;text-align:left;}
.validationErrorBox	{ background-color:#000000; color:#FFFFFF;}

/* spacers */
.spacer1{width:1px; height:1px; clear:both; font-size:0px; display:block;}
.spacer2{width:2px; height:2px; clear:both; font-size:0px; display:block;}
.spacer3{width:3px; height:3px; clear:both; font-size:0px; display:block;}
.spacer4{width:4px; height:4px; clear:both; font-size:0px; display:block;}
.spacer5{width:5px; height:5px; clear:both; font-size:0px; display:block;}
.spacer10{width:10px; height:10px; clear:both; font-size:0px; display:block;}
.spacer15{width:15px; height:15px; clear:both; font-size:0px; display:block;}
.spacer20{width:20px; height:20px; clear:both; font-size:0px; display:block;}
.spacer25{width:25px; height:25px; clear:both; font-size:0px; display:block;}
.spacer30{width:30px; height:30px; clear:both; font-size:0px; display:block;}
.spacer40{width:40px; height:40px; clear:both; font-size:0px; display:block;}
.spacer50{width:50px; height:50px; clear:both; font-size:0px; display:block;}

/*  -- Forms -- */
input, textarea {font-size:12px; width:99%; font-family:Arial, Verdana;}
.checkbox {width:15px;}
.button {width:75px;}
.buttoncontact {width:100px; color:#202020; background:#6dcff6; cursor:pointer; border: solid 1px;}

/*  -- Picture Gallery -- */
.albumcat {width:178px; min-height:162px; float:left; margin-right:12px; margin-bottom:10px; padding-top:3px; padding-bottom:3px; text-align:center; border:1px solid #376B7F; display:block; }
.albumcat:hover {border:1px solid #54a3c4;}

.imageBox{width:178px; min-height:162px; margin-right:12px; margin-bottom:10px; float:left;}

.backTo{display:block; width:560px; clear:left; margin-top:5px;}
.backTo a{text-align:center; font-weight:bold; display:block; border:1px solid #54a3c4; text-decoration:none}
.backTo a:hover{border:1px solid #376B7F; color:#376B7F;}

#divTreePicGallery {border:solid 1px #999999;width:150px;float:left;}
#divAddGalleryAlbum {border:solid 1px #999999;width:380px;float:right;padding:10px;}
#divGalleryAlbum {border:solid 1px #999999;width:380px;float:right;padding:10px;}

/*  -- Projects -- */
.projects {margin:auto;text-align:center;background-color:#dcdcdc;color:#000000;width:150px;margin-top:15px;}
.projects:hover {background-color:#bababa; color:#FFFFFF;}
.projects a {color:#5a5a5a;}
.projects a:hover {text-decoration: none;}

/* ---------------------------- tooltip  -----------------------------*/
.tool-title {font-weight:bold; font-size:11px; margin:0; color:#6dcff6; padding:8px 8px 4px; background:url(../img/layout/bubble.png) top left;}
.tool-tip {color:#ffffff; width:150px; z-index:13000;}
.tool-text {font-size:11px; padding:4px 8px 8px; background: url(../img/layout/bubble.png) bottom right;}

/* ---------------------------- guestbook : entries and form  -----------------------------*/
.form100pc{width:97%;}

#errorBox{color:#DF7916; border:solid 1px #DF7916; font-size:11px; background-color:#202020;}
#errorBox h2{ font-size:11px; font-weight:bold; padding-left:10px; margin-bottom:10px;}
#errorBox p{padding-left:20px;}
.validationError{border:1px solid #DF7916;}

.formAttentiondNote{font-size:8px; color:#FF0000;padding-left:5px; font-style:italic;}
.blocTitle{font-weight:bold; padding-left:10px; border-bottom:1px solid #7B7B7B; color:#232B2F;}
.blocTitleBullet{color:#232B2F;}

/* ---------------------------- sitemap -----------------------------*/
#sitemap_link_list ul {padding:5px 0 0 0;}
#sitemap_link_list ul li{padding:5px;}