*{margin:0;padding:0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=bg)
}

html,body {height: 100%;}

a:link {color: #2f71c3;}
a:visited {color: #2f71c3;}
a:hover {color: #ff9900;}
a:active {color: #2f71c3;}

#website4u {
	float:left;
}

#website4ubottom{
	position: absolute;
	left:0;
}

#container {
	background-color: #FFFFFF;
	min-height: 100%;
	margin: 0 101px 0 101px;
}

* html #container {
	height: 100%;
}

#header {
	background-color: white;
	height: 80px;
}

#logo {
	float:left;
	margin: 10px;
}

#headerimg {
	float:right;
}

/* ------ FOOTER ------ */

#footer {
	background-color: white;
	margin: -30px 101px 0 101px; /* topmargin -30px sets footer in 100% height of the container (-> no scroll bars) */
	padding: 8px 10px 0 10px;
	font-size: 10px;
	color: #004b91;
	border-top: 1px solid #002280;
	height: 20px;
}

#footer a:link {color: #ff9900;}
#footer a:visited {color: #ff9900;}
#footer a:hover {color: #2f71c3;}
#footer a:active {color: #ff9900;}

/* ------ SIDEBARS ------ */

.sidebarlefttop {
	background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=bg.sidebar);
	height: 22px;
	width:101px;
	border-bottom: 1px solid white;
	position: absolute;
	left:0;
	top:80px;
}

.sidebarleftbottom {
	height: 26px;
	width:101px;
	background: #002280 url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=white) repeat-x bottom;
	border-bottom: 1px solid #3374c4;
	position: absolute;
	left:0;
	top:103px;
}

.sidebarrighttop {
	background-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=bg.sidebar);
	height: 22px;
	width:101px;
	border-bottom: 1px solid white;
}

.sidebarrightbottom {
	margin-top: 80px;
	height: 49px;
	width:101px;
	background: #002280 url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=white) repeat-x bottom;
	border-bottom: 1px solid #3374c4;
	float:right;
}

* html .sidebarrightbottom {
	position:relative;
	left: -3px;
}

/* ------ LANGUAGE NAVIGATION ------ */

#languagenavigation {
	background-color: #c3d7ee;
	text-align:center;
	width: 101px;
	color: #002280;
	height: 22px;
	font-size: 10px;
}

#languagenavigation a {
	padding: 4px 3px 5px 4px;
	position:relative;
	top: 4px;
	text-decoration:none;
}

/* ------ SITE NAVIGATION ------ */

#sitenavigation {
	background-color: #d4e2f3;
	height: 22px;
	border-bottom: 1px solid white;
}

#sitenavigation a {
	background: #d4e2f3 url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=bg.navbtn.1) no-repeat left;
	text-decoration:none;
	font-weight: bold;
	padding-bottom: 7px;
	float: left;
	margin-right:-9px;
}

#sitenavigation a .navcorner {
	padding: 3px 25px 4px 25px;
	position:relative;
	top: 3px;
	display:inline;
}

#sitenavigation a:hover {
	background: #ff9900 url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=bg.navbtn.2) no-repeat left;
	color: white;
}

#sitenavigation a:hover .navcorner {
	background: url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=navcorner2) no-repeat top right;
}

.activesitebutton {
	background: #002280 url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=bg.navbtn.3) no-repeat left;
	text-decoration:none;
	font-weight: bold;
	color: white;
	float: left;
	margin-right:-9px;
	padding-bottom: 7px;
}

.activesitebutton .navcorner{
	padding: 3px 25px 4px 25px;
	position:relative;
	top: 3px;
	display:inline;
	background: url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=navcorner1) no-repeat top right;
}

/* ------ SUBNAVIGATION ------ */

#subnavigation {
	height: 26px;
	background: #002280 url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=white) repeat-x bottom;
	border-bottom: 1px solid #3374c4;
}

#subnavigation a {
	background: url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=bg.subnav) no-repeat left center;
	padding: 5px 7px 6px 12px;
	position:relative;
	top: 5px;
	text-decoration:none;
	color: white;
	font-size: 11px;
	font-weight:bold;
}

#subnavigation a:hover {
	color:#8cb4e6;
}

