html {font-size:67.85%;}

*{font-family: Verdana,Arial,Helvetica,sans-serif;font-size:1em;}

body {background:#dee3e6;margin:0 auto;text-align:center;padding:0;font-size: 1.1em;color:#333333;}

p { line-height:1.5em;margin:5px 0px;}

a { color:#006cbf;}

img { border:0;}
img.bordered {border:1px solid #d7d7d7;}

ul { line-height:1.5em;font-size:0.9em;margin:5px 0px 5px 15px;padding:0;}
ul li { font-weight:bold;padding:5px 0px;}
ul ul { font-size:1em;}
ul li ul li { font-weight:normal;padding:1px 0px;}

#container {
	margin:10px auto;
	text-align:left;
	width:917px;
	background:#fff;
	
	
}

#top {position:relative;height:120px;background:#fff url(img/top.jpg) top left no-repeat;}
#logo { width:270px;height:65px;position:absolute;top:30px;left:30px;}

#menu {
	position:relative;
	line-height: normal;
	margin:0;
	padding:0;
	min-width: 300px;
	overflow: hidden;
	height:32px;
	background:#fff url(img/menu_bg.gif) top left repeat-x;
	border-bottom:1px solid #b6b6b6;
	
}
#menu ul {font-size:1em;position:absolute;bottom:0px;left:20px;margin:0;padding: 0;list-style: none;}
#menu li {display: inline;margin:0;padding:0;font-size:0.9em;font-weight: normal;}
#menu li.righttab {float:right;}
#menu a {float: left;height:30px;line-height:25px;background:url("img/menu_tabs.gif") no-repeat 0% -30px;color:#fff;margin: 0 3px 0px 0;font-weight:normal;padding: 0 0 0 7px;text-decoration: none;position:relative;}
#menu a span {float: left;display: block;background: url("img/menu_tabs_corner.gif") no-repeat 100% -30px;padding: 2px 15px 4px 9px;color: #fff;white-space: nowrap;font-size:1.1em;font-weight:normal;text-transform:none;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span { float:none;}
/* End hack */
#menu a:hover span {color: #ffffff;}
#menu li a.selectedtab {float: left;background:url("img/menu_tabs.gif") no-repeat 0% -0px;color:#fff;margin: 0 3px 0px 0;font-weight:normal;padding: 0 0 0 7px;text-decoration: none;position:relative;}
#menu li a.selectedtab span {float: left;display: block;background: url("img/menu_tabs_corner.gif") no-repeat 100% -0px;padding: 2px 15px 4px 9px;color: #000;}
#menu a:hover {background-position: 0 -60px;}
#menu a:hover span {background-position: 100% -60px;}


#content { margin-top:20px;padding:10px 40px 160px 40px;background:#fff url(img/content_bg.jpg) bottom right no-repeat;}
#content .left { float:left;width:460px;padding-right:20px;border-right:2px dotted #eee;}
#content .right { float:right;width:330px;}

.rightbox { margin-bottom:20px;}
.rightbox h2,.rightbox h3 { margin-top:0;}
.rightbox .rightboxtop {line-height:2px;font-size:2px;background:transparent url(img/rightbox_top.gif) bottom left no-repeat;height:8px;overflow:hidden;}
.rightbox .rightboxcontent { padding:10px 20px;background:transparent url(img/rightbox_content.gif) top left repeat-y;}
.rightbox .rightboxbottom {line-height:2px;font-size:2px;background:transparent url(img/rightbox_bottom.gif) top left no-repeat;height:8px;overflow:hidden;}

.rightboxcontent p { font-size:0.9em;}


#footer {background:#fff url(img/footer.gif) bottom left no-repeat;height:21px;}


h1,h2,h3,h4,h5 { font-family:"Segoe UI", Arial,Helvetica,sans-serif;margin:0;padding:0;font-weight:bold;}
h1 { font-size:1.6em;}
h2 { font-size:1.3em;margin:1.9em 0 0.3em 0;}
h3 { font-size:1.15em;margin:1.4em 0 0.3em 0;}

.small { font-size:0.9em;}
.xsmall { font-size:0.8em;}
.td_span { width:80px;}

.katarina { margin-top:60px;}
.contact { margin-top:8px;}

.portrait { float:left;margin-right:10px;}
.nopad { margin:0;padding:0;}
.bigpad { margin:20px 0px 10px;}
.worldmap { border:1px solid #d7d7d7;}

.howto { float:right;margin-left:10px;}
.services { float:right;margin-left:5px;}

.taright { text-align:right;}

.rightpad { padding-right:20px;}

.w100prc { width:100%;}