.activesubbutton {
	background: url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=bg.subnav) no-repeat left center;
	padding: 5px 7px 6px 12px;
	position:relative;
	top: 5px;
	text-decoration:none;
	color: #8cb4e6;
	font-size: 11px;
	font-weight:bold;
}

#content {
	background-color: white;
	padding: 10px 10px 40px 10px;
}

#leftpanel {
/*	margin-right: 230px; */
	margin-right: 100px; 

}

/* ------ RIGHTPANEL ------ */

.rightpanel {
	width: 220px;
	float:right;
	color: white;
}

.rightitem {
	background: #ff9900 url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=white.corner) no-repeat left top;
	padding: 20px;
	margin-bottom: 10px;
	width: 180px
}

.rightitem img {
	border: 1px solid white;
	margin-bottom: 15px;
}

.rightitem a:link {
	color:white;
}

.rightitem a:visited {
	color:white;
}

.rightitem a:hover {
	color: #2f71c3;
}

.rightitem a:active {
	color:white;
}

.rightitem a.button:link {
	background-color: #ffcc99;
	color: #cc6600;
	border: 1px solid white;
	font-weight: bold;
	padding: 3px;
	text-decoration:none;
}

.rightitem a.button:visited {
	background-color: #ffcc99;
	color: #cc6600;
	border: 1px solid white;
	font-weight: bold;
	padding: 3px;
	text-decoration:none;
}

.rightitem a.button:hover {
	background-color:#cc6600;
	color: white;
	border: 1px solid white;
	font-weight: bold;
	padding: 3px;
	text-decoration:none;
}

.rightitem a.button:active {
	background-color: #ffcc99;
	color: #cc6600;
	border: 1px solid white;
	font-weight: bold;
	padding: 3px;
	text-decoration:none;
}



.form a.button:link {
	background-color: #ffcc99;
	color: #cc6600;
	border: 1px solid white;
	font-weight: bold;
	padding: 3px;
	text-decoration:none;
}

.form a.button:visited {
	background-color: #ffcc99;
	color: #cc6600;
	border: 1px solid white;
	font-weight: bold;
	padding: 3px;
	text-decoration:none;
}

.form a.button:hover {
	background-color:#cc6600;
	color: white;
	border: 1px solid white;
	font-weight: bold;
	padding: 3px;
	text-decoration:none;
}

.form a.button:active {
	background-color: #ffcc99;
	color: #cc6600;
	border: 1px solid white;
	font-weight: bold;
	padding: 3px;
	text-decoration:none;
}



.rightitem ul li {
	list-style-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=bullet2);
	margin-left: 11px;
}

* html .rightitem ul li {
	margin-left: 17px;
}

/* ------ ATTENTIONBOX ------ */

.attentionbox {
	background: #e9f0f9 url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=white.corner) no-repeat left top;
	padding: 20px;
	margin-bottom: 10px;
  width:250px
}

.attentionbox a {
	text-decoration: none;
}

.attentionbox img {
	border: 1px solid #002280;
	float: left;
	margin-right: 10px;
}

.attentionitem {
	margin-bottom: 20px;
}

.attentiontext {
	margin-left: 60px;
}

.attentiontitle {
	font-weight: bold;
	font-size : 13px;
	color:#2f71c3;
	margin-bottom: 9px;
}

h1 {
	color: #296DC1;
	font-size:18px;
	font-weight:bold;
	background: url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=bg.h3) no-repeat left center;
	padding-left: 9px;
	margin-bottom: 5px;
}

h2 {
	color: #ff9900;
	font-size:15px;
	font-weight:bold;
	background: url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=bg.h2) no-repeat left center;
	padding-left: 9px;
	margin-bottom: 5px;
}

h3 {
	color: #296DC1;
	font-size:12px;
	font-weight:bold;
	background: url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=bg.h3) no-repeat left center;
	padding-left: 9px;
	margin-bottom: 5px;
}

h4 {
	color: white;
	font-size:11px;
	font-weight:bold;
	background: url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=bg.h4) no-repeat left center;
	padding-left: 9px;
	margin-bottom: 15px;
}

ul li {
	list-style-image: url(http://api.oxs4u.com/default/aspx/getobject.aspx?sns=websites.4uware.design.img&cache=true&ons=bullet);
	margin-left: 11px;
}

* html ul li {
	margin-left: 17px;
}